@servicetitan/json-render-react 0.1.1

package/dist/marketing/catalog/catalog.d.ts

@@ -0,0 +1 @@
+export declare const marketingCatalog: import('../..').TeamCatalogDef;

package/dist/marketing/catalog/components/index.d.ts

@@ -0,0 +1,14 @@
+export declare const marketingRenderers: {
+    RevenueCard: ({ props, }: {
+        props: import('zod').infer<import('zod').ZodObject<{
+            title: import('zod').ZodString;
+            value: import('zod').ZodString;
+            trend: import('zod').ZodOptional<import('zod').ZodEnum<{
+                flat: "flat";
+                up: "up";
+                down: "down";
+            }>>;
+            delta: import('zod').ZodOptional<import('zod').ZodString>;
+        }, import('zod/v4/core').$strip>>;
+    }) => import("react/jsx-runtime").JSX.Element;
+};

package/dist/marketing/catalog/components/revenue-card.catalog.d.ts

@@ -0,0 +1,15 @@
+import { z } from 'zod';
+export declare const revenueCardCatalog: {
+    props: z.ZodObject<{
+        title: z.ZodString;
+        value: z.ZodString;
+        trend: z.ZodOptional<z.ZodEnum<{
+            flat: "flat";
+            up: "up";
+            down: "down";
+        }>>;
+        delta: z.ZodOptional<z.ZodString>;
+    }, z.core.$strip>;
+    slots: string[];
+    description: string;
+};

package/dist/marketing/catalog/components/revenue-card.d.ts

