open-index/open-npm huggingface dataset:
npm package: @shuppert/primeng
Description: [![npm version](https://badge.fury.io/js/primeng.svg)](https://badge.fury.io/js/primeng) [![npm downloads](https://img.shields.io/npm/dm/primeng.svg)](https://www.npmjs.com/package/primeng) [![Actions CI](https://github.com/primefaces/primeng/workflows/
Latest version: 28.0.1


[![npm version](https://badge.fury.io/js/primeng.svg)](https://badge.fury.io/js/primeng)
[![npm downloads](https://img.shields.io/npm/dm/primeng.svg)](https://www.npmjs.com/package/primeng)
[![Actions CI](https://github.com/primefaces/primeng/workflows/NodeJS%20CI/badge.svg)](https://github.com/primefaces/primeng/actions/workflows/node.js.yml)
[![Discord Chat](https://img.shields.io/discord/557940238991753223.svg?color=7289da&label=chat&logo=discord)](https://discord.gg/gzKFYnpmCY)
[![Discussions](https://img.shields.io/github/discussions-search?query=org%3Aprimefaces&logo=github&label=Prime%20Discussions&link=https%3A%2F%2Fgithub.com%2Forgs%2Fprimefaces%2Fdiscussions)](https://github.com/orgs/primefaces/discussions)

[![PrimeNG Hero](https://www.primefaces.org/static/social/primeng-preview.jpg)](https://primeng.org)

### Website

Visit the [PrimeNG Website](https://primeng.org) for general information, demos and documentation.

This is a fork of PrimeNG 17.7.0 that has been updated to Angular 18.  This is not intended to be the latest version but the old/stable version with an upgraded Angular version.

To build use "npm run build:package" script.
npm package: @shuqiong2013/ezviz
Description: EZVIZ platform channel integration for OpenClaw
Latest version: 1.0.4

# @openclaw/ezviz

EZVIZ 平台 Channel 插件，通过 WebSocket 长连接将 OpenClaw AI 助手接入 EZVIZ IM 平台。

## 安装

```bash
openclaw plugins install @shuqiong2013/ezviz
```

## 快速配置

### 方式一：命令行（推荐）

```bash
# 生成 token（Base64 编码的 appId:appSecret）
# Linux/macOS:
echo -n "你的appId:你的appSecret" | base64

# Windows PowerShell:
[Convert]::ToBase64String([Text.Encoding]::UTF8.GetBytes("你的appId:你的appSecret"))

# 添加 channel
openclaw channels add --channel ezviz --token "<Base64Token>"
```

### 方式二：交互式向导

```bash
openclaw channels setup ezviz
```

### 方式三：手动编辑配置

编辑 `~/.openclaw/openclaw.json`：

```json
{
  "channels": {
    "ezviz": {
      "enabled": true,
      "appId": "你的appId",
      "appSecret": "你的appSecret",
      "domain": "https://test13open.ezv-test.com",
      "wsDomain": "test13.ezv-test.com",
      "wsSecure": true
    }
  }
}
```

## 配置项

| 配置项 | 类型 | 默认值 | 说明 |
|--------|------|--------|------|
| `enabled` | boolean | `true` | 是否启用 |
| `appId` | string | - | EZVIZ 开放平台应用 ID |
| `appSecret` | string | - | EZVIZ 开放平台应用密钥 |
| `domain` | string | `https://test13open.ezv-test.com` | REST API 地址 |
| `wsDomain` | string | `test13.ezv-test.com` | WebSocket 服务地址 |
| `wsPath` | string | `/ws` | WebSocket 路径 |
| `wsSecure` | boolean | `true` | 是否使用 wss:// |
| `renderMode` | string | `auto` | 消息渲染模式 (auto/raw/card) |
| `mediaMaxMb` | number | `30` | 媒体文件大小限制 (MB) |

## 启动

```bash
openclaw start
```

插件会自动通过 WebSocket 连接到 EZVIZ 平台，接收和发送消息。

## License

MIT
npm package: @shuriken-ui/react
Description: <p align="center">   <picture>     <source media="(prefers-color-scheme: dark)" srcset="https://user-images.githubusercontent.com/3911343/232132279-8d8bf0ad-b1d7-4802-984e-a696763dc6cd.png">     <source media="(prefers-color-scheme: light)" srcset="https:
Latest version: 0.0.5

<p align="center">
  <picture>
    <source media="(prefers-color-scheme: dark)" srcset="https://user-images.githubusercontent.com/3911343/232132279-8d8bf0ad-b1d7-4802-984e-a696763dc6cd.png">
    <source media="(prefers-color-scheme: light)" srcset="https://user-images.githubusercontent.com/3911343/232132309-62971744-dcdb-429c-aa93-6ba0c1caac42.png">
    <img alt="Shuriken UI logo" src="https://user-images.githubusercontent.com/3911343/232132309-62971744-dcdb-429c-aa93-6ba0c1caac42.png">
  </picture>
</p>

<p align="center">
  <a href="https://cssninja.io" title="Our official website">by <strong>cssninja.io</strong></a>
</p>

---

## Shuriken UI - React

Shuriken UI is a free and open-source Tailwind CSS UI Kit. It is a collection of components and templates that you can use to build your next Tailwind CSS project.

This repository contains the React version of Shuriken UI with ready to use components (form inputs, buttons, cards, etc.) that you can use to build your project.
npm package: @shuriken-ui/tailwind
Description: <p align="center">   <picture>     <source media="(prefers-color-scheme: dark)" srcset="https://github.com/shuriken-ui/.github/assets/86636408/278e3026-1997-4e01-9457-20772adbce31">     <source media="(prefers-color-scheme: light)" srcset="https://github.
Author: Css Ninja
Latest version: 3.1.3
npm package: @shurutech/react-hook-tools
Description: A lightweight library that provides two essential custom hooks for your react or react-native projects.
Author: Saurabh Khandelwal
Latest version: 1.0.4

# react-hook-tools

A lightweight library that provides two essential custom hooks for your react or react-native projects.

## Features

- **`useInterval`**: Set up recurring functions at specified intervals.
- **`useTimeout`**: Delay execution of a function for a specified time.
- **`useDebouncedValue`**: Debounce a value, updating it after a specified delay.

## Installation

Install the library using npm or yarn:

```bash
npm install @shurutech/react-hook-tools
```

## Example Usage

### useInterval:

#### Syntax:

```
useInterval(()=>{
    // functionality
},time)
```
Note: Time will in milliseconds ( > 0 ) if you need to run interval, and undefined or null to stop the interval.

#### Example

```
import { useInterval } from '@shurutech/react-hook-tools';

const IntervalComponent = () => {
  useInterval(() => {
    console.log('Interval triggered!');
  }, 1000); // Runs every 1 second

  return <div>Check the console for interval logs.</div>;
};
```

### useTimeout:

#### Syntax:

```
useTimeout(()=>{
    // functionality
},time)
```
Note: Time will in milliseconds ( > 0 ) if you need to run interval, and undefined or null to clear the timer.

#### Example

```
import { useTimeout } from '@shurutech/react-hook-tools';

const TimerComponent = () => {
  useTimeout(() => {
    console.log('Print after 1 second!');
  }, 1000); // Runs after 1 second

  return <div>Check the console for timer logs.</div>;
};
```

### useDebouncedValue:

#### Syntax:

```
const debouncedValue = useDebouncedValue(value, delay);
```

#### Example

```
import { useDebouncedValue } from '@shurutech/react-hook-tools';

const SearchComponent = () => {
  const [search, setSearch] = React.useState('');
  const debouncedSearch = useDebouncedValue(search, 500);

  React.useEffect(() => {
    if (debouncedSearch) {
      console.log('Searching for:', debouncedSearch);
      // Call your API here
    }
  }, [debouncedSearch]);

  return (
    <input
      type="text"
      value={search}
      onChange={(e) => setSearch(e.target.value)}
      placeholder="Search..."
    />
  );
};
```

## How to Contribute
1. Fork this repository to your GitHub account and clone it locally.

2. Install project dependencies.

3. Create a new branch for your feature or bugfix.

4. Implement your changes, ensuring they follow existing coding standards.

5. Commit your changes with a descriptive message.

6. Push your branch to your forked repository.

7. Open a pull request with a clear description of your changes.

8. Address any feedback or requested changes from maintainers.

9. Celebrate once your contribution is merged! 🎉
npm package: @shusen73/react-trafficlight
Description: Traffic light component for React.
Author: shusen73
Latest version: 5.2.2

# react-trafficlight
Traffic light component for React.
Modified from https://github.com/sgnh/react-trafficlight

![Traffic light](./docs/trafficlight.png "Traffic light")

## Installation
```
npm i @shusen73/react-trafficlight
```

## Usage example 1
```javascript
import React from 'react';
import TrafficLight from 'react-trafficlight';

const TrafficLightContainerExample1 = () => (
  <div>
    <TrafficLight RedOn />
    <TrafficLight RedOn YellowOn />
    <TrafficLight YellowOn />
    <TrafficLight GreenOn />
  </div>
);

export default TrafficLightContainerExample1;
```

## Usage example 2 - Clickable
```javascript
import React, { Component } from 'react';
import TrafficLight from 'react-trafficlight';

class TrafficLightContainerExample2 extends Component {
  state = {
    redOn: true,
    yellowOn: false,
    greenOn: false,
  }

  render() {
    return (
      <TrafficLight
        onRedClick={() => this.setState({ redOn: !this.state.redOn })}
        onYellowClick={() => this.setState({ yellowOn: !this.state.yellowOn })}
        onGreenClick={() => this.setState({ greenOn: !this.state.greenOn })}
        RedOn={this.state.redOn}
        YellowOn={this.state.yellowOn}
        GreenOn={this.state.greenOn}
      />
    );
  }
}

export default TrafficLightContainerExample2;
```

## Usage example 3 - Horizontal
```javascript
import React from 'react';
import TrafficLight from 'react-trafficlight';

const TrafficLightContainerExample3 = () => (
  <div>
    <TrafficLight GreenOn Horizontal/>
  </div>
);

export default TrafficLightContainerExample3;
```