open-index/open-npm huggingface dataset:
npm package: @long2x/cresh-ui
Description: A Vue 3 UI library that contains a set of high quality components
Author: long2x
Latest version: 5.18.0

<div style="display:flex;justify-content:center;align-items:center;"><img src="public/cresh-logo.svg" width="300"/></div>

<h1 style="text-align:center;margin-top:30px;">Cresh Vue UI design</h1>

Following the Cresh Design specification, we developed a Vue 3 UI library that contains a set of high quality components and demos for building rich, interactive user interfaces.

## Recommended IDE Setup

[VSCode](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=johnsoncodehk.volar) (and disable Vetur) + [TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=johnsoncodehk.vscode-typescript-vue-plugin).

## Environment Support

- Modern browsers.
- Support Vue 3

| [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png" alt="IE / Edge" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>IE / Edge | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png" alt="Firefox" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Firefox | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png" alt="Chrome" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Chrome | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png" alt="Safari" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Safari | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/opera/opera_48x48.png" alt="Opera" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Opera |
| --- | --- | --- | --- | --- |
| Edge | last 2 versions | last 2 versions | last 2 versions | last 2 versions |

## Using npm or yarn

**We recommend using npm or yarn to install**, it not only makes development easier, but also allow you to take advantage of the rich ecosystem of Javascript packages and tooling.

```bash
$ npm install @long2x/cresh-ui --save
```

```bash
$ yarn add @long2x/cresh-ui
```

## Documentation

documents is still in progress, you can launch the doc on local with
```bash
$ npm run dev
```
npm package: @long_88/openclaw-aicc-channel-cli
Description: CLI installer for the OpenClaw AICC channel plugin.
Latest version: 0.1.3

# @long_88/openclaw-aicc-channel-cli

CLI installer for the `@long_88/openclaw-aicc-channel` plugin.

## Usage

```bash
npx -y @long_88/openclaw-aicc-channel-cli install
```

When the install completes, the CLI also inspects `~/.openclaw/openclaw-weixin/accounts.json`.
If exactly one Weixin account is available, it prints a single `weixinFanoutBundle` value derived from `~/.openclaw/openclaw-weixin/accounts/<id>.json`, then waits for you to press Enter before the process exits. The bundle is a base64url-encoded JSON envelope with the shape `{"v":1,"accountId":"...","to":"..."}`. If multiple accounts are detected, the CLI exits with an error so you can resolve the ambiguity first.

Configure a bridge account while installing:

```bash
npx -y @long_88/openclaw-aicc-channel-cli install \
  --bridge-url http://127.0.0.1:9090 \
  --secret bridge-secret \
  --name "Default Bridge"
```

Configure a named account:

```bash
npx -y @long_88/openclaw-aicc-channel-cli install \
  --account cn \
  --bridge-url http://127.0.0.1:9091 \
  --secret bridge-secret-cn \
  --name "China Bridge"
```

Preview commands without executing them:

```bash
npx -y @long_88/openclaw-aicc-channel-cli install --dry-run
```
npm package: @longbeard/beardbalm-cli
Description: CLI for setting up Longbeard's WordPress projects
Author: Kevin Ang
Latest version: 0.1.25

# Beardbalm CLI

Welcome to Beardbalm CLI! This is a set of tools to initialize WordPress projects using Beardbalm theme and upgrade existing projects.

## Usage

You can use this CLI by installing it as a global package:

```bash
npm i -g @longbeard/beardbalm-cli
beardbalm <command>
```

Or, if that's not possible due to server restriction, you can use `npx`:

```bash
npx @longbeard/beardbalm-cli <command>
```

**NB** You might need to clear `npx` cache if this is not the first time you run the CLI and if you notice version discrepance.

To clear global `npx` cache:

```bash
rm -rf ~/.npm/_npx
```

## Commands

- `setup-vite`: Converts project to Beardbalm + Vite setup
- `setup-git`: Set up git on the WordPress root and install workflows
- `delete-credentials`: Delete cached GitHub credentials
npm package: @longbeard/eslint-config
Description: ESLint and Prettier Config from Wes Bos
Author: Kevin Ang
Latest version: 0.0.6

# ESLint & Prettier configuration

This ESLint configuration is designed to work with Prettier.

## Getting Started

### Installation

To get started, install this package with all its peer dependencies

If the project uses **npm**:

```shell
npm install -D @longbeard/eslint-config
npx install-peerdeps -D @longbeard/eslint-config
```

If the project uses **pnpm**:

```shell
pnpm install -D @longbeard/eslint-config
npx install-peerdeps -D --pnpm @longbeard/eslint-config
```

On your `.eslintrc.js` file, extend this config:

```js
module.exports = {
  extends: ['@longbeard'],
};
```

### Configuring Prettier

Create `.prettierrc` file with the following config:

```json
{
  "trailingComma": "es5",
  "singleQuote": true,
  "printWidth": 80,
  "endOfLine": "auto"
}
```

Or refer to Longbeard's `dotfiles` repo for the most up-to-date config.

### Configuring VSCode

If your VSCode doesn't lint automatically, you might need to adjust its configuration.

1. Install the [ESLint Plugin](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint)

2. Adjust VSCode Settings (JSON):

   ```js
   {
     // Enable auto-save
     "editor.formatOnSave": true,
     // Show eslint icon at bottom toolbar
     "eslint.alwaysShowStatus": true,
     // Tell the ESLint plugin to run on save
     "editor.codeActionsOnSave": {
       "source.fixAll": true
     },
     // Validate JS / TS files
     "eslint.validate": [
       "javascript",
       "javascriptreact",
       "typescript",
       "typescriptreact"
     ]
   }
   ```

3. Finally, you might need to restart VSCode.

## Usage

### Using with Next.js

You may want to use Next.js' [recommended ESLint config](https://nextjs.org/docs/basic-features/eslint). To do so, simply install and add the package on project's `.eslintrc` file.

Installing via npm:

```shell
npm install -D eslint-config-next
```

And your `.eslintrc.js` file:

```js
module.exports = {
  extends: ['next', '@longbeard'],
};
```

Add `@longbeard` after other configs to override certain rules.
npm package: @longbeard/vite-config
Description: Vite config defaults
Author: Kevin Ang
Latest version: 0.0.12

# Vite Configuration File

This is a pluggable vite config file.

## Getting Started

### Installation

To get started, install this package with all its peer dependencies

If the project uses **npm**:

```shell
npm install -D @longbeard/vite-config
npx install-peerdeps -D @longbeard/vite-config
```

If the project uses **pnpm**:

```shell
pnpm install -D @longbeard/vite-config
npx install-peerdeps -D --pnpm @longbeard/vite-config
```

### Importing to `vite.config.ts`

You will need to have `vite.config.ts` file on the root of your project directory. Once that's added, simply use this package inside the file. You will need to pass `__dirname` to the function.

```ts
import viteConfig from "@longbeard/vite-config";

export default viteConfig(__dirname);
```
npm package: @longbeard/vite-development
Description: Vite development helper script
Author: Kevin Ang
Latest version: 0.0.11

# Vite Development Helper Script

For use with `beardbalm-vite` theme.

## Installation

Install this package from NPM:

```bash
npm i --save-dev @longbeard/vite-development
```

Create a file on the theme folder, at `src/scripts/development.ts`, and call `initViteDevelopment()` function:

```ts
// beardbalm/src/scripts/development.ts
import { initViteDevelopment } from "@longbeard/vite-development";

initViteDevelopment();
```

That's all!
npm package: @longdistance/swap-v2-sdk
Description: 🛠 An SDK for building applications on top of Swap.
Latest version: 0.0.7

# @uniswap/v2-sdk - Now at `Uniswap/sdks`

All versions after 4.3.0 of this SDK can be found in the [SDK monorepo](https://github.com/Uniswap/sdks/tree/main/sdks/v2-sdk)! Please file all future issues, PR’s, and discussions there.

### Old Issues and PR’s

If you have an issue or open PR that is still active on this SDK in this repository, please recreate it in the new repository. Some existing issues and PR’s may be automatically migrated by the Uniswap Labs team.
npm package: @longdog/usesse
Description: A React hook for Server-Sent Events (SSE).
Author: Denis Abrosimov
Latest version: 1.1.2

# useSSE

A lightweight React hook for consuming Server-Sent Events (SSE) with ease.

## Installation

Install the library using npm or yarn:

```bash
npm install @longdog/usesse
# or
yarn add @longdog/usesse
```

## Usage

```tsx
// JSON data

import { makeUseSSE } from "@longdog/usesse";

type ServerTime = {
  time: string;
};

const useSSE = makeUseSSE<ServerTime>("/api/sse", "time-update");

function App() {
  const data = useSSE();
  return (
    <>
      <div className="card">{data?.time || "no data"}</div>
    </>
  );
}
```

```jsx
// String data
// This example demonstrates how to use the `reviver` function to handle string data.

import { makeUseSSE } from "@longdog/usesse";
const useSSE =
  makeUseSSE < string > ("/api/sse", "string-update", (data) => data);
function App() {
  const data = useSSE();
  return (
    <>
      <div>{data || "no string data"}</div>
    </>
  );
}
```

## API

```typescript
makeUseSSE<T>(url: string, event: string, reviver?: (data: string) => T)
```

Creates a custom hook for consuming SSE.

- `url`: The URL of the SSE endpoint.

- `event`: The name of the SSE event to listen for.

- `reviver`: An optional function to transform the raw data before parsing.
  It takes a string and returns the parsed data of type T.
  This is useful for handling custom data formats or parsing logic.
  If not provided, the data will be parsed as JSON.
  The reviver function should return the parsed data of type T.

Returns a React hook that provides the latest parsed data of type T.

## License

This project is licensed under the MIT License.
See the [LICENSE](LICENSE) file for details.