@@ -0,0 +1,6 @@
+import { z } from 'zod';
+import { revenueCardCatalog } from './revenue-card.catalog';
+export { revenueCardCatalog };
+export declare const RevenueCardRenderer: ({ props, }: {
+    props: z.infer<typeof revenueCardCatalog.props>;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/marketing/catalog/index.d.ts

@@ -0,0 +1,6 @@
+import { CatalogEntry } from '../../types';
+import { marketingCatalog } from './catalog';
+export { marketingRenderers } from './components';
+export { marketingCatalog };
+export declare const marketingCatalogEntries: CatalogEntry[];
+export { teams } from './teams';

package/dist/marketing/catalog/teams.d.ts

@@ -0,0 +1,4 @@
+export declare const teams: readonly [{
+    readonly name: "marketing";
+    readonly catalog: import('../..').TeamCatalogDef;
+}];

package/dist/registry-utils.d.ts

@@ -0,0 +1,6 @@
+import { AllComponentRenderers } from './renderers/types';
+import { ComponentCatalogDef } from './team-catalog';
+import { CatalogEntry, RendererContext } from './types';
+export declare function filterCatalogEntries(entries: CatalogEntry[], renderer: RendererContext): CatalogEntry[];
+export declare function toComponentCatalogMap(entries: CatalogEntry[]): Record<string, ComponentCatalogDef>;
+export declare function toComponentRendererMap(entries: CatalogEntry[]): AllComponentRenderers;

package/dist/registry.d.ts

@@ -0,0 +1,8 @@
+import { catalog as coreCatalog } from './core/catalog/catalog-def';
+import { RendererContext } from './types';
+export declare function getRegistry(renderer?: RendererContext): import('@json-render/react').DefineRegistryResult;
+export declare const registry: import('@json-render/react').ComponentRegistry;
+export declare const handlers: (getSetState: () => import('@json-render/react').SetState | undefined, getState: () => import('@json-render/core').StateModel) => Record<string, (params: Record<string, unknown>) => Promise<void>>;
+export declare const executeAction: (actionName: string, params: Record<string, unknown> | undefined, setState: import('@json-render/react').SetState, state?: import('@json-render/core').StateModel) => Promise<void>;
+/** Core catalog used for schema generation and prompt artifacts. */
+export { coreCatalog as catalog };

package/dist/renderers/internal/enrichments/button-actions.d.ts

@@ -0,0 +1,7 @@
+import { Spec } from '@json-render/core';
+/**
+ * Enrich the spec so every Button element automatically gets
+ * on.press → submitUserAction wired up, using the button's element key
+ * as actionId. Buttons that already have on.press are left untouched.
+ */
+export declare function enrichButtonActions(spec: Spec): Spec;

package/dist/renderers/internal/enrichments/useEnrichedSpec.d.ts

@@ -0,0 +1,3 @@
+import { Spec } from '@json-render/core';
+export type SpecEnrichment = (spec: Spec) => Spec;
+export declare function useEnrichedSpec(spec: Spec, enrichments: SpecEnrichment[]): Spec;

package/dist/renderers/spec-renderer.d.ts

@@ -0,0 +1,15 @@
+import { Spec } from '@json-render/core';
+import { ComponentRegistry, DefineRegistryResult } from '@json-render/react';
+type SetState = (path: string, value: unknown) => void;
+export interface SpecRendererProps {
+    spec: Spec;
+    registry: ComponentRegistry;
+    handlers: DefineRegistryResult["handlers"];
+    onUserActionSubmit?: (params: {
+        actionId: string;
+        data: Record<string, unknown>;
+    }, setState: SetState) => void | Promise<void>;
+    onNavigate?: (url: string) => void;
+}
+export declare const SpecRenderer: ({ spec, registry, handlers, onUserActionSubmit, onNavigate, }: SpecRendererProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/renderers/types.d.ts

@@ -0,0 +1,3 @@
+import { baseRenderers } from '../core/catalog';
+import { marketingRenderers } from '../marketing/catalog/components';
+export type AllComponentRenderers = typeof baseRenderers & typeof marketingRenderers;

package/dist/team-catalog.d.ts

@@ -0,0 +1,26 @@
+import { Catalog } from '@json-render/core';
+import { z } from 'zod';
+export interface ComponentCatalogDef {
+    props: z.ZodType;
+    slots: string[];
+    description: string;
+}
+export interface ActionCatalogDef {
+    params: z.ZodType;
+    description: string;
+}
+export interface TeamCatalogDef {
+    prefix: string;
+    components?: Record<string, ComponentCatalogDef>;
+    actions?: Record<string, ActionCatalogDef>;
+    /** Appended to base rules in generated prompt */
+    rules?: string;
+}
+export interface MergedCatalog {
+    prefix: string;
+    catalog: Catalog;
+    prompt(baseRules: string): string;
+    jsonSchema(): object;
+}
+export declare function createTeamCatalog(def: TeamCatalogDef): TeamCatalogDef;
+export declare function mergeCatalogs(teamDef: TeamCatalogDef): MergedCatalog;

package/dist/types.d.ts

@@ -0,0 +1,14 @@
+import { z } from 'zod';
+import { ComponentCatalogDef } from './team-catalog';
+export type RendererContext = "chat" | "panel" | "app";
+export declare const ALL_RENDERERS: RendererContext[];
+export interface CatalogEntry {
+    name: string;
+    catalog: ComponentCatalogDef;
+    /** json-render component renderer — typed at defineRegistry boundary. */
+    renderer: unknown;
+    renderers: RendererContext[];
+}
+export type InferCatalogProps<T extends {
+    props: z.ZodType;
+}> = z.infer<T["props"]>;

package/dist/utils/defined-props.d.ts

@@ -0,0 +1,6 @@
+type DefinedProps<T extends Record<string, unknown>> = {
+    [K in keyof T as T[K] extends undefined ? never : K]: Exclude<T[K], undefined>;
+};
+/** Omit keys whose values are `undefined` — required for exactOptionalPropertyTypes spreads. */
+export declare function definedProps<T extends Record<string, unknown>>(props: T): DefinedProps<T>;
+export {};

package/package.json

@@ -0,0 +1,80 @@
+{
+  "name": "@servicetitan/json-render-react",
+  "version": "0.1.1",
+  "description": "Generative UI catalog, registry, and renderers for json-render",
+  "type": "module",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "publishConfig": {
+    "access": "public"
+  },
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./catalog/*": "./dist/catalog/*"
+  },
+  "files": [
+    "dist"
+  ],
+  "dependencies": {
+    "@json-render/core": "^0.15.0",
+    "@json-render/react": "^0.15.0",
+    "zod": "^4.3.6"
+  },
+  "peerDependencies": {
+    "@amcharts/amcharts5": "^5.0.0",
+    "@servicetitan/anvil2": ">=1.0.0",
+    "@servicetitan/anvil2-ext-charts": "0.1.7",
+    "react": ">=18 <20",
+    "react-dom": ">=18 <20"
+  },
+  "devDependencies": {
+    "@amcharts/amcharts5": "^5.0.0",
+    "@biomejs/biome": "^2.4.15",
+    "@chromatic-com/storybook": "^5.2.1",
+    "@servicetitan/anvil2": "^3.0.6",
+    "@servicetitan/anvil2-ext-charts": "0.1.7",
+    "@storybook/addon-a11y": "^10.4.1",
+    "@storybook/addon-docs": "^10.4.1",
+    "@storybook/addon-vitest": "^10.4.1",
+    "@storybook/react-vite": "^10.4.1",
+    "@testing-library/react": "^16.3.2",
+    "@types/node": "^22.0.0",
+    "@types/prismjs": "^1.26.6",
+    "@types/react": "^18.3.28",
+    "@types/react-dom": "^18.3.7",
+    "@vitejs/plugin-react": "^6.0.1",
+    "@vitest/browser": "^4.1.6",
+    "@vitest/browser-playwright": "^4.1.6",
+    "jsdom": "^29.1.1",
+    "playwright": "^1.55.0",
+    "prismjs": "^1.30.0",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "react-simple-code-editor": "^0.14.1",
+    "storybook": "^10.4.1",
+    "tsx": "^4.0.0",
+    "typescript": "^6.0.3",
+    "vite": "^8.0.12",
+    "vite-plugin-dts": "^5.0.0",
+    "vite-plugin-svgr": "^4.5.0",
+    "vitest": "^4.1.6",
+    "@carto-internal/biome-config": "0.0.0",
+    "@carto-internal/tsconfig": "0.0.0"
+  },
+  "scripts": {
+    "build": "vite build && pnpm schema:gen",
+    "dev": "vite build --watch",
+    "schema:gen": "tsx scripts/generate-schema.ts",
+    "typecheck": "tsc --noEmit",
+    "lint": "biome check .",
+    "test": "vitest --project unit run",
+    "test-storybook": "PLAYWRIGHT_BROWSERS_PATH=0 vitest --project storybook run",
+    "storybook": "storybook dev -p 6007",
+    "build-storybook": "storybook build --stats-json",
+    "clean": "rm -rf dist storybook-static"
+  }
+}