open-index/open-npm huggingface dataset:
npm package: @kevisual/permission
Description: **共享设置**
Author: abearxiong
Latest version: 0.0.4

# permission 管理


**共享设置**

1. **公开访问**：设置为公开后，所有用户均可直接访问。
2. **受保护访问**：设置为受保护后，仅限登录用户访问。可设置访问密码和指定用户名。
3. **私有访问**：设置为私有后，仅自己可以访问。

**注意事项**：

- 切换共享状态后，需重新设置密码和用户名。
- 若不进行任何设置，默认状态为私有访问。
npm package: @kevisual/pocketbase
Description: 这是一个使用 Vite 构建的简单 Lit 项目模板。您可以使用此模板快速启动一个新的 Lit 项目，并利用 AI 助手生成代码片段以加速开发过程。少用git。
Author: abearxiong
Latest version: 0.0.1

# simple-bun

这是一个使用 Vite 构建的简单 Lit 项目模板。您可以使用此模板快速启动一个新的 Lit 项目，并利用 AI 助手生成代码片段以加速开发过程。少用git。

## cli

```sh
ev sync clone -i https://kevisual.cn/root/ai/kevisual/backend/simple-bun/kevisual.json
```

## 同步命令
```sh
ev sync list
ev sync upload
```
npm package: @kevisual/project-search
Description: 比如文件夹 `/workspace/projects/project-search` 有很多文件，监听修改后，同步到meilisearh中。增删改查同步。
Author: abearxiong
Latest version: 0.0.17

# 对文件项目快速搜索展示

## 介绍

比如文件夹 `/workspace/projects/project-search` 有很多文件，监听修改后，同步到meilisearh中。增删改查同步。

1. 获取文件夹下的.gitignore文件，解析出需要忽略的文件列表。
2. 监听文件夹下的文件修改事件，过滤掉需要忽略的文件，将修改的文件同步到meilisearch中。
3. 需要提供一个scheduler任务调度，同步到meilisearch的任务中，如果存在同一个任务还没有被执行，新的任务就不需要被添加到队列中。
4. 任务调度是一个队列任务列，先进先出，单线程执行。每次执行一个任务，执行完后再执行下一个任务。
npm package: @kevisual/silky-cli
Description: base node env： node v22.14 ## 初始化环境
Author: abearxiong
Latest version: 0.0.11

# 初始化搭建模块

base node env： node v22.14
## 初始化环境

### 方法1 安装 node 的 @kevisual/silky-cli

```bash
npm i -g @kevisual/silky-cli

# 初始化环境
## 安装pm2和@kevisual/kevisual-cli
silky init-env
## 创建基本文件
silky init
```

### 方法2 使用docker

```bash
docker run -itd --rm -p 51015:51015 --name node_container docker.cnb.cool/kevisual/node22:latest

docker exec -it node_container bash 
```


## 项目初始化

```bash
## 安装 应用 root/talkshow-admin 和应用 root/talkshow-code-center
silky init-talkshow
```

## 项目启动

```bash
asst am detect  #  检测后端应用 root/talkshow-code-center
asst am start talkshow-code-center


asst server -s # 启动服务
```

## 访问

https://localhost:51015/root/talkshow-admin
npm package: @kevisual/ssl
Description: > 避免开发条件下每次都要重置 ssl，因为浏览器换个项目都需要重新自签名，同时导入 pem
Author: abearxiong
Latest version: 0.0.1

# ssl vite

> 避免开发条件下每次都要重置 ssl，因为浏览器换个项目都需要重新自签名，同时导入 pem

## use

```js
import { ssl } from '@kevisual/ssl';

plugins = [ssl()];
```
npm package: @kevisual/storage
Description: ```ts const storage = new AssistantStorage({ app: 'app' }); storage.setItem('abc', { a: 1 }); const abc = storage.getItem('abc'); console.log('abc', abc); ```
Author: abearxiong
Latest version: 0.0.4

# assitant-storage的数据的存储

