@sanity/agent-directives 0.0.1

package/README.md

@@ -0,0 +1,109 @@
+# @sanity/agent-directives
+
+Shared directive system for Sanity Agent.
+
+## Installation
+
+```sh
+pnpm add @sanity/agent-directives
+```
+
+## React Usage (Ada)
+
+```tsx
+// directives/kit.ts
+import { createDirectiveKit } from "@sanity/agent-directives/react";
+import { useThreadApplication } from "../hooks/useThreadResource";
+
+export const { defineDirective } = createDirectiveKit({
+  useApplication: useThreadApplication,
+});
+```
+
+```tsx
+// directives/Document.tsx
+import { defineDirective } from "./kit";
+
+export const Document = defineDirective("document", ({ id, application }) => {
+  const doc = useDocument(id);
+  return <DocumentCard document={doc} />;
+});
+```
+
+That's it. Schema validation and application injection happen automatically.
+
+## String Usage (Slack)
+
+```ts
+// directives/kit.ts
+import { createDirectiveKit } from "@sanity/agent-directives/string";
+
+interface SlackContext {
+  accessToken: string;
+  applications: Application[];
+}
+
+interface SlackOutput {
+  text?: string;
+  blocks?: SlackBlock[];
+}
+
+export const { defineDirective, renderDirective } = createDirectiveKit<
+  SlackContext,
+  SlackOutput
+>();
+```
+
+```ts
+// directives/document.ts
+import { defineDirective } from "./kit";
+
+export const Document = defineDirective(
+  "document",
+  async ({ id, _context }) => {
+    const doc = await fetchDocument(id, _context.accessToken);
+    return { blocks: [linkButton(doc.title, url)] };
+  },
+);
+```
+
+```ts
+// Render directives from remark AST
+import { renderDirective } from "./kit";
+
+const output = await renderDirective(node, context);
+```
+
+## Formatters (Agent Backend)
+
+```ts
+import {
+  createDocumentDirective,
+  createChangesDirective,
+} from "@sanity/agent-directives/formatters";
+
+createDocumentDirective({ id: "doc-123", type: "article" });
+// => '::document{id="doc-123" type="article"}'
+
+createChangesDirective({ createdCount: 3, updatedCount: 5 });
+// => '::changes{createdCount="3" updatedCount="5"}'
+```
+
+## Available Directives
+
+| Name       | Props                          |
+| ---------- | ------------------------------ |
+| `document` | `id`, `type?`, `source?`       |
+| `release`  | `id`, `source?`                |
+| `resource` | `source`                       |
+| `set`      | `id`                           |
+| `changes`  | `createdCount`, `updatedCount` |
+
+## Exports
+
+| Path                                  | Description                          |
+| ------------------------------------- | ------------------------------------ |
+| `@sanity/agent-directives`            | Schemas and formatters               |
+| `@sanity/agent-directives/react`      | `createDirectiveKit` for React       |
+| `@sanity/agent-directives/string`     | `createDirectiveKit` for server-side |
+| `@sanity/agent-directives/formatters` | Directive string formatters          |

package/dist/formatters.d.ts

@@ -0,0 +1,8 @@
+import { type ChangesDirectiveProps, type DirectiveName, type DocumentDirectiveProps, type ReleaseDirectiveProps, type ResourceDirectiveProps, type SetDirectiveProps } from '@sanity/agent-types';
+export declare function formatDirective(name: DirectiveName, props: Record<string, unknown>): string;
+export declare function createDocumentDirective(props: DocumentDirectiveProps): string;
+export declare function createReleaseDirective(props: ReleaseDirectiveProps): string;
+export declare function createResourceDirective(props: ResourceDirectiveProps): string;
+export declare function createSetDirective(props: SetDirectiveProps): string;
+export declare function createChangesDirective(props: ChangesDirectiveProps): string;
+//# sourceMappingURL=formatters.d.ts.map

package/dist/formatters.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"formatters.d.ts","sourceRoot":"","sources":["../src/formatters.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,qBAAqB,EAE1B,KAAK,aAAa,EAClB,KAAK,sBAAsB,EAC3B,KAAK,qBAAqB,EAC1B,KAAK,sBAAsB,EAC3B,KAAK,iBAAiB,EACvB,MAAM,qBAAqB,CAAA;AAS5B,wBAAgB,eAAe,CAAC,IAAI,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,MAAM,CAG3F;AAED,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,sBAAsB,GAAG,MAAM,CAE7E;AAED,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,qBAAqB,GAAG,MAAM,CAE3E;AAED,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,sBAAsB,GAAG,MAAM,CAE7E;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,iBAAiB,GAAG,MAAM,CAEnE;AAED,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,qBAAqB,GAAG,MAAM,CAE3E"}

