@vantageos/mosaic 0.1.0 → 0.1.2

package/dist/server.js

@@ -0,0 +1,116 @@
+import { createUIResource } from '@mcp-ui/server';
+import { z } from 'zod';
+
+// src/server/create-mosaic-resource.ts
+var MarkdownRendererPropsSchema = z.object({
+  content: z.string(),
+  locale: z.enum(["en", "fr"]),
+  maxLength: z.number().positive().default(5e4),
+  allowHtml: z.boolean().default(false)
+});
+var TokenDisplayOnceModalPropsSchema = z.object({
+  token: z.string().min(1),
+  title: z.string().min(1),
+  warningMessage: z.string().min(1),
+  copyLabel: z.string().min(1),
+  closeLabel: z.string().min(1),
+  locale: z.enum(["en", "fr"]).default("en")
+});
+var ColumnDefSchema = z.object({
+  key: z.string().min(1),
+  header: z.string().min(1)
+  // render is a runtime function — excluded from Zod, typed separately
+});
+var TableViewPropsSchema = z.object({
+  columns: z.array(ColumnDefSchema).min(1, "TableView requires at least one column"),
+  virtualizeThreshold: z.number().int().positive().default(100),
+  ariaLabel: z.string().min(1),
+  locale: z.enum(["en", "fr"]).default("en")
+});
+var ConfirmDialogPropsSchema = z.object({
+  title: z.string().min(1),
+  message: z.string().min(1),
+  confirmLabel: z.string().min(1),
+  cancelLabel: z.string().min(1),
+  variant: z.enum(["default", "danger"]).default("default"),
+  locale: z.enum(["en", "fr"]).default("en")
+});
+var StatusBadgePropsSchema = z.object({
+  status: z.string(),
+  variant: z.enum(["success", "warning", "danger", "info", "neutral"]).default("neutral"),
+  label: z.string().optional(),
+  locale: z.enum(["en", "fr"])
+});
+var ProgressBarPropsSchema = z.object({
+  value: z.number().min(0).max(100),
+  label: z.string().min(1),
+  locale: z.enum(["en", "fr"]).default("en"),
+  colorVariant: z.enum(["default", "warning", "danger"]).default("default")
+});
+
+// src/server/create-mosaic-resource.ts
+var MCP_UI_CAPABILITY_KEY = "io.modelcontextprotocol/ui";
+var MOSAIC_MIME_TYPE = "text/html;profile=mcp-app";
+var SCHEMA_BY_NAME = {
+  ProgressBar: ProgressBarPropsSchema,
+  ConfirmDialog: ConfirmDialogPropsSchema,
+  TableView: TableViewPropsSchema,
+  MarkdownRenderer: MarkdownRendererPropsSchema,
+  TokenDisplayOnceModal: TokenDisplayOnceModalPropsSchema,
+  StatusBadge: StatusBadgePropsSchema
+};
+var COMPONENT_KEYS = Object.keys(SCHEMA_BY_NAME);
+var I18N_TITLE = {
+  ProgressBar: { en: "Progress", fr: "Progression" },
+  ConfirmDialog: { en: "Confirmation", fr: "Confirmation" },
+  TableView: { en: "Data table", fr: "Tableau de donn\xE9es" },
+  MarkdownRenderer: { en: "Markdown content", fr: "Contenu Markdown" },
+  TokenDisplayOnceModal: { en: "Token (shown once)", fr: "Jeton (affich\xE9 une fois)" },
+  StatusBadge: { en: "Status", fr: "Statut" }
+};
+function escapeHtml(s) {
+  return s.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
+}
+function fallbackMarkdown(componentName, locale) {
+  const heading = I18N_TITLE[componentName][locale];
+  const note = locale === "fr" ? "Rendu Markdown de secours \u2014 composant Mosaic charg\xE9 via MCP UI." : "Markdown fallback \u2014 Mosaic component rendered via MCP UI.";
+  return `# ${heading}
+
+${note}
+`;
+}
+function buildHtml(componentName, props, locale) {
+  const propsJson = escapeHtml(JSON.stringify(props));
+  const title = escapeHtml(I18N_TITLE[componentName][locale]);
+  return `<!DOCTYPE html><html lang="${locale}"><head><meta charset="utf-8"><title>${title}</title></head><body><div id="mosaic-root" data-component="${componentName}" data-props='${propsJson}'></div></body></html>`;
+}
+function createMosaicResource(componentName, props, locale = "en") {
+  const schema = SCHEMA_BY_NAME[componentName];
+  if (!schema) {
+    throw new Error(`createMosaicResource: unknown component '${componentName}'`);
+  }
+  const validated = schema.parse(props);
+  const uri = `ui://mosaic/${componentName.toLowerCase()}`;
+  const html = buildHtml(componentName, validated, locale);
+  const fallback = fallbackMarkdown(componentName, locale);
+  const resource = createUIResource({
+    uri,
+    content: { type: "rawHtml", htmlString: html },
+    encoding: "text",
+    metadata: {
+      ui: {
+        resourceUri: uri,
+        locale,
+        componentName,
+        fallback
+      }
+    }
+  });
+  resource.resource.mimeType = MOSAIC_MIME_TYPE;
+  return resource;
+}
+var MOSAIC_SUPPORTED_COMPONENTS = COMPONENT_KEYS;
+
+export { MCP_UI_CAPABILITY_KEY, MOSAIC_MIME_TYPE, MOSAIC_SUPPORTED_COMPONENTS, createMosaicResource };
+//# sourceMappingURL=server.js.map
+//# sourceMappingURL=server.js.map

