open-index/open-npm huggingface dataset:
npm package: @saber2pr/q
Description: syntax:
Author: saber2pr
Latest version: 1.0.5

### q

syntax:

```md
### category ratio

[score]
1. todo1 y
2. todo2 `*****`
```

#### run

```bash
npm i @saber2pr/q -g

sa-q q.md
sa-q q.md 4
```
npm package: @saber2pr/rc-audio
Description: an audio button.
Author: saber2pr
Latest version: 0.1.1

# @saber2pr/rc-audio

> an audio button.

```bash
yarn add @saber2pr/rc-audio
```

```tsx
import Audio from "@saber2pr/rc-audio"

const App = () => {
  return (
    <div>
      play <Audio src="https://..." />
    </div>
  )
}
```
npm package: @saber2pr/rc-tree
Description: a tree-select renderer for react.
Author: saber2pr
Latest version: 0.1.17

# @saber2pr/rc-tree

> a tree-select renderer for react.

```bash
yarn add @saber2pr/rc-tree
```

# What

[example>>](https://saber2pr.github.io/rc-tree/example/index.html)

```tsx
import Tree from "@saber2pr/rc-tree";

const tree = {
  path: "root",
  name: "root",
  children: [
    {
      path: "root/node",
      name: "node",
      children: [
        {
          path: "root/node/node.md",
          name: "node",
          text: "node\n"
        }
      ]
    }
  ]
};

const App = () => (
  <Tree from={tree} map={node => <a href={node.path}>{node.name}</a>} />
);

ReactDOM.render(<App />, document.getElementById("root"));

// map depth
const TreeSelect = (
  <Tree
    from={tree}
    map={(node, depth) => (
      <a style={{ color: depth > 1 ? "red" : "green" }}>{node.name}</a>
    )}
  />
);
```

# dev

```bash
yarn install

yarn run dev

yarn run build
```

# Author

saber2pr