package/dist/formatters.js

@@ -0,0 +1,27 @@
+import { DIRECTIVE_NAMES, } from '@sanity/agent-types';
+function buildAttributes(params) {
+    return Object.entries(params)
+        .filter(([, value]) => value !== undefined && value !== null)
+        .map(([key, value]) => `${key}="${value}"`)
+        .join(' ');
+}
+export function formatDirective(name, props) {
+    const attrs = buildAttributes(props);
+    return attrs ? `::${name}{${attrs}}` : `::${name}`;
+}
+export function createDocumentDirective(props) {
+    return formatDirective(DIRECTIVE_NAMES.document, props);
+}
+export function createReleaseDirective(props) {
+    return formatDirective(DIRECTIVE_NAMES.release, props);
+}
+export function createResourceDirective(props) {
+    return formatDirective(DIRECTIVE_NAMES.resource, props);
+}
+export function createSetDirective(props) {
+    return formatDirective(DIRECTIVE_NAMES.set, props);
+}
+export function createChangesDirective(props) {
+    return formatDirective(DIRECTIVE_NAMES.changes, props);
+}
+//# sourceMappingURL=formatters.js.map

package/dist/formatters.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"formatters.js","sourceRoot":"","sources":["../src/formatters.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,eAAe,GAMhB,MAAM,qBAAqB,CAAA;AAE5B,SAAS,eAAe,CAAC,MAA+B;IACtD,OAAO,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC;SAC1B,MAAM,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,IAAI,CAAC;SAC5D,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,GAAG,GAAG,KAAK,KAAK,GAAG,CAAC;SAC1C,IAAI,CAAC,GAAG,CAAC,CAAA;AACd,CAAC;AAED,MAAM,UAAU,eAAe,CAAC,IAAmB,EAAE,KAA8B;IACjF,MAAM,KAAK,GAAG,eAAe,CAAC,KAAK,CAAC,CAAA;IACpC,OAAO,KAAK,CAAC,CAAC,CAAC,KAAK,IAAI,IAAI,KAAK,GAAG,CAAC,CAAC,CAAC,KAAK,IAAI,EAAE,CAAA;AACpD,CAAC;AAED,MAAM,UAAU,uBAAuB,CAAC,KAA6B;IACnE,OAAO,eAAe,CAAC,eAAe,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAA;AACzD,CAAC;AAED,MAAM,UAAU,sBAAsB,CAAC,KAA4B;IACjE,OAAO,eAAe,CAAC,eAAe,CAAC,OAAO,EAAE,KAAK,CAAC,CAAA;AACxD,CAAC;AAED,MAAM,UAAU,uBAAuB,CAAC,KAA6B;IACnE,OAAO,eAAe,CAAC,eAAe,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAA;AACzD,CAAC;AAED,MAAM,UAAU,kBAAkB,CAAC,KAAwB;IACzD,OAAO,eAAe,CAAC,eAAe,CAAC,GAAG,EAAE,KAAK,CAAC,CAAA;AACpD,CAAC;AAED,MAAM,UAAU,sBAAsB,CAAC,KAA4B;IACjE,OAAO,eAAe,CAAC,eAAe,CAAC,OAAO,EAAE,KAAK,CAAC,CAAA;AACxD,CAAC"}

package/dist/index.d.ts

@@ -0,0 +1,3 @@
+export { type ChangesDirectiveProps, ChangesDirectiveSchema, DIRECTIVE_NAMES, type DirectiveName, DirectiveSchemas, type DocumentDirectiveProps, DocumentDirectiveSchema, type ReleaseDirectiveProps, ReleaseDirectiveSchema, type ResourceDirectiveProps, ResourceDirectiveSchema, type SetDirectiveProps, SetDirectiveSchema, } from '@sanity/agent-types';
+export { createChangesDirective, createDocumentDirective, createReleaseDirective, createResourceDirective, createSetDirective, formatDirective, } from './formatters.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,qBAAqB,EAC1B,sBAAsB,EACtB,eAAe,EACf,KAAK,aAAa,EAClB,gBAAgB,EAChB,KAAK,sBAAsB,EAC3B,uBAAuB,EACvB,KAAK,qBAAqB,EAC1B,sBAAsB,EACtB,KAAK,sBAAsB,EAC3B,uBAAuB,EACvB,KAAK,iBAAiB,EACtB,kBAAkB,GACnB,MAAM,qBAAqB,CAAA;AAE5B,OAAO,EACL,sBAAsB,EACtB,uBAAuB,EACvB,sBAAsB,EACtB,uBAAuB,EACvB,kBAAkB,EAClB,eAAe,GAChB,MAAM,iBAAiB,CAAA"}

