open-index/open-npm huggingface dataset:
npm package: @schepta/adapter-react
Description: React adapter for schepta
Latest version: 1.0.0

# @schepta/adapter-react

React adapter for schepta. Provides React-specific runtime adapter and form adapter integration with `react-hook-form`.

## Installation

```bash
npm install @schepta/adapter-react react react-dom react-hook-form
```

## Peer Dependencies

- `react` >= 18.0.0
- `react-dom` >= 18.0.0

## Usage

```typescript
import { ReactRuntimeAdapter } from '@schepta/adapter-react';
import { useForm } from 'react-hook-form';

const runtime = new ReactRuntimeAdapter();
const formAdapter = useForm();

// Use with FormFactory
```

## Documentation

For complete documentation, visit [https://schepta.dev](https://schepta.dev)

## License

MIT
npm package: @schepta/adapter-vanilla
Description: Vanilla JavaScript adapter for schepta
Latest version: 1.0.0

# @schepta/adapter-vanilla

Vanilla JavaScript adapter for schepta. Provides a framework-agnostic runtime adapter for use without React or Vue.

## Installation

```bash
npm install @schepta/adapter-vanilla
```

## Usage

```typescript
import { VanillaRuntimeAdapter } from '@schepta/adapter-vanilla';

const runtime = new VanillaRuntimeAdapter();

// Use with FormFactory
```

## Documentation

For complete documentation, visit [https://schepta.dev](https://schepta.dev)

## License

MIT
npm package: @schepta/adapter-vue
Description: Vue adapter for schepta
Latest version: 1.0.0

# @schepta/adapter-vue

Vue adapter for schepta. Provides Vue 3-specific runtime adapter and form adapter.

## Installation

```bash
npm install @schepta/adapter-vue vue
```

## Peer Dependencies

- `vue` >= 3.0.0

## Usage

```typescript
import { VueRuntimeAdapter } from '@schepta/adapter-vue';
import { ref } from 'vue';

const runtime = new VueRuntimeAdapter();
const formAdapter = {
  getValues: () => formData.value,
  setValue: (name, value) => { /* ... */ },
  // ...
};

// Use with FormFactory
```

## Documentation

For complete documentation, visit [https://schepta.dev](https://schepta.dev)

## License

MIT
npm package: @schepta/core
Description: Core agnostic rendering engine
Latest version: 1.0.0

# @schepta/core

Core framework-agnostic rendering engine for schepta. This package provides the foundational logic for rendering JSON schemas into UI components.

## Installation

```bash
npm install @schepta/core
```

## Usage

```typescript
import { 
  ComponentRegistry, 
  RendererRegistry, 
  componentOrchestrator,
  createComponentSpec 
} from '@schepta/core';

// Create component registry
const registry = new ComponentRegistry();

// Register a component
registry.register(
  createComponentSpec({
    id: 'my-component',
    type: 'field',
    factory: (props, runtime) => MyComponent,
  })
);

// Create component orchestrator
const orchestrator = new componentOrchestrator(registry);
```

## Documentation

For complete documentation, visit [https://schepta.dev](https://schepta.dev)

## License

MIT
npm package: @schepta/factory-react
Description: React factories for schepta
Latest version: 1.0.0

# @schepta/factory-react

React factory for schepta. Provides `FormFactory` component for rendering forms from JSON schemas in React applications.

## Installation

```bash
npm install @schepta/factory-react @schepta/core @schepta/adapter-react react react-dom react-hook-form
```

## Peer Dependencies

- `react` >= 18.0.0
- `react-dom` >= 18.0.0
- `react-hook-form` >= 7.52.2

## Usage

```tsx
import { FormProvider, useForm } from 'react-hook-form';
import { FormFactory } from '@schepta/factory-react';
import { createComponentSpec } from '@schepta/core';

const components = {
  InputText: createComponentSpec({
    id: 'InputText',
    type: 'field',
    factory: (props, runtime) => InputText,
  }),
};

function App() {
  const methods = useForm();
  
  return (
    <FormProvider {...methods}>
      <FormFactory
        schema={formSchema}
        components={components}
        onSubmit={(values) => console.log(values)}
      />
    </FormProvider>
  );
}
```

## Documentation

For complete documentation and showcases, visit [https://schepta.dev](https://schepta.dev)

## License

MIT
npm package: @schepta/factory-vanilla
Description: Vanilla JS factories for schepta
Latest version: 1.0.0

# @schepta/factory-vanilla

Vanilla JavaScript factory for schepta. Provides `FormFactory` for rendering forms from JSON schemas without any framework dependencies.

## Installation

```bash
npm install @schepta/factory-vanilla @schepta/core @schepta/adapter-vanilla
```

## Usage

```typescript
import { FormFactory } from '@schepta/factory-vanilla';
import { createComponentSpec } from '@schepta/core';

const components = {
  InputText: createComponentSpec({
    id: 'InputText',
    type: 'field',
    factory: (props, runtime) => {
      const input = document.createElement('input');
      input.type = 'text';
      input.value = props.value || '';
      input.addEventListener('input', (e) => {
        props.onChange?.(e.target.value);
      });
      return input;
    },
  }),
};

const factory = new FormFactory({
  schema: formSchema,
  components,
  onSubmit: (values) => console.log(values),
});

// Render to DOM
const container = document.getElementById('app');
factory.render(container);
```

## Documentation

For complete documentation and showcases, visit [https://schepta.dev](https://schepta.dev)

## License

MIT
npm package: @schepta/factory-vue
Description: Vue factories for schepta
Latest version: 1.0.0

# @schepta/factory-vue

Vue factory for schepta. Provides `FormFactory` component for rendering forms from JSON schemas in Vue 3 applications.

## Installation

```bash
npm install @schepta/factory-vue @schepta/core @schepta/adapter-vue vue
```

## Peer Dependencies

- `vue` >= 3.0.0

## Usage

```vue
<template>
  <FormFactoryComponent
    :schema="formSchema"
    :components="components"
    :on-submit="handleSubmit"
  />
</template>

<script setup lang="ts">
import { createFormFactory } from '@schepta/factory-vue';
import { createComponentSpec } from '@schepta/core';

const FormFactoryComponent = createFormFactory({
  // configuration
});

const handleSubmit = (values: any) => {
  console.log('Form submitted:', values);
};
</script>
```

## Documentation

For complete documentation and showcases, visit [https://schepta.dev](https://schepta.dev)

## License

MIT
npm package: @schero/bs-antd
Description: BuckleScript bindings for Ant Design
Author: Roman Schejbal
Latest version: 1.0.36

# @schero/bs-antd
ReasonML / BuckleScript bindings for Ant Design

1. `yarn add @schero/bs-antd`
1. add `"@schero/bs-antd"` to your `bs-dependencies` inside `bsconfig.json`
1. module `Antd` should be in scope
npm package: @schh/compts
Description: schh compts lib
Author: schh
Latest version: 1.0.0

## 进阶必学！最新 Vue3.3 + TS4 高仿 ElementPlus 打造自己的组件库

**schh-compts** 是为慕课网打造的一套教学组件库，使用最新的 Vue3.3 和 TS， 意在让大家从零到一，由浅入深的提高自己的 Vue 和 typescript 水平，地址： [https://coding.imooc.com/class/693.html](https://coding.imooc.com/class/693.html)

### 安装


```bash
npm i @schh/schh-compts --save
```

### 开始使用

**全局使用**


```js
// 引入所有组件
import SchhCompts from '@schh/schh-compts'
// 引入样式
import '@schh/schh-compts/dist/style.css'

import App from './App.vue'
// 全局使用
createApp(App).use(SchhCompts).mount('#app')
```

```vue
<template>
  <schh-button>我是 SchhButton</schh-button>
</template>
```

**单个导入**

V Element 提供了基于 ES Module 的开箱即用的 Tree Shaking 功能。


```vue
<template>
  <Button>我是 SchhButton</Button>
</template>
<script>
  import { Button } from ' @schh/schh-compts'
  export default {
    components: { Button },
  }
</script>
```

### 课程亮点

* 亮点1 🔥：“稀有”，目前上市面没有类似的高级课程，由浅入深的高仿 Element-Plus 完成组件库开发的全流程。
* 亮点2 💧: “专业”，传授大厂前端项目架构设计思想/开发模式/代码规范/流程，不搞小作坊式代码。
* 亮点3 ⛑️: “全”，精选十几个组件，可以涵盖大部分的主流组件的设计思想以及原理，知识覆盖面全。
* 亮点4 📚：“新”，使用目前2023年 Vue3 周边最新 ，最全技术：Vue3.2 + Typescript4， Vite，Vitest， Vitepress，Vue-test-utils2，Rollup, Postcss 一网打尽。
* 亮点5 🎉：“难”，难度逐渐上升，高薪必备敲门砖，包括：Message - Select - Form 这种高难度高复杂组件。
* 亮点6 🌹：单元测试，被常年忽略但是非常重要的内容，简历加分项，使用最新的 Vitest，Vue-test-utils2 完成单元测试。
* 亮点7 📚:  文档生成工具，组件库打包和发布以及其他周边流程应有尽有，提供一揽子解决方案。
* 亮点8 📦: 长期维护以及更新，会根据同学的反馈每年更新几个高频组件。