package/dist/server.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/artifacts/MarkdownRenderer.schema.ts","../src/components/confirmation/TokenDisplayOnceModal.schema.ts","../src/components/display/TableView.schema.ts","../src/components/input/ConfirmDialog.schema.ts","../src/components/media/StatusBadge.schema.ts","../src/components/progress/ProgressBar.schema.ts","../src/server/create-mosaic-resource.ts"],"names":["z"],"mappings":"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","file":"server.js","sourcesContent":["import { z } from \"zod\";\n\nexport const MarkdownRendererPropsSchema = z.object({\n  content: z.string(),\n  locale: z.enum([\"en\", \"fr\"]),\n  maxLength: z.number().positive().default(50000),\n  allowHtml: z.boolean().default(false),\n});\n\nexport type MarkdownRendererProps = z.infer<typeof MarkdownRendererPropsSchema>;\n\nexport function validateProps(raw: unknown): MarkdownRendererProps {\n  return MarkdownRendererPropsSchema.parse(raw);\n}\n","import { z } from \"zod\";\n\n// i18nKeys: TokenDisplayOnceModal.button.copy, TokenDisplayOnceModal.button.close,\n//           TokenDisplayOnceModal.warning.once, TokenDisplayOnceModal.copied\n\nexport const TokenDisplayOnceModalPropsSchema = z.object({\n  token: z.string().min(1),\n  title: z.string().min(1),\n  warningMessage: z.string().min(1),\n  copyLabel: z.string().min(1),\n  closeLabel: z.string().min(1),\n  locale: z.enum([\"en\", \"fr\"]).default(\"en\"),\n});\n\nexport type TokenDisplayOnceModalProps = z.infer<typeof TokenDisplayOnceModalPropsSchema> & {\n  onClose: () => void;\n};\n\nexport function validateTokenDisplayOnceModalProps(\n  raw: unknown,\n): z.infer<typeof TokenDisplayOnceModalPropsSchema> {\n  return TokenDisplayOnceModalPropsSchema.parse(raw);\n}\n","import type { ReactNode } from \"react\";\nimport type { Observable } from \"rxjs\";\nimport { z } from \"zod\";\n\n// i18nKeys: TableView.aria.table, TableView.pagination.next, TableView.pagination.prev, TableView.empty.message, TableView.error.invalidProps\n\nexport const ColumnDefSchema = z.object({\n  key: z.string().min(1),\n  header: z.string().min(1),\n  // render is a runtime function — excluded from Zod, typed separately\n});\n\nexport type ColumnDef<TRow extends Record<string, unknown> = Record<string, unknown>> = {\n  key: string;\n  header: string;\n  render?: (row: TRow) => ReactNode;\n};\n\n/**\n * Validates the serialisable (non-function) portion of TableView props.\n * The `rows$` Observable and `render` callbacks are not Zod-parseable and\n * must be validated at the call-site type level.\n */\nexport const TableViewPropsSchema = z.object({\n  columns: z.array(ColumnDefSchema).min(1, \"TableView requires at least one column\"),\n  virtualizeThreshold: z.number().int().positive().default(100),\n  ariaLabel: z.string().min(1),\n  locale: z.enum([\"en\", \"fr\"]).default(\"en\"),\n});\n\nexport type TableViewPropsSchemaInput = z.input<typeof TableViewPropsSchema>;\nexport type TableViewPropsSchemaOutput = z.output<typeof TableViewPropsSchema>;\n\n/**\n * Props for the static TableView — accepts a plain array of rows.\n * Primary API for already-fetched data (no rxjs required).\n */\nexport type TableViewProps<TRow extends Record<string, unknown> = Record<string, unknown>> = {\n  columns: ColumnDef<TRow>[];\n  rows: Partial<TRow>[];\n  virtualizeThreshold?: number;\n  ariaLabel: string;\n  locale?: \"en\" | \"fr\";\n};\n\n/**\n * Props for StreamingTableView — accepts an RxJS Observable for incremental row appending.\n * Consumers using this variant MUST install rxjs ^7.8.0 in their project.\n */\nexport type StreamingTableViewProps<\n  TRow extends Record<string, unknown> = Record<string, unknown>,\n> = {\n  columns: ColumnDef<TRow>[];\n  rows$: Observable<Partial<TRow>[]>;\n  virtualizeThreshold?: number;\n  ariaLabel: string;\n  locale?: \"en\" | \"fr\";\n};\n\nexport function validateTableViewProps(raw: unknown): TableViewPropsSchemaOutput {\n  return TableViewPropsSchema.parse(raw);\n}\n","import { z } from \"zod\";\n\n// i18nKeys: ConfirmDialog.button.confirm, ConfirmDialog.button.cancel, ConfirmDialog.aria.dialog\n\nexport const ConfirmDialogPropsSchema = z.object({\n  title: z.string().min(1),\n  message: z.string().min(1),\n  confirmLabel: z.string().min(1),\n  cancelLabel: z.string().min(1),\n  variant: z.enum([\"default\", \"danger\"]).default(\"default\"),\n  locale: z.enum([\"en\", \"fr\"]).default(\"en\"),\n});\n\nexport type ConfirmDialogProps = z.infer<typeof ConfirmDialogPropsSchema> & {\n  onConfirm: () => void;\n  onCancel: () => void;\n};\n\nexport function validateConfirmDialogProps(raw: unknown): z.infer<typeof ConfirmDialogPropsSchema> {\n  return ConfirmDialogPropsSchema.parse(raw);\n}\n","import { z } from \"zod\";\n\nexport const StatusBadgePropsSchema = z.object({\n  status: z.string(),\n  variant: z.enum([\"success\", \"warning\", \"danger\", \"info\", \"neutral\"]).default(\"neutral\"),\n  label: z.string().optional(),\n  locale: z.enum([\"en\", \"fr\"]),\n});\n\nexport type StatusBadgeProps = z.infer<typeof StatusBadgePropsSchema>;\n\nexport function validateProps(raw: unknown): StatusBadgeProps {\n  return StatusBadgePropsSchema.parse(raw);\n}\n","import { z } from \"zod\";\n\nexport const ProgressBarPropsSchema = z.object({\n  value: z.number().min(0).max(100),\n  label: z.string().min(1),\n  locale: z.enum([\"en\", \"fr\"]).default(\"en\"),\n  colorVariant: z.enum([\"default\", \"warning\", \"danger\"]).default(\"default\"),\n});\n\nexport type ProgressBarProps = z.infer<typeof ProgressBarPropsSchema>;\n\nexport function validateProps(raw: unknown): ProgressBarProps {\n  return ProgressBarPropsSchema.parse(raw);\n}\n","import { type UIResource, createUIResource } from \"@mcp-ui/server\";\nimport { MarkdownRendererPropsSchema } from \"../components/artifacts/MarkdownRenderer.schema.js\";\nimport { TokenDisplayOnceModalPropsSchema } from \"../components/confirmation/TokenDisplayOnceModal.schema.js\";\nimport { TableViewPropsSchema } from \"../components/display/TableView.schema.js\";\nimport { ConfirmDialogPropsSchema } from \"../components/input/ConfirmDialog.schema.js\";\nimport { StatusBadgePropsSchema } from \"../components/media/StatusBadge.schema.js\";\nimport { ProgressBarPropsSchema } from \"../components/progress/ProgressBar.schema.js\";\n\n/**\n * MCP capability key used by hosts to discover that this server emits\n * MCP UI Apps resources (mosaic-architecture-standard-v1 §2.1).\n */\nexport const MCP_UI_CAPABILITY_KEY = \"io.modelcontextprotocol/ui\" as const;\n\n/**\n * Canonical Mosaic MIME type — every UIResource produced by this server\n * advertises the MCP Apps profile (`text/html;profile=mcp-app`).\n */\nexport const MOSAIC_MIME_TYPE = \"text/html;profile=mcp-app\" as const;\n\ntype SupportedComponent =\n  | \"ProgressBar\"\n  | \"ConfirmDialog\"\n  | \"TableView\"\n  | \"MarkdownRenderer\"\n  | \"TokenDisplayOnceModal\"\n  | \"StatusBadge\";\n\nconst SCHEMA_BY_NAME = {\n  ProgressBar: ProgressBarPropsSchema,\n  ConfirmDialog: ConfirmDialogPropsSchema,\n  TableView: TableViewPropsSchema,\n  MarkdownRenderer: MarkdownRendererPropsSchema,\n  TokenDisplayOnceModal: TokenDisplayOnceModalPropsSchema,\n  StatusBadge: StatusBadgePropsSchema,\n} as const;\n\nconst COMPONENT_KEYS = Object.keys(SCHEMA_BY_NAME) as SupportedComponent[];\n\nconst I18N_TITLE: Record<SupportedComponent, { en: string; fr: string }> = {\n  ProgressBar: { en: \"Progress\", fr: \"Progression\" },\n  ConfirmDialog: { en: \"Confirmation\", fr: \"Confirmation\" },\n  TableView: { en: \"Data table\", fr: \"Tableau de données\" },\n  MarkdownRenderer: { en: \"Markdown content\", fr: \"Contenu Markdown\" },\n  TokenDisplayOnceModal: { en: \"Token (shown once)\", fr: \"Jeton (affiché une fois)\" },\n  StatusBadge: { en: \"Status\", fr: \"Statut\" },\n};\n\nfunction escapeHtml(s: string): string {\n  return s\n    .replace(/&/g, \"&amp;\")\n    .replace(/</g, \"&lt;\")\n    .replace(/>/g, \"&gt;\")\n    .replace(/\"/g, \"&quot;\")\n    .replace(/'/g, \"&#39;\");\n}\n\nfunction fallbackMarkdown(componentName: SupportedComponent, locale: \"en\" | \"fr\"): string {\n  const heading = I18N_TITLE[componentName][locale];\n  const note =\n    locale === \"fr\"\n      ? \"Rendu Markdown de secours — composant Mosaic chargé via MCP UI.\"\n      : \"Markdown fallback — Mosaic component rendered via MCP UI.\";\n  return `# ${heading}\\n\\n${note}\\n`;\n}\n\nfunction buildHtml(componentName: SupportedComponent, props: unknown, locale: \"en\" | \"fr\"): string {\n  const propsJson = escapeHtml(JSON.stringify(props));\n  const title = escapeHtml(I18N_TITLE[componentName][locale]);\n  return `<!DOCTYPE html><html lang=\"${locale}\"><head><meta charset=\"utf-8\"><title>${title}</title></head><body><div id=\"mosaic-root\" data-component=\"${componentName}\" data-props='${propsJson}'></div></body></html>`;\n}\n\nexport interface CreateMosaicResourceOptions {\n  /** Optional override for the generated `ui://` URI. */\n  uri?: `ui://${string}`;\n  /** Optional override of the markdown fallback emitted under `_meta.ui.fallback`. */\n  markdownFallback?: string;\n}\n\n/**\n * Create a canonical MCP UI Apps `UIResource` for a Mosaic component.\n *\n * - Runtime-validates `props` with the component's Zod schema (throws on failure).\n * - Wraps the rendered HTML with `createUIResource()` from `@mcp-ui/server`.\n * - Emits canonical nested `_meta.ui.{ resourceUri, locale, componentName, fallback }`.\n * - Uses MIME `text/html;profile=mcp-app` (Mosaic standard §2.1).\n *\n * @throws ZodError when `props` fails validation for `componentName`.\n */\nexport function createMosaicResource(\n  componentName: SupportedComponent,\n  props: unknown,\n  locale: \"en\" | \"fr\" = \"en\",\n): UIResource {\n  const schema = SCHEMA_BY_NAME[componentName];\n  if (!schema) {\n    throw new Error(`createMosaicResource: unknown component '${componentName}'`);\n  }\n  const validated = schema.parse(props);\n  const uri: `ui://${string}` = `ui://mosaic/${componentName.toLowerCase()}`;\n  const html = buildHtml(componentName, validated, locale);\n  const fallback = fallbackMarkdown(componentName, locale);\n\n  const resource = createUIResource({\n    uri,\n    content: { type: \"rawHtml\", htmlString: html },\n    encoding: \"text\",\n    metadata: {\n      ui: {\n        resourceUri: uri,\n        locale,\n        componentName,\n        fallback,\n      },\n    },\n  });\n\n  // createUIResource may itself default the MIME type; ensure it matches the\n  // Mosaic canonical profile regardless of upstream defaults.\n  resource.resource.mimeType = MOSAIC_MIME_TYPE;\n  return resource;\n}\n\nexport const MOSAIC_SUPPORTED_COMPONENTS: readonly SupportedComponent[] = COMPONENT_KEYS;\nexport type { SupportedComponent };\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vantageos/mosaic",
-  "version": "0.1.0",
+  "version": "0.1.2",
   "description": "Fleet-wide MCP UI design system — 6-category taxonomy, Zod-validated, registry-gated, streaming-ready.",
   "type": "module",
   "main": "./dist/index.cjs",