package/dist/index.js

@@ -0,0 +1,3 @@
+export { ChangesDirectiveSchema, DIRECTIVE_NAMES, DirectiveSchemas, DocumentDirectiveSchema, ReleaseDirectiveSchema, ResourceDirectiveSchema, SetDirectiveSchema, } from '@sanity/agent-types';
+export { createChangesDirective, createDocumentDirective, createReleaseDirective, createResourceDirective, createSetDirective, formatDirective, } from './formatters.js';
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,sBAAsB,EACtB,eAAe,EAEf,gBAAgB,EAEhB,uBAAuB,EAEvB,sBAAsB,EAEtB,uBAAuB,EAEvB,kBAAkB,GACnB,MAAM,qBAAqB,CAAA;AAE5B,OAAO,EACL,sBAAsB,EACtB,uBAAuB,EACvB,sBAAsB,EACtB,uBAAuB,EACvB,kBAAkB,EAClB,eAAe,GAChB,MAAM,iBAAiB,CAAA"}

package/dist/react.d.ts

@@ -0,0 +1,84 @@
+import { type DirectiveName, type DirectivePropsMap } from '@sanity/agent-types';
+import { type ComponentType, type ReactNode } from 'react';
+import type { Processor } from 'unified';
+import type { Node } from 'unist';
+type DirectiveProps<T extends DirectiveName> = DirectivePropsMap[T];
+export interface NodeProps {
+    node?: {
+        properties?: Record<string, unknown>;
+    };
+}
+export type DirectiveRenderProps<TName extends DirectiveName, TApplication> = DirectiveProps<TName> & {
+    application: TApplication;
+};
+export type DirectiveComponentProps<TName extends DirectiveName> = DirectiveProps<TName> & {
+    source?: string;
+} & NodeProps;
+export declare function remarkAgentDirectives(this: Processor): (tree: Node) => void;
+interface DirectivesStackProps {
+    children?: ReactNode;
+}
+/**
+ * Default DirectivesStack component that groups consecutive directives.
+ * Override this in your components map if you need custom styling.
+ *
+ * @example
+ * ```tsx
+ * import { DirectivesStack } from '@sanity/agent-directives/react'
+ *
+ * // Use default
+ * components={{ DirectivesStack }}
+ *
+ * // Or override with your own
+ * components={{ DirectivesStack: MyCustomStack }}
+ * ```
+ */
+export declare function DirectivesStack({ children }: DirectivesStackProps): ReactNode;
+export interface DirectiveKitOptions<TApplication> {
+    useApplication: (source: string | undefined) => TApplication | undefined;
+}
+/**
+ * Creates a directive kit with application injection.
+ *
+ * @example
+ * ```tsx
+ * // kit.ts
+ * import { createDirectiveKit } from '@sanity/agent-directives/react'
+ * import type { Application } from '@sanity/agent-types'
+ *
+ * export const { defineDirective } = createDirectiveKit<Application>({
+ *   useApplication: (source) => useThreadApplication(source),
+ * })
+ *
+ * // Document.tsx
+ * export const DocumentDirective = defineDirective('document', ({ id, application }) => {
+ *   return <DocumentCard id={id} app={application} />
+ * })
+ * ```
+ */
+export declare function createDirectiveKit<TApplication>(options: DirectiveKitOptions<TApplication>): {
+    defineDirective: <TName extends DirectiveName>(name: TName, render: (props: DirectiveRenderProps<TName, TApplication>) => ReactNode) => ComponentType<DirectiveComponentProps<TName>>;
+};
+/**
+ * Default components map including DirectivesStack.
+ * Spread this into your components and override as needed.
+ *
+ * @example
+ * ```tsx
+ * import { defaultComponents } from '@sanity/agent-directives/react'
+ *
+ * <ReactMarkdown
+ *   components={{
+ *     ...defaultComponents,
+ *     Document: DocumentDirective,
+ *   }}
+ * >
+ *   {content}
+ * </ReactMarkdown>
+ * ```
+ */
+export declare const defaultComponents: {
+    readonly DirectivesStack: typeof DirectivesStack;
+};
+export {};
+//# sourceMappingURL=react.d.ts.map

