open-index/open-npm huggingface dataset:
npm package: @ganlinte/gkd-subscription
Description: 本仓库仅为本人学习研究的成果。
Author: ganlinte
Latest version: 2.0.66

# @ganlinte/GKD-subscription

## 使用前须知

本仓库仅为本人学习研究的成果。

使用者使用过程中所带来的一切后果均与本人无关。

## 说明

随缘更新

`默认规则`仅启用`开屏广告`一类规则, 其它所有规则均需用户手动打开

## GKD 订阅链接

|                                             Github                                             |                                       gitmirror                                        |                                              npmmirror                                               |                                           jsDelivr                                           |
| :--------------------------------------------------------------------------------------------: | :------------------------------------------------------------------------------------: | :--------------------------------------------------------------------------------------------------: | :------------------------------------------------------------------------------------------: |
| [链接](https://raw.githubusercontent.com/ganlinte/GKD-subscription/main/dist/ganlin_gkd.json5) | [链接](https://raw.gitmirror.com/ganlinte/GKD-subscription/main/dist/ganlin_gkd.json5) | [链接](https://registry.npmmirror.com/@ganlinte/gkd-subscription/latest/files/dist/ganlin_gkd.json5) | [链接](https://cdn.jsdelivr.net/npm/@ganlinte/gkd-subscription@latest/dist/ganlin_gkd.json5) |

- Github
```txt
https://raw.githubusercontent.com/ganlinte/GKD-subscription/main/dist/ganlin_gkd.json5
```

- gitmirror
```txt
https://raw.gitmirror.com/ganlinte/GKD-subscription/main/dist/ganlin_gkd.json5
```

- npmmirrow
```txt
https://registry.npmmirror.com/@ganlinte/gkd-subscription/latest/files/dist/ganlin_gkd.json5
```

- jsDeliver
```txt
https://cdn.jsdelivr.net/npm/@ganlinte/gkd-subscription@latest/dist/ganlin_gkd.json5
```

## GKD 订阅仓库

|                        Github                        |                              npmjs                               |                            npmmirror                             |                                jsDelivr                                 |
| :--------------------------------------------------: | :--------------------------------------------------------------: | :--------------------------------------------------------------: | :---------------------------------------------------------------------: |
| [链接](https://github.com/ganlinte/GKD-subscription) | [链接](https://www.npmjs.com/package/@ganlinte/gkd-subscription) | [链接](https://npmmirror.com/package/@ganlinte/gkd-subscription) | [链接](https://www.jsdelivr.com/package/npm/@ganlinte/gkd-subscription) |

## 说明

当前版本: v66

当前订阅文件已适配 607 个 APP, 共有 1384 规则组

查看 [适配 APP 列表](./dist/README.md)

查看 [第三方订阅规则汇总](https://github.com/Adpro-Team/GKD_THS_List)

如何编写订阅/贡献此项目 -> [CONTRIBUTING.md](./CONTRIBUTING.md)

[GKD官网](https://gkd.li/)

快照 [网页审查工具](https://i.gkd.li/)

## 致谢

### 感谢以下项目

[gkd-kit/subscription](https://github.com/gkd-kit/subscription)

[gkd-kit/subscription-template](https://github.com/gkd-kit/subscription-template)

### 感谢以下开发者的贡献

![img](https://contrib.rocks/image?repo=ganlinte/GKD-subscription&_v=66)
npm package: @ganmahmud/tailwindcss-language-variant
Description: Tailwind CSS plugin to generate language variant utilities.
Author: GAN MAHMUD
Latest version: 1.0.1

## Tailwind CSS Language Variant Plugin

This Tailwind CSS plugin adds a new variant called `lang-{language}` that can be used to style elements based on their language. This can be useful for creating multilingual websites or applications.

## Installation

1. Install the plugin using npm or Yarn:

    ```bash
    # Using npm
    npm install -D @ganmahmud/tailwindcss-language-variant

    # Using Yarn
    yarn add -D @ganmahmud/tailwindcss-language-variant
    ```
2. Add the plugin to your `tailwind.config.js` file. The default language is bn (Bangla). You can add as many language as you like using the `language` option in theme configuration.

    ```js
    // tailwind.config.js
    module.exports = {
      theme: {
        language: ['bn', 'en'],
      },
      plugins: [
        require('@ganmahmud/tailwindcss-language-variant'),
      ],
    }
    ```
3. The plugin assumes that you have a `lang` attribute in your HTML tag and it is handles by your application or website. You can then use the `lang-{language}` variant in your HTML like this:

    ```html
    <html lang="bn">
      <body>
        <h1 class="lang-bn:font-bold">Hello world!</h1>
      </body>
    </html>
    ```

    This will result in the following CSS:
    
    ```css
    [lang="bn"] .lang-bn\:font-bold {
        font-weight: 700;
    }
    ```

    ## Changelog
    -  `1.0.1`: Fixed languge config type issue
    -  `1.0.0`: Initial release
npm package: @gannochenko/viewer-tools
Description: React components for video frame preview and rendering
Author: gannochenko
Latest version: 0.0.24

# @gannochenko/viewer-tools

React components for video frame preview and rendering.

## Installation

```bash
npm install @gannochenko/viewer-tools
```

## Usage

```tsx
import { VideoFrame, RenderingView, FormatPanel } from "@gannochenko/viewer-tools";
import "@gannochenko/viewer-tools/styles.css";

// VideoFrame example
function App() {
  return (
    <VideoFrame initialContent={{ title: "Hello", date: "", tags: "", extra: "" }}>
      {(content) => <div>{content.title}</div>}
    </VideoFrame>
  );
}

// RenderingView example
function RenderApp() {
  return <RenderingView title="Hello World" />;
}
```

## Components

### VideoFrame

Provides a scalable video frame container with format selection and preview controls.

### RenderingView

A wrapper component that marks the rendering as complete for automated rendering tools.

### FormatPanel

A UI panel for selecting video formats (YouTube, YT Shorts, etc.).

## License

MIT
npm package: @ganpatiinfo/gids-angular-web
Description: Angular package around the GIDS Web Core UI components
Author: Ganpatiinfo Design System
Latest version: 2.1.1

# Angular wrappers around the GIDS Web Core UI components

This library provides Angular wrappers for the [GIDS Web Core](https://gids.ganpatiinfo.io/workshop/web-core/) components. Angular-based projects are strongly encouraged to use this library instead of the Web Core components directly.

## Usage

Please refer to our [Web Angular Getting Started guide](storybook-getting-started-url).
npm package: @ganpatiinfo/gids-react-web
Description: This package is react web package with all components
Author: Ganpatiinfo Design System
Latest version: 2.1.1

# React UI Components for web

Package provides ready to use react components from [GIDS Core Web]() components. React based projects can use this package to get ready-made components.

## Usage

Refer to our [repo](https://github.com/ganpatiinfosystem/ganpatiinfo-design-system) for more information and usage.
npm package: @ganpatiinfo/gids-web-theme-interface
Description: GIDS web theme interface
Author: Ganpatiinfo Design System
Latest version: 2.0.7

# GIDS web theme interface

Web-specific definition of GIDS's theme interface.

Currently, this package contains no code. However, it is still published as `@ganpatiinfo/gids-core-web` and `@ganpatiinfo/gids-web-theme-ganpatiinfo` have a peer dependency on this package, so that there is no direct dependency between them. This allows core component & styling code to be versioned indepdendently of the theme code, and vice versa, when there are chnage unrelated to the theme interface.

**Note:** The version of this package is kept in sync with that of `@ganpatiinfo/gids-react-native-theme-interface`.
npm package: @gant-lowcode/action-block
Description: ## 区块实体
Author: mark.ck
Latest version: 2.1.3

# 区块管理 - 保存为区块

## 区块实体

```

interface Block {
  name: string;
  title: string;
  schema: string;
  screenshot: string;
  created_at?: string;
  updated_at?: string;
}

```

## 注意

使用区块管理需要提前将对应的 API 注册到 engine config 里：

```

interface BlockAPI {
  listBlocks: () => Block[];
  createBlock: (Block) => any;
}

function setupConfig() {
  config.set('apiList', {
    block: {
      listBlocks,
      createBlock
    },
  })
}
```

# 使用方式

```
import { material } from '@gant-lowcode/lowcode-engine';
import { default as saveAsBlock } from '@gant-lowcode/action-block';

material.addBuiltinComponentAction(saveAsBlock);
```