open-index/open-npm huggingface dataset:
npm package: @qkudev/storage-ns
Description: Simple way to separate your storage by namespaces
Author: qkudev
Latest version: 0.1.1

# Storage NS

Simple way to separate your storage by namespaces

## Setup

```
$ npm install --save @qkudev/storage-ns
# --- or ---
$ yarn add @qkudev/storage-ns
```

## Usage

It implements [`Storage`](https://developer.mozilla.org/en-US/docs/Web/API/Storage) interface, so you can use it as `localStorage`

```
import { StorageNS } from 'storage-ns';

const storage1 = new StorageNS('ns1');
storage1.setItem('foo', 'bar');

const storage2 = new StorageNS('ns2);
storage2.setItem('bar', 'buzz');

storage1.clear();
storage2.getItem('bar') // 'buzz'
```

#### `new StorageNS(prefix, [storage])`

- arguments
  - **prefix** _string_
    - required namespace prefix
  - **storage** [_Storage_](https://developer.mozilla.org/en-US/docs/Web/API/Storage)
    - any storage that implements `Storage` interface, default to `localStorage`
- returns namespaced storage
npm package: @ql-frontend/upload-sdk
Description: 基于react的大文件上传sdk
Latest version: 0.10.0

# upload-sdk

一个基于 **Web Worker** 和 **RPC (远程过程调用)** 架构的高性能大文件切片上传 SDK。

它将繁重的计算（Hash 计算）和 I/O 操作（并发请求）完全隔离在 Worker 线程中，确保主线程 UI **零卡顿**。同时，独创的 RPC 机制让开发者能在 React 组件中通过 Hooks 完全接管上传的每一个生命周期。

## ✨ 特性

- **🚀 极致性能**：采用 **Off-Main-Thread** 架构，Hash 计算、切片处理、网络请求全量移交 Web Worker，彻底告别页面假死。
- **🔗 RPC 驱动**：逻辑定义在主线程（可无缝访问组件 State/Store/Router），具体执行在 Worker 线程，兼顾灵活性与性能。
- **💾 内存友好**：基于流式处理（Stream）和零拷贝引用机制，稳定支持 **10GB+** 超大文件上传，拒绝浏览器崩溃。
- **⚡️ 高效并发**：内置智能并发控制队列，自动管理切片上传顺序与重试机制，最大化利用网络带宽。
- **🛡️ 业务级风控**：新增 `validateResponse` 钩子，支持细粒度的业务逻辑校验（如拦截 Token 过期、权限不足），将 HTTP 200 中的业务错误通过标准 Error 抛出。
- **🎨 全链路 Hooks**：提供完善的生命周期钩子，执行流为 `Hash` -> `Init` -> `Check` -> `Upload` -> `Merge`，支持异步 `await` 阻塞控制。

## 📦 安装

```bash [npm]
npm i @ql-frontend/upload-sdk@latest
```

## 使用参考内外文档
npm package: @ql-isaac/claude-run
Description: A beautiful web UI for browsing Claude Code conversation history
Author: Kamran Ahmed
Latest version: 0.2.2

<div align="center">

# Claude Run

Browse your Claude Code conversation history in a beautiful web UI

[![npm version](https://img.shields.io/npm/v/claude-run.svg)](https://www.npmjs.com/package/claude-run)
[![License: MIT](https://img.shields.io/badge/License-MIT-blue.svg)](https://opensource.org/licenses/MIT)

<img src=".github/claude-run.gif" alt="Claude Run Demo" width="800" />

</div>

<br />

Run the project simply by executing

```bash
npx claude-run
```

The browser will open automatically at http://localhost:12001.

## Features

- **Real-time streaming** - Watch conversations update live as Claude responds
- **Search** - Find sessions by prompt text or project name
- **Filter by project** - Focus on specific projects
- **Resume sessions** - Copy the resume command to continue any conversation in your terminal
- **Collapsible sidebar** - Maximize your viewing area
- **Dark mode** - Easy on the eyes
- **Clean UI** - Familiar chat interface with collapsible tool calls

## Usage

Install globally via npm:

```bash
npm install -g claude-run
```

Then run it from any directory:

```bash
claude-run
```

The browser will open automatically at http://localhost:12001, showing all your Claude Code conversations.

```bash
claude-run [options]

Options:
  -V, --version        Show version number
  -p, --port <number>  Port to listen on (default: 12001)
  -d, --dir <path>     Claude directory (default: ~/.claude)
  --no-open            Do not open browser automatically
  -h, --help           Show help
```

## How It Works

Claude Code stores conversation history in `~/.claude/`. This tool reads that data and presents it in a web interface with:

- **Session list** - All your conversations, sorted by recency
- **Project filter** - Focus on a specific project
- **Conversation view** - Full message history with tool calls
- **Session header** - Shows conversation title, project name, and timestamp
- **Resume command** - Copies the command to resume the conversation
- **Real-time updates** - SSE streaming for live conversations

## Requirements

- Node.js 20+
- Claude Code installed and used at least once

## Development

```bash
# Clone the repo
git clone https://github.com/kamranahmedse/claude-run.git
cd claude-run

# Install dependencies
pnpm install

# Start development servers
pnpm dev

# Build for production
pnpm build
```

## License

MIT © Kamran Ahmed
npm package: @ql-react-components/upload-sdk
Description: 基于react的大文件上传sdk
Latest version: 0.9.0

# upload-sdk

一个基于 **Web Worker** 和 **RPC (远程过程调用)** 架构的高性能大文件切片上传 SDK。

它将繁重的计算（Hash 计算）和 I/O 操作（并发请求）完全隔离在 Worker 线程中，确保主线程 UI **零卡顿**。同时，独创的 RPC 机制让开发者能在 React 组件中通过 Hooks 完全接管上传的每一个生命周期。

## ✨ 特性

- **🚀 极致性能**：采用 **Off-Main-Thread** 架构，Hash 计算、切片处理、网络请求全量移交 Web Worker，彻底告别页面假死。
- **🔗 RPC 驱动**：逻辑定义在主线程（可无缝访问组件 State/Store/Router），具体执行在 Worker 线程，兼顾灵活性与性能。
- **💾 内存友好**：基于流式处理（Stream）和零拷贝引用机制，稳定支持 **10GB+** 超大文件上传，拒绝浏览器崩溃。
- **⚡️ 高效并发**：内置智能并发控制队列，自动管理切片上传顺序与重试机制，最大化利用网络带宽。
- **🛡️ 业务级风控**：新增 `validateResponse` 钩子，支持细粒度的业务逻辑校验（如拦截 Token 过期、权限不足），将 HTTP 200 中的业务错误通过标准 Error 抛出。
- **🎨 全链路 Hooks**：提供完善的生命周期钩子，执行流为 `Hash` -> `Init` -> `Check` -> `Upload` -> `Merge`，支持异步 `await` 阻塞控制。

## 📦 安装

```bash [npm]
npm i @ql-react-components/upload-sdk@latest
```

## 使用参考内外文档
npm package: @qlba/cra-template-pwa-typescript
Description: A progressive web app template for Create React App and TypeScript, using Workbox.
Latest version: 1.0.0

# cra-template-pwa-typescript

An progressive web app template for [Create React App](https://github.com/facebook/create-react-app),
using TypeScript.

To use this template add `--template pwa-typescript` when creating a new app:

```sh
npx create-react-app my-app --template pwa-typescript
```

## Learn more

The [Create React App documentation](https://cra.link/PWA) has more details on using this template
to create your PWA.
npm package: @qlean/eslint-config
Description: ESLint config for React
Author: Vadim Shvetsov
Latest version: 5.0.1

# eslint-config

## Установка

```
$ npm install -D @qlean/eslint-config
```

## Использование

Нужно добавить `extends: "@qlean/eslint-config"` в `.eslintrc`

## Мотивация

#### global-require
```js
'global-require': 0
```
Конфликтует с механизмом `require()` Webpack и React Native, не имеет смысла вне NodeJS

#### react/jsx-filename-extension
```js
'react/jsx-filename-extension': [2, { 'extensions': ['.js'] }]
```
Разрешено только расширение `.js`

#### react/destructuring-assignment
```js
'react/destructuring-assignment': [2, 'always', { 'ignoreClassFields': true }]
```
Подзволяет игнорировать обязательную деструкцию при использования полей класса, например `state`
npm package: @qlean/eslint-config-react-native
Description: ESLint config for React Native
Author: Vadim Shvetsov
Latest version: 5.0.1

# eslint-config-react-native

## Установка

```
$ npm install -D @qlean/eslint-config-react-native
```

## Использование

Нужно добавить `extends: "@qlean/eslint-config-react-native"` в `.eslintrc`

## Мотивация

#### global-require
```js
'global-require': 0
```
Конфликтует с механизмом `require()` Webpack и React Native, не имеет смысла вне NodeJS

#### react/jsx-filename-extension
```js
'react/jsx-filename-extension': [2, { 'extensions': ['.js'] }]
```
Разрешено только расширение `.js`

#### react/destructuring-assignment
```js
'react/destructuring-assignment': [2, 'always', { 'ignoreClassFields': true }]
```
Подзволяет игнорировать обязательную деструкцию при использования полей класса, например `state`
npm package: @qlean/york-core
Description: Сюда относятся основные стили и утилиты, которые работают как с вебом, так и с React Native.
Latest version: 5.3.5

Сюда относятся основные стили и утилиты, которые работают как с вебом, так и с React Native.

### Установка

```shell static
$ npm i @qlean/york-core
```
npm package: @qlean/york-react-native
Description: Здесь лежат компоненты и утилиты, предназначенные для работы в react-native приложениях.
Latest version: 5.3.7

Здесь лежат компоненты и утилиты, предназначенные для работы в react-native приложениях.

### Установка

```shell static
$ npm i @qlean/york-react-native
```

### Тестирование на реальных устройствах

Компоненты в стайлгайде рендерятся с помощью `react-native-web`, который поддерживает не все функции. Для тестирования компонентов в нативной среде используется демо-приложение `york-web`. Релизная версия лежит [здесь](https://expo.io/@qlean/york-expo).
npm package: @qlean/york-web
Description: Здесь лежат компоненты и утилиты, предназначенные для работы в веб-окружении.
Latest version: 5.3.2

Здесь лежат компоненты и утилиты, предназначенные для работы в веб-окружении.

### Установка

```shell static
$ npm i @qlean/york-web
```

Для нормальной работы компонентов в CSS должен быть доступен шрифт Museo Sans.

### Респонсивность

В любом компоненте ряд пропсов может быть респонсивными, т.е. поддерживать разные значения для разных разрешений. Это не обязательно должно быть реализовано для каждого пропса. Респонсивные пропсы передаются в компонент через наборы со специальными именами — `mobileProps`, `baseProps` и `wideProps`. Пример:

```jsx static
<Button
  rank={1}
  mobileProps={{
    rank: 2,
  }}
/>
```

Эта кнопка будет использовать ранг `1` по умолчанию, но в мобильной версии это будет перекрыто рангом `2`. Это должно работать для всех компонетов и пропсов, где это вообще осмыслено.

### Расширение и композиция

Лучший способ расширить стили компонента, которые не поддерживаются пропсами — создать на его основе другой компонент с помощью `styled`:

```js static
const StyledText = styled(Text)`
  color: tomato;
  text-decoration: underline;
`
```

В некоторых случаях это неудобно. Например, мы хотим чтобы `<Text>` наследовал цвет родителя, тогда спасет `color="inherit"`. Другой кейс — нужно расширить `<Button/>`, но не хочется возиться с переписыванием всех стилей, которые генерируются по умолчанию. Для этого в компоненте предусмотрен `rank={0}` который сбрасывает стили, но не устанавливает свои.

Если нужно переопределить стандартный html-тег компонента, то можно воспользоваться пропом `as`
https://www.styled-components.com/docs/api#as-polymorphic-prop

```js static
<Text preset="header1" as="h1">
  Заголовок
</Text>
```