package/dist/react.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"react.d.ts","sourceRoot":"","sources":["../src/react.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,aAAa,EAAE,KAAK,iBAAiB,EAAoB,MAAM,qBAAqB,CAAA;AAIlG,OAAO,EAEL,KAAK,aAAa,EAGlB,KAAK,SAAS,EAEf,MAAM,OAAO,CAAA;AAEd,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AACxC,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,OAAO,CAAA;AAOjC,KAAK,cAAc,CAAC,CAAC,SAAS,aAAa,IAAI,iBAAiB,CAAC,CAAC,CAAC,CAAA;AAEnE,MAAM,WAAW,SAAS;IACxB,IAAI,CAAC,EAAE;QAAE,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;KAAE,CAAA;CAChD;AAED,MAAM,MAAM,oBAAoB,CAC9B,KAAK,SAAS,aAAa,EAC3B,YAAY,IACV,cAAc,CAAC,KAAK,CAAC,GAAG;IAC1B,WAAW,EAAE,YAAY,CAAA;CAC1B,CAAA;AAED,MAAM,MAAM,uBAAuB,CAAC,KAAK,SAAS,aAAa,IAAI,cAAc,CAAC,KAAK,CAAC,GAAG;IACzF,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB,GAAG,SAAS,CAAA;AAuLb,wBAAgB,qBAAqB,CAAC,IAAI,EAAE,SAAS,UAtIrC,IAAI,UAmJnB;AAMD,UAAU,oBAAoB;IAC5B,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAkCD;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,eAAe,CAAC,EAAE,QAAQ,EAAE,EAAE,oBAAoB,GAAG,SAAS,CA2B7E;AAMD,MAAM,WAAW,mBAAmB,CAAC,YAAY;IAC/C,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,KAAK,YAAY,GAAG,SAAS,CAAA;CACzE;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,kBAAkB,CAAC,YAAY,EAAE,OAAO,EAAE,mBAAmB,CAAC,YAAY,CAAC;sBAGhE,KAAK,SAAS,aAAa,QAC5C,KAAK,UACH,CAAC,KAAK,EAAE,oBAAoB,CAAC,KAAK,EAAE,YAAY,CAAC,KAAK,SAAS,KACtE,aAAa,CAAC,uBAAuB,CAAC,KAAK,CAAC,CAAC;EA+BjD;AAMD;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,iBAAiB;;CAEpB,CAAA"}

package/dist/react.js