@@ -8,10 +8,46 @@
   "types": "./dist/index.d.ts",
   "exports": {
     ".": {
-      "types": "./dist/index.d.ts",
       "import": "./dist/index.js",
-      "require": "./dist/index.cjs"
-    }
+      "require": "./dist/index.cjs",
+      "types": "./dist/index.d.ts"
+    },
+    "./progress": {
+      "import": "./dist/progress.js",
+      "require": "./dist/progress.cjs",
+      "types": "./dist/progress.d.ts"
+    },
+    "./input": {
+      "import": "./dist/input.js",
+      "require": "./dist/input.cjs",
+      "types": "./dist/input.d.ts"
+    },
+    "./display": {
+      "import": "./dist/display.js",
+      "require": "./dist/display.cjs",
+      "types": "./dist/display.d.ts"
+    },
+    "./artifacts": {
+      "import": "./dist/artifacts.js",
+      "require": "./dist/artifacts.cjs",
+      "types": "./dist/artifacts.d.ts"
+    },
+    "./confirmation": {
+      "import": "./dist/confirmation.js",
+      "require": "./dist/confirmation.cjs",
+      "types": "./dist/confirmation.d.ts"
+    },
+    "./media": {
+      "import": "./dist/media.js",
+      "require": "./dist/media.cjs",
+      "types": "./dist/media.d.ts"
+    },
+    "./server": {
+      "import": "./dist/server.js",
+      "require": "./dist/server.cjs",
+      "types": "./dist/server.d.ts"
+    },
+    "./registry.yaml": "./registry.yaml"
   },
   "files": [
     "dist",
@@ -23,7 +59,8 @@
     "@mcp-ui/client": "7.1.1",
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
-    "react-i18next": "15.5.2"
+    "react-i18next": "15.5.2",
+    "rxjs": "^7.8.0"
   },
   "peerDependenciesMeta": {
     "@mcp-ui/client": {
@@ -31,6 +68,9 @@
     },
     "react-i18next": {
       "optional": true
+    },
+    "rxjs": {
+      "optional": true
     }
   },
   "dependencies": {
@@ -39,11 +79,12 @@
     "@tanstack/react-virtual": "3.13.6",
     "dompurify": "3.2.4",
     "marked": "15.0.7",
-    "recharts": "2.15.3",
-    "rxjs": "7.8.2",
     "zod": "3.25.28"
   },
   "devDependencies": {
+    "@babel/parser": "7.29.7",
+    "@babel/traverse": "7.29.7",
+    "@types/babel__traverse": "7.28.0",
     "@axe-core/playwright": "4.10.1",
     "@biomejs/biome": "1.9.4",
     "@playwright/test": "1.50.1",