open-index/open-npm huggingface dataset:
npm package: @netspeedy/semantic-release-docker
Description: Set of semantic-release plugins to publish to docker hub
Author: Simon Oakes
Latest version: 0.0.4-development

# semantic-release-docker

[![npm](https://img.shields.io/npm/v/semantic-release-docker.svg)](https://www.npmjs.com/package/felixfbecker/semantic-release-docker)
[![build](https://img.shields.io/travis/felixfbecker/semantic-release-docker.svg)](https://travis-ci.org/felixfbecker/semantic-release-docker)
[![downloads](https://img.shields.io/npm/dt/semantic-release-docker.svg)](https://www.npmjs.com/package/semantic-release-docker)
[![dependencies](https://img.shields.io/david/felixfbecker/semantic-release-docker.svg)](https://david-dm.org/felixfbecker/semantic-release-docker)
[![peerDependencies](https://david-dm.org/felixfbecker/semantic-release-docker/peer-status.svg)](https://david-dm.org/felixfbecker/semantic-release-docker?type=peer)
[![Greenkeeper](https://badges.greenkeeper.io/felixfbecker/semantic-release-docker.svg)](https://greenkeeper.io/)
[![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg)](https://github.com/prettier/prettier)
[![semantic-release](https://img.shields.io/badge/%20%20%F0%9F%93%A6%F0%9F%9A%80-semantic--release-e10079.svg)](https://github.com/semantic-release/semantic-release)
[![license](https://img.shields.io/npm/l/semantic-release-docker.svg)](https://github.com/felixfbecker/semantic-release-docker/blob/master/LICENSE)

Set of [semantic-release](https://github.com/semantic-release/semantic-release) plugins for publishing a docker image to
[Docker Hub](https://hub.docker.com/).

```json
{
  "release": {
    "verifyConditions": "semantic-release-docker",
    "publish": {
      "path": "semantic-release-docker",
      "name": "username/imagename"
    }
  }
}
```

## Configuration

Your credentials have to be configured with the environment variables `DOCKER_USERNAME` and `DOCKER_PASSWORD`.

In addition, you need to specify the name of the image as the `name` setting.

## Plugins

### `verifyConditions`

Verify that all needed configuration is present and login to the Docker registry.

### `publish`

Tag the image specified by `name` with the new version, push it to Docker Hub and update the `latest` tag.

## Example .travis.yml

```yml
jobs:
  include:
    - stage: release
      language: node_js
      node_js: '8'
      services:
        - docker
      script:
        - docker build -t username/imagename .
        - npm run semantic-release

stages:
  - test
  - name: release
    if: branch = master AND type = push AND fork = false

branches:
  except:
    - /^v\d+\.\d+\.\d+$/
```
npm package: @netstrada/atlas
Description: A Vite Typescript React 17 SSR framework
Author: Mattia Mariselli
Latest version: 0.0.8

# AtlasJS
### A Vite Typescript React 17 SSR framework

* [React 17](https://reactjs.org/blog/2020/10/20/react-v17.html)
* [Typescript 4.3](https://devblogs.microsoft.com/typescript/announcing-typescript-4-3-rc/)
* [Vite with Vite SSR](https://vitejs.dev/guide/ssr.html)
* [GitHub Actions](https://github.com/features/actions)
* [Tailwind CSS](https://tailwindui.com/)
* [Prettier](https://prettier.io/) & [ESLint](https://eslint.org/)

## Development

```
yarn
yarn dev
```

That should be enough to get started. It will open to http://localhost:7456

## Building

```
yarn build
yarn serve
```

yarn build will create the assets in `dist` - a `client` and `server` folder. Serve will run `dist/server.js` with Node.

## Files

`eslintrc.js` - a barebones eslint configuration for 2021, that extends off of the recommended ESLint config and prettier

`.prettierrc.js` - the prettier config

`index.html` - the vite entrypoint, that includes the entry point for the client

`server.ts` - The barebones Express server with logic for SSRing Vite pages

`tsconfig.json` - TypeScript configuration

`vite.config.ts` - Vite configuration

## CI

We use GitHub actions to build the app. The badge is at the top of the repo. Currently it just confirms that everything builds properly.
npm package: @netsyde/react-forms
Description: A Small, Simple, Strongly Typed Forms Library
Author: Miro Koprnicky
Latest version: 0.8.8

# Getting Started with React Forms

Visit the [demo site](https://netsyde-systems.github.io/react-forms/).

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: @netsyno/eslint-config
Description: Configuration for eslint based on airbnb config with prettier support
Author: Josef Roth
Latest version: 4.0.0

# @netsyno/eslint-config

Base ESLint configuration for NETSYNO projects.

## Installation

```
yarn add --dev @netsyno/eslint-config
```

## Usage

Use in your .eslintrc:

```
{ "extends": "@netsyno" }
```
npm package: @nette/vite-plugin
Description: Nette plugin for Vite
Author: David Grudl
Latest version: 1.0.2

# Vite Plugin for Nette

A Vite plugin that integrates [Vite](https://vite.dev) with [Nette](https://nette.org) & [Latte](https://latte.nette.org) for seamless asset management and development workflow.

For detailed setup instructions and configuration options, see the [official Nette documentation](https://doc.nette.org/en/assets/vite).

## Installation

```bash
npm install -D @nette/vite-plugin
```

## Usage

Add the plugin to your `vite.config.js`:

```js
import { defineConfig } from 'vite'
import nette from '@nette/vite-plugin'

export default defineConfig({
	plugins: [nette()]
})
```
npm package: @nettleweb/core
Description: The core JavaScript support framework used by NettleWeb projects.
Author: NettleWeb
Latest version: 0.3.2

# NettleWeb Core
The core JavaScript support framework used by NettleWeb projects.

This library was created for extending the standard JavaScript API while avoiding duplicated dependencies across the modules. It is designed to be fast and lightweight without using dependencies or any platform-specific APIs. It can be safely used in browsers, Node.js or other environments that support the `es2022` standard.

## Install
```
npm install @nettleweb/core@latest
```

## Modules
#### Streams
- `Buffer` - alias for `Uint8Array` but with additional static methods.
- `Stream` - the base class for `ReadStream` and `WriteStream`.
- `ReadStream` - an abstract readable binary stream.
- `WriteStream` - an abstract writable binary stream.
- `BufferReadStream` - a readable stream that uses a `Uint8Array` as source.
- `BufferWriteStream` - a writable stream that writes data into a `Uint8Array`.

#### String Coders
- `ASCII`
- `UTF_8` - useful when `TextEncoder` and `TextDecoder` are not available.
- `UTF16BE`
- `UTF16LE`
- `UTF32BE`
- `UTF32LE`

#### Binary Coders
- `Hex` - a tool for encoding and decoding `Uint8Array` into hexadecimal strings.
- `Base32` - a tool for encoding and decoding `Uint8Array` into Base32 strings.
- `Base64` - a tool for encoding and decoding `Uint8Array` into Base64 strings.

#### Object Serializers
- `NTON` - an object serializer that encodes objects into `Uint8Array`. (based on the [`nton`](https://github.com/ruochenjia/nton) npm module)

#### Random Number Generators
- `Random` - a random number generator interface with multiple algorithm and seeding support.
- `SecureRandom` - a cryptographically secure random number generator with seeding support.

#### Other Utils
- `md5` - generate MD5 checksum from strings.
- `cyrb128` - a 128 bit string hashing function.
- `AsyncLock` - interface for preventing concurrent async executions.
- `EventEmitter` - a polyfill for the `EventEmitter` interface in Node.js.

## Examples
```js
import NettleWeb from "@nettleweb/core";

// extract modules for easier access later
const { UTF_8, Base32 } = NettleWeb;

// encode a string into a Uint8Array using utf-8 encoding
const buf = UTF_8.encode("google");

// encode the Uint8Array into a base32 string
const str = Base32.encode(buf);
```
Note: For more detailed usage information, please refer to the type declarations in `types/types.d.ts`. This library does not perform strict type checking for providing better performance, so it is important to pass the correct values to each API in order to avoid unexpected results.

## License
This repository is licensed under the MIT License. You are free to modify or redistribute this project under the terms stated in LICENSE.md.
npm package: @nettu/sdk
Description: The Nettu Node library provides convenient access to the Nettu API from applications written in server-side JavaScript or web based applications
Author: Nettu
Latest version: 0.0.6

## Nettu Javascript Library

The Nettu Node library provides convenient access to the Nettu API from applications written in server-side JavaScript or web based applications.

The SDK supports authentication through api-keys (for server-side applications) and bearer tokens (for web applications).

## Documentation

See the [Nettu API docs](https://docs.nettu.no/).
npm package: @netty0911/react-compiler
Description: react compiler
Author: netty0911
Latest version: 1.0.0

**文档地址 http://tinyrc.netty0911.com/**

## Install

```shell
npm install @netty0911/react-compiler
```

## Usage

```typescript jsx
import React, { useEffect, useRef, useState } from 'react';
import { createCompiler } from '@netty0911/react-compile';

const code = `
import React from 'react';
import ReactDOM from 'react-dom';
import { Button } from '@netty0911/react-component';

const CustomComponent = () => {
  return (
    <Button>
      hello world!
    </Button>
  );
}

ReactDOM.render(<CustomComponent />, renderContainer)
`;

export const Demo = () => {
  const [value, setValue] = useState(code);

  const elementRef = useRef<any>(null);
  const compilerRef = useRef<any>(null);

  useEffect(() => {
    compilerRef.current = createCompiler({
      renderContainer: elementRef.current,
      modules: {
        '@netty0911/react-component': require('../tiny-rc'),
      },
    });
    run();
  }, []);

  const run = () => {
    compilerRef.current.run(value);
  };

  return (
    <div style={{ display: 'flex' }}>
      <div style={{ flex: 1 }}>
        <MonacoEditor
          monaco={monaco}
          height={400}
          language={'javascript'}
          defaultValue={value}
          onChange={setValue}
        />
      </div>
      <div style={{ flex: 1 }}>
        <button onClick={run}>运行</button>
        <div ref={elementRef} style={{ height: 400 }} />
      </div>
    </div>
  );
};
```
npm package: @netty0911/react-monaco-editor
Description: react monaco editor
Author: netty0911
Latest version: 1.0.0

# MonacoEditor 代码编辑器

React 可用的 Monaco Editor 组件

## 安装

该组件依赖 [monaco-editor](https://github.com/microsoft/monaco-editor)，使用前需安装：

> 建议版本 >= 0.22

```
npm i monaco-editor
```

同时，需要安装 [monaco-editor-webpack-plugin](https://github.com/Microsoft/monaco-editor-webpack-plugin)：

> 注意 monaco-editor-webpack-plugin 版本需要与 monaco-editor 版本匹配
> 建议使用 webpack@5

```
npm i -D webpack monaco-editor-webpack-plugin
```

配置 webpack

```js
const MonacoWebpackPlugin = require("monaco-editor-webpack-plugin");

module.exports = () => ({
  // ...
  plugins: [
    new MonacoWebpackPlugin({
      // 所需支持的语言
      languages: ['javascript', 'markdown'],
      filename: 'monaco-[name].[contenthash:10].js',
    }),
  ],
  // ...
});
```
npm package: @netty0911/tiny-build
Description: 基于 rollup 的 npm 包构建工具
Author: netty0911
Latest version: 2.3.0

## 介绍

`tiny-build` 是一款基于 rollup 的 npm 包构建工具；

## 安装

```shell
npm install -D @netty0911/tiny-build
```

## 使用

```shell
tiny-build
```

### 构建核心

`tiny-build` 内部使用 babel；

### 输出格式

`tiny-build` 支持 cjs、esm、umd 三种输出格式，我们默认使用 esm 格式；

如何选择输出格式：

- 如果运行环境是 browser，选择 esm 格式；
- 如果运行环境是 node，建议选择 cjs 格式；
- 需要通过 cdn 引用的，选择 umd 格式；
- 仅编译样式文件的，例如将 less 编译成 css，选择 umd；

## 配置

## 注意

构建工具未包含 `peerDependencies` 和 `dependencies` 中的依赖项，在使用本工具时需要确保安装了 `@babel/runtime` 和 `@babel/runtime-corejs3`
npm package: @netty0911/tiny-deploy
Description: cdn deploy
Author: netty0911
Latest version: 2.0.1

## 介绍

`@netty0911/tiny-deploy` 是一款将本地文件部署到腾讯云对象存储的命令行工具

## 安装

```shell
npm install -D @netty0911/tiny-deploy
```

## 使用

```shell
tiny-deploy dev --host http://127.0.0.1:8000 --path app/demo
```

## 命令行参数

### host 指定主机地址

可选参数

### path 指定部署路径

必填参数；不允许包含除字母、数字、下划线、短划线、点号、斜杠以外的字符；不允许以斜杠开头，不允许以斜杠结尾，不允许连续斜杠，不允许连续点号；
npm package: @netty0911/tiny-icons
Description: react component svg icons
Author: netty0911
Latest version: 2.0.0

**文档地址 http://tinyrc.netty0911.com/**

## Usage

### 基本使用

```jsx
import React from 'react';
import { AddFolder, PlusOFill } from '@netty0911/tiny-icons';

export default () => (
  <>
    <AddFolder />
    <PlusOFill style={{ color: '#8c8c8c' }} />
  </>
);
```

### 自定义图标

```jsx
import React from 'react';
import Icon from '@netty0911/tiny-icons';

const BookSvg = () => (
  <svg
    width="24px"
    height="26px"
    viewBox="0 0 24 26"
    version="1.1"
    xmlns="http://www.w3.org/2000/svg"
  >
    <g fillRule="nonzero" fill="none">
      <rect fill="#93C3FF" x="1" width="23" height="26" rx="1.075" />
      <path fill="#6CA4EA" d="M17 0h3v26h-3z" />
      <rect fill="#6CA4EA" y="4" width="3" height="2" rx=".307" />
      <rect fill="#6CA4EA" y="12" width="3" height="2" rx=".307" />
      <rect fill="#6CA4EA" y="20" width="3" height="2" rx=".307" />
    </g>
  </svg>
);

const BookIcon = (props) => <Icon {...props} component={BookSvg} />;

export default () => <BookIcon style={{ fontSize: '32px' }} />;
```

### 使用 iconfont

```jsx
import React from 'react';
import { createFromIconfont } from '@netty0911/tiny-icons';

const IconFont = createFromIconfont({
  scriptUrl: '//at.alicdn.com/t/font_1942862_ol5c9n8d4ne.js',
});

export default () => (
  <div>
    <IconFont style={{ fontSize: '32px' }} type="icon-at-plus-o-fill" />
  </div>
);
```

## API

### 通用图标

| 参数      | 说明                                       | 类型          | 默认值 |
| :-------- | :----------------------------------------- | :------------ | ------ |
| className | 设置图标的样式名                           | string        | -      |
| style     | 设置图标的样式，例如 `fontSize` 和 `color` | CSSProperties | -      |
| spin      | 是否有旋转动画                             | boolean       | false  |
| rotate    | 图标旋转角度（IE9 无效）                   | number        | -      |

### 自定义图标

| 参数      | 说明                                                             | 类型          | 默认值 |
| --------- | ---------------------------------------------------------------- | ------------- | ------ |
| style     | 设置图标的样式，例如 `fontSize` 和 `color`                       | CSSProperties | -      |
| spin      | 是否有旋转动画                                                   | boolean       | false  |
| rotate    | 图标旋转角度（IE9 无效）                                         | number        | -      |
| component | 控制如何渲染图标，通常是一个渲染根标签为 `<svg>` 的 `React` 组件 |               | -      |
npm package: @netty0911/tiny-scripts
Description: tiny scripts
Author: netty0911
Latest version: 2.0.3

## 介绍

`tiny-scripts` 是一款基于 webpack 的项目构建工具

## 安装

```shell
npm install -D @netty0911/tiny-scripts
```

## 使用

```shell
# 开发构建
tiny-scripts dev --port 8000

# 生产构建
tiny-scripts build
```

## 命令行参数

| 参数      | 描述               | 默认值           |
| --------- | ------------------ | ---------------- |
| p, port   | 指定开发服务端口号 | `8000`           |
| c, config | 指定配置文件       | `tiny.config.js` |

## 配置选项

| 选项                | 描述                |
| ------------------- | ------------------- |
| extraWebpackPlugins | 额外的 webpack 插件 |