@@ -0,0 +1,266 @@
+import { DirectiveSchemas } from '@sanity/agent-types';
+import { pascalCase } from 'es-toolkit';
+import { directiveFromMarkdown, directiveToMarkdown } from 'mdast-util-directive';
+import { directive } from 'micromark-extension-directive';
+import { Children, createElement, useState, } from 'react';
+import { visit } from 'unist-util-visit';
+const DIRECTIVE_TYPES = ['textDirective', 'leafDirective', 'containerDirective'];
+const isDirectiveNode = (node) => 'name' in node &&
+    typeof node.name === 'string' &&
+    /^[a-zA-Z-]+$/.test(node.name) &&
+    DIRECTIVE_TYPES.includes(node.type);
+const isListItemWithOnlyDirective = (node) => {
+    if (node.type !== 'listItem')
+        return false;
+    const children = node.children || [];
+    return children.length === 1 && children[0].type === 'leafDirective';
+};
+// ============================================================================
+// Remark Plugin
+// ============================================================================
+/**
+ * Remark plugin that transforms directive syntax into React components.
+ *
+ * Features:
+ * - Validates directive names (letters and hyphens only)
+ * - Extracts directives from list items
+ * - Groups consecutive leaf directives into DirectivesStack wrappers
+ * - Filters incomplete streaming directives
+ * - Converts directive names to PascalCase component names
+ */
+function remarkDirectivesTransform() {
+    return (tree) => {
+        // Remove invalid directive nodes (e.g., ":02" in "14:02")
+        visit(tree, DIRECTIVE_TYPES, (node, index, parent) => {
+            if (!isDirectiveNode(node)) {
+                const parentNode = parent;
+                if (parentNode?.children && typeof index === 'number') {
+                    const nodeName = 'name' in node ? String(node.name) : '';
+                    parentNode.children[index] = {
+                        type: 'text',
+                        name: '',
+                        value: `:${nodeName}`,
+                    };
+                }
+            }
+        });
+        // Extract directives from list items
+        visit(tree, 'list', (node, index, parent) => {
+            const listNode = node;
+            if (!listNode.children)
+                return;
+            const transformed = [];
+            let hasTransformed = false;
+            for (const child of listNode.children) {
+                if (isListItemWithOnlyDirective(child) && child.children?.[0]) {
+                    transformed.push(child.children[0]);
+                    hasTransformed = true;
+                }
+                else {
+                    transformed.push(child);
+                }
+            }
+            const parentNode = parent;
+            if (hasTransformed && transformed.every((n) => isDirectiveNode(n))) {
+                if (parentNode?.children && typeof index === 'number') {
+                    parentNode.children.splice(index, 1, ...transformed);
+                    return index + transformed.length;
+                }
+            }
+        });
+        // Group consecutive leaf directives into DirectivesStack
+        visit(tree, (node) => {
+            const dirNode = node;
+            if (!dirNode.children?.length || dirNode.data?.hName === 'DirectivesStack')
+                return;
+            const newChildren = [];
+            let group = [];
+            for (const child of dirNode.children) {
+                if (isDirectiveNode(child) && child.type === 'leafDirective') {
+                    group.push(child);
+                }
+                else {
+                    if (group.length > 0) {
+                        newChildren.push({
+                            type: 'leafDirective',
+                            name: 'DirectivesStack',
+                            data: { hName: 'DirectivesStack' },
+                            children: group,
+                        });
+                        group = [];
+                    }
+                    newChildren.push(child);
+                }
+            }
+            if (group.length > 0) {
+                newChildren.push({
+                    type: 'leafDirective',
+                    name: 'DirectivesStack',
+                    data: { hName: 'DirectivesStack' },
+                    children: group,
+                });
+            }
+            dirNode.children = newChildren;
+        });
+        // Filter incomplete streaming directives
+        visit(tree, 'text', (node) => {
+            const textNode = node;
+            if (typeof textNode.value === 'string') {
+                if (textNode.value.match(/::?\w+[{[]/) && !textNode.value.match(/::?\w+[{[].+[}\]]/)) {
+                    textNode.value = '';
+                }
+            }
+        });
+        // Transform directives to React components
+        visit(tree, DIRECTIVE_TYPES, (node) => {
+            if (!isDirectiveNode(node))
+                return;
+            node.data = node.data || {};
+            node.data.hName = pascalCase(node.name);
+            node.data.hProperties = {
+                ...node.attributes,
+                isInline: node.type === 'textDirective',
+            };
+        });
+    };
+}
+export function remarkAgentDirectives() {
+    // Set up micromark extensions for parsing directive syntax (from remark-directive)
+    const data = this.data();
+    const micromarkExtensions = data.micromarkExtensions || (data.micromarkExtensions = []);
+    const fromMarkdownExtensions = data.fromMarkdownExtensions || (data.fromMarkdownExtensions = []);
+    const toMarkdownExtensions = data.toMarkdownExtensions || (data.toMarkdownExtensions = []);
+    micromarkExtensions.push(directive());
+    fromMarkdownExtensions.push(directiveFromMarkdown());
+    toMarkdownExtensions.push(directiveToMarkdown());
+    // Return our transformer for processing the parsed directives
+    return remarkDirectivesTransform();
+}
+const stackStyles = {
+    display: 'flex',
+    flexDirection: 'column',
+    gap: '1px',
+    borderRadius: '8px',
+    overflow: 'hidden',
+    boxShadow: '0 1px 3px rgba(0, 0, 0, 0.1)',
+    margin: '8px 0',
+};
+const collapsedStackStyles = {
+    ...stackStyles,
+    maxHeight: '280px',
+    overflowY: 'auto',
+};
+const expandButtonStyles = {
+    display: 'flex',
+    justifyContent: 'flex-end',
+    padding: '4px 0',
+};
+const buttonStyles = {
+    background: 'none',
+    border: 'none',
+    padding: '4px 8px',
+    cursor: 'pointer',
+    fontSize: '12px',
+    color: 'inherit',
+    opacity: 0.7,
+};
+/**
+ * Default DirectivesStack component that groups consecutive directives.
+ * Override this in your components map if you need custom styling.
+ *
+ * @example
+ * ```tsx
+ * import { DirectivesStack } from '@sanity/agent-directives/react'
+ *
+ * // Use default
+ * components={{ DirectivesStack }}
+ *
+ * // Or override with your own
+ * components={{ DirectivesStack: MyCustomStack }}
+ * ```
+ */
+export function DirectivesStack({ children }) {
+    const [isExpanded, setIsExpanded] = useState(false);
+    const childrenCount = Children.count(children);
+    const shouldCollapse = childrenCount > 5;
+    if (!shouldCollapse) {
+        return createElement('div', { style: stackStyles }, children);
+    }
+    return createElement('div', null, createElement('div', { style: isExpanded ? stackStyles : collapsedStackStyles }, children), createElement('div', { style: expandButtonStyles }, createElement('button', {
+        type: 'button',
+        style: buttonStyles,
+        onClick: () => setIsExpanded((prev) => !prev),
+    }, isExpanded ? 'Show less' : `Show all ${childrenCount}`)));
+}
+/**
+ * Creates a directive kit with application injection.
+ *
+ * @example
+ * ```tsx
+ * // kit.ts
+ * import { createDirectiveKit } from '@sanity/agent-directives/react'
+ * import type { Application } from '@sanity/agent-types'
+ *
+ * export const { defineDirective } = createDirectiveKit<Application>({
+ *   useApplication: (source) => useThreadApplication(source),
+ * })
+ *
+ * // Document.tsx
+ * export const DocumentDirective = defineDirective('document', ({ id, application }) => {
+ *   return <DocumentCard id={id} app={application} />
+ * })
+ * ```
+ */
+export function createDirectiveKit(options) {
+    const { useApplication } = options;
+    function defineDirective(name, render) {
+        function Directive(props) {
+            const { node, source, ...rest } = props;
+            const application = useApplication(source);
+            if (!application)
+                return null;
+            // Merge node properties with component props (component props take precedence)
+            const merged = { ...(node?.properties ?? {}), ...rest };
+            // Validate against schema
+            const schema = DirectiveSchemas[name];
+            const result = schema.safeParse(merged);
+            if (!result.success) {
+                console.error(`Directive "${name}" validation error:`, result.error.format());
+                return null;
+            }
+            const renderProps = {
+                ...result.data,
+                application,
+            };
+            return render(renderProps);
+        }
+        Directive.displayName = `Directive(${name})`;
+        return Directive;
+    }
+    return { defineDirective };
+}
+// ============================================================================
+// Convenience: Default Components
+// ============================================================================
+/**
+ * Default components map including DirectivesStack.
+ * Spread this into your components and override as needed.
+ *
+ * @example
+ * ```tsx
+ * import { defaultComponents } from '@sanity/agent-directives/react'
+ *
+ * <ReactMarkdown
+ *   components={{
+ *     ...defaultComponents,
+ *     Document: DocumentDirective,
+ *   }}
+ * >
+ *   {content}
+ * </ReactMarkdown>
+ * ```
+ */
+export const defaultComponents = {
+    DirectivesStack,
+};
+//# sourceMappingURL=react.js.map

package/dist/react.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"react.js","sourceRoot":"","sources":["../src/react.tsx"],"names":[],"mappings":"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"}

package/dist/string.d.ts

@@ -0,0 +1,34 @@
+import { type DirectiveName, type DirectivePropsMap } from '@sanity/agent-types';
+type DirectiveProps<T extends DirectiveName> = DirectivePropsMap[T];
+export interface DirectiveNode {
+    type: 'textDirective' | 'leafDirective' | 'containerDirective';
+    name: string;
+    attributes?: Record<string, string | null | undefined>;
+    children?: unknown[];
+}
+export interface DirectiveBaseProps {
+    children: string;
+    isInline: boolean;
+}
+export type DirectiveRenderFn<TName extends DirectiveName, TContext, TOutput> = (props: DirectiveProps<TName> & DirectiveBaseProps & {
+    _context: TContext;
+}) => TOutput | null | Promise<TOutput | null>;
+export interface StringDirective<TName extends DirectiveName, TContext, TOutput> {
+    name: TName;
+    render: DirectiveRenderFn<TName, TContext, TOutput>;
+}
+export type StringDirectiveRegistry<TContext, TOutput> = Record<string, StringDirective<DirectiveName, TContext, TOutput>>;
+export declare function createDirectiveKit<TContext = unknown, TOutput = unknown>(): {
+    defineDirective: <TName extends DirectiveName>(name: TName, render: DirectiveRenderFn<TName, TContext, TOutput>) => StringDirective<TName, TContext, TOutput>;
+    renderDirective: (node: DirectiveNode, context: TContext) => Promise<TOutput | null>;
+    registry: StringDirectiveRegistry<TContext, TOutput>;
+};
+export interface DirectiveRenderResult<TBlock = unknown> {
+    text?: string;
+    blocks?: TBlock[];
+}
+export type DirectiveOutput<TBlock = unknown> = string | DirectiveRenderResult<TBlock> | null;
+export declare function hasBlocks<TBlock>(output: DirectiveOutput<TBlock>): output is DirectiveRenderResult<TBlock>;
+export declare function normalizeOutput<TBlock>(output: DirectiveOutput<TBlock>): DirectiveRenderResult<TBlock> | null;
+export {};
+//# sourceMappingURL=string.d.ts.map

package/dist/string.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"string.d.ts","sourceRoot":"","sources":["../src/string.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,aAAa,EAAE,KAAK,iBAAiB,EAAoB,MAAM,qBAAqB,CAAA;AAElG,KAAK,cAAc,CAAC,CAAC,SAAS,aAAa,IAAI,iBAAiB,CAAC,CAAC,CAAC,CAAA;AAEnE,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,eAAe,GAAG,eAAe,GAAG,oBAAoB,CAAA;IAC9D,IAAI,EAAE,MAAM,CAAA;IACZ,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC,CAAA;IACtD,QAAQ,CAAC,EAAE,OAAO,EAAE,CAAA;CACrB;AAED,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,EAAE,OAAO,CAAA;CAClB;AAED,MAAM,MAAM,iBAAiB,CAAC,KAAK,SAAS,aAAa,EAAE,QAAQ,EAAE,OAAO,IAAI,CAC9E,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,GAAG,kBAAkB,GAAG;IAAE,QAAQ,EAAE,QAAQ,CAAA;CAAE,KACvE,OAAO,GAAG,IAAI,GAAG,OAAO,CAAC,OAAO,GAAG,IAAI,CAAC,CAAA;AAE7C,MAAM,WAAW,eAAe,CAAC,KAAK,SAAS,aAAa,EAAE,QAAQ,EAAE,OAAO;IAC7E,IAAI,EAAE,KAAK,CAAA;IACX,MAAM,EAAE,iBAAiB,CAAC,KAAK,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAA;CACpD;AAED,MAAM,MAAM,uBAAuB,CAAC,QAAQ,EAAE,OAAO,IAAI,MAAM,CAC7D,MAAM,EACN,eAAe,CAAC,aAAa,EAAE,QAAQ,EAAE,OAAO,CAAC,CAClD,CAAA;AAqBD,wBAAgB,kBAAkB,CAAC,QAAQ,GAAG,OAAO,EAAE,OAAO,GAAG,OAAO;sBAG7C,KAAK,SAAS,aAAa,QAC5C,KAAK,UACH,iBAAiB,CAAC,KAAK,EAAE,QAAQ,EAAE,OAAO,CAAC,KAClD,eAAe,CAAC,KAAK,EAAE,QAAQ,EAAE,OAAO,CAAC;4BAMP,aAAa,WAAW,QAAQ,KAAG,OAAO,CAAC,OAAO,GAAG,IAAI,CAAC;;EAgChG;AAED,MAAM,WAAW,qBAAqB,CAAC,MAAM,GAAG,OAAO;IACrD,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,MAAM,EAAE,CAAA;CAClB;AAED,MAAM,MAAM,eAAe,CAAC,MAAM,GAAG,OAAO,IAAI,MAAM,GAAG,qBAAqB,CAAC,MAAM,CAAC,GAAG,IAAI,CAAA;AAE7F,wBAAgB,SAAS,CAAC,MAAM,EAC9B,MAAM,EAAE,eAAe,CAAC,MAAM,CAAC,GAC9B,MAAM,IAAI,qBAAqB,CAAC,MAAM,CAAC,CAEzC;AAED,wBAAgB,eAAe,CAAC,MAAM,EACpC,MAAM,EAAE,eAAe,CAAC,MAAM,CAAC,GAC9B,qBAAqB,CAAC,MAAM,CAAC,GAAG,IAAI,CAQtC"}

package/dist/string.js

@@ -0,0 +1,65 @@
+import { DirectiveSchemas } from '@sanity/agent-types';
+function extractChildren(node) {
+    if (!node.children || !Array.isArray(node.children)) {
+        return '';
+    }
+    function extractText(n) {
+        if (!n || typeof n !== 'object')
+            return '';
+        if ('type' in n && n.type === 'text' && 'value' in n && typeof n.value === 'string') {
+            return n.value;
+        }
+        if ('children' in n && Array.isArray(n.children)) {
+            return n.children.map(extractText).join('');
+        }
+        return '';
+    }
+    return node.children.map(extractText).join('');
+}
+export function createDirectiveKit() {
+    const registry = {};
+    function defineDirective(name, render) {
+        const directive = { name, render };
+        registry[name] = directive;
+        return directive;
+    }
+    async function renderDirective(node, context) {
+        const directive = registry[node.name];
+        if (!directive)
+            return null;
+        const schema = DirectiveSchemas[node.name];
+        if (!schema)
+            return null;
+        const rawProps = {
+            ...node.attributes,
+            children: extractChildren(node),
+            isInline: node.type === 'textDirective',
+        };
+        const result = schema.safeParse(rawProps);
+        if (!result.success) {
+            console.error(`Directive "${node.name}" validation error:`, result.error.format());
+            return null;
+        }
+        const props = {
+            ...result.data,
+            children: rawProps.children,
+            isInline: rawProps.isInline,
+            _context: context,
+        };
+        return directive.render(props);
+    }
+    return { defineDirective, renderDirective, registry };
+}
+export function hasBlocks(output) {
+    return output !== null && typeof output === 'object' && 'blocks' in output;
+}
+export function normalizeOutput(output) {
+    if (output === null) {
+        return null;
+    }
+    if (typeof output === 'string') {
+        return { text: output };
+    }
+    return output;
+}
+//# sourceMappingURL=string.js.map

package/dist/string.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"string.js","sourceRoot":"","sources":["../src/string.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -0,0 +1,82 @@
+{
+  "name": "@sanity/agent-directives",
+  "version": "0.0.1",
+  "description": "Shared directive system for Sanity Agent",
+  "keywords": [
+    "sanity",
+    "sanity-agent",
+    "directives"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/sanity-io/sanity-agent.git",
+    "directory": "packages/agent-directives"
+  },
+  "license": "MIT",
+  "type": "module",
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "types": "./dist/index.d.ts"
+    },
+    "./formatters": {
+      "import": "./dist/formatters.js",
+      "types": "./dist/formatters.d.ts"
+    },
+    "./react": {
+      "import": "./dist/react.js",
+      "types": "./dist/react.d.ts"
+    },
+    "./string": {
+      "import": "./dist/string.js",
+      "types": "./dist/string.d.ts"
+    }
+  },
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "dist/**/*"
+  ],
+  "scripts": {
+    "build": "tsc -p tsconfig.json",
+    "clean": "rm -rf dist",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "prepublishOnly": "npm run clean && npm run build"
+  },
+  "dependencies": {
+    "@sanity/agent-types": "workspace:*",
+    "es-toolkit": "^1.32.0",
+    "mdast-util-directive": "^3.0.0",
+    "micromark-extension-directive": "^3.0.0",
+    "unist-util-visit": "^5.0.0",
+    "zod": "^3.25.76"
+  },
+  "devDependencies": {
+    "@testing-library/jest-dom": "^6.6.3",
+    "@testing-library/react": "^16.0.0",
+    "@types/react": "^19.0.0",
+    "@types/unist": "^3.0.0",
+    "unified": "^11.0.0",
+    "jsdom": "^26.0.0",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "react-markdown": "^10.0.0",
+    "typescript": "^5.3.3",
+    "vitest": "^3.0.9"
+  },
+  "peerDependencies": {
+    "react": "^18.0.0 || ^19.0.0"
+  },
+  "peerDependenciesMeta": {
+    "react": {
+      "optional": true
+    }
+  },
+  "engines": {
+    "node": ">=18.0.0"
+  },
+  "publishConfig": {
+    "access": "restricted"
+  }
+}