```ts
const storage = new AssistantStorage({ app: 'app' });
storage.setItem('abc', { a: 1 });
const abc = storage.getItem('abc');
console.log('abc', abc);
```
npm package: @kevisual/system-lib
Description: 汇集常用的需要在浏览器端使用的库。
Author: abearxiong
Latest version: 0.0.22

# kevisual libs

```js
container
query
store
page
html
router-browser
```

## 0.0.3

更新container为1.0.0，修改导入方式
npm package: @kevisual/tab-leader
Description: ```sh import { nanoid } from 'nanoid'; import { QueryRouterServer } from '@kevisual/router/browser'; import { useContextKey } from '@kevisual/store/context'; import { useConfigKey } from '@kevisual/store/config'; import { EventEmitter } from 'eventemitter
Author: abearxiong
Latest version: 0.0.1

# 默认依赖模块

```sh
import { nanoid } from 'nanoid';
import { QueryRouterServer } from '@kevisual/router/browser';
import { useContextKey } from '@kevisual/store/context';
import { useConfigKey } from '@kevisual/store/config';
import { EventEmitter } from 'eventemitter3';
```
npm package: @kevisual/tojs
Description: generate js from other js code
Author: abearxiong
Latest version: 0.0.5

# tojs

把一些ts和js文件转为import可以使用的js文件

浏览器请求的时候，返回对应的cache。


## 使用

```ts
import { toJs } from '@kevisual/tojs';
```
npm package: @kevisual/tos
Author: abearxiong
Latest version: 0.0.4

# tos 快速部署faas服务

## list 命令用于列出当前账户下的函数列表。
## get 命令用于获取指定函数的详细信息。
## deploy 命令用于部署一个新的函数，或者更新一个已存在的函数。
npm package: @kevisual/vite-html-plugin
Description: A Vite plugin to replace HTML meta/title content from meta.json after build
Author: abearxiong
Latest version: 0.0.1




## meta.json

```json
{
  "$schema": "https://kevisual.cn/root/resources/ai/1.0.0/kevisual/schema/vite-html-plugin.json",
  "title": "My Vite App",
  "description": "这是一个由 Vite 构建的示例应用",
  "keywords": "vite, app, demo",
  "author": "Your Name",
  "og:title": "My Vite App",
  "og:description": "这是一个由 Vite 构建的示例应用",
  "og:image": "https://example.com/og-image.png",
  "og:url": "https://example.com"
}
```
npm package: @kevisual/xhs-core
Description: https://github.com/saifeiLee/xhs-js
Author: abearxiong
Latest version: 0.0.4

# sign 部分依赖

https://github.com/saifeiLee/xhs-js

## 继承核心模块去开发

```ts
import { XhsClient } from '@kevisual/xhs-core';
```
npm package: @kevksar/react-color
Description: A Collection of Color Pickers from Sketch, Photoshop, Chrome & more
Author: case
Latest version: 2.19.3

# [React Color](http://casesandberg.github.io/react-color/)

[![Npm Version][npm-version-image]][npm-version-url]
[![Build Status][travis-svg]][travis-url]
[![License][license-image]][license-url]
[![Downloads][downloads-image]][downloads-url]

* **13 Different Pickers** - Sketch, Photoshop, Chrome and many more

* **Make Your Own** - Use the building block components to make your own

## Demo

![Demo](https://media.giphy.com/media/26FfggT53qE304CwE/giphy.gif)

[**Live Demo**](http://casesandberg.github.io/react-color/)

## Installation & Usage

```sh
npm install react-color --save
```

### Include the Component

```js
import React from 'react'
import { SketchPicker } from 'react-color'

class Component extends React.Component {

