open-index/open-npm huggingface dataset:
npm package: @nekter/beacon-collector
Description: Beacon SaaS collector — heartbeats, metrics, and agent discovery for OpenClaw agents
Author: Nekter AI
Latest version: 0.2.0

# @nekter/beacon-collector

Lightweight collector agent for [Beacon](https://beacon.nekter.ai) — AI agent monitoring.

## Quick Start

```bash
npx @nekter/beacon-collector init
npx @nekter/beacon-collector start
```

## What it does

- Reports agent heartbeats (online/offline status)
- Tracks token usage and costs
- Sends metrics to your Beacon dashboard

## Configuration

After running `init`, a `.beacon.json` file is created:

```json
{
  "apiKey": "bk_...",
  "endpoint": "https://beacon.nekter.ai",
  "agents": []
}
```

## OpenClaw Integration

If you're using OpenClaw, the collector auto-discovers agents from your gateway config.

## Requirements

- Node.js 18+
- A Beacon account (free tier available)
npm package: @nekumelon/glslcanvas
Description: Easily implemented WebGL canvas for quick testing
Author: nekumelon
Latest version: 1.0.0

# WebGLCanvas

# Why

Ever needed to draw something on a canvas using WebGL without having to write a bunch of boilerplate code? Well, this library is for you!

# Installation

You can add the library to your project by including the following script tag in your HTML:

```html
<script src=""></script>
```

# Usage

```js
new WebGLCanvas(canvas <canvas>, vertexShaderSource <string>, fragmentShaderSource <string>);
```

# License

See [LICENSE](./LICENSE) for more information.
npm package: @nekz/sdp
Description: Simple Source Engine demo parser.
Author: NeKz
Latest version: 0.10.1

[![CI](https://github.com/NeKzor/sdp/actions/workflows/ci.yml/badge.svg)](https://github.com/NeKzor/sdp/actions/workflows/ci.yml)
[![CD](https://github.com/NeKzor/sdp/actions/workflows/cd.yml/badge.svg)](https://github.com/NeKzor/sdp/actions/workflows/cd.yml)
[![jsr](https://jsr.io/badges/@nekz/sdp)](https://jsr.io/@nekz/sdp)
[![npm](https://img.shields.io/npm/v/@nekz/sdp?color=blue)](https://www.npmjs.com/package/@nekz/sdp)

# sdp

Simple Source Engine demo parser. Try it out on [StackBlitz]!

[StackBlitz]: https://stackblitz.com/edit/sdp-playground?file=main.mjs

## Features

- Support for multiple engines
  - Portal 2
  - Half-Life 2
  - Custom engine, see [Strata Source example](./examples/custom/strata.ts)
- Optional decoding of message data
  - [User command info]
  - [NET/SVC messages]
  - [Send tables]
  - [String tables]
  - [Game events]
- Speedrun timing
  - Rules for Portal, Portal 2 and mods
  - [SAR] timing
- Utils
  - Steam ID parsing
  - SAR data

[User command info]: https://dem.nekz.me/dem/classes/usercmdinfo.html
[NET/SVC messages]: https://dem.nekz.me/dem/classes/netsvc.html
[Send tables]: https://dem.nekz.me/dem/classes/sendtable.html
[String tables]: https://dem.nekz.me/dem/classes/stringtable.html
[Game events]: https://dem.nekz.me/dem/classes/gameevent.html
[SAR]: https://sar.portal2.sr

## Examples

### Read header only

Using Deno + TypeScript:

```ts
import { SourceDemoParser } from 'jsr:@nekz/sdp';

const demo = SourceDemoParser.default()
    .setOptions({ messages: false })
    .parse(Deno.readFileSync('demo.dem'));

console.log(demo);

/*
    SourceDemo {
    demoFileStamp: 'HL2DEMO',
    demoProtocol: 3,
    networkProtocol: 15,
    serverName: 'localhost:0',
    clientName: 'Can\'t Even',
    mapName: 'testchmb_a_00',
    gameDirectory: 'portal',
    playbackTime: 3.944999933242798,
    playbackTicks: 263,
    playbackFrames: 253,
    signOnLength: 80641,
    messages: [] }
*/
```

### Read UserCmd messages

Using Node + JavaScript:

```mjs
import fs from 'node:fs';
import { DemoMessages, SourceDemoParser } from '@nekz/sdp';

const demo = SourceDemoParser.default()
    .setOptions({ userCmds: true })
    .parse(fs.readFileSync('demo.dem'));

const IN_JUMP = 1 << 1;

const registeredJumps = demo
    .findMessages(DemoMessages.UserCmd)
    .filter(({ userCmd }) => userCmd.buttons & IN_JUMP);

console.log('registered jumps:', registeredJumps.length);

/*
    registered jumps: 270
*/
```

The [examples directory](./examples/) contains more examples for Node and Deno.

### View Origin

[![showcase.gif](showcase.gif)](https://nekz.me/parser)

Used in [nekz.me/parser](https://nekz.me/parser).
Updated example can be found in [examples/web/parser.html](./examples/web/parser.html).

## Dependencies

Vendored [inolen/bit-buffer] for TypeScript port + improvements.

[inolen/bit-buffer]: https://github.com/inolen/bit-buffer

## License

[MIT License](./LICENSE)
npm package: @nekzus/manakz
Description: Console Project Helper
Author: nekzus
Latest version: 1.1.7

# manakz - Console Project Helper

> _Simplifying Your Development Tasks with Manakz: Open, Install, and Develop_


[![Github Workflow](https://github.com/nekzus/manakz/actions/workflows/publish.yml/badge.svg?style=flat&&event=push)](https://github.com/Nekzus/manakz/actions/workflows/publish.yml)
[![npm-version](https://img.shields.io/npm/v/@nekzus/manakz.svg?style=flat)](https://www.npmjs.com/package/@nekzus/manakz)
[![npm-month](https://img.shields.io/npm/dm/@nekzus/manakz.svg?style=flat)](https://www.npmjs.com/package/@nekzus/manakz)
[![npm-total](https://img.shields.io/npm/dt/@nekzus/manakz.svg?style=flat)](https://www.npmjs.com/package/@nekzus/manakz)

<div align="center">
<img width="500" alt="manakz" src="https://res.cloudinary.com/dsvsl0b0b/image/upload/v1695847516/npm-package/f1vbrsucnuwyhdlo0tjo.png">
</div>

## Installation

You can install manakz globally using npm:

```
npm install -g @nekzus/manakz
```

## Usage

### Interactive Mode

To harness the power of **Manakz**, navigate to your project directory and run the command:

```
manakz   |>  Activate Interactive Mode Console
```

manakz will guide you through the following steps:

1. Confirm if you want to continue.
2. Option accept all prompts.
3. Open the project in Visual Studio Code.
4. Install project dependencies if they are not already installed.
5. Start the development server using the appropriate package manager (npm, pnpm, yarn or bun).
6. Release common development ports if they are in use.

### Automatic Mode

```
manakz [flags]
```

### Available Flags

```
-h, --help |> Displays this help message.
-v, --version |> Displays the version of manakz.
-y, --yes |> Executes actions without user prompts, answering 'yes' to all questions.

-y -i, --yes --install |> Bypass installation of dependencies if not already present.
-y -s, --yes --start |> Bypass initialization of the development server.
-y -c, --yes --vscode |> Bypass opening the project in Visual Studio Code.
```

## Features

- Automatically detects the package manager used in the project (npm, pnpm, bun or yarn).
- Simplifies the process of opening a project in Visual Studio Code.
- Installs project dependencies if necessary.
- Releases common development ports to prevent conflicts.

## Options

There are no command-line options for manakz. It provides a guided experience based on your project's needs.

## License

This project is licensed under the MIT License - see the LICENSE file for details.

## Acknowledgments

This tool was inspired by the need to streamline common development tasks.
Contributing
Contributions are welcome! Feel free to open issues or submit pull requests.

## Author

[nekzus](https://github.com/nekzus)

## Contact

If you have any questions or suggestions, please feel free to contact me at [nekzus.dev@gmail.com](mailto:nekzus.dev@gmail.com).
npm package: @nekzus/react-letter-hologram
Description: React Letter Hologram
Author: nekzus
Latest version: 1.1.0

<div align="center">
<img width="700" alt="templakz" src="https://res.cloudinary.com/dsvsl0b0b/image/upload/v1706374690/npm-package/pmknqveou1gvs5ldlntt.png">
</div>
<br>

[![Github Workflow](https://github.com/nekzus/letter-hologram/actions/workflows/publish.yml/badge.svg?event=push)](https://github.com/Nekzus/letter-hologram/actions/workflows/publish.yml)
[![npm-version](https://img.shields.io/npm/v/@nekzus/react-letter-hologram.svg)](https://www.npmjs.com/package/@nekzus/react-letter-hologram)
[![npm-month](https://img.shields.io/npm/dm/@nekzus/react-letter-hologram.svg)](https://www.npmjs.com/package/@nekzus/react-letter-hologram)
[![npm-total](https://img.shields.io/npm/dt/@nekzus/react-letter-hologram.svg?style=flat)](https://www.npmjs.com/package/@nekzus/react-letter-hologram)

`Letter Hologram` is a React component that creates an interactive background animation with letters.

## Installation

To install the library using npm, run the following command:

```bash
npm install @nekzus/react-letter-hologram
```

## Usage

### Basic Implementation

The `Letter Hologram` component can be easily incorporated into your React application. Simply provide the children you want to render within HoloBg:

```jsx
import React from 'react';
import {HoloBg} from '@nekzus/react-letter-hologram';

const App = () => (
  <HoloBg className="w-[300px]">
    <h1>Hello World</h1>
  </HoloBg>
);

export default App;
```

### Props

The `Letter Hologram` component accepts the following props:

- children (required): The child elements to be rendered within the `Letter Hologram` component.
- className (optional): Additional classes to be applied to the component (you can use Tailwind width utility classes to change the size of the component, such as w-[100px], w-[200px], etc.).
- colorClassName (optional): The class name which determines the color of the gradient. Options are blueColor, greenColor, pinkColor, orangeColor, darkColor, lightColor, and defaultColor. Default is defaultColor.
- style (optional): Additional styles to be applied to the component. If a width is provided through the style prop, it will override any width set through className.
  
### Example with Custom Styling

You can customize the appearance of the `Letter Hologram` component by providing additional styles or class names:

```jsx
import React from 'react';
import {HoloBg} from '@nekzus/react-letter-hologram';

const App = () => (
  <HoloBg 
    className="w-[300px]"
    colorClassName="pinkColor"
    style={{ borderRadius: '8px' }}
  >
    <h1>Hello World</h1>
  </HoloBg>
);

export default App;
```

## License

This project is licensed under the MIT License - see the LICENSE file for details.
npm package: @nekzus/react-xplosion
Description: Xplosion Text Animation
Author: nekzus
Latest version: 1.2.0

# React Xplosion Animation


[![Github Workflow](https://github.com/nekzus/react-xplosion-text/actions/workflows/publish.yml/badge.svg?event=push)](https://github.com/Nekzus/hacker-effect-text/actions/workflows/publish.yml)
[![npm-version](https://img.shields.io/npm/v/@nekzus/react-xplosion.svg)](https://www.npmjs.com/package/@nekzus/react-xplosion)
[![npm-month](https://img.shields.io/npm/dm/@nekzus/react-xplosion.svg)](https://www.npmjs.com/package/@nekzus/react-xplosion)
[![npm-total](https://img.shields.io/npm/dt/@nekzus/react-xplosion.svg?style=flat)](https://www.npmjs.com/package/@nekzus/react-xplosion)

`Xplosion` is a React component that creates an explosion animation for text.

## Installation

To install the library using npm, run the following command:

```bash
npm install @nekzus/react-xplosion
```

## Usage

### Basic Implementation
The Xplosion component can be easily incorporated into your React application. Simply provide the text you want to animate as the textInput prop:

```jsx
import React from 'react';
import {Xplosion} from '@nekzus/react-xplosion';


const App = () => {
  return (
    <Xplosion textInput="Hello, world!" className="class-tw">
      <button>Click here!</button>
    </Xplosion>
  );
};

export default App;
```

### Props
The Xplosion component accepts the following props:

- textInput (required): The text to be animated explosively.
- className: Additional class names to be applied to the component tailwind CSS.
- colorClassName: A color class to specify the color scheme of the explosive animation.
Available options: "blueColor", "greenColor", "pinkColor", "orangeColor", "darkColor", "lightColor".
- style: Additional styles to be applied to the component CSS.
  
### Example with Custom Styling
You can customize the appearance of the Xplosion component by providing additional styles or class names:


```jsx
import React from 'react';
import {Xplosion} from '@nekzus/react-xplosion';

const App = () => {
  return (
    <Xplosion
      textInput="Hello, World!"
      className="class-tw"
      colorClassName="pinkColor"
      style={{ fontSize: '24px', fontWeight: 'bold' }}
    >
      <p>Hover over me with style</p>
    </Xplosion>
  );
};

export default App;
```

<!-- ## Codesandbox -->

<!-- [Link](https://codesandbox.io/p/devbox/react-hacker-effect-yw5ykh) -->

## License
This project is licensed under the MIT License - see the LICENSE file for details.
npm package: @nelenschuurmans/management-client-component-library
Description: This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).
Author: Nelen & Schuurmans
Latest version: 0.1.1

This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).

## Available Scripts

In the project directory, you can run:

### `yarn start`

Runs the app in the development mode.<br />
Open [http://localhost:3000](http://localhost:3000) to view it in the browser.

The page will reload if you make edits.<br />
You will also see any lint errors in the console.

### `yarn test`

Launches the test runner in the interactive watch mode.<br />
See the section about [running tests](https://facebook.github.io/create-react-app/docs/running-tests) for more information.

### `yarn build`

Builds the app for production to the `build` folder.<br />
It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.<br />
Your app is ready to be deployed!

See the section about [deployment](https://facebook.github.io/create-react-app/docs/deployment) for more information.

### `yarn eject`

**Note: this is a one-way operation. Once you `eject`, you can’t go back!**

If you aren’t satisfied with the build tool and configuration choices, you can `eject` at any time. This command will remove the single build dependency from your project.

Instead, it will copy all the configuration files and the transitive dependencies (webpack, Babel, ESLint, etc) right into your project so you have full control over them. All of the commands except `eject` will still work, but they will point to the copied scripts so you can tweak them. At this point you’re on your own.

You don’t have to ever use `eject`. The curated feature set is suitable for small and middle deployments, and you shouldn’t feel obligated to use this feature. However we understand that this tool wouldn’t be useful if you couldn’t customize it when you are ready for it.

## Learn More

You can learn more in the [Create React App documentation](https://facebook.github.io/create-react-app/docs/getting-started).

To learn React, check out the [React documentation](https://reactjs.org/).
npm package: @nelhoa/svelte-modals
Description: A flexible modal library with TailwindCSS.
Author: Nelhoa
Latest version: 1.1.4

# Really Flexible Modals with TailwindCSS!

Includes tooltips that work harmoniously with the modals.

Find the documentation on [the library's demo site](https://nelhoa-svelte-modals.vercel.app/)

# Objectifs

- Performant
- Facile à intégrer
- Manipulable
- Mieux typé
- Stackable
- Le tooltip devrait être intégré à la modale
- 

## Installation Guide

```bash
npm install @nelhoa/svelte-modals
```

For the modals to work correctly, your project must use TypeScript.

Modify your `tailwind.config.js` file to include the svelte-modals library:

```javascript
/** @type {import('tailwindcss').Config} */
export default {
  content: ['./src/**/*.{html,js,svelte,ts}',
    './node_modules/@nelhoa/**/*.{html,js,svelte,ts}'
  ],
  theme: {
    extend: {},
  },
  plugins: [],
}
```