open-index/open-npm huggingface dataset:
npm package: @luban-ui/eslint-config
Description: Lu Ban ui ESLint config
Author: Season Chen season.chen.i@foxmail.com>
Latest version: 3.1.0

# Lu Ban Eslint Config

- extends from [@antfu/eslint-config](https://github.com/antfu/eslint-config);

## Install

```sh
npm i -D eslint @types/eslint @luban-ui/eslint-config
```

## Create config file

With ["type": "module"](https://nodejs.org/api/packages.html#type) in package.json (recommended):

```js
// eslint.config.js
import luban from '@luban-ui/eslint-config';

export default luban(
  // Configures for antfu's config
  {
    vue: {
      // ...
    }
  },

  // From the second arguments they are ESLint Flat Configs
  // you can have multiple configs
  {
    files: ['**/*.ts'],
    rules: {}
  },
  {
    rules: {}
  }
);
```

With CJS:

```js
// eslint.config.js
const luban = require('@luban-ui/eslint-config').default;

module.exports = luban();
```
npm package: @luban-ui/stylelint-config
Description: Lu Ban ui Stylelint config
Author: Season Chen season.chen.i@foxmail.com>
Latest version: 2.0.0

# Lu Ban Stylelint Config

## Install

```sh
npm i -D stylelint @luban-ui/stylelint-config
```

## Create config file

With ["type": "module"](https://nodejs.org/api/packages.html#type) in package.json (recommended):

```js
// stylelint.config.js
import luban from '@luban-ui/stylelint-config';

/** @type {import('stylelint').Config} */
export default {
  extends: [luban()]
  // ...other stylelint options
};
```

With CJS:

```js
// stylelint.config.js
const luban = require('@luban-ui/stylelint-config').default;

module.exports = {
  extends: [luban()]
  // ...other stylelint options
};
```
npm package: @luban-ui/vite-plugun-css-modules-dts
Description: Generate .d.ts for css modules file
Author: Season Chen season.chen.i@foxmail.com>
Latest version: 1.0.2

# Generate .d.ts for css modules file

## Install

```sh
npm i -D vite @luban-ui/vite-plugun-css-modules-dts
```

## Create config file

```ts
import { defineConfig } from 'vite';
import cssModulesDts from '@luban-ui/vite-plugun-css-modules-dts';

// vite.config.ts
export default defineConfig(() => {
  const root = __dirname;

  return {
    root,
    server: {
      host: '0.0.0.0',
      port: 5174
    },
    resolve: {
      alias: {
        '@': root
      }
    },
    plugins: [
      cssModulesDts({
        files: [
          '**/*.module.scss'
        ],
        namedExports: true,
        watch: true
      })
    ]
    // ...others
  };
});
npm package: @luban-ui/vite-plugun-env-dts
Description: Generate .d.ts for envs in envDir
Author: Season Chen season.chen.i@foxmail.com>
Latest version: 1.0.0

# Generate .d.ts for envs
## Install

```sh
npm i -D vite @luban-ui/vite-plugun-env-dts
```

## Create config file

```ts
import { defineConfig } from 'vite';
import envDts from '@luban-ui/vite-plugun-env-dts';

// vite.config.ts
export default defineConfig(() => {
  const root = __dirname;

  return {
    root,
    server: {
      host: '0.0.0.0',
      port: 5174
    },
    resolve: {
      alias: {
        '@': root
      }
    },
    plugins: [
      envDts({
        filename: 'custom-env.d.ts',
        name: 'CustomProcessEnv'
      })
    ]
    // ...others
  };
});
npm package: @luban-ui/vite-plugun-sitemap
Description: Generate sitemap for vite site
Author: Season Chen season.chen.i@foxmail.com>
Latest version: 1.0.1

# Generate sitemap for vite site

## Install

```sh
npm i -D vite @luban-ui/vite-plugun-sitemap
```

## Create config file

```ts
import { defineConfig } from 'vite';
import sitemap from '@luban-ui/vite-plugun-sitemap';

// vite.config.ts
export default defineConfig(() => {
  const root = __dirname;

  return {
    root,
    server: {
      host: '0.0.0.0',
      port: 5174
    },
    resolve: {
      alias: {
        '@': root
      }
    },
    plugins: [
      sitemap({
        domains: [
          'www.test.com'
        ],
        pages: [
          {
            path: '/',
            // languages: ['zh-CN', 'en-US'],
            // defaultLanguage: 'zh-CN',
            priority: 1.0
          }
        ],
        languages: ['zh-CN', 'en-US'],
        defaultLanguage: 'zh-CN',
        getLanguagePath: (page: string, lang: string) => `${lang}${page}`,
        filename: (domain: string) => `sitemap.xml`
      })
    ]
    // ...others
  };
});
npm package: @lubanjs/cli
Description: a scaffold that can quickly build front-end projects
Author: anth7
Latest version: 0.5.1

#@lubanjs/cli

> 一个命令行工具，用于快速构建javascript项目。

## 安装

```sh
npm install @lubanjs/cli -g --registry=https://registry.npm.taobao.org
```
## 使用
创建项目，运行如下命令：
```sh
luban create your-project
```
然后根据引导提示完成模版的选择，以及一些必要信息的配置，最后根据提示进入项目，安装依赖，启动项目。

## 目前支持的模版
### vue
[spa-vue-basic](https://github.com/lubanJs-templates/spa-vue/tree/spa-vue-basic)

xd-datacenter-v3.0-spa-vue-admin
### react
计划中
npm package: @lubc/react-scripts
Description: Configuration and scripts for Create React App.
Latest version: 1.0.17

# react-scripts

This package includes scripts and configuration used by [Create React App](https://github.com/facebookincubator/create-react-app).<br>
Please refer to its documentation:

* [Getting Started](https://github.com/facebookincubator/create-react-app/blob/master/README.md#getting-started) – How to create a new app.
* [User Guide](https://github.com/facebookincubator/create-react-app/blob/master/packages/react-scripts/template/README.md) – How to develop apps bootstrapped with Create React App.
npm package: @lubelski/json-table
Description: A table for easily displaying json values
Author: William Lubelski
Latest version: 0.0.1

Show json as a table

[![CI](https://github.com/lubelski/json-table/actions/workflows/main.yml/badge.svg)](https://github.com/lubelski/json-table/actions/workflows/main.yml)

[![Publish](https://github.com/lubelski/json-table/actions/workflows/publish.yml/badge.svg)](https://github.com/lubelski/json-table/actions/workflows/publish.yml)
npm package: @luberius/fork-windmill-react-ui
Description: Fork of Windmill React UI component library built with Tailwind CSS
Author: Estevan Maito
Latest version: 0.0.2

# Windmill React UI

The component library for fast and accessible development of gorgeous interfaces.

<p>
  <a href="https://codecov.io/gh/estevanmaito/windmill-react-ui"><img src="https://codecov.io/gh/estevanmaito/windmill-react-ui/branch/master/graph/badge.svg" alt="codecov" /></a>
  <img src="https://github.com/estevanmaito/windmill-react-ui/workflows/Build/badge.svg" alt="Build" />
  <a href="https://www.npmjs.com/package/@luberius/fork-windmill-react-ui"><img src="https://img.shields.io/npm/v/@luberius/fork-windmill-react-ui" alt="npm" /></a>
  <a href="https://github.com/estevanmaito/windmill-react-ui/blob/master/LICENSE"><img src="https://img.shields.io/github/license/estevanmaito/windmill-react-ui" alt="MIT License" /></a>
</p>

Projects using it: [Windmill Dashboard React](https://github.com/estevanmaito/windmill-dashboard-react)

## Mission

Be the most accessible it can be out of the box and the fastest way to production.

[Go to docs to see complete, live examples](https://windmillui.com/react-ui)

## 🚀 Usage

Install

```sh
npm i @luberius/fork-windmill-react-ui
```

Inside `tailwind.config.js`

```js
const windmill = require('@luberius/fork-windmill-react-ui/config')
module.exports = windmill({
  purge: [],
  theme: {
    extend: {},
  },
  variants: {},
  plugins: [],
})
```

Then place `Windmill` at the root of your project (the order doesn't matter, as long as your application is inside).

```js
// index.js
import React from 'react'
import ReactDOM from 'react-dom'
import App from './App'
import { Windmill } from '@luberius/fork-windmill-react-ui'

ReactDOM.render(
  <Windmill>
    <App />
  </Windmill>,
  document.getElementById('root')
)
```

Use components inside your project

```js
import { Button } from '@luberius/fork-windmill-react-ui'

function App() {
  return <Button>Hi there!</Button>
}

export default App
```

## 🔌 Contributing

- Fork
- Clone
- `npm install`
- `npm run storybook`

It will start a local server at `localhost:6006` with all components rendered.

⚠ Use `npm run cz` instead of `git commit`! It will guide you through some short questions and guarantee that you commit message is standardized.

Commit will also trigger linting and test coverage.