open-index/open-npm huggingface dataset:
npm package: @semi-bot/semi-vchart-theme-qianqizhongshe
Description: Semi theme generated by dsm. https://semi.design/dsm
Latest version: 1.0.0


# @semi-bot/semi-vchart-theme-qianqizhongshe   --- Semi Vcharts Theme Generated By [Semi Vcharts Design System Management](https://semi.design/dsm_vchart/doc)
ID: 2460
Operator: 用户5107179128428

## Compatibility

    
## Version Release Note
    

    
    
## Manual
    
[Bytedance](https://semi.bytedance.net/dsm_vchart/doc)
    
[Community](https://semi.design/dsm_vchart/doc)
npm package: @semi-bot/semi-vchart-theme-qweqweqwe
Description: Semi theme generated by dsm. https://semi.design/dsm
Latest version: 1.0.0


# @semi-bot/semi-vchart-theme-qweqweqwe   --- Semi Vcharts Theme Generated By [Semi Vcharts Design System Management](https://semi.design/dsm_vchart/doc)
ID: 2040
Operator: 用户673361197921

## Compatibility

    
## Version Release Note
    

    
    
## Manual
    
[Bytedance](https://semi.bytedance.net/dsm_vchart/doc)
    
[Community](https://semi.design/dsm_vchart/doc)
npm package: @semi-bot/semi-vchart-theme-qyj
Description: Semi theme generated by dsm. https://semi.design/dsm
Latest version: 1.0.0


# @semi-bot/semi-vchart-theme-qyj   --- Semi Vcharts Theme Generated By [Semi Vcharts Design System Management](https://semi.design/dsm_vchart/doc)
ID: 2176
Operator: github1025

## Compatibility

    
## Version Release Note
    
敲有句echart主题包
    
    
## Manual
    
[Bytedance](https://semi.bytedance.net/dsm_vchart/doc)
    
[Community](https://semi.design/dsm_vchart/doc)
npm package: @semi-bot/semi-vchart-theme-qyj-main
Description: Semi theme generated by dsm. https://semi.design/dsm
Latest version: 1.0.0


# @semi-bot/semi-vchart-theme-qyj-main   --- Semi Vcharts Theme Generated By [Semi Vcharts Design System Management](https://semi.design/dsm_vchart/doc)
ID: 2111
Operator: github1025

## Compatibility

    
## Version Release Note
    
敲有句主题包
    
    
## Manual
    
[Bytedance](https://semi.bytedance.net/dsm_vchart/doc)
    
[Community](https://semi.design/dsm_vchart/doc)
npm package: @semi-bot/semi-vchart-theme-rdata
Description: Semi theme generated by dsm. https://semi.design/dsm
Latest version: 1.0.0


# @semi-bot/semi-vchart-theme-rdata   --- Semi Vcharts Theme Generated By [Semi Vcharts Design System Management](https://semi.design/dsm_vchart/doc)
ID: 1527
Operator: rlog

## Compatibility

    
## Version Release Note
    

    
    
## Manual
    
[Bytedance](https://semi.bytedance.net/dsm_vchart/doc)
    
[Community](https://semi.design/dsm_vchart/doc)
npm package: @semi-bot/semi-vchart-theme-roc
Description: Semi theme generated by dsm. https://semi.design/dsm
Latest version: 1.0.0


# @semi-bot/semi-vchart-theme-roc   --- Semi Vcharts Theme Generated By [Semi Vcharts Design System Management](https://semi.design/dsm_vchart/doc)
ID: 2204
Operator: 用户4439499051156

## Compatibility

    
## Version Release Note
    

    
    
## Manual
    
[Bytedance](https://semi.bytedance.net/dsm_vchart/doc)
    
[Community](https://semi.design/dsm_vchart/doc)
npm package: @semi-bot/semi-vchart-theme-rs
Description: Semi theme generated by dsm. https://semi.design/dsm
Latest version: 1.0.0


# @semi-bot/semi-vchart-theme-rs   --- Semi Vcharts Theme Generated By [Semi Vcharts Design System Management](https://semi.design/dsm_vchart/doc)
ID: 2449
Operator: 用户416680049859

## Compatibility

    
## Version Release Note
    

    
    
## Manual
    
[Bytedance](https://semi.bytedance.net/dsm_vchart/doc)
    
[Community](https://semi.design/dsm_vchart/doc)
npm package: @semi-bot/semi-vchart-theme-sankey
Description: Semi theme generated by dsm. https://semi.design/dsm
Latest version: 1.0.0


# @semi-bot/semi-vchart-theme-sankey   --- Semi Vcharts Theme Generated By [Semi Vcharts Design System Management](https://semi.design/dsm_vchart/doc)
ID: 1624
Operator: IMakiMaki

## Compatibility

    
## Version Release Note
    

    
    
## Manual
    
[Bytedance](https://semi.bytedance.net/dsm_vchart/doc)
    
[Community](https://semi.design/dsm_vchart/doc)
npm package: @semi-bot/semi-vchart-theme-semi
Description: Semi theme generated by dsm. https://semi.design/dsm
Latest version: 1.0.0


# @semi-bot/semi-vchart-theme-semi   --- Semi Vcharts Theme Generated By [Semi Vcharts Design System Management](https://semi.design/dsm_vchart/doc)
ID: 2522
Operator: xionyuno123

## Compatibility

    
## Version Release Note
    

    
    
## Manual
    
[Bytedance](https://semi.bytedance.net/dsm_vchart/doc)
    
[Community](https://semi.design/dsm_vchart/doc)
npm package: @semi-bot/semi-vchart-theme-shopify_test
Description: Semi theme generated by dsm. https://semi.design/dsm
Latest version: 1.0.0


# @semi-bot/semi-vchart-theme-shopify_test   --- Semi Vcharts Theme Generated By [Semi Vcharts Design System Management](https://semi.design/dsm_vchart/doc)
ID: 2344
Operator: 用户6594812479355

## Compatibility

    
## Version Release Note
    

    
    
## Manual
    
[Bytedance](https://semi.bytedance.net/dsm_vchart/doc)
    
[Community](https://semi.design/dsm_vchart/doc)
npm package: @semi-bot/semi-vchart-theme-shushuitong1
Description: Semi theme generated by dsm. https://semi.design/dsm
Latest version: 1.0.0


# @semi-bot/semi-vchart-theme-shushuitong1   --- Semi Vcharts Theme Generated By [Semi Vcharts Design System Management](https://semi.design/dsm_vchart/doc)
ID: 2265
Operator: 用户3696339094116

## Compatibility

    
## Version Release Note
    
1.0
    
    
## Manual
    
[Bytedance](https://semi.bytedance.net/dsm_vchart/doc)
    
[Community](https://semi.design/dsm_vchart/doc)
npm package: @semi-bot/semi-vchart-theme-supplychainrisk
Description: Semi theme generated by dsm. https://semi.design/dsm
Latest version: 1.0.0


# @semi-bot/semi-vchart-theme-supplychainrisk   --- Semi Vcharts Theme Generated By [Semi Vcharts Design System Management](https://semi.design/dsm_vchart/doc)
ID: 1912
Operator: 用户1075990848637

## Compatibility

    
## Version Release Note
    

    
    
## Manual
    
[Bytedance](https://semi.bytedance.net/dsm_vchart/doc)
    
[Community](https://semi.design/dsm_vchart/doc)
npm package: @semi-bot/semi-vchart-theme-test
Description: Semi theme generated by dsm. https://semi.design/dsm
Latest version: 1.0.0


# @semi-bot/semi-vchart-theme-test   --- Semi Vcharts Theme Generated By [Semi Vcharts Design System Management](https://semi.design/dsm_vcharts/)
ID: 1276
Operator: 代强666

## Compatibility

    
## Version Release Note
    

    
    
## Manual
    
[Bytedance](https://semi.bytedance.net/dsm_vchart/doc)
    
[Community](https://semi.design/dsm_vchart/doc)
npm package: @semi-bot/semi-vchart-theme-test-them
Description: Semi theme generated by dsm. https://semi.design/dsm
Latest version: 1.0.0


# @semi-bot/semi-vchart-theme-test-them   --- Semi Vcharts Theme Generated By [Semi Vcharts Design System Management](https://semi.design/dsm_vchart/doc)
ID: 2390
Operator: top-person

## Compatibility

    
## Version Release Note
    

    
    
## Manual
    
[Bytedance](https://semi.bytedance.net/dsm_vchart/doc)
    
[Community](https://semi.design/dsm_vchart/doc)
npm package: @semi-bot/semi-vchart-theme-test001
Description: Semi theme generated by dsm. https://semi.design/dsm
Latest version: 1.0.0


# @semi-bot/semi-vchart-theme-test001   --- Semi Vcharts Theme Generated By [Semi Vcharts Design System Management](https://semi.design/dsm_vchart/doc)
ID: 2091
Operator: UXD-CQ

## Compatibility

    
## Version Release Note
    

    
    
## Manual
    
[Bytedance](https://semi.bytedance.net/dsm_vchart/doc)
    
[Community](https://semi.design/dsm_vchart/doc)
npm package: @semi-bot/semi-vchart-theme-test12313413414
Description: Semi theme generated by dsm. https://semi.design/dsm
Latest version: 1.0.0


# @semi-bot/semi-vchart-theme-test12313413414   --- Semi Vcharts Theme Generated By [Semi Vcharts Design System Management](https://semi.design/dsm_vchart/doc)
ID: 1441
Operator: VenchiXie

## Compatibility

    
## Version Release Note
    

    
    
## Manual
    
[Bytedance](https://semi.bytedance.net/dsm_vchart/doc)
    
[Community](https://semi.design/dsm_vchart/doc)
npm package: @semi-bot/semi-vchart-theme-tobacco-research
Description: Semi theme generated by dsm. https://semi.design/dsm
Latest version: 1.0.1


# @semi-bot/semi-vchart-theme-tobacco-research   --- Semi Vcharts Theme Generated By [Semi Vcharts Design System Management](https://semi.design/dsm_vchart/doc)
ID: 2404
Operator: ikaroinory

## Compatibility

    
## Version Release Note
    

    
    
## Manual
    
[Bytedance](https://semi.bytedance.net/dsm_vchart/doc)
    
[Community](https://semi.design/dsm_vchart/doc)
npm package: @semi-bot/semi-vchart-theme-tubiao
Description: Semi theme generated by dsm. https://semi.design/dsm
Latest version: 1.0.0


# @semi-bot/semi-vchart-theme-tubiao   --- Semi Vcharts Theme Generated By [Semi Vcharts Design System Management](https://semi.design/dsm_vchart/doc)
ID: 2437
Operator: 用户5006554581467

## Compatibility

    
## Version Release Note
    

    
    
## Manual
    
[Bytedance](https://semi.bytedance.net/dsm_vchart/doc)
    
[Community](https://semi.design/dsm_vchart/doc)
npm package: @semi-bot/semi-vchart-theme-ui-lingyue-shiju
Description: Semi theme generated by dsm. https://semi.design/dsm
Latest version: 1.0.0


# @semi-bot/semi-vchart-theme-ui-lingyue-shiju   --- Semi Vcharts Theme Generated By [Semi Vcharts Design System Management](https://semi.design/dsm_vchart/doc)
ID: 1743
Operator: fff

## Compatibility

    
## Version Release Note
    

    
    
## Manual
    
[Bytedance](https://semi.bytedance.net/dsm_vchart/doc)
    
[Community](https://semi.design/dsm_vchart/doc)
npm package: @semi-bot/semi-vchart-theme-uiux
Description: Semi theme generated by dsm. https://semi.design/dsm
Latest version: 1.0.1


# @semi-bot/semi-vchart-theme-uiux   --- Semi Vcharts Theme Generated By [Semi Vcharts Design System Management](https://semi.design/dsm_vchart/doc)
ID: 2199
Operator: UIUX讲师冷

## Compatibility

    
## Version Release Note
    

    
    
## Manual
    
[Bytedance](https://semi.bytedance.net/dsm_vchart/doc)
    
[Community](https://semi.design/dsm_vchart/doc)
npm package: @semi-bot/semi-vchart-theme-ums
Description: Semi theme generated by dsm. https://semi.design/dsm
Latest version: 1.0.0


# @semi-bot/semi-vchart-theme-ums   --- Semi Vcharts Theme Generated By [Semi Vcharts Design System Management](https://semi.design/dsm_vchart/doc)
ID: 1649
Operator: 用户4793532171383

## Compatibility

    
## Version Release Note
    

    
    
## Manual
    
[Bytedance](https://semi.bytedance.net/dsm_vchart/doc)
    
[Community](https://semi.design/dsm_vchart/doc)
npm package: @semi-bot/semi-vchart-theme-ux
Description: Semi theme generated by dsm. https://semi.design/dsm
Latest version: 1.0.2


# @semi-bot/semi-vchart-theme-ux   --- Semi Vcharts Theme Generated By [Semi Vcharts Design System Management](https://semi.design/dsm_vchart/doc)
ID: 1369
Operator: 用户692618228101

## Compatibility

    
## Version Release Note
    
修改x轴文本样式
    
    
## Manual
    
[Bytedance](https://semi.bytedance.net/dsm_vchart/doc)
    
[Community](https://semi.design/dsm_vchart/doc)
npm package: @semi-bot/semi-vchart-theme-ux01
Description: Semi theme generated by dsm. https://semi.design/dsm
Latest version: 1.0.1


# @semi-bot/semi-vchart-theme-ux01   --- Semi Vcharts Theme Generated By [Semi Vcharts Design System Management](https://semi.design/dsm_vchart/doc)
ID: 1370
Operator: 用户692618228101

## Compatibility

    
## Version Release Note
    

    
    
## Manual
    
[Bytedance](https://semi.bytedance.net/dsm_vchart/doc)
    
[Community](https://semi.design/dsm_vchart/doc)
npm package: @semi-bot/semi-vchart-theme-v1.0.0
Description: Semi theme generated by dsm. https://semi.design/dsm
Latest version: 1.0.0


# @semi-bot/semi-vchart-theme-v1.0.0   --- Semi Vcharts Theme Generated By [Semi Vcharts Design System Management](https://semi.design/dsm_vchart/doc)
ID: 2105
Operator: 用户7019553926223

## Compatibility

    
## Version Release Note
    

    
    
## Manual
    
[Bytedance](https://semi.bytedance.net/dsm_vchart/doc)
    
[Community](https://semi.design/dsm_vchart/doc)
npm package: @semi-bot/semi-vchart-theme-visualization
Description: Semi theme generated by dsm. https://semi.design/dsm
Latest version: 1.0.1


# @semi-bot/semi-vchart-theme-visualization   --- Semi Vcharts Theme Generated By [Semi Vcharts Design System Management](https://semi.design/dsm_vchart/doc)
ID: 1569
Operator: 用户9144258852440

## Compatibility

    
## Version Release Note
    

    
    
## Manual
    
[Bytedance](https://semi.bytedance.net/dsm_vchart/doc)
    
[Community](https://semi.design/dsm_vchart/doc)
npm package: @semi-bot/semi-vchart-theme-wangbo
Description: Semi theme generated by dsm. https://semi.design/dsm
Latest version: 1.0.0


# @semi-bot/semi-vchart-theme-wangbo   --- Semi Vcharts Theme Generated By [Semi Vcharts Design System Management](https://semi.design/dsm_vchart/doc)
ID: 1846
Operator: 用户6251173760314

## Compatibility

    
## Version Release Note
    

    
    
## Manual
    
[Bytedance](https://semi.bytedance.net/dsm_vchart/doc)
    
[Community](https://semi.design/dsm_vchart/doc)
npm package: @semi-bot/semi-vchart-theme-webdesign
Description: Semi theme generated by dsm. https://semi.design/dsm
Latest version: 1.0.0


# @semi-bot/semi-vchart-theme-webdesign   --- Semi Vcharts Theme Generated By [Semi Vcharts Design System Management](https://semi.design/dsm_vchart/doc)
ID: 2109
Operator: 迪迪

## Compatibility

    
## Version Release Note
    

    
    
## Manual
    
[Bytedance](https://semi.bytedance.net/dsm_vchart/doc)
    
[Community](https://semi.design/dsm_vchart/doc)
npm package: @semi-bot/semi-vchart-theme-wish
Description: Semi theme generated by dsm. https://semi.design/dsm
Latest version: 1.0.0


# @semi-bot/semi-vchart-theme-wish   --- Semi Vcharts Theme Generated By [Semi Vcharts Design System Management](https://semi.design/dsm_vchart/doc)
ID: 1863
Operator: 用户2680581143113

## Compatibility

    
## Version Release Note
    

    
    
## Manual
    
[Bytedance](https://semi.bytedance.net/dsm_vchart/doc)
    
[Community](https://semi.design/dsm_vchart/doc)
npm package: @semi-bot/semi-vchart-theme-wujiao
Description: Semi theme generated by dsm. https://semi.design/dsm
Latest version: 1.0.0


# @semi-bot/semi-vchart-theme-wujiao   --- Semi Vcharts Theme Generated By [Semi Vcharts Design System Management](https://semi.design/dsm_vchart/doc)
ID: 2459
Operator: 用户9285816072355

## Compatibility

    
## Version Release Note
    

    
    
## Manual
    
[Bytedance](https://semi.bytedance.net/dsm_vchart/doc)
    
[Community](https://semi.design/dsm_vchart/doc)
npm package: @semi-bot/semi-vchart-theme-wwn
Description: Semi theme generated by dsm. https://semi.design/dsm
Latest version: 1.0.0


# @semi-bot/semi-vchart-theme-wwn   --- Semi Vcharts Theme Generated By [Semi Vcharts Design System Management](https://semi.design/dsm_vchart/doc)
ID: 1605
Operator: WWN

## Compatibility

    
## Version Release Note
    

    
    
## Manual
    
[Bytedance](https://semi.bytedance.net/dsm_vchart/doc)
    
[Community](https://semi.design/dsm_vchart/doc)
npm package: @semi-bot/semi-vchart-theme-yifance
Description: Semi theme generated by dsm. https://semi.design/dsm
Latest version: 1.0.0


# @semi-bot/semi-vchart-theme-yifance   --- Semi Vcharts Theme Generated By [Semi Vcharts Design System Management](https://semi.design/dsm_vchart/doc)
ID: 2281
Operator: 用户1663174876561

## Compatibility

    
## Version Release Note
    

    
    
## Manual
    
[Bytedance](https://semi.bytedance.net/dsm_vchart/doc)
    
[Community](https://semi.design/dsm_vchart/doc)
npm package: @semi-bot/semi-vchart-theme-yun11
Description: Semi theme generated by dsm. https://semi.design/dsm
Latest version: 1.0.0


# @semi-bot/semi-vchart-theme-yun11   --- Semi Vcharts Theme Generated By [Semi Vcharts Design System Management](https://semi.design/dsm_vchart/doc)
ID: 1732
Operator: Raya

## Compatibility

    
## Version Release Note
    

    
    
## Manual
    
[Bytedance](https://semi.bytedance.net/dsm_vchart/doc)
    
[Community](https://semi.design/dsm_vchart/doc)
npm package: @semi-bot/semi-vchart-theme-yunping
Description: Semi theme generated by dsm. https://semi.design/dsm
Latest version: 1.0.0


# @semi-bot/semi-vchart-theme-yunping   --- Semi Vcharts Theme Generated By [Semi Vcharts Design System Management](https://semi.design/dsm_vchart/doc)
ID: 1289
Operator: 用户8287449796777

## Compatibility

    
## Version Release Note
    

    
    
## Manual
    
[Bytedance](https://semi.bytedance.net/dsm_vchart/doc)
    
[Community](https://semi.design/dsm_vchart/doc)
npm package: @semi-bot/semi-vchart-theme-yunzhan
Description: Semi theme generated by dsm. https://semi.design/dsm
Latest version: 1.0.0


# @semi-bot/semi-vchart-theme-yunzhan   --- Semi Vcharts Theme Generated By [Semi Vcharts Design System Management](https://semi.design/dsm_vchart/doc)
ID: 1826
Operator: 用户8759527472656

## Compatibility

    
## Version Release Note
    

    
    
## Manual
    
[Bytedance](https://semi.bytedance.net/dsm_vchart/doc)
    
[Community](https://semi.design/dsm_vchart/doc)
npm package: @semi-bot/semi-vchart-theme-zenx
Description: Semi theme generated by dsm. https://semi.design/dsm
Latest version: 1.0.0


# @semi-bot/semi-vchart-theme-zenx   --- Semi Vcharts Theme Generated By [Semi Vcharts Design System Management](https://semi.design/dsm_vchart/doc)
ID: 1995
Operator: pixelxzen

## Compatibility

    
## Version Release Note
    

    
    
## Manual
    
[Bytedance](https://semi.bytedance.net/dsm_vchart/doc)
    
[Community](https://semi.design/dsm_vchart/doc)
npm package: @semi-bot/semi-vchart-theme-zhengyue
Description: Semi theme generated by dsm. https://semi.design/dsm
Latest version: 1.0.0


# @semi-bot/semi-vchart-theme-zhengyue   --- Semi Vcharts Theme Generated By [Semi Vcharts Design System Management](https://semi.design/dsm_vchart/doc)
ID: 2405
Operator: 用户2456306250516

## Compatibility

    
## Version Release Note
    

    
    
## Manual
    
[Bytedance](https://semi.bytedance.net/dsm_vchart/doc)
    
[Community](https://semi.design/dsm_vchart/doc)
npm package: @semi-bot/semi-vchart-theme-zhiexa
Description: Semi theme generated by dsm. https://semi.design/dsm
Latest version: 1.0.0


# @semi-bot/semi-vchart-theme-zhiexa   --- Semi Vcharts Theme Generated By [Semi Vcharts Design System Management](https://semi.design/dsm_vchart/doc)
ID: 1705
Operator: 用户7377960626523

## Compatibility

    
## Version Release Note
    

    
    
## Manual
    
[Bytedance](https://semi.bytedance.net/dsm_vchart/doc)
    
[Community](https://semi.design/dsm_vchart/doc)
npm package: @semi-bot/semi-vchart-theme-zzz
Description: Semi theme generated by dsm. https://semi.design/dsm
Latest version: 1.0.0


# @semi-bot/semi-vchart-theme-zzz   --- Semi Vcharts Theme Generated By [Semi Vcharts Design System Management](https://semi.design/dsm_vchart/doc)
ID: 1946
Operator: 用户519837421149

## Compatibility

    
## Version Release Note
    

    
    
## Manual
    
[Bytedance](https://semi.bytedance.net/dsm_vchart/doc)
    
[Community](https://semi.design/dsm_vchart/doc)
npm package: @semi-kit/component
Description: Semi-Kit Component Library
Author: Author Name
Latest version: 1.5.2

# vue-components-starter

A starter for creating a Vue component library.

## Development

- Install dependencies:

```bash
npm install
```

- Run the playground:

```bash
npm run playground
```

- Run the unit tests:

```bash
npm run test
```

- Build the library:

```bash
npm run build
```
npm package: @semi-kit/hooks
Description: Commonly used Hooks collection
Author: lijiaheng
Latest version: 1.5.2

# @semi-kit/hooks

Commonly used Hooks collection

## Installation

```bash
npm install @semi-kit/hooks
# or
pnpm add @semi-kit/hooks
# or
yarn add @semi-kit/hooks
```

## Usage

### Basic Hooks

```typescript
import { ... } from '@semi-kit/hooks';
```

### Sortable Hooks

如果需要使用 sortable 相关功能，需要额外安装 `sortablejs`：

```bash
npm install sortablejs
# or
pnpm add sortablejs
```

然后使用：

```typescript
import { useSortable } from '@semi-kit/hooks/sortable';
```

## Development

- Install dependencies:

```bash
pnpm install
```

- Build the library:

```bash
pnpm run build
```

- Watch mode:

```bash
pnpm run dev
```
npm package: @semi-solid/solid
Description: SolidJS runtime layer for Semi-Solid. Sits between the zero-dependency stubs in `@semi-solid/runtime` and your components, providing reactive implementations that depend on `solid-js`.
Latest version: 0.1.1

# @semi-solid/solid

SolidJS runtime layer for Semi-Solid. Sits between the zero-dependency stubs in `@semi-solid/runtime` and your components, providing reactive implementations that depend on `solid-js`.

## Install

```bash
pnpm add @semi-solid/solid
```

`solid-js ^1.9.0` is a peer dependency — install it alongside this package.

## What's inside

| Export | Source | Description |
|--------|--------|-------------|
| `tap`, `tapWhen`, `tapRemote`, `tapPersonalized`, `liquidRaw`, `blockAttrs` | re-exported from `@semi-solid/runtime` | Compile-time stubs — the compiler replaces these with Liquid output and reactive signals |
| `t`, `setTranslations` | re-exported from `@semi-solid/runtime` | i18n translation helper |
| `createTapSignal`, `__setSectionId` | `tapWhen.ts` | Reactive signal that re-fetches from a Shopify data section when dependencies change |
| `__tapRemoteHtml` | `tapRemote.ts` | Fetches rendered section HTML from another route via the Section Rendering API |
| `createPersonalizedSignal`, `__setPersonalizationBaseUrl`, `buildUrl` | `tapPersonalized.ts` | Fetches personalized data from an external API with prefetch support |
| `createStore` | `store.ts` | localStorage-backed reactive store (wishlists, recently viewed, etc.) |

## Usage

Components never import from this package directly. They use the `$lib/` Vite alias, which resolves to `packages/solid/src/`:

```tsx
// src/snippets/ProductCard.tsx
import { tap } from '$lib/runtime';
import { t } from '$lib/i18n';

const title = tap('{{ product.title }}', 'Product');
```

The compiler transforms `tap()` / `tapWhen()` / `tapPersonalized()` calls at build time. The reactive implementations (`createTapSignal`, `createPersonalizedSignal`, etc.) are auto-imported by the compiler into the cleaned output — you don't call them yourself.

### createStore

`createStore` is the one export you use directly in component code:

```tsx
import { createStore } from '$lib/runtime';

const recentlyViewed = createStore<Product>('recently-viewed', { maxItems: 10 });

// Read
const items = recentlyViewed.items(); // Accessor<Product[]>

// Write
recentlyViewed.add(product);    // prepends, deduplicates, persists to localStorage
recentlyViewed.remove(product); // removes by JSON equality
recentlyViewed.clear();         // empties the store
```

## Architecture

```
@semi-solid/runtime   (zero dependencies — stubs + types)
       |
@semi-solid/solid     (solid-js — reactive implementations)
       |
  Components          (import via $lib/ alias)
       |
@semi-solid/compiler  (Vite plugin — transforms source at build time)
```

The compiler emits `$lib/runtime` and `$lib/tapWhen` imports in the transformed output. The `$lib` alias in `vite.config.ts` points to `packages/solid/src/`, so Vite resolves everything without any component files needing to know the physical path.

## Development

```bash
# Run tests
pnpm test

# Watch mode
pnpm test:watch
```
npm package: @semibold/closure-compiler-plugin
Description: Google Closure Compiler plugin for Webpack 4+
Author: Aqours
Latest version: 4.0.0

# Closure-Compiler-Plugin

> [Changelog](changelog.md)

## Installation

```
npm i -D @semibold/closure-compiler-plugin
```

## Requirements

While there's JavaScript version of Closure Compiler, the original compiler is written in Java and thus Java version is more complete and performs better in terms of JavaScript code optimizations and compilation speed. If you want to use Java-based compiler, make sure you have installed [Java SDK](http://www.oracle.com/technetwork/java/javase/downloads/index-jsp-138363.html).

## Usage

### Options

#### compiler: &lt;Object&gt;

A hash of options to pass to
[google-closure-compiler(Flags and Options)](https://github.com/google/closure-compiler/wiki/Flags-and-Options).

You can optionally specify a path to your own version of the compiler.jar if the version provided by the plugin isn't working for you. See example below for optional parameter.

#### jsCompiler: &lt;Boolean&gt;

Use pure JavaScript version of Closure Compiler (no Java dependency). Note that compilation time will be around 2x slower. Default is `false`.

#### concurrency: &lt;Number&gt;

The maximum number of compiler instances to run in parallel, defaults to `1`.

#### test: &lt;RegExp | RegExp[]&gt;

Process only files which filename satisfies specified RegExp, defaults to `/\.js($|\?)/i`.

### Example

```js
const path = require("path");
const ClosureCompilerPlugin = require("@semibold/closure-compiler-plugin");

module.exports = {
    entry: path.join(__dirname, "app.js"),
    output: {
        path: path.join(__dirname, "dist"),
        filename: "[name].min.js",
    },
    mode: "production",
    devtool: "source-map",
    plugins: [
        new ClosureCompilerPlugin({
            compiler: {
                jar: "path/to/your/custom/compiler.jar", // Optional
                language_in: "ECMASCRIPT6",
                language_out: "ECMASCRIPT5",
                compilation_level: "ADVANCED",
                isolation_mode: "IIFE",
                create_source_map: true,
                externs: [path.join(__dirname, "externs.js")],
            },
        }),
    ],
    optimization: {
        minimize: false,
    },
};
```

## FAQ

-   What is the Closure Compiler?
    -   @see [Closure Compiler Homepage](https://developers.google.com/closure/compiler/)
    -   @see [Closure Compiler Wiki](https://github.com/google/closure-compiler/wiki)
-   What's the difference between this package and [webpack-closure-compiler](https://github.com/roman01la/webpack-closure-compiler)?
    -   This package inspired by webpack-closure-compiler, which support webpack 4+, but webpack-closure-compiler has been deprecated.
npm package: @semibran/fs-tree
Description: speedy recursive reads and writes for simple file system trees
Author: semibran
Latest version: 1.2.0

# fs-tree
> speedy recursive reads and writes for simple file system trees

```js
const { read, write } = require("@semibran/fs-tree")

read(src, (err, data) => {
  if (err) throw err
  write(dest, data, (err) => {
    if (err) throw err
    console.log(`copied from ${src} to ${dest}`)
  })
})
```

`fs-tree` provides fast recursive read and write operations for both files and folders by modelling them as strings and maps respectively. For example, consider the following folder structure:

```
foo
└── bar
    ├── hello.txt
    └── world.txt
```

In this scenario, `read("foo", callback)` might yield the following:

```js
foo = {
  "bar": {
    "hello.txt": "greetings human",
    "world.txt": "welcome to mars"
  }
}
```

Furthermore, `read("foo/bar/hello.txt", callback)` would yield `"greetings human"`, equivalent to the output of `fs.readFile` called with the `"utf8"` option.

Note that this module doesn't handle any kinds of links for simplicity's sake, although this property is subject to change.

## usage
[![npm badge]][npm package]

### `read(path[, opts], callback(err, data))`
Reads the file or folder specified by `path` and returns its data via `callback`.
```js
read(path, (err, data) => {
  if (err) throw err
  console.log(path + ": " + JSON.stringify(data, null, 2))
})
```

#### opts
- `ignore`: file names and file extensions to ignore, e.g. `[ ".git", ".png" ]`

### `write(path, data, callback(err))`
Writes `data` to the given path, calling `callback` upon completion.

```js
write(path, data, err => {
  if (err) throw err
  console.log("write successful")
})
```

## related
* [`semibran/scaffy`][semibran/scaffy]: tiny project scaffolding tool

[npm badge]:       https://nodei.co/npm/@semibran/fs-tree.png?mini
[npm package]:     https://npmjs.com/package/@semibran/fs-tree
[semibran/scaffy]: https://github.com/semibran/scaffy
npm package: @semibran/manifest
Description: convert vdom nodes into html elements
Author: semibran
Latest version: 1.0.0

# manifest
> convert vdom nodes into html elements

```js
let heading = manifest({
  tag: "h1",
  attributes: { class: "foo" },
  children: [ "hello world" ]
})

document.body.appendChild(heading)
console.log(document.body.outerHTML)
// <body><h1 class="foo">hello world</h1></body>
```

We can extend the definition of a virtual node as specified by [`hyper2/h2spec`][hyper2/h2spec] to cover primitive values. Doing so enables us to create "text nodes" out of raw strings, numbers, etc. and greatly simplifies vnode conversion. When used with primitive values, this function is practically equivalent to calling `document.createTextNode`, as in the following (impractical) example:

```js
let foo = manifest("foo")
let bar = document.createTextNode("bar")
document.body.appendChild(foo)
document.body.appendChild(bar)
console.log(document.body.outerHTML)
// <body>foobar</body>
```

## install
[![npm badge]][npm package]

To use this module in your project, package your code together using a bundler like [`rollup`][rollup/rollup] together with [`rollup-plugin-node-resolve`][rollup/rollup-plugin-node-resolve].

## license
MIT © [Brandon Semilla][github profile]

[npm badge]:                         https://nodei.co/npm/@semibran/manifest.png?mini
[npm package]:                       https://www.npmjs.com/package/@semibran/manifest
[github profile]:                    https://github.com/semibran
[hyper2/h2spec]:                     https://github.com/hyper2/h2spec
[rollup/rollup]:                     https://github.com/rollup/rollup
[rollup/rollup-plugin-node-resolve]: https://github.com/rollup/rollup-plugin-node-resolve
npm package: @semibran/patch
Description: efficient patch operation for matching HTML elements to vnodes
Author: semibran
Latest version: 2.0.1

# patch
> efficient patch operation for matching HTML elements to vnodes

```js
let element = document.createElement('h1')
element.innerText = 'hello world'
document.body.appendChild(element)

patch(element, {
  tag: 'h1',
  props: {},
  content: ['goodbye world']
})
```

## usage
[![npm badge]][npm package]

### `result = patch(elem, node)`
Alters `elem` to match `node` and returns `result`.

* `elem`: the `HTMLElement` to be patched
* `node`: a virtual node of the structure `{ tag, props, content }` against which `elem` is compared

Note that if `elem.tagName` and `node.tag` are different, `result` will be a brand new element. This behavior is caused by a property of the `HTMLElement` interface that prevents an element's tag from being changed once it is created. If there is a chance of the tag name being altered during runtime, make sure to update your element reference to match `result`; otherwise, any changes you make to the new element will not be reflected onscreen.

[npm package]:                       https://npmjs.com/package/@semibran/patch
[npm badge]:                         https://nodei.co/npm/@semibran/patch.png?mini