open-index/open-npm huggingface dataset:
npm package: @lovekicher/sakana-widget-vue
Description: Sakana widget for Vue2/3 | Vue2/3版本的石蒜模拟器。
Author: LoveKicher
Latest version: 2.3.5

<p align="center">
<img src="https://raw.githubusercontent.com/dsrkafuu/sakana-widget/main/src/characters/chisato.png" height="160px">
<img src="https://raw.githubusercontent.com/dsrkafuu/sakana-widget/main/src/characters/takina.png" height="160px">
</p>

# 🐟「Sakana! Widget Vue」

[Origin Repo](https://github.com/dsrkafuu/sakana-widget)

Sakana! Widget for Vue2/3.

Vue组件包装的石蒜模拟器，通过`vue-demi`库实现了同时支持Vue2和Vue3.

## Pre-Requirements

* 如果使用项目使用Vue2，在安装前需要安装`@vue/composition-api`和`vue-demi`作为peerDependencies

* 如果项目使用Vue3，只需要安装`vue-demi`

## Install

`npm install @lovekicher/sakana-widget-vue` 

或

`yarn add @lovekicher/sakana-widget-vue`

* Vue2

```typescript
import Vue from "vue";
import SakanaWidget from "@lovekicher/sakana-widget-vue";
Vue.use(SakanaWidget);
```
* Vue3

```typescript
import { createApp } from "vue";
import SakanaWidget from "@lovekicher/sakana-widget-vue";
const app = createApp({});
app.use(SakanaWidget);
```

## Usage

### Quick Start

创建一个没有控制栏，并初始化为泷奈的组件

```html
<SakanaWidget :controls="false" character="takina"/>
```
### Props

原有的`option`均作为组件prop传入，且支持响应式。
如果选项不支持动态修改，会销毁实例并自动重建。

支持的选项：

* `autoFit`
* `character`
* `controls`
* `rotate`
* `size`
* `stroke`
* `threshold`

`state`也作为prop传入并在修改时自动调用`setState`



### 关于autoFit的限制

✅ 无需要求父级DOM容器是一个BFC，内部已经提供了一个容器进行组件挂载
## License

Released under MIT License, please note that the 2 default images **should not be used for any commercial activities**. This project used to be a secondary development based on [sakana-widget](https://github.com/dsrkafuu/sakana-widget).

Image source: 大伏アオ [@blue00f4](https://twitter.com/blue00f4) [pixiv](https://pixiv.me/aoiroblue1340)
npm package: @lovelacers/sober
Description: Look at the [Nuxt documentation](https://nuxt.com/docs/getting-started/introduction) to learn more.
Latest version: 0.1.19

# Nuxt Minimal Starter

Look at the [Nuxt documentation](https://nuxt.com/docs/getting-started/introduction) to learn more.

## Setup

Make sure to install dependencies:

```bash
# npm
npm install

# pnpm
pnpm install

# yarn
yarn install

# bun
bun install
```

## Development Server

Start the development server on `http://localhost:3000`:

```bash
# npm
npm run dev

# pnpm
pnpm dev

# yarn
yarn dev

# bun
bun run dev
```

## Production

Build the application for production:

```bash
# npm
npm run build

# pnpm
pnpm build

# yarn
yarn build

# bun
bun run build
```

Locally preview production build:

```bash
# npm
npm run preview

# pnpm
pnpm preview

# yarn
yarn preview

# bun
bun run preview
```

Check out the [deployment documentation](https://nuxt.com/docs/getting-started/deployment) for more information.
npm package: @lovellyi1/tea-xyz-quest
Description: Quest for tea.xyz
Author: @lovellyi1
Latest version: 1.0.1

- Cài đặt nodejs và npm tại https://nodejs.org/en

- Tải file và lưu ở desktop

- Truy cập github.com tạo repository với tên tea-xyz-quest (Phải để repo public)

- Truy cập https://www.npmjs.com để tạo tài khoản

- Sửa file package.json, theo format
  - name => @username_npm/tea-xyz-quest 
  - author => @username_npm
  - repository => link tới repo github vừa tạo

- Truy cập repo github vừa tạo và upload cả folder vừa sửa lên (vd: https://github.com/.../tea-xyz-quest/upload)

- Mở terminal, gõ lệnh "npm -v" để kiểm tra xem đã cài đặt thành công npm ở bước 1 chưa

- Gõ tiếp lệnh "cd Desktop/tea-xyz-quest" để trỏ tới thư mục code 

- "npm login" => Có 1 đường dẫn để bấm vào sẽ mở trình duyệt dẫn tới web login npm

- Sau khi login thành công gõ lệnh "npm publish --access public" để public package lên npm publish. Truy cập npm để check VD: https://www.npmjs.com/package/@daominhhiep/tea-xyz-quest

- Truy cập app.tea.xyz => Register a New OSS Project

- Tìm kiếm tên package vừa tạo. VD: @daominhhiep/tea-xyz-quest . Bước này có thể mất tới 2-3 ngày để package mới xuất hiện trên hệ thống của tea.xyz

- Sau đó tea sẽ cho 1 file có tên tea.yaml, tải về và quay lại repo github, upload tiếp file đó lên là xong.

- Dự án mẫu thao khảo tại: https://github.com/daominhhiep/tea-xyz-quest
npm package: @lovelope/create-factory
Description: Lightweight higher order components for edit page or detail page.
Author: lovelope
Latest version: 0.1.2

# `@lovelope/create-factory`

`CreateFactory` is a high-level component used to manage editing pages and details pages; it is mainly responsible for data pulling and updating.

[English](./README.md)
[中文](./README.zh-CN.md)

## 安装

```bash
npm i -S @lovelope/create-factory
# OR
yarn add -S @lovelope/create-factory
```

## 使用

```jsx
import CreateFactory from '@lovelope/create-factory';
import React from 'react';
import { Form } from 'antd';
import { getUserInfo, putUserInfo } from './services';

const FormItem = Form.Item;

// this page's path is /user/edit/:userId

@CreateFactory({
  key: 'userId',
  getAction: getUserInfo,
  putAction: putUserInfo,
})
class Email extends React.Component {
  render() {
    const {
      form: { getFieldDecorator },
    } = this.props;
    return (
      <Form>
        <FormItem label="username">
          {getFieldDecorator('name')(<Input />)}
        </FormItem>
        <FormItem label="Eamil">
          {getFieldDecorator('email')(<Input />)}
        </FormItem>
      </Form>
    );
  }
}
```

## Options

| Property         | Description                                                                                        | type           | required | default  |
| ---------------- | -------------------------------------------------------------------------------------------------- | -------------- | -------- | -------- |
| key              | ID value defined in routing URL                                                                    | string, number | false    | 'id'     |
| getAction        | The function that pulls the form data when it is initialized                                       | () => promise  | false    | --       |
| putAction        | Submit the function to be called after editing the form                                            | () => promise  | false    | --       |
| postAction       | The function to be called when adding a new form                                                   | promise        | false    | --       |
| mapPropsToFields | The formatting function of the data that getAction is filled in before the form item is filled in. | function       | false    | () => {} |
| initialValues    | Form default values                                                                                | object         | false    | {}       |
npm package: @lovelope/r-cli
Description: A cli for react-starter.
Author: lovelope
Latest version: 1.0.2

# [Lovelope React Cli](https://github.com/lovelope/r-cli)

[![GitHub license](https://img.shields.io/badge/license-MIT-blue.svg)](https://github.com/lovelope/r-cli/blob/master/LICENSE)
[![npm version](https://img.shields.io/npm/v/@lovelope/r-cli.svg?style=flat)](https://www.npmjs.com/package/@lovelope/r-cli)
[![downloads per month](https://img.shields.io/npm/dm/@lovelope/r-cli.svg)](https://www.npmjs.org/package/@lovelope/r-cli)
[![JavaScript Style Guide](https://img.shields.io/badge/code_style-airbnb-brightgreen.svg)](https://github.com/airbnb/javascript)
[![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg)](https://github.com/lovelope/r-cli/pulls)

A cli for react-starter.

## Install

```bash
npm i -g @lovelope/r-cli
```

## Usage

```bash
r-cli <command> [options]
```

## Options:

- -v, --version output the version number
- -h, --help output usage information
- -t, --typescript init a typescript app

Commands:

> init [options] <name>
npm package: @lovelope/swiper
Description: Most modern mobile touch slider and framework with hardware accelerated transitions
Author: Vladimir Kharlampidi
Latest version: 5.2.1

Swiper
==========

Swiper - is the free and most modern mobile touch slider with hardware accelerated transitions and amazing native behavior. It is intended to be used in mobile websites, mobile web apps, and mobile native/hybrid apps.

Swiper is not compatible with all platforms, it is a modern touch slider which is focused only on modern apps/platforms to bring the best experience and simplicity.

# Getting Started
  * [Getting Started Guide](https://swiperjs.com/get-started/)
  * [API](https://swiperjs.com/api/)
  * [Demos](https://swiperjs.com/demos/)
npm package: @lovelysolutions/design
Description: This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).
Author: Lovely Solutions LLC
Latest version: 0.2.5

# Getting Started with Create React App

This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).

## Available Scripts

In the project directory, you can run:

### `npm start`

Runs the app in the development mode.\
Open [http://localhost:3000](http://localhost:3000) to view it in the browser.

The page will reload if you make edits.\
You will also see any lint errors in the console.

### `npm test`

Launches the test runner in the interactive watch mode.\
See the section about [running tests](https://facebook.github.io/create-react-app/docs/running-tests) for more information.

### `npm run build`

Builds the app for production to the `build` folder.\
It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.\
Your app is ready to be deployed!

See the section about [deployment](https://facebook.github.io/create-react-app/docs/deployment) for more information.

### `npm run eject`

**Note: this is a one-way operation. Once you `eject`, you can’t go back!**

If you aren’t satisfied with the build tool and configuration choices, you can `eject` at any time. This command will remove the single build dependency from your project.

Instead, it will copy all the configuration files and the transitive dependencies (webpack, Babel, ESLint, etc) right into your project so you have full control over them. All of the commands except `eject` will still work, but they will point to the copied scripts so you can tweak them. At this point you’re on your own.

You don’t have to ever use `eject`. The curated feature set is suitable for small and middle deployments, and you shouldn’t feel obligated to use this feature. However we understand that this tool wouldn’t be useful if you couldn’t customize it when you are ready for it.

## Learn More

You can learn more in the [Create React App documentation](https://facebook.github.io/create-react-app/docs/getting-started).

To learn React, check out the [React documentation](https://reactjs.org/).
npm package: @lovepop/svg-writer
Description: svg-writer for @lovepop/typesetter
Latest version: 1.2.10

# @lovepop/svg-writer

svg context for [@lovepop/typesetter](.../packages/typesetter)

## Local development

If you're only working on svg-writer, you can run `lerna run build` to build all sub-packages and then `yarn dev` in the svg-writer directory to start the dev server.

If you're working on typesetter at the same time, you should open each of those in a terminal and run `yarn dev`. This is order dependent so do typesetter -> svg-writer -> note-editor

*NOTE*: before commiting you may want to run `yarn run fix` to try and fix any lint errors that might fail the build.

`yarn run info` for a description of available npm scripts


## Useful links

* [Jest](https://github.com/facebook/jest) - our test framework for this package
* [tslint-immutable](https://github.com/jonaskello/tslint-immutable) - how we enforce immutability
npm package: @lovepop/typesetter
Description: A javascript implementation of the Knuth/Plass line breaking algorithm
Latest version: 1.0.15

# @lovepop/typesetter

A javascript implementation of the [Knuth/Plass line breaking algorithm](../../reference/knuth-plass-breaking.pdf)

## Local development

Run `yarn dev` in the typesetter directory to start the dev server.

*NOTE*: before commiting you may want to run `yarn run fix` to try and fix any lint errors that might fail the build.

`yarn run info` for a description of available npm scripts

## Useful links

* [Ava](https://github.com/avajs/ava) - our test runner for this package
* [tslint-immutable](https://github.com/jonaskello/tslint-immutable) - how we enforce immutability
npm package: @lovepure/taro-scaffold
Description: a taro scaffold
Latest version: 1.0.0

# 开箱即用 taro 框架

## 版本

```javascript
  tarojs@3.0.9
  taro-ui@3.0.0-alpha.3
  react@16.13.1
  mobx@4.15.6
```

## 多环境部署

```javascript
build-test:weapp
build-stage:weapp
build-prod:weapp
```

分别对应测试，预发布和线上；可在`utils/constant`中配置各环境接口 host

## CDN 上传

```javascript
yarn upload-cdn
```

使用阿里云的 cdn 和 gulp 把`cdn/src`中图片上传到阿里云指定目录中

详情可查看[/cdn/README.md](/cdn/README.md)

## 自定义处理命令

在开发过程中，经常碰到需要真机调试的情况，此时直接预览会`超过2mb打包限制`

本模版提供`yarn compress`自定义命令，使用`gulp build`在预览之前打包，提供了开发中真机调试功能。

> Tips: 此功能不稳定，经测试，需先build后 ==> 命令行编译 ==> 预览
## 开发功能增强

* `kill.sh` 微信开发者工具偶尔会在后台hold server，`sh kill.sh` 杀掉端口

## 数据管理

* mobx4
* useImmer

## 组件库

* taro-ui
* 自定义组件

  * 自定义头部导航
  * 滚动列表
  * 页面带登录弹窗
  * 页面带登录状态判断
  * 空数据组件
  * 精确到分钟datepicker
  * menu图标组件
  * 登录弹窗
  * 伪tab header