open-index/open-npm huggingface dataset:
npm package: @micimize/material-ui-icons
Description: Material Design Svg Icons converted to Material-UI React components.
Author: Material-UI Team
Latest version: 2.0.0-rn-alpha.4

# @material-ui/icons

This package provides the Google [Material icons](https://material.io/tools/icons/) packaged as a set of [React](https://facebook.github.io/react/) components.

## Installation

Install the package in your project directory with:

```sh
npm install @material-ui/icons
```

These components use the Material-UI [SvgIcon](https://material-ui.com/api/svg-icon/) component to
render the SVG path for each icon, and so a have a peer-dependency on the `next` release of Material-UI.

If you are not already using Material-UI in your project, you can add it with:

```sh
// with npm
npm install @material-ui/core

// with yarn
yarn add @material-ui/core
```

## Usage

The import path for each Material icon component includes the icon name in PascalCase.

For example to use the 'access alarm' icon component, import `@material-ui/icons/AccessAlarm`.
For "themed" icons, append the theme name to the icon name, for example `AccessAlarmOutlined`.

Note, there are three exceptions:
- '3d rotation' is named `ThreeDRotation`
- '4k' is named `FourK`
- '360' is named `ThreeSixty`

### Examples

- If your environment doesn't support tree-shaking, the **recommended** way to import the icons is the following:
```jsx
import AccessAlarmIcon from '@material-ui/icons/AccessAlarm';
import ThreeDRotation from '@material-ui/icons/ThreeDRotation';
```

- If your environment support tree-shaking you can also import the icons that way:
```jsx
import { AccessAlarm, ThreeDRotation } from '@material-ui/icons';
```

Note: Importing named exports in this way will result in the code for *every icon* being included in your project, so is not recommended unless you configure [tree-shaking](https://webpack.js.org/guides/tree-shaking/).

## Upgrading

If you are upgrading an existing project from Material-UI 0.x.x, you will need to revise the import paths
from `material-ui/svg-icons/<category>/<icon-name>` to `@material-ui/icons/<IconName>`.

[Here](https://github.com/mui-org/material-ui/tree/master/packages/material-ui-codemod#svg-icon-imports)'s a `jscodeshift` [codemod](https://github.com/facebook/codemod) to help you upgrade.
npm package: @micimize/material-ui-lab
Description: Material-UI Lab - Incubator for Material-UI React components.
Author: Material-UI Team
Latest version: 2.0.0-rn-alpha.4

# @material-ui/lab

This package hosts the incubator components that are not yet ready to move to `core`.

## Installation

Install the package in your project directory with:

```sh
// with npm
npm install @material-ui/lab

// with yarn
yarn add @material-ui/lab
```

If you are not already using Material-UI in your project, you can add it with:

```sh
// with npm
npm install @material-ui/core

// with yarn
yarn add @material-ui/core
```
npm package: @micjanic/circle-sliders
Description: A React component library for creating circular sliders.
Author: Michael Janicki
Latest version: 0.0.31

# @micjanic/circle-sliders

A React component library for creating circular sliders.

## Installation

Install the package

- npm install @micjanic/circle-sliders

Make sure to also install the following peer dependencies in your project:

- [pixi.js](https://www.npmjs.com/package/pixi.js) (^8.1.0)
- [@pixi/react](https://www.npmjs.com/package/@pixi/react) (^7.1.2)
- [react](https://www.npmjs.com/package/react) (^18.2.0)
- [react-dom](https://www.npmjs.com/package/react-dom) (^18.2.0)

## Usage

```jsx
import React from 'react';
import { CircleSlider } from '@micjanic/circle-sliders';

const MyComponent = () => {
  return (
    <div>
      <CircleSlider />
    </div>
  );
};

export default MyComponent;
```
npm package: @mick.carter/slink-sdk
Description: A standalone React library for GZIP-compressed synchronization with the Slink backend.
Author: Mick
Latest version: 1.0.12

# @cleanbill/slink-sdk

A standalone React library for GZIP-compressed synchronization with the Slink backend.

## Features
- **GZIP Compression**: Efficient data sync using browser-native `CompressionStream`.
- **React Drop-in**: Polished `SlinkSync` component with centered token input and interactive hover effects.
- **Secure Communication**: Handles base64 encoding and structured `SyncData` payloads for backend compatibility.

## Installation
```bash
npm install @mick.carter/slink-sdk
```

## Usage

### SlinkSync Component
The easiest way to integrate sync into your React app:

```tsx
import { SlinkSync } from '@mick.carter/slink-sdk';

const MyComponent = () => {
    return (
        <SlinkSync 
            overwriteData={(data) => {
                console.log("Saving new data", data);
                return true;
            }}
            data={currentAppData}
            name="my-app"
            baseUrl="https://your-slink-backend.com/"
        />
    );
}
```

### Hint to avoid CORS problems in Next.js... use next.config.mjs to rewrite the API calls to your slink backend.

```js
/** @type {import('next').NextConfig} */
const nextConfig = {
    rewrites() {
        const rws = [
            {
                source: "/local-sync",
                destination: "https://slink.your-backend.com/locals/",
            },
        ];
        console.log('Rewrites', rws);
        return rws;
    },
}

export default nextConfig;
```

### SlinkClient (Low-level API)
If you need to manage communication manually:

```tsx
import { SlinkClient } from '@mick.carter/slink-sdk';

const client = new SlinkClient("https://your-slink-backend.com/", "your-api-token");
const data = await client.get();
await client.put({ some: "data" });
```

See https://github.com/cleanbill/slink for an example of a slink backend.
npm package: @mick243/opensourcetest
Description: MiniDash는 Lodash에서 영감을 받은 경량화되고 간소화된 JavaScript 유틸리티 라이브러리로, JavaScript 코딩을 더 쉽고 효율적으로 만들어 줍니다. 배열, 객체, 문자열 작업에 일반적으로 사용되는 유틸리티 함수 세트를 제공하여, 소형에서 중형 크기의 웹 프로젝트에 완벽한 선택입니다.
Author: mick243
Latest version: 1.0.1

# minidash

MiniDash는 Lodash에서 영감을 받은 경량화되고 간소화된 JavaScript 유틸리티 라이브러리로, JavaScript 코딩을 더 쉽고 효율적으로 만들어 줍니다. 배열, 객체, 문자열 작업에 일반적으로 사용되는 유틸리티 함수 세트를 제공하여, 소형에서 중형 크기의 웹 프로젝트에 완벽한 선택입니다.

## 특징

- 배열, 객체, 문자열을 다루기 위한 사용하기 쉬운 API 제공
- 외부 의존성 없는 경량화
- 누구에게나 열려있는 오픈소스

## 설치

```bash
npm install minidash
```

## 사용법

```JavaScript
import { checkedArr } from minidash;

checkedArr([1, 2]); // true
```

## 기여하기

1. 저장소를 fork 해주세요.
2. 새 브랜치 만들고 수정사항을 푸쉬해주세요.
3. PR을 요청하고 문서 양식 맞춰서 내용 기입해주세요.

## 라이센스
MIT 라이센스에 따라 제공되는 오픈 소스 소프트웨어 입니다.
npm package: @mick4711/learnstorybook-design-system
Description: Storybook design systems tutorial
Author: mick4711
Latest version: 0.2.4

# Storybook design system tutorial

The Storybook design system tutorial is a subset of the full [Storybook design system](https://github.com/storybookjs/design-system/), created as a learning resource for those interested in learning how to write and publish a design system using best in practice techniques.

Learn more in [Storybook tutorials](https://storybook.js.org/tutorials/).
npm package: @mick4711/lsb-design-system
Description: Storybook design systems tutorial
Author: Mick
Latest version: 0.1.3

# Storybook design system tutorial

The Storybook design system tutorial is a subset of the full [Storybook design system](https://github.com/storybookjs/design-system/), created as a learning resource for those interested in learning how to write and publish a design system using best in practice techniques.

Learn more in [Storybook tutorials](https://storybook.js.org/tutorials/).
npm package: @mickeyjohn/dbfstream
Description: a dbf parser - stream version (based on https://github.com/tamtakoe/node-dbf)
Author: MichaelQQ, Trung Hoang
Latest version: 2.0.0

[![Build Status](https://travis-ci.org/MichaelQQ/dbfstream.svg)](https://travis-ci.org/MichaelQQ/dbfstream) [![Build status](https://ci.appveyor.com/api/projects/status/pxu5c6xyhinjc6d3?svg=true)](https://ci.appveyor.com/project/MichaelQQ/dbfstream)
[![npm version](https://badge.fury.io/js/dbfstream.svg)](https://badge.fury.io/js/dbfstream)
[![NPM Downloads](https://img.shields.io/npm/dt/dbfstream.svg)](https://www.npmjs.com/package/dbfstream)

DBFStream
===
This is a stream base .dbf Parser
Based on https://github.com/tamtakoe/node-dbf

# Usage

### creat dbf stream:

@source: dbf file path / readable stream
`const dbf = dbfstream(source, encoding);`

```js
const dbfstream = require('dbfstream');

var dbf = dbfstream('./test.dbf', 'utf-8');
```

### get dbf file header:

```js
dbf.on('header', header => {
  console.log(header);
});
```

### get dbf file data:

```js
dbf.on('readable', () => {
  console.log(stream.read());
});

//or flowing mode
dbf.on('data', (data) => {
    console.log(data);
});
```

### get dbf file error

```js
dbf.on('error', (err) => {
  console.log(err);
});
```

### dbf file stream end:

```js
dbf.on('end', () => {
    console.log('stream end');
});
```
npm package: @mickl/reka-ui
Description: Vue port for Radix UI Primitives.
Author: UnoVue Contributors
Latest version: 2.9.1-3

<br />
<p align="center">
  <a href="https://github.com/unovue/reka-ui">
    <img src="https://reka-ui.com/logo.svg" alt="Logo" width="150" />
  </a>

<h1 align="center">
Reka UI
</h1>

<p align="center">
Craft accessible web apps with <a href="https://vuejs.org/">Vue</a>.
<p>

<p align="center">
<a href="https://www.npmjs.com/package/reka-ui" target="__blank"><img src="https://img.shields.io/npm/v/reka-ui?style=flat&colorA=002438&colorB=41c399" alt="NPM version"></a>
<a href="https://www.npmjs.com/package/reka-ui" target="__blank"><img alt="NPM Downloads" src="https://img.shields.io/npm/dm/reka-ui?flat&colorA=002438&colorB=41c399"></a>
<a href="https://github.com/unovue/reka-ui" target="__blank"><img alt="GitHub stars" src="https://img.shields.io/github/stars/unovue/reka-ui?flat&colorA=002438&colorB=41c399"></a>
</p>

<p align="center">
<a href="https://chat.unovue.com"><b>Get involved!</b></a>
</p>
<p align="center">
 <a href="https://reka-ui.com">Documentation</a> | <a href="https://reka-ui.com/docs/overview/getting-started">Getting Started</a> | <a href="https://reka-ui.com/examples">Examples</a> | <a href="https://reka-ui.com/docs/overview/introduction">Why Reka UI?</a>
</p>

![hero image](https://reka-ui.com/og.jpg)
 <em>design by: [icarusgkx](https://twitter.com/icarusgkx), [melkam](https://github.com/MellKam)</em>

## Installation

```bash
pnpm add reka-ui
```
```bash
npm install reka-ui
```
```bash
yarn add reka-ui
```

## Documentation

For full documentation, visit [reka-ui.com](https://reka-ui.com).

## Releases

For changelog, visit [releases](https://github.com/unovue/reka-ui/releases).

## Contributing

We would love to have your contributions! All PRs are welcome! We need help building the core components, docs, tests, stories! [Join our discord](https://chat.unovue.com/) and we will get you up and running!

## Dev Setup

### Docs

1. Clone the repo
2. Run `pnpm i`
3. Run `pnpm build` to run build `reka-ui` locally
3. Run `pnpm docs:dev` to run vitepress
4. Open `http://localhost:5173`

### Package

1. Clone the repo
2. Run `pnpm i`
3. Run `pnpm story:dev` to run histoire (storybook)
4. Open `http://localhost:6006`
5. Run `pnpm test` to test changes

## Credits

All credits go to these open-source works and resources

- [Radix UI](https://radix-ui.com)
- [React Spectrum](https://react-spectrum.adobe.com/index.html)
- [Floating UI](https://floating-ui.com)
- [Headless UI](https://headlessui.com)
npm package: @mickl/socket.io-nats-adapter
Description: Socket.io 3.x/4.x adapter for NATS
Latest version: 2.0.1

# socket.io-adapter-nats

Socket.IO NATS adapter for:

- [Socket.IO](https://github.com/socketio/socket.io) 4.x, but should also work with 2.x and 3.x
- [NATS.js](https://github.com/nats-io/nats.js/) 2.x, for NATS.js 1.x use `@^1.0.0` of this package

For just emitting there is also [socket.io-nats-emitter](https://github.com/MickL/socket.io-nats-emitter)

## Status

- ✅ Emit
- ✅ Room(s)
- ✅ Namespace
- ✅ Local flag
- ❌ Get all rooms across several nodes
- ❌ Get all sockets in the same room across several nodes

If you have any issues or feature requests please create a pull request.

This project has used [socket.io-redis-adapter](https://github.com/socketio/socket.io-redis) as a reference but
modernized most of the code (e.g. using async and promises and wrote test's in TypeScript, too).

## How to use

```bash
yarn add socket.io nats @mickl/socket.io-nats-adapter
```

```ts
import { Server } from 'socket.io';
import { connect } from 'nats';
import { createAdapter } from '@mickl/socket.io-nats-adapter';

const io         = new Server(3000);
const connection = await connect();
io.adapter(createAdapter(connection));
```

## License

MIT
npm package: @mickl/socket.io-nats-emitter
Description: NATS emitter for Socket.io
Latest version: 2.1.1

# socket.io-nats-emitter

`socket.io-nats-emitter` allows you to communicate with Socket.io servers easily without access to Socket.io

![Emitter diagram](assets/emitter.png)

It must be used in conjunction with [@mickl/socket.io-nats-adapter](https://github.com/MickL/socket.io-nats-adapter).

The current version is compatible with:

- [NATS.js](https://github.com/nats-io/nats.js/) 2.x, for NATS.js 1.x use `@^1.0.0` of this package

If you have any issues or feature requests please create a pull request.

## How to use

```bash
yarn add nats @mickl/socket.io-nats-emitter
```

```ts
import { connect } from 'nats';
import { NatsEmitter } from '@mickl/socket.io-nats-emitter';

const connection = await connect();
const io         = new NatsEmitter(connection);

// Emit
io.emit('event');

// Emit to room or socket-id
io.to('room').emit('event');

// Namespaces
const nspIo = io.of('/admin');
nspIo.emit('event');
```

## License

MIT
npm package: @miclay/slidejs
Description: SlideJS实现分屏滚动功能，不依赖任何第三方库
Latest version: 1.1.4

# slidejs
SlideJS实现分屏滚动功能，不依赖任何第三方库

### How to use?

```
<script src="../lib/index.js"></script>
<script>
  var slider = new SlideJS({
    parentSelector: '.slid-box', // 父容器的selector
    itemSelector: '.slid-item', // 每一屏的selector，确保为parentSelector下的子元素
    itemDocSelector: '.box', // 每一屏内容文档(自适应高度)的selector，非必填，默认为itemSelector的子元素
    width: 800, // 宽度，默认取值为window.innerWidth
    height: 500, // 高度，默认取值为window.innerHeight
    transitionDuration: 500, // 翻屏动画时间，单位毫秒ms，默认值为500
    transitionTimingFunction: 'ease', // 翻屏动画缓动函数，默认值为ease
    transitionDelay: 0, // 翻屏动画过渡效果延时，单位毫秒ms，默认值为0
    activeIndex: 0, // 当前展示第几屏，从0开始，默认值为0
    loop: false, // 是否循环翻屏，默认值为false
    scrollSensitivity: 300, // 滑屏敏感度，默认300ms
    beforeSlide: function(prevIndex, nextIndex) {
      // return 'stop';
    },
    afterSlide: function(prevIndex, nextIndex) {
      console.log(prevIndex, nextIndex);
    }
  });

  // 调用实例上的方法
  // slider.slidePrev(); // 翻到上一屏
  // slider.slideNext(); // 翻到下一屏
  // slider.slideTo(N); // 翻到第N屏，N从0开始计算
</script>
```
npm package: @miclgael/use-helpers
Description: Set of helper functions designed for use with Vue/React
Author: Michael Gale
Latest version: 0.0.19

# use-helpers

Set of helper functions designed for use with Vue/React

## Install

```
npm install --save-dev @miclgael/use-helpers
```

## Usage example

```ts
import { useHelpers } from "@miclgael/use-helpers";
const { slugify } = useHelpers();

const slug = slugify("Stupidly long title with MIXed and special chars!@#$%");

console.log(slug); // "stupidly-long-title-with-mixed-and-special-chars"
```

## Patching

If you're me ([@miclgael](https://www.github.com/miclgael)) you can version bump on npm and github at the same time, with this command:

```
npm version [<newversion> | major | minor | patch] -m "chore: bump version to %s"
```

<details>
  <summary>Example</summary>

e.g.

```
npm version patch -m "chore: bump version to %s"
```

Will bump from `v0.0.1` to `v0.0.2`

more info at [npm version docs](https://docs.npmjs.com/cli/v8/commands/npm-version)

Note: `pre-version`, `version` and `post-version` scripts will also run.

</details>
npm package: @miclivs/pi-napkin-context
Description: Pi extension — injects napkin vault overview into agent context, collapsible in TUI
Author: michaelliv
Latest version: 0.1.1

# pi-napkin-context

[Napkin](https://github.com/Michaelliv/napkin) vault context for [pi](https://github.com/badlogic/pi-mono). Injects your vault overview into every session so the agent knows what's in your knowledge base.

Collapsed by default — one-line summary. Expand with `Ctrl+O` to see the full overview.

## Install

```bash
pi install npm:@miclivs/pi-napkin-context
```

## What it does

On session start, the extension:

1. Walks up from `cwd` looking for a `.napkin/` vault
2. Runs `napkin overview` to get the vault map (falls back to reading `NAPKIN.md` directly)
3. Injects the overview as a custom message in the session context

The agent sees the vault structure, folder keywords, and any context you've written in `NAPKIN.md` — without you pasting anything.

## TUI rendering

The custom message renders **collapsed by default** — a single line showing `🧻 napkin vault context`. Press `Ctrl+O` to expand and see the full markdown overview. This keeps the chat clean when vaults are large (80+ lines).

## Requirements

- [napkin](https://github.com/Michaelliv/napkin) CLI installed and a `.napkin/` vault in or above your working directory
- [pi](https://github.com/badlogic/pi-mono) coding agent
npm package: @miclivs/pi-psst
Description: Pi extension that injects psst vault secrets into bash and scrubs them from output
Latest version: 0.2.0

# pi-psst

A [pi](https://github.com/badlogic/pi) extension for [psst](https://github.com/Michaelliv/psst) — automatic secret injection and scrubbing for AI agents.

## What it does

- **Injects** psst vault secrets as environment variables into every bash command
- **Scrubs** secret values from all tool output — bash, read, grep, everything the LLM sees
- **Tells** the LLM which secrets are available via the system prompt
- **Never** exposes secret values to the agent's context

```
You: "deploy using the stripe key"

Agent runs: curl -H "Authorization: Bearer $STRIPE_KEY" https://api.stripe.com
Agent sees: HTTP 200 OK, Authorization: Bearer [REDACTED:STRIPE_KEY]
```

## Install

```bash
# Requires psst-cli
npm install -g psst-cli

# Install the extension
pi install npm:@miclivs/pi-psst
# or
pi install git:github.com/Michaelliv/pi-psst
```

## Setup

```bash
# Create a vault and add secrets
psst init
psst set STRIPE_KEY
psst set DATABASE_URL

# Start pi — secrets are automatically available
pi
```

## Commands

| Command | Description |
|---------|-------------|
| `/psst` | List loaded secret names |
| `/psst-set NAME [value]` | Add or update a secret |

## How it works

1. On each bash call, the extension reads secrets from the local psst vault via the SDK
2. Secrets are injected into the subprocess environment via `spawnHook`
3. After any tool completes, `tool_result` scrubs secret values from the output
4. `before_agent_start` adds secret names to the system prompt so the LLM knows to use `$SECRET_NAME`

The agent orchestrates. psst handles the secrets. The values never touch the context window.

## License

MIT
npm package: @miclockwork/sdk
Description: A fork for Clockwork Typescript SDK
Author: Maius
Latest version: 0.1.2

<h1 align="center">Clockwork SDK</h1>
<p align="center"><strong>Clockwork Typescript SDK</strong></p>

<div align="center">

  <a href="https://opensource.org/licenses/MIT">![License](https://img.shields.io/badge/License-MIT-yellow.svg)</a>  

</div>

## Getting Started

For a quickstart guide and in depth tutorials, see the [Clockwork Docs](https://docs.clockwork.xyz/about/readme).
To jump straight to examples, go [here](https://github.com/clockwork-xyz/sdk/tree/main/tests). For the latest Rust API documentation, see [Clockwork Rust SDK](https://docs.rs/clockwork-sdk/latest/clockwork_sdk/).

## Note

- **Clockwork SDK is in active development, so all APIs are subject to change.**
- **This code is unaudited. Use at your own risk.**

## Usage

First, initialize a `ClockworkProvider`

```rust
const wallet = new NodeWallet(new Keypair());
const connection = new Connection(clusterApiUrl("devnet"));
const clockworkProvider = new ClockworkProvider(wallet, connection);

#or
const anchorProvider = new anchor.AnchorProvider(
        connection,
        wallet,
        anchor.AnchorProvider.defaultOptions()
);
const provider = new ClockworkProvider.fromAnchorProvider(provider);
```

Get Thread Address

```rust
const [pubkey, bump] = provider.getThreadPDA(
      wallet.publicKey,
      "ThreadProgramTest"
);
```

Initialize a Thread

```rust
const ix = await provider.threadCreate(
      wallet.publicKey,         // authority
      "ThreadProgramTest",      // id
      [],                       // instructions to execute
      { now: {} },              // thread trigger
      0.1 * LAMPORTS_PER_SOL    // amount to send to the thread
);
const tx = new Transaction().add(ix);
const signature = await provider.anchorProvider.sendAndConfirm(tx);
```

Get Thread Data Deserialized

```rust
const threadAccount = await provider.getThreadAccount(threadPubkey);
```

Pause/Resume/Reset/Delete/ Thread

```rust
const ix = await provider.threadPause(wallet.publicKey, threadPubkey);
const ix = await provider.threadResume(wallet.publicKey, threadPubkey);
const ix = await provider.threadReset(wallet.publicKey, threadPubkey);
const ix = await provider.threadDelete(wallet.publicKey, threadPubkey);
```

Update a Thread

```rust
const ix = await provider.threadUpdate(wallet.publicKey, threadPubkey, {
      name: "TestUpdateThread",
      rateLimit: new BN(32),
      trigger: { now: {} },
});
const tx = new Transaction().add(ix);
const signature = await provider.anchorProvider.sendAndConfirm(tx);
```

Withdraw from Thread

```rust
const ix = await provider.threadWithdraw(
      wallet.publicKey,
      threadPubkey,
      0.01 * LAMPORTS_PER_SOL
);
const tx = new Transaction().add(ix);
const signature = await provider.anchorProvider.sendAndConfirm(tx);
```