open-index/open-npm huggingface dataset:
npm package: @mucha48/tydic-component-set
Description: A components of pc base on vue2.2.+
Author: mucha
Latest version: 0.2.9

# mc-ui

> 基于Vue2.x的前端组件库

# 项目目录
``` bash
.
├── dist                         # 压缩后文件目录
├── site                         # 项目结构目录
│   ├── App.vue                  # 单页应用父组件          
│   └── main.js                  # 单页应用启动入口文件
├── src                           # 开发目录
│   ├── assets                    # 静态文件：scss/image
│   ├── components                # 存放共用组件库
│   ├── index.js                  # 全局注册组件插件
│   └── style.js                  # 导入scss
├── index.html
├── package.json                  # 依赖管理
├── webpack.dev.js                #项目启动配置文件：npm run dev
├── webpack.config.js             #项目打包配置文件：npm run build
└── README.md                     #README
```

# Usage

## Install dependencies

```bash
  npm install
```
or

```bash
  yarn
```

## Serve with hot reload at localhost:8080

```bash
  npm run dev
```



## Build for production with minification
> 发布新版本时，执行打包
```bash
  npm run build
```


引入组件库

在VUE2.x的项目中引入本组件库：
```bash
		npm install @mucha48/tydic-component-set
		node将会自动下载本组件库到项目的依赖文件夹node_modules中
```
添加全局依赖：
```bash
		在项目的启动入口文件main.js中import组件库：
		    import tydic from '@mucha48/tydic-component-set';
    import '@mucha48/tydic-component-set/dist/mc.css';
    Vue.use(tydic);
```
npm package: @muchobien/apollo-persistence-mapper
Description: decorate documents to be persist
Latest version: 1.0.0

# @muchobien/apollo-persistence-mapper

#### Usage

```gql
query FooQuery {
  foos @persist {
    id
    name
    description
  }
}
```

or

```gql
query FooQuery {
  foos {
    __persist
    id
    name
    description
  }
}
```
npm package: @muchobien/eslint-config-react-native
Description: Pluggable ESLint config for React Native
Author: Rodrigo Sanabria
Latest version: 0.1.8

# eslint-config-react-native

## Use

### Configure tsconfig.json

```json
{
  "extends": "@muchobien/eslint-config-react-native/tsconfig.base",
  "compilerOptions": {
    "baseUrl": ".",
    "paths": {
      "@app": ["./src"],
      "@app/*": ["./src/*"]
    }
  },
  "exclude": [
    "node_modules",
    "babel.config.js",
    "metro.config.js",
    "jest.config.js",
    "commitlint.config.js"
  ]
}
```

### Configure .eslintrc.js

```js
module.exports = {
  root: true,
  extends: '@muchobien/eslint-config-react-native',
};
```
npm package: @mucsi96/ui-elements
Description: Minimalistic component library based on custom attributes proposal from [Web Incubator Community Group (WICG)](https://wicg.io)
Author: Igor Bari
Latest version: 69.0.0

# UI Elements

Minimalistic component library based on custom attributes proposal from [Web Incubator Community Group (WICG)](https://wicg.io)

Motivation is self-learning.

## [Docs](https://mucsi96.github.io/ui-elements/iframe.html?viewMode=docs&id=docs--docs)

## Features

- Based on [proposal](https://github.com/WICG/webcomponents/issues/1029) for custom attributes as alternative to customized builtin HTML elements.
- No dependencies
- Framework independent
- Accessibility first
- Size: ~4 kB (gzip)
npm package: @mud-classic/react
Description: React tools for MUD client.
Author: Asphodel Studios
Latest version: 0.0.4

# MUD React

React hooks (and more) for building MUD clients.

### useComponentValue

Returns the value of the component for the entity, and triggers a re-render as the component is added/removed/updated.

```
const position = useComponentValue(Position, entity);
```

### useEntityQuery

Returns all matching `EntityIndex`es for a given entity query, and triggers a re-render as new query results come in.

```
const entities = useEntityQuery([Has(Position)]);
const playersAtPosition = useEntityQuery([Has(Player), HasValue(Position, { x: 0, y: 0 })]);
```
npm package: @mud-classic/recs
Description: `recs` is built with reactivity in mind. `Components` and `Queries` expose an `update$` stream, that `Systems` can react to.
Author: Asphodel Studios
Latest version: 0.0.4

# recs - Reactive Entity Component System

`recs` is built with reactivity in mind.
`Components` and `Queries` expose an `update$` stream, that `Systems` can react to.

To build some fundamental intuition about ECS, have a look at [our MUD ECS introduction](https://mud.dev/blog/ecs).

`recs` is seamlessly integrated with the other MUD libraries, but can be used independently.

For detailed documentation, check out [mud.dev/recs](https://mud.dev/recs).

# Features

- Reactive components, queries, and systems
- Powerful queries, including advanced indirect relationship queries
- Seamless integration with other MUD libraries and services
- Simple, declarative API
- Ultra high performance
- TypeScript support

# Example

```typescript
import {
  createWorld,
  defineComponent,
  createEntity,
  withValue,
  defineSystem,
  Has,
  getComponentValue,
  setComponent,
} from "@latticexyz/recs";

// Create a new World
const World = createWorld();

// Define a couple components
const Position = defineComponent(world, { x: Type.Number, y: Type.Number });
const Movable = defineComponent(world, { speed: Type.Number });

// Create a new entity
const entity1 = createEntity(world, [withValue(Position, { x: 0, y: 0 }), withValue(Movable, { speed: 10 })]);

// Define a system that reacts to updates of movable entities with a position
defineSystem(world, [Has(Position), Has(Movable)], (update) => {
  console.log("Entity", update.entity, "moved to", update.value);
  // ... do stuff, like rendering the entity on the screen, etc
});

// Move the entity around
setInterval(() => {
  const currentPosition = getComponentValue(Position, entity1);
  const newPosition = { x: position.x + 1, y: position.y + 1 };
  setComponent(Position, entity1, newPosition);
}, 1000);
```

# Acknowledgements

- Syntax originally inspired by [bitECS](https://github.com/NateTheGreatt/bitECS)