open-index/open-npm huggingface dataset:
npm package: @schematichq/schematic-components
Description: `schematic-components` provides client-side React components for customer portals, checkouts, and more using [Schematic](https://schematichq.com). It can be used in combination with [schematic-react](https://github.com/schematichq/schematic-js/tree/main/r
Author: Schematic
Latest version: 2.9.1

# schematic-components

`schematic-components` provides client-side React components for customer portals, checkouts, and more using [Schematic](https://schematichq.com). It can be used in combination with [schematic-react](https://github.com/schematichq/schematic-js/tree/main/react), or on its own.

## Install

```bash
npm install @schematichq/schematic-components
# or
yarn add @schematichq/schematic-components
# or
pnpm add @schematichq/schematic-components
```

## Usage

Import components and functions and compose them into your project.

```js
import { EmbedProvider, SchematicEmbed, useEmbed } from '@schematichq/schematic-components';
```

See the [Schematic documentation](https://docs.schematichq.com/components/set-up) for a full guide on how to set up and use Schematic components.

## Advanced Checkout Usage

We provide a function `initializeWithPlan` as an alternate entrypoint into a
checkout flow. It's suitable for click handlers, and must be extracted from
the library's embedded context.

```ts
const { initializeWithPlan } = useEmbed();
```

This function allows developers to create their own button that

* Pre-selects a Plan
* Pre-selects Add-ons (if available)
* Skips and hides plan selection stages

The `initializeWithPlan` function can be called with a Schematic plan ID, or
with a more powerful `BypassConfig` object.

Providing a plan ID as a string will preselect that plan and skip the plan
selection stage.

```ts
initializeWithPlan('plan_VBXv4bHjSf3');
```

Passing a config object allows pre-selecting Add-ons as well as hiding
specific stages.

```ts
const config = {
  planId: 'plan_VBXv4bHjSf3',      // pre-select a Plan
  addOnIds: ['plan_AWv7bPjSx2'],   // pre-select 1 or more Add-ons
  period: 'month',                 // pre-select 'month' or 'year' for the billing period (optional)
  skipped: {
    planStage: true,               // if true, skip Plan selection
    addOnStage: true               // if true, skip Add-on selection
  }
  hideSkipped:  true               // if true, hide skipped stages from breadcrumb navigation
};

initializeWithPlan(config);
```

The Plans and Add-ons available to the checkout flows must be live in your
Schematic account [Catalog configuration](https://docs.schematichq.com/catalog/overview).

## License

MIT

## Support

Need help? Please open a GitHub issue or reach out to [support@schematichq.com](mailto:support@schematichq.com) and we'll be happy to assist.
npm package: @schematichq/schematic-typescript-cloudflare
Description: Cloudflare KV adapter for Schematic SDK
Author: Schematic
Latest version: 0.3.0

# Schematic Cloudflare Node

Cloudflare KV cache adapter for Schematic SDK.

## Installation

```bash
npm install @schematichq/schematic-typescript-cloudflare
```

## Usage

### With Schematic SDK

```typescript
import { SchematicClient, type CheckFlagWithEntitlementResponse } from "@schematichq/schematic-typescript-node";
import { CloudflareKVCache } from "@schematichq/schematic-typescript-cloudflare";

// Inside a Cloudflare Worker
export default {
  async fetch(request, env, ctx) {
    // Create a CloudflareKVCache instance
    const cache = new CloudflareKVCache<CheckFlagWithEntitlementResponse>(env.MY_KV_NAMESPACE, {
        ttl: 1000 * 60 * 60, // 1 hour
      });
    
    // Initialize Schematic with the cache
    const schematic = new SchematicClient({
      apiKey: env.SCHEMATIC_API_KEY,
      cacheProviders: {
        flagChecks: [cache],
      }});
    // Your application logic...
  }
};
```

## API

### KVNamespace Interface

```typescript
interface KVNamespace {
  get<T>(key: string, type: 'json'): Promise<T | null>;
  put(key: string, value: string, options?: { expirationTtl?: number }): Promise<void>;
  delete(key: string): Promise<void>;
  list(options?: { prefix?: string }): Promise<{ keys: Array<{ name: string }> }>;
}
```

The interface matches the Cloudflare Workers KV API, including support for typed `get<T>()` operations for enhanced type safety.

### CloudflareKVCache

```typescript
class CloudflareKVCache<T> {
  constructor(
    kvNamespace: KVNamespace,
    options?: {
      keyPrefix?: string;  // Default: 'schematic:'
      ttl?: number;        // Default: 5000ms
    }
  );

  get(key: string): Promise<T | undefined>;
  set(key: string, value: T, ttlOverride?: number): Promise<void>;
  delete(key: string): Promise<void>;
  deleteAllExcept(keysToKeep: string[]): Promise<void>;
  clear(): Promise<void>;
}
```

## License

MIT
npm package: @schematics-sh/mcp
Description: MCP server for Schematics - Operate Clay from Claude Code
Author: Schematics
Latest version: 0.4.0

# @schematics-sh/mcp

MCP server for [Schematics](https://schematics.sh) — operate Clay from Claude.

## What is Schematics?

Schematics is a GTM engineering tool that connects Claude to your Clay workspace. Through this MCP server, Claude can:

- **Query** your workspace — table structure, column lineage, dependencies
- **Read** live data — row data, cell values, run status
- **Build** columns — enrichments, AI columns, formulas, waterfalls
- **Modify** columns — update prompts, rename, delete, run on rows
- **Advise** on pipeline design — enrichment selection, architecture, cost optimization

Requires the [Schematics Chrome extension](https://schematics.sh) to bridge between Claude and Clay.

## Installation

**Claude Code:**
```bash
claude mcp add schematics -- npx @schematics-sh/mcp
```

**Claude Desktop** — add to `~/Library/Application Support/Claude/claude_desktop_config.json`:
```json
{
  "mcpServers": {
    "schematics": {
      "command": "npx",
      "args": ["@schematics-sh/mcp"]
    }
  }
}
```

After installation, restart Claude and say:

> "Help me set up Schematics"

Claude will walk you through authentication and connecting your Clay workspace.

## Tools

| Tool | Purpose |
|------|---------|
| `ask` | Query workspace structure and lineage (cached, fast) |
| `get` | Read live data from Clay via extension |
| `do` | Create, update, delete, and run columns |
| `search` | Search the Clay enrichment catalog |
| `consult` | Get GTM engineering advice for pipeline design |

## Learn More

- [schematics.sh](https://schematics.sh)

## License

MIT