open-index/open-npm huggingface dataset:
npm package: @mekalaselvakumar/custom-button
Description: This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 13.1.0.
Latest version: 0.0.1

# CustomButton

This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 13.1.0.

## Code scaffolding

Run `ng generate component component-name --project custom-button` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project custom-button`.
> Note: Don't forget to add `--project custom-button` or else it will be added to the default project in your `angular.json` file. 

## Build

Run `ng build custom-button` to build the project. The build artifacts will be stored in the `dist/` directory.

## Publishing

After building your library with `ng build custom-button`, go to the dist folder `cd dist/custom-button` and run `npm publish`.

## Running unit tests

Run `ng test custom-button` to execute the unit tests via [Karma](https://karma-runner.github.io).

## Further help

To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.
npm package: @mekefly/templates
Author: mekefly
Latest version: 0.0.0-bate.1

# Templates

各种类型的template将通过分支的方式添加进来

## Includes

- [ ] ex TypeScript
- [x] templates

## Get started

### 1. 全局安装这个脚本|Install

> pnpm install @mekefly/templates -g

### 2. 执行|Run

> mekefly-templates fetch `<this-branch-name>` `<project-path-you-want>`

### 3. 做你爱做的事|Start your work

## API

- mekefly-templates
  - fetch
    - <你需要的模板名(分支名|branch)|Template name you need>
      - <项目的路径|projectRoot>
    - 可选参数|Optional parameters:
      - --project-name(-N) 项目的名字，将会替换package.json
      - --template-name(-T) 模板名,优先级低与上面的模板名
      - --path(-P) 项目的路径，可以是相对路径也可以是绝对路径

### ForExample

> mekefly-templates fetch main ./ --project-name=xxx

> mekefly-templates fetch xxx --project-name=xxx -T main

> mekefly-templates fetch --project-name=xxx -T main -P R:\path

> mekefly-templates fetch --project-name=xxx -T main --path=R:\path

## pull requests 建议

像下方的，你的模板package.json中的__packageName__将会被替换为用户设定的名称

package.json

```json
{
 "name": "__packageName__",
 "shortName": "__packageName__",
 "version": "0.0.0-bate.0",
  "main": "index.js",
  "types": "dist/index.d.ts",
  "module": "dist/__packageName__.esm.js",
  "unpkg": "dist/__packageName__.iife.js",
  "jsdelivr": "dist/__packageName__.iife.js",
}
```
npm package: @mekefly/universe
Description: ## 预览
Latest version: 1.0.2

# universe

## 预览

[哔哩哔哩](https://www.bilibili.com/video/BV19F411p7Dj?share_source=copy_web)

## git started

### 对于在 html 文件中

1. 新建你的文件夹
2. 引入这个依赖

   > pnpm i @mekefly/universe

   或

   > npm i @mekefly/universe

3. 新建一个 index.html 在其中加入以下代码

```html
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <canvas id="universe"> </canvas>
    <script type="module">
      //需要使用vscode live serve打开，直接打开会因为文件连接不允许获取文件，夸域错误
      alert(`
        shift + 鼠标：左键拖动画布
        shift + 滚轮：放大缩小
        shift + n  ：添加一个星球
      `)

      import { Universe } from './node_modules/@mekefly/universe/lib/universe.esm.js'

      new Universe(document.getElementById('universe'))
    </script>
    <style>
      * {
        margin: 0px;
        padding: 0px;
      }

      body {
        overflow: hidden;
      }
      #universe {
        background-color: #000;
        height: 100vh;
        width: 100vw;
        overflow: hidden;
      }
    </style>
  </body>
</html>
```

4. 使用 live server 之类的程序运行

### 对于任何 cjs 项目

你只需要像下面这样

- js 项目

```js
var { Universe } = require('universe')
//这是一个类,我们只需要new它并传入一个canvasDOM（<canvas id = "canvas"></canvas> ,使用Document.getElementById("canvas")）
new Universe(document.getElementById('universe'))
//这样就可以了
```

- ts 项目

```js
import { Universe } from 'universe'
//这是一个类,我们只需要new它并传入一个canvasDOM（<canvas id = "canvas"></canvas> ,使用Document.getElementById("canvas")）
new Universe(document.getElementById('universe'))
//这样就可以了
```

### 克隆项目运行

1. 克隆

```shell
 git clone https://github.com/mekefly/universe.git
```

2. 运行

- 使用 live serve

使用 live serve 运行项目目录中的 test.html

- 使用 http-server

依次执行

> pnpm install
> pnpm dev

注： 由于版本锁定问题，npm 未来有可能不能正常执行， 以使用`npm install -g pnpm`来安装 pnpm

## 操作

- shift + 鼠标：左键拖动画布
- shift + 滚轮：放大缩小
- shift + n ：添加一个星球

## ！

项目中有一部分是关于四叉树万有引力模拟的代码，并没有启用，因为可能有相关 bug 没找到，导致运行精度异常，没使用四叉树运行的情况下运行效率很低
npm package: @mekefly/worm-ui
Latest version: 0.0.1

# vue3.2+typescript+vite 组件库

## Quick start preview

1. Installation dependency

```
pnpm install
```

2. Run

```
pnpm dev
```

## prev

1. Card

![](./doc/prevImg/WCard/prevWCard.jpg)

2. Menu

![](doc/prevImg/WCard/prevWMenu.jpg) ![](doc/prevImg/WCard/prevWMenu1.jpg)

3. TypeWriting

![](./doc/prevImg/WCard/prevWTypeWriting.jpg)

![](doc/prevImg/WCard/prevWTypeWriting.1.jpg)