open-index/open-npm huggingface dataset:
npm package: @liutsing/cli
Description: - https://github.com/apify/crawlee/tree/master/packages/cli - rspack - cra - vue-cli - vite-cli
Latest version: 0.1.1-beta.8

# Cli

## Resources

- https://github.com/apify/crawlee/tree/master/packages/cli
- rspack
- cra
- vue-cli
- vite-cli

## TODO

- 拷贝目录后，初始化 git 仓库并提交
npm package: @liutsing/css-modules-typescript-loader
Description: Webpack loader to create TypeScript declarations for CSS Modules
Author: SEEK
Latest version: 5.0.0-beta.1

[![Build Status](https://img.shields.io/travis/seek-oss/css-modules-typescript-loader/master.svg?style=flat-square)](http://travis-ci.org/seek-oss/css-modules-typescript-loader) [![npm](https://img.shields.io/npm/v/css-modules-typescript-loader.svg?style=flat-square)](https://www.npmjs.com/package/css-modules-typescript-loader) [![semantic-release](https://img.shields.io/badge/%20%20%F0%9F%93%A6%F0%9F%9A%80-semantic--release-e10079.svg?style=flat-square)](https://github.com/semantic-release/semantic-release) [![Commitizen friendly](https://img.shields.io/badge/commitizen-friendly-brightgreen.svg?style=flat-square)](http://commitizen.github.io/cz-cli/)

# css-modules-typescript-loader
> fix working with css-loader V7

[Webpack](https://webpack.js.org/) loader to create [TypeScript](https://www.typescriptlang.org/) declarations for [CSS Modules](https://github.com/css-modules/css-modules).

Emits TypeScript declaration files matching your CSS Modules in the same location as your source files, e.g. `src/Component.css` will generate `src/Component.css.d.ts`.

## Why?

There are currently a lot of [solutions to this problem](https://www.npmjs.com/search?q=css%20modules%20typescript%20loader). However, this package differs in the following ways:

- Encourages generated TypeScript declarations to be checked into source control, which allows `webpack` and `tsc` commands to be run in parallel in CI.

- Ensures committed TypeScript declarations are in sync with the code that generated them via the [`verify` mode](#verify-mode).

## Usage

Place `css-modules-typescript-loader` directly after `css-loader` in your webpack config.

```js
module.exports = {
  module: {
    rules: [
      {
        test: /\.css$/,
        use: [
          'css-modules-typescript-loader',
          {
            loader: 'css-loader',
            options: {
              modules: true,
            },
          },
        ],
      },
    ],
  },
}
```

### Verify Mode

Since the TypeScript declarations are generated by `webpack`, they may potentially be out of date by the time you run `tsc`. To ensure your types are up to date, you can run the loader in `verify` mode, which is particularly useful in CI.

For example:

```js
{
  loader: 'css-modules-typescript-loader',
  options: {
    mode: process.env.CI ? 'verify' : 'emit'
  }
}
```

Instead of emitting new TypeScript declarations, this will throw an error if a generated declaration doesn't match the committed one. This allows `tsc` and `webpack` to run in parallel in CI, if desired.

This workflow is similar to using the [Prettier](https://github.com/prettier/prettier) [`--list-different` option](https://prettier.io/docs/en/cli.html#list-different).

## With Thanks

This package borrows heavily from [typings-for-css-modules-loader](https://github.com/Jimdo/typings-for-css-modules-loader).

## License

MIT.
npm package: @liutsing/eslint-config
Description: > eslint config used by `TypeScript` app of MapleImage
Latest version: 0.0.11

# `@liutsing/eslint-config`

> eslint config used by `TypeScript` app of MapleImage

## Usage

```bash
npm install @liutsing/eslint-config -D
```

### TypeScript project

1. Create a `.eslintrc.js` configuration file in the root of your project with the following content:

```js
module.exports = {
  extends: '@liutsing/eslint-config',
}
```

2. Run eslint on all the ts files etc in your project:

```bash
npx eslint . --ext .ts
```

### Vue3 + TypeScript projects

1. Create a `.eslintrc.cjs` configuration file in the root of your project with the following content:

```js
module.exports = {
  extends: '@liutsing/eslint-config',
  // ignorePatterns: [], or add .eslintignore file
}
```

2. Run eslint on all the SCSS files etc in your project:

```bash
npx eslint . --ext .ts
```

### Add script for package.json

For example:

```json
{
  "scripts": {
    "lint": "eslint .",
    "lint:fix": "eslint . --fix"
  }
}
```
npm package: @liutsing/eslint-config-typescript
Description: > eslint config used by `TypeScript` app of MapleImage
Latest version: 0.0.3
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

# `@liutsing/eslint-config-typescript`

> eslint config used by `TypeScript` app of MapleImage

## Usage

```bash
npm install @liutsing/eslint-config-typescript -D
```
### TypeScript project
1. Create a `.eslintrc.js` configuration file in the root of your project with the following content:

```js
module.exports = {
  extends: '@liutsing/eslint-config-typescript',
}
```
2. Run eslint on all the ts files etc in your project:
```bash
npx eslint . --ext .ts
```
### Vue3 + TypeScript projects
1. Create a `.eslintrc.cjs` configuration file in the root of your project with the following content:

```js
module.exports = {
  extends: '@liutsing/eslint-config-typescript',
}
```
2. Run eslint on all the SCSS files etc in your project:
```bash
npx eslint . --ext .ts
```
npm package: @liutsing/postcss-theme-colors
Description: PostCSS plugin to configure light/dark color
Author: Liutsing
Latest version: 0.0.1

# PostCSS Theme Colors

<img align="right" width="135" height="95"
     title="Philosopher’s stone, logo of PostCSS"
     src="https://postcss.org/logo-leftp.svg">

[PostCSS] plugin to auto inject ligth/dark theme color.

```css
a {
  color: cc(G01);
}
```

will be processed to:

```css
a {
  color: #fff;
}
html[data-theme='dark'] a {
  color: #eee;
}
```

## Usage

**Step 1:** Install plugin:

```sh
npm install --save-dev postcss @liutsing/postcss-theme-colors
```

or

```sh
yarn add postcss @liutsing/postcss-theme-colors --save-dev
```

or

```sh
pnpm install --save-dev postcss @liutsing/postcss-theme-colors
```

**Step 2:** Check your project for existing PostCSS config: `postcss.config.js`
in the project root, `"postcss"` section in `package.json`
or `postcss` in bundle config.

If you do not use PostCSS, add it according to [official docs]
and set this plugin in settings.

**Step 3:** Add the plugin to plugins list:

```diff
module.exports = {
  plugins: [
+   require('@liutsing/postcss-theme-colors')({
+      groups: {
+       G01: ['C01', 'C02'],
+     },
+     colors: {
+       C01: 'red',
+       C02: 'blue',
+     },
+   }),
    require('autoprefixer')
  ]
}
```

see more [options](./src/types/index.d.ts)

## example

```
cd example
yarn
yarn dev
```
npm package: @liutsing/prettier-config
Description: > prettier config of MapleImage
Latest version: 0.1.2

# `@liutsing/prettier-config`

> prettier config of MapleImage

## Usage

```bash
pnpm install @liutsing/prettier-config -D
```

add `prettier` field in `package.json`

```json
{
  "prettier": "@liutsing/prettier-config"
}
```

## Resources
- [prettier.io/docs](https://prettier.io/docs)
npm package: @liutsing/react-native-custom-edittext
Description: react native custom edittext
Author: Liutsing Robert
Latest version: 0.4.0

# react-native-custom-edittext

react native custom edittext like `TextInput` but hidden the soft input keyboard for some specific scnarios.

## Installation

```sh
npm install react-native-custom-edittext
```

## Usage

```js
import { CustomEdittext } from 'react-native-custom-edittext';

// props extends from TextInputProps
<CustomEdittext />;
```

## Contributing

See the [contributing guide](CONTRIBUTING.md) to learn how to contribute to the repository and the development workflow.

## License

MIT

---

Made with [create-react-native-library](https://github.com/callstack/react-native-builder-bob)
npm package: @liutsing/stylelint-config
Description: > stylelint config of MapleImage
Latest version: 0.0.4

# `@liutsing/stylelint-config`

> stylelint config of MapleImage

## Usage
1. Create a .stylelintrc.json configuration file in the root of your project with the following content:

```json
{
  "extends": ["@liutsing/stylelint-config"]
}
```
2. Run stylelint on all the SCSS files in your project:
```sh
npx stylelint "**/*.scss"
```

## Resources
- [stylelint docs](https://stylelint.io/)
- [stylelint your-configuration](https://stylelint.io/user-guide/get-started#your-configuration)
npm package: @liutsing/task-queue
Description: ## Reference
Latest version: 0.0.2

# Task Queue

## Reference

- [npmjs](https://www.npmjs.com/search?q=task%20queue), `task queue` 搜索结果

## FAQ

- `JavaScript`微任务、宏任务执行机制不清晰
- 涉及到一些设计模式？