open-index/open-npm huggingface dataset:
npm package: @sunmi/kefu
Description: Stencil Component Starter
Author: guoyongjie
Latest version: 0.1.16

# 客服模块组件

## 使用

### 引用

```html

<!-- 项目入口文件 index.html | document.ejs -->

<body>
  <!-- 实例化（可选，因为包里有自动实例化的逻辑） -->
  <sunmi-kefu></sunmi-kefu>
  <!-- 调用方自定义客服UI -->
  <sunmi-kefu customed></sunmi-kefu>
  
  <!-- sunmi-kefu组件定义 -->
  <script src="https://cdn.jsdelivr.net/npm/@sunmi/kefu@latest/dist/sunmi-kefu/sunmi-kefu.js"></script>
  <!-- Kefu操作方法(可选，当需要调用 window.Kefu.toggleVisible 时为必选) -->
  <script src="https://cdn.jsdelivr.net/npm/@sunmi/kefu@latest/dist/sunmi-kefu/index.esm.js"></script>
</body>

```

### 触发客服显示

```ts

const someEventhandler = () => {
  window.Kefu.toggleVisible()
}
```

## 使用 StencilJS 开发

[StencilJS](https://stenciljs.com/docs/getting-started)
npm package: @sunmin0406/korean-lotto-utils
Description: korean lotto utils
Author: sunmin0406
Latest version: 1.0.1

# korean-lotto-utils
Get multiple or single lotto results from dhlotto site.

# Installation
```
npm install @sunmin0406/korean-lotto-utils
```

### Usage
```typescript
import {
  getCurrentDrawRound,
  getLottoResult,
} from '@sunmin0406/korean-lotto-utils';
```


## getLottoResult
### Parameter
```typescript
// Get result current lotto 
const param = 'CURRENT';

// Get results all lotto
const param = 'ALL';

// Get result to round number
const param = roundNumer;

// Get results from round to round
const param = { from: fromNumber, to: toNumber };

// result
const result = await getLottoResult({ round: param });
```

### Lotto Result
```typescript
[
  {
    round: 1119,
    date: '2024.05.11',
    numbers: [1, 9, 12, 13, 20, 45],
    bonus: 3,
    results: [
      { rank: 1, wins: 19, amount: 1396028764, totalAmount: 26524546516 },
      { rank: 2, wins: 97, amount: 45574823, totalAmount: 4420757831 },
      { rank: 3, wins: 3108, amount: 1422381, totalAmount: 4420760148 },
      { rank: 4, wins: 155000, amount: 50000, totalAmount: 7750000000 },
      { rank: 5, wins: 2560859, amount: 5000, totalAmount: 12804295000 },
    ],
  },
]
```
npm package: @sunmooc/gvis
Description: ``` yarn install ```
Author: lucita
Latest version: 1.0.9

# vcl

## Project setup
```
yarn install
```

### Compiles and hot-reloads for development
```
yarn serve
```

### Compiles and minifies for production
```
yarn build
```

### Lints and fixes files
```
yarn lint
```

### Customize configuration
See [Configuration Reference](https://cli.vuejs.org/config/).
npm package: @sunmooc/libs
Description: ``` yarn install ```
Author: lucita
Latest version: 2.0.14

# vcl

## Project setup
```
yarn install
```

### Compiles and hot-reloads for development
```
yarn serve
```

### Compiles and minifies for production
```
yarn build
```

### Lints and fixes files
```
yarn lint
```

### Customize configuration
See [Configuration Reference](https://cli.vuejs.org/config/).
npm package: @sunmooc/libs-v2
Description: ## Project setup ``` yarn install ```
Author: lucita
Latest version: 1.0.5

# libs-v2

## Project setup
```
yarn install
```

### Compiles and hot-reloads for development
```
yarn serve
```

### Compiles and minifies for production
```
yarn build
```

### Lints and fixes files
```
yarn lint
```

### Customize configuration
See [Configuration Reference](https://cli.vuejs.org/config/).
npm package: @sunney/tasks
Description: A simple task manager for Node.js
Latest version: 0.0.9

# tasks

## Install

```bash
npm install @sunney/tasks
```

## Usage

```ts
import { task } from '@sunney/tasks';

// create a task
task(async () => {
  await fetch(...)
})

// delay a task for 5 seconds
task(async () => {
  await fetch(...)
}).delay(5, "seconds")

// repeat a task every 5 seconds
task(async () => {
  await fetch(...)
}).repeat(5, "seconds")

// schedule a task to run at 12:00:00
task(async () => {
  await fetch(...)
}).schedule(new Date("12:00:00"))
```
npm package: @sunny-117/cherry
Description: Lightweight JavaScript Bundler
Latest version: 0.0.3

# cherry [![npm](https://img.shields.io/npm/v/@sunny-117/cherry.svg)](https://npmjs.com/package/@sunny-117/cherry)

<img src="./assets/logo.webp" width="300">

Cherry is a lightweight and efficient JavaScript bundler designed for rapid construction and packaging of modern web applications. With its simple yet powerful workflow, Cherry is dedicated to providing optimal performance and development experience.

## Features

📦️ Lightweight: Cherry focuses on minimizing the bundler's footprint to ensure quick startup and loading times.

⚡️ Rapid Deployment: Through efficient bundling algorithms, Cherry optimizes resource loading and runtime speed, resulting in a more responsive application.

🔧 Simple Configuration: Cherry provides a concise and intuitive set of configuration options, enabling developers to easily customize and adjust the project's bundling process.

🔥 Modern Support: Cherry supports ES6+ syntax, modular development, and seamless integration with popular frameworks and libraries.

## Install

```bash
pnpm i @sunny-117/cherry -D
```

## Usage

```ts
import { dirname, resolve } from 'node:path'
import { fileURLToPath } from 'node:url'
import { cherry } from '@sunny-117/cherry'

const __filename = fileURLToPath(import.meta.url)
const __dirname = dirname(__filename)

const entry = resolve(__dirname, './msg.js')
cherry(entry, resolve(__dirname, '../bundle.js'))
```

See an [example](https://github.com/Sunny-117/cherry/blob/main/playground/src/index.js) for more details.

## License

[MIT](./LICENSE) License © 2024 [Sunny-117](https://github.com/sunny-117)
npm package: @sunny-117/jspack
Description: Powerful JavaScript Bundler
Latest version: 0.0.2

# webpack-core-plugins

# Dev

```shell
pnpm i
pnpm run dev # tsup 编译 jspack
cd playground
node index.js
```

# 功能

✅ Compiler run

✅ Compiler make

✅ buildModule

✅ Stats

✅ Seal封装Chunk代码块

✅ emit

✅ 懒加载

✅ 加载第三方模块

```js
this.vendors = []; //把第三方的模块放在这里
this.commons= []; //把是第三方的,不同的页面共享的次数大于等2的模块放在这里
this.commonsCountMap={};//用来计算模块被引用的次数
```

✅ SplitChunks

✅ 代码分割 dynamic import

```js
this.blocks = []; // 异步代码块的依赖
```

✅ runtime

✅ loader-runner

✅ hash

✅ treeshake

✅ preload和prefetch

✅ loader

✅ plugin


# architecture

<img src="./workflow.webp" />