open-index/open-npm huggingface dataset:
npm package: @shren/typed-event-emitter
Description: Event emitter with a typed map
Author: Fr0stbyteR
Latest version: 1.1.1

## Usage

```TypeScript
import TypedEventEmitter from "typed-event-emitter";

class MyClass extends TypedEventEmitter<{ init: never; ready: boolean }> {
    constructor() {
        super();
        this.emit("init");
        this.emit("ready", true);
    }
}
```
npm package: @shren/worklet-loader
Description: worklet loader module for webpack
Author: Walker Henderson
Latest version: 2.0.0

# Worklet Loader
This loader loads imported scripts as a URL pointing to (or containing) a compiled module. That URL can be used to add worklet modules.

**NOTE! At the moment, this is basically just a fork of [`worker-loader`](https://github.com/webpack-contrib/worker-loader) and *probably shouldn't be used*. It's possible that, at some point, `worker-loader` will support worklets and this loader will be obsolete. It's also possible that there are worker-specific things that this package does that breaks worklets for one reason or another. So be careful!**

## Install

```bash
npm i -D worklet-loader
```

## [Usage](https://webpack.js.org/concepts/loaders)

### `Inlined`

**App.js**
```js
import workletUrl from 'worklet-loader!./Worklet.js';
```

### `Config`

**webpack.config.js**
```js
{
  module: {
    rules: [
      {
        test: /\.worklet\.js$/,
        use: { loader: 'worklet-loader' }
      }
    ]
  }
}
```

**App.js**
```js
import workletUrl from './file.worklet.js';

const audioCtx = new AudioContext();

audioCtx.audioWorklet.addModule(workletUrl).then(() => {
  // Do stuff with the now-registered processor
});
```

## Options

|Name|Type|Default|Description|
|:--:|:--:|:-----:|:----------|
|[**`name`**](#name)|`{String}`|`[hash].worklet.js`|Set a custom name for the output script|
|[**`inline`**](#inline)|`{Boolean}`|`false`|Inline the worklet as a Blob|
|[**`publicPath`**](#publicPath)|`{String}`|`null`|Override the path from which worklet scripts are downloaded|

### `name`

To set a custom name for the output script, use the `name` parameter. The name may contain the string `[hash]`, which will be replaced with a content dependent hash for caching purposes. When using `name` alone `[hash]` is omitted.

*webpack.config.js**
```js
{
  loader: 'worklet-loader',
  options: { name: 'WorkerName.[hash].js' }
}
```

### `inline`

Inline the worklet as a `Blob` with the `inline` parameter

**webpack.config.js**
```js
{
  loader: 'worklet-loader',
  options: { inline: true }
}
```

### `publicPath`

Overrides the path from which worklet scripts are downloaded. If not specified, the same public path used for other
webpack assets is used

**webpack.config.js**
```js
{
  loader: 'worklet-loader'
  options: { publicPath: '/scripts/worklets/' }
}
```

## Examples

### Integrating with TypeScript

You will need to define a custom module for the exports of your worklet files

**typings/custom.d.ts**
```typescript
declare module "*.worklet.ts" {
  const exportString: string;
  export default exportString;
}
```

**App.ts**
```typescript
import fooBarWorkletUrl from 'worlet-loader!./fooBar.worklet.ts'

const audioCtx = new AudioContext();

// @ts-ignore: AudioContext.audioWorklet is not available as a type yet
audioCtx.audioWorklet.addModule(fooBarWorkletUrl).then(() => {
  // Do stuff with the now-registered processor
});
```
npm package: @shresritik/responsive-navbar
Description: ```js const rightLinks = [   {     id: "1",     name: "About",     path: "/about",   },   {     id: "2",     name: "Contact",     path: "/contact",   }, ]; const centerLinks = [   {     id: "1",     name: "Home",     path: "/home",   }, ]; ```
Author: shresritik
Latest version: 0.7.2

# Responsive Navbar made with React and Tailwind

```js
const rightLinks = [
  {
    id: "1",
    name: "About",
    path: "/about",
  },
  {
    id: "2",
    name: "Contact",
    path: "/contact",
  },
];
const centerLinks = [
  {
    id: "1",
    name: "Home",
    path: "/home",
  },
];
```

```jsx
<Navbar
  allLinks={AllLinks}
  logo={logo}
  logoSize={200}
  textColor={"text-white"}
  navbgColor={"bg-black"}
  activeBorderColor={"orange"}
  borderColor={"border-orange-500"}
  transparent={true}
  centerLinkStatus={true}
  centerLinks={centerLinks}
/>
```

| Props             | Datatype | Description                                   |
| ----------------- | -------- | --------------------------------------------- |
| allLinks          | Array    | links to be placed at the right               |
| logo              | string   | logo image URL                                |
| logoSize          | Number   | width of Logo                                 |
| textColor         | string   | text color in tailwind class                  |
| navbgColor        | string   | background color in tailwind class            |
| activeBorderColor | string   | active color in hex                           |
| borderColor       | string   | border color in tailwind class                |
| transparent       | Boolean  | if transparent background is needed then true |
| centerLinkStatus  | Boolean  | if center links are needed then true          |
| centerLinks       | Array    | links to be placed at the center              |
npm package: @shrey211/cursor-mcp-server
Description: A pure JavaScript MCP server for Cursor IDE
Author: Shreyas Jadhav
Latest version: 1.0.1

# Cursor MCP Server

A pure JavaScript MCP server with health, handshake, and list-models tools. No Python required!

## Installation

```bash
npm install -g @shrey211/cursor-mcp-server
```

## Usage

```bash
cursor-mcp-myserver
```

## Cursor Configuration

Add to your Cursor settings (`Ctrl+,` → Extensions → MCP):

```json
{
  "mcpServers": {
    "cursor-mcp-server": {
      "command": "npx",
      "args": ["@shrey211/cursor-mcp-server"]
    }
  }
}
```

Or if installed globally:

```json
{
  "mcpServers": {
    "cursor-mcp-server": {
      "command": "cursor-mcp-myserver"
    }
  }
}
```

## Available Tools

- `health` - Server status and uptime
- `handshake` - Server capabilities
- `list-models` - Available models
npm package: @shrey_singh/agentrelay
Description: Self-hosted AI agent gateway for WhatsApp, Telegram & Discord
Author: Shrey Singh
Latest version: 0.2.0

# AgentRelay

Self-hosted AI agent gateway for WhatsApp, Telegram & Discord. Connect AI providers like Google Gemini, Anthropic Claude, and OpenAI to your instant messaging platforms seamlessly.

## Features
- Connect to WhatsApp, Telegram, and Discord
- Use top tier AI models via Google Gemini, Anthropic Claude, and OpenAI

## Quick Start
```bash
npm install -g @shrey_singh/agentrelay
agentrelay onboard
agentrelay gateway
```
npm package: @shreya.nk/polaris-chip
Description: Webcomponent polaris-chip following open-wc recommendations
Author: polaris-chip
Latest version: 0.0.0

<p align="center">
  <img width="200" src="https://open-wc.org/hero.png"></img>
</p>

## Open-wc Starter App

[![Built with open-wc recommendations](https://img.shields.io/badge/built%20with-open--wc-blue.svg)](https://github.com/open-wc)

## Quickstart

To get started:

```bash
npm init @open-wc
# requires node 10 & npm 6 or higher
```

## Scripts

- `start` runs your app for development, reloading on file changes
- `start:build` runs your app after it has been built using the build command
- `build` builds your app and outputs it in your `dist` directory
- `test` runs your test suite with Web Test Runner
- `lint` runs the linter for your project
- `format` fixes linting and formatting errors

## Tooling configs

For most of the tools, the configuration is in the `package.json` to reduce the amount of files in your project.

If you customize the configuration a lot, you can consider moving them to individual files.