  render() {
    return <SketchPicker />
  }
}
```
You can import `AlphaPicker` `BlockPicker` `ChromePicker` `CirclePicker` `CompactPicker` `GithubPicker` `HuePicker` `MaterialPicker` `PhotoshopPicker` `SketchPicker` `SliderPicker` `SwatchesPicker` `TwitterPicker` respectively.

> 100% inline styles via [ReactCSS](http://reactcss.com/)

[travis-svg]: https://travis-ci.org/casesandberg/react-color.svg
[travis-url]: https://travis-ci.org/casesandberg/react-color
[license-image]: http://img.shields.io/npm/l/react-color.svg
[license-url]: LICENSE
[downloads-image]: http://img.shields.io/npm/dm/react-color.svg
[downloads-url]: http://npm-stat.com/charts.html?package=react-color
[npm-version-image]: https://img.shields.io/npm/v/react-color.svg
[npm-version-url]: https://www.npmjs.com/package/react-color
npm package: @kevksar/react-color-k
Description: A Collection of Color Pickers from Sketch, Photoshop, Chrome & more
Author: case
Latest version: 0.0.1

# [React Color](http://casesandberg.github.io/react-color/)

[![Npm Version][npm-version-image]][npm-version-url]
[![Build Status][travis-svg]][travis-url]
[![License][license-image]][license-url]
[![Downloads][downloads-image]][downloads-url]

* **13 Different Pickers** - Sketch, Photoshop, Chrome and many more

* **Make Your Own** - Use the building block components to make your own

## Demo

![Demo](https://media.giphy.com/media/26FfggT53qE304CwE/giphy.gif)

[**Live Demo**](http://casesandberg.github.io/react-color/)

## Installation & Usage

```sh
npm install react-color --save
```

### Include the Component

```js
import React from 'react'
import { SketchPicker } from 'react-color'

class Component extends React.Component {

  render() {
    return <SketchPicker />
  }
}
```
You can import `AlphaPicker` `BlockPicker` `ChromePicker` `CirclePicker` `CompactPicker` `GithubPicker` `HuePicker` `MaterialPicker` `PhotoshopPicker` `SketchPicker` `SliderPicker` `SwatchesPicker` `TwitterPicker` respectively.

> 100% inline styles via [ReactCSS](http://reactcss.com/)

[travis-svg]: https://travis-ci.org/casesandberg/react-color.svg
[travis-url]: https://travis-ci.org/casesandberg/react-color
[license-image]: http://img.shields.io/npm/l/react-color.svg
[license-url]: LICENSE
[downloads-image]: http://img.shields.io/npm/dm/react-color.svg
[downloads-url]: http://npm-stat.com/charts.html?package=react-color
[npm-version-image]: https://img.shields.io/npm/v/react-color.svg
[npm-version-url]: https://www.npmjs.com/package/react-color
npm package: @kevksar/react-color-ksar
Description: A Collection of Color Pickers from Sketch, Photoshop, Chrome & more
Author: case
Latest version: 0.0.1

# [React Color](http://casesandberg.github.io/react-color/)

[![Npm Version][npm-version-image]][npm-version-url]
[![Build Status][travis-svg]][travis-url]
[![License][license-image]][license-url]
[![Downloads][downloads-image]][downloads-url]

* **13 Different Pickers** - Sketch, Photoshop, Chrome and many more

* **Make Your Own** - Use the building block components to make your own

## Demo

![Demo](https://media.giphy.com/media/26FfggT53qE304CwE/giphy.gif)

[**Live Demo**](http://casesandberg.github.io/react-color/)

## Installation & Usage

```sh
npm install react-color --save
```

### Include the Component

```js
import React from 'react'
import { SketchPicker } from 'react-color'

class Component extends React.Component {

  render() {
    return <SketchPicker />
  }
}
```
You can import `AlphaPicker` `BlockPicker` `ChromePicker` `CirclePicker` `CompactPicker` `GithubPicker` `HuePicker` `MaterialPicker` `PhotoshopPicker` `SketchPicker` `SliderPicker` `SwatchesPicker` `TwitterPicker` respectively.

> 100% inline styles via [ReactCSS](http://reactcss.com/)

[travis-svg]: https://travis-ci.org/casesandberg/react-color.svg
[travis-url]: https://travis-ci.org/casesandberg/react-color
[license-image]: http://img.shields.io/npm/l/react-color.svg
[license-url]: LICENSE
[downloads-image]: http://img.shields.io/npm/dm/react-color.svg
[downloads-url]: http://npm-stat.com/charts.html?package=react-color
[npm-version-image]: https://img.shields.io/npm/v/react-color.svg
[npm-version-url]: https://www.npmjs.com/package/react-color