open-index/open-npm huggingface dataset:
npm package: @maats/flapjack
Description: Flapjack AI agent SDK — embed agents in your product
Latest version: 0.3.2

# @maats/flapjack

Flapjack AI agent SDK — embed agents in your product.

## Install

```bash
npm install @maats/flapjack
```

## Quick Start

```typescript
import { FlapjackClient } from '@maats/flapjack';

const client = new FlapjackClient({
  apiKey: process.env.FLAPJACK_API_KEY!,
  baseUrl: process.env.FLAPJACK_BASE_URL,
});

// List your agents
const agents = await client.listAgents();

// Create a conversation thread
const thread = await client.createThread(agents[0].id);

// Send a message and stream the response
for await (const event of client.sendMessage(thread.id, 'Hello!')) {
  switch (event.type) {
    case 'token':
      process.stdout.write(event.delta);
      break;
    case 'tool_call':
      console.log('\n[Tool]', event.tool.name);
      break;
    case 'done':
      console.log('\n\nDone. Message ID:', event.messageId);
      break;
    case 'error':
      console.error('Error:', event.code, event.detail);
      break;
  }
}
```

## React

Built-in hooks for React apps:

```tsx
import { FlapjackProvider, useChat } from '@maats/flapjack/react';

function App() {
  return (
    <FlapjackProvider config={{
      apiKey: process.env.NEXT_PUBLIC_FLAPJACK_API_KEY!,
      baseUrl: process.env.NEXT_PUBLIC_FLAPJACK_BASE_URL,
    }}>
      <Chat agentId="your-agent-id" />
    </FlapjackProvider>
  );
}

function Chat({ agentId }: { agentId: string }) {
  const { messages, sendMessage, isStreaming } = useChat(agentId);

  return (
    <div>
      {messages.map((msg, i) => (
        <div key={i}>{msg.role}: {msg.content}</div>
      ))}
      <input
        onKeyDown={(e) => {
          if (e.key === 'Enter') {
            sendMessage(e.currentTarget.value);
            e.currentTarget.value = '';
          }
        }}
        disabled={isStreaming}
        placeholder="Type a message..."
      />
    </div>
  );
}
```

## Pre-built Components

Drop-in chat UI with theming:

```tsx
import { ChatPanel } from '@maats/flapjack/components';
import '@maats/flapjack/components/style.css';

<ChatPanel agentId="your-agent-id" />
```

## Exports

| Path | Description |
|------|-------------|
| `@maats/flapjack` | Core client and types |
| `@maats/flapjack/react` | React provider and hooks |
| `@maats/flapjack/components` | Pre-built UI components |
| `@maats/flapjack/components/style.css` | Component styles |

## Documentation

Full docs at [flapjack.chat/docs](https://flapjack.chat/docs)

## License

MIT
npm package: @maaxxon/client-blog-ui-kit
Description: UI-kit
Author: Maksim Trukhanovich
Latest version: 1.0.2

# @maaxxon/client-blog-ui-kit

## Описание

`@maaxxon/client-blog-ui-kit` - это библиотека UI-компонентов для веб-приложения Modsen-client-blog. Она предоставляет готовые компоненты, которые можно использовать для построения пользовательских интерфейсов приложения.

NPM: https://www.npmjs.com/package/@maaxxon/client-blog-ui-kit

Посмотреть компоненты в Chromatic - https://www.chromatic.com/library?appId=67460cd74d085c1e9c2884b0&inviteToken=chpi_1941681e4cc6427ead95ff6f90b61618

## Установка

Установить библиотеку с помощью npm:

npm install @maaxxon/client-blog-ui-kit

## Список компонентов

- LazyLoad
- FormInput
- FormTextArea
npm package: @maayan-albert/moab-sdk
Description: Moab SDK - A JavaScript/TypeScript SDK
Latest version: 1.0.6

# moab-sdk

A JavaScript/TypeScript SDK for Moab.

## Installation

```bash
pnpm add @maayan-albert/moab-sdk
# or
npm install @maayan-albert/moab-sdk
```

## Usage

### SDK Usage

```javascript
const MoabSDK = require('@maayan-albert/moab-sdk');

const sdk = new MoabSDK({
  // your options here
});

sdk.hello();
```

### UI Components (React TypeScript)

```tsx
import React from 'react';
import { Button, Card, Input } from '@maayan-albert/moab-sdk/components';

const MyApp: React.FC = () => {
  return (
    <div>
      <Card title="Welcome">
        <Input label="Name" placeholder="Enter your name" />
        <Button variant="primary" onClick={() => alert('Clicked!')}>
          Submit
        </Button>
      </Card>
    </div>
  );
};
```

## Development

```bash
# Install dependencies
pnpm install

# Run the SDK example
pnpm start
# or
pnpm example

# Run the component demo (dev server with hot reload)
pnpm demo
# This will start a Vite dev server (usually http://localhost:5173) where you can preview all UI components

# Build the demo for production
pnpm run demo:build

# Preview the production build
pnpm run demo:preview

# Type check
pnpm type-check

# Build
pnpm run build

# Test
pnpm test
```

### Previewing Components

To preview and test the UI components, run:

```bash
pnpm demo
```

This starts a Vite development server (typically at `http://localhost:5173`) with:
- ⚡ Fast hot module replacement (HMR) - changes appear instantly
- 🔥 Zero-config setup - works out of the box
- 📦 Automatic TypeScript/React bundling
- 🎨 See all components in action with live reload

You can:
- See all components in action
- Test different variants and props
- Interact with components to verify behavior
- Edit components and see changes instantly
- Use this as a reference for implementing components in your apps

## License

MIT
npm package: @maayn/veld
Description: Contract-first, multi-stack API code generator. Write .veld contracts once, generate typed frontend SDKs and backend service interfaces.
Latest version: 0.3.21

# Veld — npm package

> Contract-first, multi-stack API code generator.

## Install

```bash
npm install @maayn/veld
# or
npx @maayn/veld generate
```

## Usage

After installing, the `veld` CLI is available:

```bash
veld init                    # Scaffold a new project
veld generate                # Generate from veld.config.json
veld generate --dry-run      # Preview what would be generated
veld watch                   # Auto-regenerate on file changes
veld validate                # Check contracts for errors
veld clean                   # Remove generated output
veld openapi                 # Export OpenAPI 3.0 spec
```

## How it works

This npm package includes pre-built binaries for all supported platforms.
The wrapper script automatically selects the correct binary for your platform.

**Supported platforms:**
- Linux (x64, arm64)
- macOS (x64, Apple Silicon)
- Windows (x64)

The package version matches the binary version, so `npm install @maayn/veld@0.2.0`
installs exactly version 0.2.0. No runtime downloads needed - works offline!

## Alternative installation

```bash
# Go (no npm needed)
go install github.com/Adhamzineldin/Veld/cmd/veld@latest

# Homebrew
brew install veld

# pip
pip install maayn-veld

# Composer (PHP)
composer require maayn/veld
```

## Links

- [Documentation](https://github.com/Adhamzineldin/Veld)
- [VS Code Extension](https://marketplace.visualstudio.com/items?itemName=veld-dev.veld-vscode)
- [JetBrains Plugin](https://plugins.jetbrains.com/plugin/veld)

## License

MIT