open-index/open-npm huggingface dataset:
npm package: @stuly/anode
Description: The high-performance, headless core engine for Anode.
Latest version: 0.2.0

# @stuly/anode

The high-performance, headless core engine for Anode. It manages graph topology, spatial indexing, transactional history, and reactive data flow independently of any UI framework.

## Installation

```bash
npm install @stuly/anode
```

## Quick Start

```typescript
import { Context, SocketKind } from '@stuly/anode';

const ctx = new Context();

const nodeA = ctx.newEntity({ label: 'Source' });
const outA = ctx.newSocket(nodeA, SocketKind.OUTPUT, 'out');

const nodeB = ctx.newEntity({ label: 'Sink' });
const inB = ctx.newSocket(nodeB, SocketKind.INPUT, 'in');

ctx.newLink(outA, inB);
ctx.setSocketValue(outA.id, 'Data');
```

## Core Elements

- **`Context`**: Central state manager.
- **`Entity`**: Graph node with `inner` data.
- **`Socket`**: Reactive connection point (`INPUT`/`OUTPUT`).
- **`Link`**: Connection between sockets.
- **`Group`**: Hierarchical container.

For comprehensive documentation on architecture, spatial indexing, and history management, see the [Full README](https://github.com/stulyproject/anode?tab=readme-ov-file).
npm package: @stuly/anode-react
Description: First-class React bindings for building interactive, declarative node editors with Anode.
Latest version: 1.0.1

# @stuly/anode-react

React bindings and components for Anode, providing a declarative layer over the headless core engine.

## Installation

```bash
npm install @stuly/anode-react @stuly/anode
```

## Quick Start

```tsx
import { AnodeProvider, World } from '@stuly/anode-react';

export default function App() {
  return (
    <AnodeProvider>
      <World />
    </AnodeProvider>
  );
}
```

## Key Components & Hooks

- **`World`**: Primary canvas component.
- **`AnodeProvider`**: Context provider for the engine.
- **`useAnode()`**: Access the core engine instance.
- **`useSocketValue()`**: Subscribe to reactive data flow.
- **`useVisibleNodes()`**: Optimized spatial culling for large graphs.

For detailed documentation, usage examples, and core principles, see the [Full README](https://github.com/stulyproject/anode?tab=readme-ov-file).
npm package: @stumpam/ngx-cmd
Description: Command library for Angular
Author: Martin Štumpa
Latest version: 2.7.1

# Ngx Cmd

Command library for Angular

## How to use it

1. import to angular main module `NgxModule` from `@stumpam/ngx-cmd`
2. register command `regCmd('name', () => console.log('name command'))`
3. use command `cmd('name')` -> in console will log `name`
npm package: @stumpam/ngx-cz-id
Description: Angular input for czech id (Rodné číslo) with validation.
Author: Martin Štumpa
Latest version: 3.2.3

# NgxCzId

Angular input for czech id (Rodné číslo) with validation.

From version 4 library uses Angular's standalone directives (Angular v15), so for backwards compatibility use version 3.

## Quick Start

1. Import `NgxCzIdDirective` to your project (module) or component.

```typescript
import { NgxCzIdDirective } from '@stumpam/ngx-cz-id';

@Component({
  selector: 'ngx-cz-id-root',
  standalone: true,
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.scss'],
  changeDetection: ChangeDetectionStrategy.OnPush,
  imports: [NgxCzIdDirective],
})
export class AppComponent {}
```

2. Use in HTML template

- add attributes min or max to validate even age of person with current id

```HTML
<input ngxCzId [formControl]="ctrl" [min]="18" [max]="25" [options]="options" [exception]="exception">
```

Exception accepts regexp which can bypass validation of ID (rodné číslo) in cases where is needed invalid ID (010101/9999). It still validates min/max ages.

3. Optional options to emit only valid cz id value

```typescript
options: {
  emitInvalid?: boolean;
  // emits all typed characters not just valid / invalid complete id
  emitAll?: boolean;
  replaceSlashOnCopy?: boolean;
  // If input is not empty, but value is not correct, on blur event it will fire validation
  nonEmptyError?: boolean;
}
```

Automatically emits `invalidCzId` when length of string is valid but number is not valid id.

### Works with [formly](https://formly.dev)

and use it in the template

```HTML
<input ngxCzId [formControl]="formControl" [options]="to.czIdOptions>
```
npm package: @stumpam/ngx-cz-in
Description: Angular input for czech id (Rodné číslo) with validation.
Author: Martin Štumpa
Latest version: 2.2.0

# NgxCzIn

Angular input for czech identification number (IČO) with validation.

From version 3 library uses Angular's standalone directives (Angular v15), so for backwards compatibility use version 2.

## Quick Start

1. Import `NgxCzInDirective` to your project (module) or component.

```typescript
import { NgxCzInDirective } from '@stumpam/ngx-cz-in';

@Component({
  selector: 'ngx-cz-in-root',
  standalone: true,
  templateUrl: './app.component.html',
  changeDetection: ChangeDetectionStrategy.OnPush,
  imports: [NgxCzInDirective]
})
export class AppComponent
```

2. Use in HTML template

- add attributes min or max to validate even age of person with current id

```HTML
<input ngxCzIn [formControl]="ctrl" [options]="options">
```

3. Optional options to emit only valid cz id value

```typescript
options: {
  emitInvalid?: boolean;
  // emits all typed characters not just valid / invalid complete id
  emitAll?: boolean;
  // it automatically add leading zeros for ins with them
  addLeadingZero: boolean;
  // If input is not empty, but value is not correct, on blur event it will fire validation
  nonEmptyError?: boolean;
}
```

Automatically emits `invalidCzIn` when length of string is valid but number is not valid identification number.

### Works with [formly](https://formly.dev)

and use it in the template

```HTML
<input ngxCzIn [formControl]="formControl" [options]="to.czInOptions>
```