open-index/open-npm huggingface dataset:
npm package: @100mslive/hms-video-react
Description: <p align="center" >   <a href="https://100ms.live/">   <img src="https://github.com/100mslive/100ms-ios-sdk/blob/main/100ms-logo.png" title="100ms logo" float=left></a> </p>
Author: 100ms
Latest version: 0.7.4

<p align="center" >
  <a href="https://100ms.live/">
  <img src="https://github.com/100mslive/100ms-ios-sdk/blob/main/100ms-logo.png" title="100ms logo" float=left></a>
</p>
  
  
# IMPORTANT: Deprecated
  
Note that this library is deprecated and is no longer actively maintained, if you're starting a new project please use [@100mslive/react-sdk](https://www.npmjs.com/package/@100mslive/react-sdk), our [quickstart guide](https://www.100ms.live/docs/javascript/v2/guides/react-quickstart) should help you in getting up quickly. For already existing projects, if you're not using any UI components and only using the hooks, you can simply replace all occurence of "@100mslive/hms-video-react" with "@100mslive/react-sdk" after installing the latter.
We're also actively working on a UI package ["@100mslive/react-ui"](https://www.npmjs.com/package/@100mslive/react-ui), currently in alpha for helping with headless and styled components.

# 100ms React SDK
[![Documentation](https://img.shields.io/badge/Read-Documentation-blue)](https://docs.100ms.live/javascript/v2/features/integration)
[![Discord](https://img.shields.io/badge/Community-Join%20on%20Discord-blue)](https://discord.gg/F8cNgbjSaQ)
[![Email](https://img.shields.io/badge/Contact-Know%20More-blue)](mailto:founders@100ms.live)

Create beautfiful custom applications using 100ms' React SDK.
  
This library currently provides is composed of two pieces - 
  
1. hooks which interface with our sdk for easily using with functional components. More details [here](https://docs.100ms.live/javascript/v2/features/integration#installing-our-libraries).
2. UI components for common use cases - video tile, preview etc. Note that these components are on path of deprecation and we don't recommend their use as a library. We're actively working on a new UI components library which will provide improved flexibility and ease of use.

Install using

```bash
npm install --save @100mslive/hms-video-react@latest
```

For detailed documentation visit [our documentation page](https://docs.100ms.live/javascript/v2/features/integration#installing-our-libraries)
npm package: @100mslive/hms-whiteboard
Description: [![Lint, Test and Build](https://github.com/100mslive/web-sdks/actions/workflows/lint-test-build.yml/badge.svg)](https://github.com/100mslive/web-sdks/actions/workflows/lint-test-build.yml) [![Bundle Size](https://badgen.net/bundlephobia/minzip/@100mslive
Author: 100ms
Latest version: 0.1.2
npm package: @100mslive/react-sdk
Description: [![Lint, Test and Build](https://github.com/100mslive/web-sdks/actions/workflows/lint-test-build.yml/badge.svg)](https://github.com/100mslive/web-sdks/actions/workflows/lint-test-build.yml) [![Bundle Size](https://badgen.net/bundlephobia/minzip/@100mslive
Author: 100ms
Latest version: 0.11.2
npm package: @100tal-seg/seg-devtools
Description: seg 物料开发者工具
Author: SEG Team
Latest version: 0.0.1

# ice-devtools

Creates a materials application using the command line, is the Standard Tooling for SEG material Development.

## Installation

Prerequisites: Node.js (>=10.x), npm version 6+.

```bash
$ npm i @100tal-seg/seg-devtools -g
```

## Quick Start

```bash
$ mkdir my-materials && cd my-materials
$ seg init
```

It will create a directory called my-materials inside the current folder.

Inside that directory, it will generate the initial project structure:

```
my-materials/
    │
    ├── blocks
    │      └── Greeting
    │
    ├── scaffolds
    │      └── lite
    │
    ├── .editorconfig
    ├── .eslintignore
    ├── .eslintrc
    ├── .gitignore
    ├── .prettierignore
    ├── .prettierrc
    ├── LICENSE
    ├── README.md
    └── package.json
```

No configuration or complicated folder structures, just the files you need to build your materials app.

Inside the newly created project, you can run some built-in commands:

```
$ npm run deploy //  equal to： seg generate && seg sync
```

It will be automatically generate materials JSON data in build folder，The build folder is ready to be deployed，return a material source interface.

## Add Materilas

You can add materials, including blocks and templates：

```
$ sm add
```

## Documentation

Docs are available at [intro-materials](https://ice.work/docs/materials/init-dev) - we are still working on refining it and contributions are welcome!

### FAQ

```
Install puppeteer: cnpm i puppeteer
```

## License

MIT
npm package: @100tal-seg/seg-materials
Description: seg 物料开发者工具
Author: ICE Team
Latest version: 0.0.1
Deprecated: 不再使用 请使用 @100tal-seg/seg-devtools

# ice-devtools

Creates a materials application using the command line, is the Standard Tooling for ICE material Development.

## Installation

Prerequisites: Node.js (>=10.x), npm version 6+.

```bash
$ npm i seg-materials -g
```

## Quick Start

```bash
$ mkdir my-materials && cd my-materials
$ sm init
```

It will create a directory called my-materials inside the current folder.

Inside that directory, it will generate the initial project structure:

```
my-materials/
    │
    ├── blocks
    │      └── Greeting
    │
    ├── scaffolds
    │      └── lite
    │
    ├── .editorconfig
    ├── .eslintignore
    ├── .eslintrc
    ├── .gitignore
    ├── .prettierignore
    ├── .prettierrc
    ├── LICENSE
    ├── README.md
    └── package.json
```

No configuration or complicated folder structures, just the files you need to build your materials app.

Inside the newly created project, you can run some built-in commands:

```
$ npm run deploy //  equal to： ice-devtools generate && ice-devtools sync
```

It will be automatically generate materials JSON data in build folder，The build folder is ready to be deployed，return a material source interface.

## Add Materilas

You can add materials, including blocks and templates：

```
$ sm add
```

## Documentation

Docs are available at [intro-materials](https://alibaba.github.io/ice/docs/materials/intro-materials) - we are still working on refining it and contributions are welcome!

### FAQ

```
Install puppeteer: cnpm i puppeteer
```

## License

MIT
npm package: @100tal-seg/seg-react
Description: SEG SDK
Author: SEG Team
Latest version: 0.0.2

# seg-react

A cli tool for React Development. [Docs](https://ice.work/docs/basis/ice-scripts).

## Install

```bash
$ npm install seg-react -g

$ sr --help
```

## Cli

> Recommended

```bash
$ mkdir ice-project
$ cd ice-project

$ sr init project # also support component/block
$ sr dev
$ sr build
$ sr add block
```

## Methods

> Not recommended

### init({ scaffold })

init project by scaffold:

```js
const { init } = require('seg-react');

await init({
  template: '@icedesign/lite-scaffold',
  // Default: process.cwd()
  projectDir: ''
  // component/block/project, Default: project
  type: ''
});
```

### build({ customWebpackConfig, cliOptions })

build project:

```js
const { build } = require('seg-react');

await build({
  customWebpackConfig: {},
  // ref to bin/ice-build.js
  cliOptions: {}
});
```
npm package: @100tal-seg/seg-react-material-template
Description: 自定义物料源的初始模板
Author: SEG Team
Latest version: 0.0.3

# seg-react-material-template

## 简介

用于 ice-devtools init 初始化时的物料仓库模板，基于 react 和 next 组件库

## 使用

```bash
$ npm install ice-devtools -g
$ ice-devtools init
```

#### 区块预览

```
$ cd my-project/blocks/ExampleBlock
$ yarn
$ yarn dev
```

#### 布局预览

```
$cd my-project/layouts/ExampleComponent
$ npm install
$ npm run start
```

#### 模板预览

```
$ cd my-project/scaffolds/ExampleScaffold
$ npm install
$ npm run start
```

### 脚手架更新步骤

- .gitignore 改成 _gitignore
- package.json 改成 _package.json , 修改内容：
  - script： start -> dev
  - publishConfig
  - buildConfig
  - scaffoldConfig
  - name
  - version
  - description