open-index/open-npm huggingface dataset:
npm package: @hhenrichsen/motion-canvas-nord
Description: Nord Theme for Motion Canvas
Author: Hunter Henrichsen
Latest version: 1.1.1

# `motion-canvas-nord`

This adds a code block color theme and some color constants that I frequently
use for [Motion Canvas](https://motion-canvas.github.io).

## Usage

```tsx
import {makeScene2D} from '@motion-canvas/2d';
import {CodeBlock} from '@motion-canvas/2d/lib/components/CodeBlock';
import {createRef} from '@motion-canvas/core';
import {Nord} from '@hhenrichsen/motion-canvas-nord';

export default makeScene2D(function* (view) {
  const code = createRef<CodeBlock>();
  view.add(
    <CodeBlock
      ref={code}
      theme={Nord.Theme}
      language={'python'}
      code={`
def print_hello():
    print("Hello")

if __name__ == "__main__":
    print_hello()`}
    />,
  );
});
```
npm package: @hhfe/config
Description: 代码规范配置文件包，包含 ESLint、Stylelint、Prettier 等配置
Author: HHFE Team
Latest version: 0.1.6

# @hhfe/config

代码规范配置文件包，包含 ESLint、Stylelint、Prettier 等配置。

## 安装

```bash
pnpm add -D @hhfe/config
```

## 使用方法

### ESLint 配置

在你的项目中创建 `.eslintrc.js` 文件：

```javascript
module.exports = {
  extends: [require.resolve('@hhfe/config/eslint')],
  // 你的项目特定配置
};
```

### Prettier 配置

在你的项目中创建 `.prettierrc.js` 文件：

```javascript
module.exports = require('@hhfe/config/prettier');
```

### Stylelint 配置

在你的项目中创建 `.stylelintrc.js` 文件：

```javascript
module.exports = {
  extends: ['@hhfe/config/stylelint'],
  // 你的项目特定配置
};
```

### Commitlint 配置

在你的项目中创建 `commitlint.config.js` 文件：

```javascript
module.exports = {
  extends: ['@hhfe/config/commitlint'],
  // 你的项目特定配置
};
```

## 配置说明

### ESLint

- 支持 TypeScript
- 支持 Vue 3
- 集成 Prettier 避免冲突
- 包含常用的代码质量规则

### Prettier

- 统一的代码格式化规则
- 支持 JavaScript、TypeScript、Vue、CSS、Less 等

### Stylelint

- 支持 CSS、Less、Vue 样式
- 包含样式顺序规则
- 基于 standard 配置

### Commitlint

- 基于 conventional commits 规范
- 支持多种 commit 类型
- 包含详细的格式验证规则
- 支持中文注释说明

## 更新配置

当需要更新配置时，只需要更新这个包，然后所有使用该配置的项目都会自动获得最新的规范配置。
npm package: @hhftechtips/docusaurus-theme
Description: A collection of components and style overrides for Docusaurus pages in HHFTechTips's open-source projects
Author: Infinum
Latest version: 0.6.2

# Docusaurus Theme For HHF Tech Tips Books

> **Note**
> This repo is still work in progress. Code might not be optimal, documentation might not be complete. Not all Docusaurus features have been restyled yet! Use At you own risk.

This theme adds style overrides and new components for building consistent open-source, Docusaurus-based project pages.

## Installation

Add `docusaurus/docusaurus-theme` to your package:

```bash
npm i @hhftechtips/docusaurus-theme
# or
yarn add @hhftechtips/docusaurus-theme
```

## Swizzling components

```bash
$ npm swizzle @hhftechtips/docusaurus-theme [component name]
```

More Documentation Coming soon
npm package: @hhgtech/eslint-plugin-hhg-customs
Description: Custom ESLint rules for enforcing best practices
Author: Your Name
Latest version: 1.0.3

# @hhgtech/eslint-plugin-hhg-customs

Hello Health Group's Custom ESLint rules for enforcing best practices.

## Installation

You can install this plugin using npm or yarn:

```bash
npm install @hhgtech/eslint-plugin-hhg-customs --save-dev
```

or

```bash
yarn add @hhgtech/eslint-plugin-hhg-customs --dev
```

## Configuration

To use the custom ESLint rules in your project, you need to configure ESLint to include this plugin and enable the specific rules in your `.eslintrc.js` or other ESLint configuration file.

Here's an example ESLint configuration:

```javascript
module.exports = {
  plugins: ['@hhgtech/hhg-customs'],
  rules: {
    '@hhgtech/hhg-customs/img-require-loading': 'error',
    // Add other custom rules as needed
  },
};
```

Make sure to replace 'img-require-loading' with the actual name of the custom rule you want to enable.

## Usage

After configuring ESLint to use the custom rules, you can run ESLint on your code to enforce these rules. For example:

```bash
npx eslint your-source-files.js
```

If you want ESLint to automatically fix issues reported by these custom rules, you can add the `--fix` flag:

```bash
npx eslint --fix your-source-files.js
```

## Rules

### `img-require-loading`

This rule enforces the presence of a `loading` prop on `<img>` elements.

**Options:**

- `always` (default) - Requires the `loading` prop.
- `never` - Does not require the `loading` prop.

### Examples:

```javascript
// .eslintrc.js
module.exports = {
  plugins: ['@hhgtech/hhg-customs'],
  rules: {
    '@hhgtech/hhg-customs/img-require-loading': 'error', // Requires the loading prop
  },
};
```

## License

This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.