open-index/open-npm huggingface dataset:
npm package: @golink/mina-ui
Description: - [About](#about) - [Getting Started](#getting_started) - [Deployment](#deployment) - [Usage](#usage) - [Built Using](#built_using) - [TODO](../TODO.md) - [Contributing](../CONTRIBUTING.md) - [Authors](#authors) - [Acknowledgments](#acknowledgement)
Latest version: 0.1.37-rc.3

<h3 align="center">GoLink - Mina - UI</h3>

---

<p align="center"> Link Design - 小程序组件库
    <br> 
</p>

## 📝 目录

- [About](#about)
- [Getting Started](#getting_started)
- [Deployment](#deployment)
- [Usage](#usage)
- [Built Using](#built_using)
- [TODO](../TODO.md)
- [Contributing](../CONTRIBUTING.md)
- [Authors](#authors)
- [Acknowledgments](#acknowledgement)

## 🧐 关于 <a name = "about"></a>

Taro 小程序组件库，包含通用组件、全局样式两部分。

## 🎈 指南 <a name="usage"></a>

### 环境要求

```bash
taro >= 3.4.0
```

### 安装

```bash
yarn add @golink/mina-ui
```

### 全局样式

#### 索引

```scss
// * 间距尺寸
--space-xs: 8px;
--space-sm: 16px;
--space-md: 32px;
--space-lg: 48px;
--space-xl: 64px;
--space-xxl: 96px;

// * 字体大小
--font-size-h1: 48px;
--font-size-h2: 42px;
--font-size-h3: 38px;
--font-size-h5: 34px;
--font-size-subtitle1: 32px;
--font-size-subtitle2: 30px;
--font-size-text: 28px;
--font-size-tab: 22px;
--font-size-caption: 22px;

// * 品牌色
--color-primary: #426fff;
--color-on-primary: #fff;

// * 平面色
--color-surface-0: #fff;
--color-surface-1: #f8f8f8;
--color-surface-4: #000;

// * 线条色
--color-line-0: #fff;
--color-line-1: #f3f3f5;
--color-line-2: #f0f0f2;
--color-line-3: #798194;
--color-line-4: #000;

// * 文字色
--color-font-0: #fff;
--color-font-1: #a2a7af;
--color-font-2: #58667f;
--color-font-3: #333;
--color-font-4: #111;
```

#### 使用

项目入口样式文件（app.scss）引入

```scss
@import "@golink/mina-ui/dist/style/index.scss";
```

示例

```scss
// 字体大小
font-size: var(--font-size-text);
// 颜色
background-color: var(--color-surface-0);
// 尺寸
margin-right: var(--space-xs);
```

覆盖

```scss
.welcome {
  --color-primary: #fff;

  // ...
  .button {
    background-color: var(--color-primary);
  }
}
```

### Scss 工具函数

#### 索引

```scss
// 多行文本截断；第三行开始截断
@include text-ellipsis(3);

// 单行文本截断
@include text-ellipsis-single();

// 骨架屏 -> 圆形
@include skeleton-loading--radius();

// 骨架屏 -> 矩形
@include skeleton-loading();

// 图片旋转
@include rotate-icon();
```

### SVG 图标

#### 索引

[图标库](https://remixicon.com/) - 目前仅支持 Line 风格，不支持 Fill 风格。

#### 使用

项目入口样式文件（app.scss）引入

```scss
@import "@golink/mina-ui/dist/style/icon.scss";
```

示例, 在图标库中找到心仪的图标，以`icon-`作为前缀添加类名即可。

```html
<div className="user-block__switch__icon icon-refresh-line" />
```

### 组件

## 🏁 开发 <a name = "getting_started"></a>

## ✍️ Authors <a name = "authors"></a>

- [@王祚](https://github.com/kylelobo)

## 🎉 Acknowledgements <a name = "acknowledgement"></a>

- Hat tip to anyone whose code was used
- Inspiration
- References
npm package: @golivwell/ui
Description: golivwell UI Design System Components Library
Author: OgDev
Latest version: 1.0.5

# React + TypeScript + Vite

This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.

Currently, two official plugins are available:

- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh
- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh

## Expanding the ESLint configuration

If you are developing a production application, we recommend updating the configuration to enable type aware lint rules:

- Configure the top-level `parserOptions` property like this:

```js
export default {
  // other rules...
  parserOptions: {
    ecmaVersion: 'latest',
    sourceType: 'module',
    project: ['./tsconfig.json', './tsconfig.node.json'],
    tsconfigRootDir: __dirname,
  },
}
```

- Replace `plugin:@typescript-eslint/recommended` to `plugin:@typescript-eslint/recommended-type-checked` or `plugin:@typescript-eslint/strict-type-checked`
- Optionally add `plugin:@typescript-eslint/stylistic-type-checked`
- Install [eslint-plugin-react](https://github.com/jsx-eslint/eslint-plugin-react) and add `plugin:react/recommended` & `plugin:react/jsx-runtime` to the `extends` list
npm package: @gollum-js/proxy-array
Description: Create a proxy for array accessor
Author: Damien Duboeuf
Latest version: 1.1.0

# GollumJS Proxy Array

ProxyArray

[![Build Status](https://github.com/GollumJS/proxy-array/actions/workflows/build.yml/badge.svg?branch=master)](https://github.com/GollumJS/proxy-array/actions)
[![Coverage](https://coveralls.io/repos/github/GollumJS/proxy-array/badge.svg?branch=master)](https://coveralls.io/github/GollumJS/proxy-array)
[![Licence](https://img.shields.io/npm/l/@gollum-js/proxy-array.svg?colorB=4B9081)](https://github.com/GollumJS/proxy-array/blob/master/LICENSE)
[![NPM version](https://img.shields.io/npm/v/@gollum-js/proxy-array.svg)](https://www.npmjs.com/package/@gollum-js/proxy-array)
[![Discord](https://img.shields.io/discord/671741944149573687?color=purple&label=discord)](https://discord.gg/xMBc5SQ)

Create a proxy for array accessor.
Storage array data in localStorage or Buffer
And all array method works on proxy


## Install
```
npm install @gollum-js/proxy-array
```

## Usage TS

```typescript
import { createProxyArray } from '@gollum-js/proxy-array';

const storage = {};
let length = 0;

const proxy = createProxyArray({
    get(index: number): any {
        return storage[index];
    },
    set(index: number, value: any): boolean {
        storage[index] = value;
        if (length < index + 1) {
        	length = index + 1;
        }
        return true;
    },
    getLength(): number {
        return length;
    },
    setLength(value: number): boolean {
        storage.length = value;
        return true;
    }
});


proxy.push('a');
proxy.push('b');
proxy.push('c');

console.log(storage) // [ 'a', 'b', 'c' ]
console.log(length) // 3


console.log(proxy[1]) // [ 'b' ]


```

## Usage JS

```javascript

const {createProxyArray} = require("@gollum-js/proxy-array")

const storage = {};
let length = 0;

const proxy = createProxyArray({
    get(index) {
        return storage[index];
    },
    set(index, value) {
        storage[index] = value;
        if (length < index + 1) {
        	length = index + 1;
        }
        return true;
    },
    getLength() {
        return storage.length;
    },
    setLength(value) {
        storage.length = value;
        return true;
    }
});
 
 
proxy.push('a');
proxy.push('b');
proxy.push('c');
 
console.log(storage) // [ 'a', 'b', 'c' ]
console.log(length) // 3
 
 
console.log(proxy[1]) // [ 'b' ]
 

```
npm package: @golostos/env-to-ts
Description: Generate type definitions from env file
Author: Alexander Dmitriev
Latest version: 1.0.3

# ENV file parser for Typescript type definitions

## Installation:

`$ npm i @golostos/env-to-js`

## Usage:

```
Usage: env-to-ts [OPTIONS]...

Options:
  -v, --version           output the version number
  -e, --envfile <value>   Envfile name (default: ".env")
  -t, --types <value>     Name of a file with TS types for environment variables
  -d, --declare <value>   Name of a file with global env type declarations (default:
                          "environment.d.ts")
  -w, --watch             Watch mode (default: false)
  -ni, --no-infer-number  No infer number type from the env variable
  -ne, --no-node-env      This prevents of using NODE_ENV variable in the types definitions
  -nd, --no-declare-file  This prevents the creation of a file with global env type declarations        
  -h, --help              display help for command
```

### Input file example (.env):

```
# POSTGRES
POSTGRES_USER=prisma
POSTGRES_PASSWORD=topsecret
POSTGRES_DB=vdc
DB_HOST=localhost
DB_PORT=5432
DB_SCHEMA=public

# Prisma database connection
DATABASE_URL=postgresql://${POSTGRES_USER}:${POSTGRES_PASSWORD}@${DB_HOST}:${DB_PORT}/${POSTGRES_DB}?schema=${DB_SCHEMA}&sslmode=prefer
```

### Example of the command:

`$ npx env-to-ts -e test/.env -t test/EnvironmentVariables.ts -w`

### Output file example (EnvironmentVariables.ts):

```typescript
export interface EnvironmentVariables {
  POSTGRES_USER: string;
  POSTGRES_PASSWORD: string;
  POSTGRES_DB: string;
  DB_HOST: string;
  DB_PORT: number;
  DB_SCHEMA: string;
  DATABASE_URL: string;
  NODE_ENV: "production" | "development" | "testing";
}
```

### Output file example (environment.d.ts):

```typescript
/* eslint-disable prettier/prettier */
declare module 'process' {
  global {
    namespace NodeJS {
      interface ProcessEnv {
        POSTGRES_USER: string;
        POSTGRES_PASSWORD: string;
        POSTGRES_DB: string;
        DB_HOST: string;
        DB_PORT: number;
        DB_SCHEMA: string;
        DATABASE_URL: string;
        NODE_ENV: 'production' | 'development' | 'testing';
      }
    }
  }
}
```
npm package: @golovchuk/aws-utils
Description: Utilities for serverless development with AWS
Author: Igor Golovchuk
Latest version: 1.0.38

# aws-utils
Utilities for serverless development with AWS

## Installation

#### npm
```
npm install @golovchuk/aws-utils
```

#### yarn
```
yarn add @golovchuk/aws-utils
```

## Usage

- [dynamo](./src/dynamo/samples.md)
- [etl](./src/etl/samples.md)
- [lambda](./src/lambda/samples.md)
- [s3](./src/s3/samples.md)
- [sns](./src/sns/samples.md)
- [shared](./src/shared/samples.md)

## Licensing

AWS Utils package is licensed under the [MIT License](./LICENSE.txt).

All files located in the node_modules and external directories are externally maintained libraries used by this software which have their own licenses; we recommend you read them, as their terms may differ from the terms in the MIT License.
npm package: @golpasal/editor
Description: Page builder and display similar to Wordpress
Author: rai.pahak@gmail.com
Latest version: 0.0.4

# page-editor

## Install

```bash
npm install --save @golpasal/page-editor
```

## Usage

```tsx
import * as React from "react";
import { ReactPage as Page } from "@golpasal/page-editor";
import "@golpasal/page-editor/dist/styles.css";

class Example extends React.Component {
  render() {
    return <Page page={data} widgetTypes={{}} />;
  }
}
```

## Feature

- [ ] Layouts: Layout Stack -> like widgets

- [ ] Form: Widget Form Style

- [ ] LayoutStack: support breakpoints

- [ ] Test: limitAccess

## License

MIT © [busgo](https://gitlab.com/busgo)