open-index/open-npm huggingface dataset:
npm package: @lingxia/components
Description: UI components for LingXia applications
Author: LingXia Team
Latest version: 0.3.0

# @lingxia/components

Pre-built UI component library for LingXia lightweight applications.

## Directory Structure

```
lingxia-components/
├── src/          # TypeScript source files
│   ├── react/   # React components
│   ├── vue/     # Vue components
│   └── *.ts     # Vanilla JS / Custom Elements
└── dist/         # Built bundles (generated)
```

## Usage

### React

```tsx
import { LxVideo, LxPicker, LxNavigator } from '@lingxia/components/react';

function App() {
  return (
    <div>
      <LxVideo
        src="https://example.com/video.mp4"
        controls
        onPlay={(e) => console.log('Playing', e)}
      />

      <LxPicker
        columns={[['Option 1', 'Option 2', 'Option 3']]}
        value="Option 1"
        onConfirm={(value) => console.log('Selected:', value)}
      />

      <LxNavigator url="/other-page" openType="navigate">
        Go to other page
      </LxNavigator>
    </div>
  );
}
```

### Vue

```vue
<script setup>
import { LxVideo, LxPicker, LxNavigator } from '@lingxia/components/vue';
import { ref } from 'vue';

const selectedValue = ref('Option 1');
</script>

<template>
  <div>
    <LxVideo
      src="https://example.com/video.mp4"
      controls
      @play="(e) => console.log('Playing', e)"
    />

    <LxPicker
      :columns="[['Option 1', 'Option 2', 'Option 3']]"
      v-model="selectedValue"
      @confirm="(value) => console.log('Selected:', value)"
    />

    <LxNavigator url="/other-page" open-type="navigate">
      Go to other page
    </LxNavigator>
  </div>
</template>
```

### Vanilla JS / Custom Elements

```javascript
import { registerVideoComponent, registerPickerComponent } from '@lingxia/components';

// Register custom elements
registerVideoComponent();
registerPickerComponent();

// Use in HTML
// <lx-video src="video.mp4" controls></lx-video>
// <lx-picker columns='[["A","B","C"]]'></lx-picker>
```

## Components

| Component | Description |
|-----------|-------------|
| `LxVideo` | Native video player with quality switching, playback rate control |
| `LxPicker` | Native picker for selector, multi-selector, cascading, date, and time |
| `LxNavigator` | Navigation component for page navigation, external links, phone calls |

## Development

```bash
npm install
npm run build
```
npm package: @lingxia/rong
Description: TypeScript type definitions for Rong JavaScript runtime
Latest version: 0.3.0

# @lingxia/rong

TypeScript type definitions for the Rong JavaScript runtime (globals injected by Rust).

## Scope

- Provides `.d.ts`/TS sources for the runtime surface so editors/TS can typecheck Rong scripts.
- Not a runtime polyfill: it does not provide implementations, only types.

## Runtime Export Map (high level)

- `Rong` namespace: file system, storage, runtime metadata, command APIs, timer helpers, compression helpers, and host constructors such as `RedisClient`, `S3Client`, `SQLite`, and `SSE`
- Globals added by Rong modules include `fetch`, `assert`, `atob`, `btoa`, `Worker`, `setTimeout`, `clearTimeout`, `setInterval`, and `clearInterval`
- Additional Web-standard globals such as `Request`, `Response`, `Headers`, `FormData`, `URL`, `ReadableStream`, `WritableStream`, `Blob`, `File`, `AbortController`, and `DOMException` are also provided when the corresponding runtime modules are enabled

The type package relies on TypeScript’s DOM libs for shared Web API base types.

## Installation

```bash
npm install @lingxia/rong
```

## Usage (typechecking only)

Add to your `tsconfig.json`:

```json
{
  "compilerOptions": {
    "types": ["@lingxia/rong"]
  }
}
```

Notes:

- This enables global typings; you should not `import` runtime modules like `'http'` (those are Rong globals, not Node modules).
- Ensure your `tsconfig.json` `lib` includes `"DOM"` if you want DOM globals (e.g. `URL`, `ReadableStream`) to be typed.
- `Worker` uses the DOM global type name. The package exports `RongWorker`/`RongWorkerMessageEvent`/`RongWorkerErrorEvent` for the precise Rong subset when you want stricter annotations.
- Rong’s runtime `Storage` constructor intentionally is not redeclared globally in the type package, because the DOM lib already owns the global `Storage` name. Use the exported `Storage`/`StorageConstructor` types as local annotations when needed.
- The package only supports the root export `@lingxia/rong`; `src/*` and `dist/*` are not public import paths.

## Accuracy notes (common gotchas)

- Storage is not `localStorage`-compatible. The standard runtime exposes `new Storage(path, options?)`; embedders may also inject a preconfigured `storage` instance, but that is not part of the default runtime surface.
- Directory listing is `Rong.readDir(...)` (async iterator), not `Rong.readdir(...)`.
- HTTP is the global `fetch(...)` API. There is no `http` namespace and no `download` JS API.

## Development

```bash
# Install dependencies
npm install

# Build
npm run build

# Watch mode
npm run watch
```
npm package: @lingxiteam/bundle-less-theme-tools
Description: A tool for bundling less theme files.
Author: coderya
Latest version: 0.0.1-alpha.19

# bundle-less-theme-tools
> A tool for bundling less theme files.

## Install
```shell
$ npm install -D @lingxiteam/bundle-less-theme-tools

or

$ yarn add -D @lingxiteam/bundle-less-theme-tools
```

## Export
 - bundleLessTheme：read and resolve import path in less theme file, and output all
 - miniLessTheme
 - replaceLessTheme

## Usage
```js
let themeBundle = '';
let themeFileEntryPath = 'xxx/xxx/xxx.less';

themeBundle = bundleLessTheme(themeFileEntryPath);

themeBundle = replaceLessTheme(themeBundle, {
   'body {': '.unuse-body {'
});

themeBundle = miniLessTheme(themeBundle);
```