@01.software/sdk 0.33.0 → 0.34.0

package/dist/ui/canvas/server.cjs

@@ -1,7 +1,9 @@
 "use strict";
+var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
@@ -15,19 +17,29 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/ui/Canvas/server.ts
 var server_exports = {};
 __export(server_exports, {
-  BUILT_IN_EDGE_TYPES: () => BUILT_IN_EDGE_TYPES,
-  BUILT_IN_NODE_TYPES: () => BUILT_IN_NODE_TYPES,
   getFrameData: () => getFrameData,
   getFrames: () => getFrames,
   getNodeBounds: () => getNodeBounds,
   isDynamicNode: () => isDynamicNode,
   isFrameNode: () => isFrameNode,
-  prefetchCanvas: () => prefetchCanvas
+  prefetchCanvas: () => prefetchCanvas,
+  sanitizeCSS: () => sanitizeCSS,
+  toEdgeTypeDef: () => toEdgeTypeDef,
+  toNodeTypeDef: () => toNodeTypeDef,
+  validateTenantCSS: () => validateTenantCSS
 });
 module.exports = __toCommonJS(server_exports);
 
@@ -218,41 +230,222 @@ function isFrameNode(node) {
   return node.type === "frame";
 }
 
-// src/ui/Canvas/built-in-node-types.ts
-var BUILT_IN_NODE_TYPES = [
-  {
-    slug: "text",
-    name: "Text",
-    color: "#e5e7eb",
-    defaultSize: { width: 200, height: 200 },
-    fields: [{ name: "body", label: "Body", fieldType: "textarea" }]
-  },
-  {
-    slug: "image",
-    name: "Image",
-    color: "#e5e7eb",
-    transparentBackground: true,
-    defaultSize: { width: 200, height: 200 },
-    fields: [
-      { name: "image", label: "Image", fieldType: "image" },
-      { name: "alt", label: "Alt Text", fieldType: "text" },
-      { name: "caption", label: "Caption", fieldType: "text" }
-    ]
-  }
+// src/ui/Canvas/css-sanitizer.ts
+var import_postcss = __toESM(require("postcss"), 1);
+var ALLOWED_AT_RULES = /* @__PURE__ */ new Set([
+  "keyframes",
+  "media",
+  "supports",
+  "container",
+  "layer"
+]);
+var BLOCKED_VALUE_PATTERNS = [
+  /url\s*\(/i,
+  /expression\s*\(/i,
+  /paint\s*\(/i,
+  /-moz-binding/i
 ];
-
-// src/ui/Canvas/built-in-edge-types.ts
-var BUILT_IN_EDGE_TYPES = [
-  {
-    slug: "default",
-    name: "Default",
-    color: "",
-    strokeWidth: 2,
-    animated: false,
-    lineStyle: "default",
-    markerStart: "none",
-    markerEnd: "arrow",
-    fields: []
-  }
+var DANGEROUS_SELECTOR = /(?:^|[\s,])(?::root|html|body)\b/;
+var BLOCKED_PROPERTY_VALUES = {
+  // absolute is allowed — contained by nearest positioned ancestor (node wrapper)
+  position: /fixed|sticky/i
+};
+var TENANT_CSS_BLOCKED_PATTERNS = [
+  { pattern: /<\/style/i, label: "</style" },
+  { pattern: /<script/i, label: "<script" },
+  { pattern: /@import/i, label: "@import" },
+  { pattern: /url\s*\(/i, label: "url(" }
 ];
+var Z_INDEX_MAX = 9998;
+function normalizeCSSEscapes(value) {
+  return value.replace(
+    /\\(?:([0-9a-fA-F]{1,6})(?:\r\n|[ \t\r\n\f])?|([^\r\n\f]))/g,
+    (match, hex, escaped) => {
+      if (hex) {
+        const cp = parseInt(hex, 16);
+        if (Number.isNaN(cp) || cp > 1114111) return match;
+        try {
+          return String.fromCodePoint(cp);
+        } catch {
+          return match;
+        }
+      }
+      return escaped ?? match;
+    }
+  );
+}
+function sanitizeCSS(css, scopeClass) {
+  return sanitizeCSSWithStats(css, scopeClass).css;
+}
+function sanitizeCSSWithStats(css, scopeClass) {
+  let root;
+  try {
+    root = import_postcss.default.parse(css);
+  } catch {
+    return { css: "", removedRules: 0, removedDecls: 0, removedAtRules: 0 };
+  }
+  const stats = {
+    css: "",
+    removedRules: 0,
+    removedDecls: 0,
+    removedAtRules: 0
+  };
+  const safeScopeClass = scopeClass ? scopeClass.replace(/[{}()[\];,'"\\<>\s]/g, "") : "";
+  const keyframeNameMap = /* @__PURE__ */ new Map();
+  if (safeScopeClass) {
+    root.walkAtRules(/^keyframes$/i, (node) => {
+      const rawName = node.params.trim().replace(/^['"]|['"]$/g, "");
+      const originalName = rawName;
+      const scopedName = `${safeScopeClass}__${rawName.replace(/\s+/g, "_")}`;
+      keyframeNameMap.set(originalName, scopedName);
+      node.params = scopedName;
+    });
+  }
+  if (safeScopeClass && keyframeNameMap.size > 0) {
+    const ANIM_KEYWORDS = /* @__PURE__ */ new Set([
+      "none",
+      "initial",
+      "inherit",
+      "unset",
+      "revert"
+    ]);
+    const replaceAnimName = (token) => {
+      const t = token.trim().replace(/^['"]|['"]$/g, "");
+      return ANIM_KEYWORDS.has(t) ? token : keyframeNameMap.get(t) ?? token;
+    };
+    root.walkDecls(/^animation-name$/i, (node) => {
+      node.value = node.value.split(",").map(replaceAnimName).join(", ");
+    });
+    root.walkDecls(/^animation$/i, (node) => {
+      node.value = node.value.split(",").map(
+        (anim) => anim.split(/(\s+)/).map((token) => /\s/.test(token) ? token : replaceAnimName(token)).join("")
+      ).join(",");
+    });
+  }
+  root.walkAtRules((node) => {
+    if (!ALLOWED_AT_RULES.has(node.name.toLowerCase())) {
+      stats.removedAtRules++;
+      node.remove();
+    }
+  });
+  root.walkDecls((node) => {
+    const normalizedValue = normalizeCSSEscapes(
+      node.value.replace(/\/\*[\s\S]*?\*\//g, "")
+    );
+    if (BLOCKED_VALUE_PATTERNS.some((p) => p.test(normalizedValue))) {
+      stats.removedDecls++;
+      node.remove();
+      return;
+    }
+    const propLower = node.prop.toLowerCase();
+    const blockedValuePattern = BLOCKED_PROPERTY_VALUES[propLower];
+    if (blockedValuePattern) {
+      if (blockedValuePattern.test(normalizedValue)) {
+        stats.removedDecls++;
+        node.remove();
+        return;
+      }
+    }
+    if (propLower === "z-index") {
+      const zv = node.value.trim();
+      if (zv === "auto" || zv === "initial" || zv === "inherit" || zv === "unset" || zv === "revert") {
+      } else {
+        const val = parseInt(zv, 10);
+        if (isNaN(val) || String(val) !== zv || val > Z_INDEX_MAX) {
+          stats.removedDecls++;
+          node.remove();
+          return;
+        }
+      }
+    }
+  });
+  root.walkRules((rule) => {
+    const safeSelectors = rule.selectors.filter(
+      (s) => s.trim() && !DANGEROUS_SELECTOR.test(s)
+    );
+    if (!safeSelectors.length) {
+      stats.removedRules++;
+      rule.remove();
+      return;
+    }
+    if (safeSelectors.length !== rule.selectors.length) {
+      stats.removedRules++;
+    }
+    rule.selectors = safeSelectors;
+    if (scopeClass) {
+      if (!safeScopeClass) {
+        stats.removedRules++;
+        rule.remove();
+        return;
+      }
+      const parent = rule.parent;
+      if (parent?.type === "atrule" && parent.name.toLowerCase() === "keyframes") {
+        return;
+      }
+      rule.selectors = rule.selectors.map((sel) => `.${safeScopeClass} ${sel}`);
+    }
+  });
+  stats.css = root.toString().replace(/<\/style/gi, "<\\/style");
+  return stats;
+}
+function validateTenantCSS(css) {
+  const trimmed = css.trim();
+  if (!trimmed) return null;
+  const deescapedCSS = normalizeCSSEscapes(css);
+  for (const { pattern, label } of TENANT_CSS_BLOCKED_PATTERNS) {
+    if (pattern.test(deescapedCSS)) {
+      return `CSS contains blocked pattern: ${label}`;
+    }
+  }
+  try {
+    import_postcss.default.parse(css);
+  } catch {
+    return "CSS parse error";
+  }
+  const sanitized = sanitizeCSSWithStats(
+    css,
+    "flow-node--tenant-css-validation"
+  );
+  if (!sanitized.css.trim()) {
+    return "CSS must contain safe rules";
+  }
+  if (sanitized.removedRules > 0 || sanitized.removedDecls > 0 || sanitized.removedAtRules > 0) {
+    return "CSS contains unsafe rules or selectors";
+  }
+  return null;
+}
+
+// src/ui/Canvas/catalog-mappers.ts
+function toNodeTypeDef(doc) {
+  return {
+    slug: String(doc.slug ?? ""),
+    name: String(doc.title ?? ""),
+    color: String(doc.color ?? "#e5e7eb"),
+    defaultSize: doc.defaultSize ?? {
+      width: 200,
+      height: 200
+    },
+    fields: Array.isArray(doc.fields) ? doc.fields : [],
+    editorIntent: doc.editorIntent === "text" || doc.editorIntent === "image" ? doc.editorIntent : void 0,
+    transparentBackground: Boolean(
+      doc.hasTransparentBackground ?? doc.transparentBackground
+    ),
+    template: doc.template ?? null,
+    customCSS: doc.customCSS ?? null
+  };
+}
+function toEdgeTypeDef(doc) {
+  return {
+    slug: String(doc.slug ?? ""),
+    name: String(doc.title ?? ""),
+    color: String(doc.color ?? ""),
+    strokeWidth: doc.strokeWidth ?? 2,
+    animated: doc.isAnimated ?? doc.animated ?? false,
+    lineStyle: String(doc.lineStyle ?? "default"),
+    markerStart: String(doc.markerStart ?? "none"),
+    markerEnd: String(doc.markerEnd ?? "arrow"),
+    fields: Array.isArray(doc.fields) ? doc.fields : [],
+    isDefaultEdge: Boolean(doc.isDefaultEdge)
+  };
+}
 //# sourceMappingURL=server.cjs.map

package/dist/ui/canvas/server.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/ui/Canvas/server.ts","../../../src/core/query/query-keys.ts","../../../src/ui/Canvas/query-options.ts","../../../src/ui/Canvas/prefetchCanvas.ts","../../../src/ui/Canvas/utils.ts","../../../src/ui/Canvas/types.ts","../../../src/ui/Canvas/built-in-node-types.ts","../../../src/ui/Canvas/built-in-edge-types.ts"],"sourcesContent":["// Server-safe exports (no 'use client' directive).\n// Use `@01.software/sdk/ui/canvas/server` for server components and route loaders.\n\nexport { prefetchCanvas } from './prefetchCanvas'\nexport type { PrefetchCanvasOptions } from './prefetchCanvas'\nexport { getNodeBounds, getFrames, getFrameData } from './utils'\nexport type { FrameData } from './utils'\nexport type {\n  CanvasData,\n  CanvasNode,\n  CanvasEdge,\n  CanvasViewport,\n  CanvasNodePosition,\n  CanvasNodeData,\n  DynamicNodeData,\n  FrameNodeData,\n  CanvasBounds,\n  NodeTypeDef,\n  NodeTypeFieldDef,\n  EdgeTypeDef,\n} from './types'\nexport { isDynamicNode, isFrameNode } from './types'\nexport { BUILT_IN_NODE_TYPES } from './built-in-node-types'\nexport { BUILT_IN_EDGE_TYPES } from './built-in-edge-types'\n","import type { ServerCollection, ApiQueryOptions } from '../client/types'\nimport type { ProductListingGroupsQueryOptions } from './query-hooks'\n\nexport function collectionKeys<T extends ServerCollection>(collection: T) {\n  return {\n    all: [collection] as const,\n    lists: () => [collection, 'list'] as const,\n    list: (options?: ApiQueryOptions) => [collection, 'list', options] as const,\n    details: () => [collection, 'detail'] as const,\n    detail: (id: string, options?: ApiQueryOptions) =>\n      [collection, 'detail', id, options] as const,\n    infinites: () => [collection, 'infinite'] as const,\n    infinite: (options?: Omit<ApiQueryOptions, 'page'>) =>\n      [collection, 'infinite', options] as const,\n  }\n}\n\nexport const customerKeys = {\n  all: ['customer'] as const,\n  me: () => ['customer', 'me'] as const,\n}\n\nexport const productKeys = {\n  listingGroups: (options?: ProductListingGroupsQueryOptions) =>\n    ['products', 'listing-groups', 'list', options] as const,\n  listingGroupsInfinite: (\n    options?: Omit<ProductListingGroupsQueryOptions, 'page' | 'limit'>,\n  ) =>\n    ['products', 'listing-groups', 'infinite', options] as const,\n  detail: (params: { slug: string } | { id: string }) =>\n    ['products', 'detail', params] as const,\n  detailAll: () => ['products', 'detail'] as const,\n}\n","import { collectionKeys } from '../../core/query/query-keys'\nimport type { SDKClient } from './client-types'\n\nexport function canvasQueryOptions(\n  client: SDKClient,\n  slug?: string,\n  id?: string,\n) {\n  const identifier = id ?? slug ?? ''\n  return {\n    queryKey: collectionKeys('canvases').detail(identifier),\n    queryFn: async () => {\n      if (id) return client.collections.from('canvases').findById(id)\n      const result = await client.collections.from('canvases').find({\n        where: { slug: { equals: slug } },\n        limit: 1,\n      })\n      const doc = result.docs[0]\n      if (!doc) throw new Error(`Canvas not found: ${slug}`)\n      return doc\n    },\n  }\n}\n\nexport function nodeTypesQueryOptions(client: SDKClient) {\n  return {\n    queryKey: collectionKeys('canvas-node-types').lists(),\n    queryFn: async () => {\n      // limit: 0 = fetch all documents (Payload CMS convention, disables pagination)\n      const result = await client.collections.from('canvas-node-types').find({ limit: 0 })\n      return result.docs\n    },\n  }\n}\n\nexport function edgeTypesQueryOptions(client: SDKClient) {\n  return {\n    queryKey: collectionKeys('canvas-edge-types').lists(),\n    queryFn: async () => {\n      const result = await client.collections.from('canvas-edge-types').find({ limit: 0 })\n      return result.docs\n    },\n  }\n}\n","import type { SDKClient } from './client-types'\nimport {\n  canvasQueryOptions,\n  nodeTypesQueryOptions,\n  edgeTypesQueryOptions,\n} from './query-options'\n\ninterface CanvasPrefetchQueryClient {\n  prefetchQuery(options: unknown): Promise<unknown>\n}\n\nexport interface PrefetchCanvasOptions {\n  /** SDK client instance (Client or ServerClient) */\n  client: SDKClient\n  /** React Query client to prefetch into. */\n  queryClient: CanvasPrefetchQueryClient\n  /** Canvas slug (URL-friendly identifier) */\n  slug?: string\n  /** Canvas document ID (UUID) */\n  id?: string\n}\n\n/**\n * Prefetch canvas data into the query cache.\n * Call in route loaders or server components to eliminate loading states on mount.\n *\n * ```ts\n * // React Router loader / Server Component\n * await prefetchCanvas({ client, queryClient, slug: 'Home' })\n * ```\n */\nexport async function prefetchCanvas(\n  options: PrefetchCanvasOptions,\n): Promise<void> {\n  const { client, queryClient, slug, id } = options\n\n  if (!slug && !id) {\n    throw new Error('prefetchCanvas requires either slug or id')\n  }\n\n  await Promise.all([\n    queryClient.prefetchQuery(canvasQueryOptions(client, slug, id)),\n    queryClient.prefetchQuery(nodeTypesQueryOptions(client)),\n    queryClient.prefetchQuery(edgeTypesQueryOptions(client)),\n  ])\n}\n","import type { CanvasNode, CanvasEdge, CanvasBounds, CanvasData } from './types'\n\n// ── Shared helpers ──\n\nfunction getNodeSize(node: CanvasNode): { width: number; height: number } {\n  const style = node.style as { width?: number; height?: number } | undefined\n\n  return {\n    width:\n      style?.width ??\n      node.measured?.width ??\n      node.width ??\n      200,\n    height:\n      style?.height ??\n      node.measured?.height ??\n      node.height ??\n      200,\n  }\n}\n\nfunction getAbsolutePosition(\n  node: CanvasNode,\n  nodeMap: Map<string, CanvasNode>,\n): { x: number; y: number } {\n  let x = node.position.x\n  let y = node.position.y\n  let current = node\n  const visited = new Set<string>([node.id])\n  while (current.parentId) {\n    const parentId = current.parentId\n    if (visited.has(parentId)) break\n    const parent = nodeMap.get(parentId)\n    if (!parent) break\n    visited.add(parent.id)\n    x += parent.position.x\n    y += parent.position.y\n    current = parent\n  }\n  return { x, y }\n}\n\n/** Collect a node and all its descendants using a pre-built parent→children map (O(N)). */\nfunction collectDescendants(\n  nodes: CanvasNode[],\n  rootId: string,\n): Set<string> {\n  // Build parent → children lookup in O(N)\n  const childrenMap = new Map<string, string[]>()\n  for (const n of nodes) {\n    if (n.parentId) {\n      let siblings = childrenMap.get(n.parentId)\n      if (!siblings) {\n        siblings = []\n        childrenMap.set(n.parentId, siblings)\n      }\n      siblings.push(n.id)\n    }\n  }\n\n  // BFS over children map in O(descendants)\n  const result = new Set<string>([rootId])\n  const queue = [rootId]\n  let i = 0\n  while (i < queue.length) {\n    const children = childrenMap.get(queue[i++]!)\n    if (children) {\n      for (const childId of children) {\n        if (!result.has(childId)) {\n          result.add(childId)\n          queue.push(childId)\n        }\n      }\n    }\n  }\n  return result\n}\n\n// ── Public utilities ──\n\n/**\n * Calculate bounding box for given node IDs.\n * Pure function — usable in SSR, server components, or outside React.\n */\nexport function getNodeBounds(\n  nodes: CanvasNode[],\n  nodeIds: string[],\n): CanvasBounds | undefined {\n  const idSet = new Set(nodeIds)\n  const targetNodes = nodes.filter((n) => idSet.has(n.id))\n  if (targetNodes.length === 0) return undefined\n\n  const nodeMap = new Map(nodes.map((n) => [n.id, n]))\n\n  let minX = Infinity\n  let minY = Infinity\n  let maxX = -Infinity\n  let maxY = -Infinity\n\n  for (const node of targetNodes) {\n    const abs = getAbsolutePosition(node, nodeMap)\n    const { width: w, height: h } = getNodeSize(node)\n    minX = Math.min(minX, abs.x)\n    minY = Math.min(minY, abs.y)\n    maxX = Math.max(maxX, abs.x + w)\n    maxY = Math.max(maxY, abs.y + h)\n  }\n\n  return { x: minX, y: minY, width: maxX - minX, height: maxY - minY }\n}\n\n/**\n * Get all frame nodes with their bounds.\n * Sorted by position (top-left to bottom-right).\n */\nexport function getFrames(\n  nodes: CanvasNode[],\n): Array<{ id: string; label: string; bounds: CanvasBounds }> {\n  const frames = nodes.filter((n) => n.type === 'frame')\n  if (frames.length === 0) return []\n\n  const nodeMap = new Map(nodes.map((n) => [n.id, n]))\n\n  return frames\n    .map((f) => {\n      const data = f.data as { label?: string }\n      const abs = getAbsolutePosition(f, nodeMap)\n      const { width: w, height: h } = getNodeSize(f)\n      return {\n        id: f.id,\n        label: data.label ?? '',\n        bounds: { x: abs.x, y: abs.y, width: w, height: h },\n      }\n    })\n    .sort((a, b) => a.bounds.y - b.bounds.y || a.bounds.x - b.bounds.x)\n}\n\n/** Result of getFrameData — contains filtered canvas + dual bounds. */\nexport interface FrameData {\n  /** Canvas data containing only the frame's descendants (nodes have draggable: false). */\n  data: CanvasData\n  /** Bounding box of child content nodes — use for initial viewport fit (centering). */\n  fitBounds: CanvasBounds\n  /** Bounding box of the frame itself — use for panning/zoom restriction (clamp). */\n  clampBounds: CanvasBounds\n}\n\n/**\n * Extract a frame's descendants and related edges from canvas data.\n * Recursively collects all nested children (supports nested frames).\n * Returns undefined if frameId is not found or is not a frame node.\n *\n * Child nodes are marked `draggable: false` to prevent interfering with canvas panning.\n * The frame node itself is included (use `frameRenderer={() => null}` to hide it).\n *\n * Returns dual bounds:\n * - `fitBounds`: child content bounding box (for centering the viewport)\n * - `clampBounds`: frame area bounding box (for panning restriction)\n */\nexport function getFrameData(\n  data: CanvasData,\n  frameId: string,\n): FrameData | undefined {\n  const frame = data.nodes.find((n) => n.id === frameId)\n  if (!frame || frame.type !== 'frame') return undefined\n\n  // Recursively collect frame + all descendants\n  const descendantIds = collectDescendants(data.nodes, frameId)\n  const childNodes = data.nodes\n    .filter((n) => descendantIds.has(n.id))\n    .map((n) => ({ ...n, draggable: false }))\n\n  // Keep only edges where both source and target are within the frame\n  const childEdges = data.edges.filter(\n    (e: CanvasEdge) => descendantIds.has(e.source) && descendantIds.has(e.target),\n  )\n\n  // clampBounds: frame's own bounding box (for panning restriction)\n  const frameBounds = getNodeBounds(data.nodes, [frameId])\n  const { width: w, height: h } = getNodeSize(frame)\n  const clampBounds: CanvasBounds = frameBounds ?? {\n    x: frame.position.x,\n    y: frame.position.y,\n    width: w,\n    height: h,\n  }\n\n  // fitBounds: child content bounding box (for centering)\n  const contentNodeIds = childNodes\n    .filter((n) => n.id !== frameId)\n    .map((n) => n.id)\n  const contentBounds = contentNodeIds.length > 0\n    ? getNodeBounds(data.nodes, contentNodeIds)\n    : undefined\n  const fitBounds = contentBounds ?? clampBounds\n\n  return {\n    data: {\n      nodes: childNodes,\n      edges: childEdges,\n      viewport: data.viewport,\n    },\n    fitBounds,\n    clampBounds,\n  }\n}\n","export type CanvasStyle = object\n\n// ── Dynamic node data ──\n\nexport interface DynamicNodeData {\n  nodeTypeSlug: string\n  label: string\n  fields: Record<string, unknown>\n}\n\nexport type CanvasNodeData = (DynamicNodeData | FrameNodeData) &\n  Record<string, unknown>\n\n// ── Canvas types (mirrors @xyflow/react but standalone) ──\n\nexport interface CanvasNodePosition {\n  x: number\n  y: number\n}\n\nexport interface CanvasNode {\n  id: string\n  type?: string\n  position: CanvasNodePosition\n  data: CanvasNodeData\n  parentId?: string\n  style?: CanvasStyle\n  width?: number\n  height?: number\n  measured?: { width?: number; height?: number }\n  draggable?: boolean\n  selectable?: boolean\n  [key: string]: unknown\n}\n\nexport interface CanvasEdge {\n  id: string\n  source: string\n  target: string\n  sourceHandle?: string | null\n  targetHandle?: string | null\n  type?: string\n  style?: CanvasStyle\n  animated?: boolean\n  markerStart?: unknown\n  markerEnd?: unknown\n  edgeTypeSlug?: string\n  fields?: Record<string, unknown>\n  [key: string]: unknown\n}\n\nexport interface CanvasViewport {\n  x: number\n  y: number\n  zoom: number\n}\n\nexport interface CanvasData {\n  nodes: CanvasNode[]\n  edges: CanvasEdge[]\n  viewport: CanvasViewport\n}\n\n// ── Node type definitions (mirrors console's NodeTypeDef) ──\n\nexport interface NodeTypeFieldDef {\n  name: string\n  label: string\n  fieldType:\n    | 'text'\n    | 'textarea'\n    | 'number'\n    | 'url'\n    | 'color'\n    | 'image'\n    | 'select'\n    | 'toggle'\n  options?: { label: string; value: string }[]\n  defaultValue?: string\n  required?: boolean\n}\n\nexport interface NodeTypeDef {\n  slug: string\n  name: string\n  color: string\n  defaultSize: { width: number; height: number }\n  fields: NodeTypeFieldDef[]\n  transparentBackground?: boolean\n  template?: string | null\n  customCSS?: string | null\n}\n\n// ── Edge type definitions (mirrors console's EdgeTypeDef) ──\n\nexport interface EdgeTypeDef {\n  slug: string\n  name: string\n  color: string\n  strokeWidth: number\n  animated: boolean\n  lineStyle: string\n  markerStart: string\n  markerEnd: string\n  fields: NodeTypeFieldDef[]\n}\n\n// ── Type guards ──\n\nexport function isDynamicNode(\n  node: CanvasNode,\n): node is CanvasNode & { data: DynamicNodeData } {\n  return node.type === 'dynamic'\n}\n\nexport function isFrameNode(\n  node: CanvasNode,\n): node is CanvasNode & { data: FrameNodeData } {\n  return node.type === 'frame'\n}\n\n// ── Component slot props ──\n\nexport interface DynamicNodeSlotProps {\n  id: string\n  nodeTypeSlug: string\n  label: string\n  fields: Record<string, unknown>\n  nodeTypeDef?: NodeTypeDef\n  /** Whether this node is currently selected */\n  selected?: boolean\n  /** Measured node width (undefined before first measurement) */\n  width?: number\n  /** Measured node height (undefined before first measurement) */\n  height?: number\n  /** The default rendering (template or field-based). Allows custom renderers to wrap/extend instead of replacing entirely. */\n  defaultRender?: unknown\n}\n\n// ── Frame node data ──\n\nexport interface FrameNodeData {\n  label: string\n  color?: string\n  padding?: number\n  borderStyle?: 'dashed' | 'solid' | 'none'\n  opacity?: number\n}\n\n// S1: Frame renderer slot\nexport interface FrameNodeSlotProps {\n  id: string\n  label: string\n  color?: string\n  padding?: number\n  borderStyle?: 'dashed' | 'solid' | 'none'\n  opacity?: number\n  width?: number\n  height?: number\n  children?: unknown\n}\n\n// S2: Edge renderer slot\nexport interface EdgeSlotProps {\n  id: string\n  edgeTypeSlug?: string\n  source: string\n  target: string\n  label?: string\n  fields?: Record<string, unknown>\n  edgeTypeDef?: EdgeTypeDef\n  style?: CanvasStyle\n}\n\n// S3: Node wrapper slot\nexport interface NodeWrapperSlotProps {\n  id: string\n  nodeTypeSlug: string\n  label: string\n  selected?: boolean\n  nodeTypeDef?: NodeTypeDef\n  children: unknown\n}\n\n// S8: Viewport focus\nexport interface CanvasBounds {\n  x: number\n  y: number\n  width: number\n  height: number\n}\n","import type { NodeTypeDef } from './types'\n\nexport const BUILT_IN_NODE_TYPES: NodeTypeDef[] = [\n  {\n    slug: 'text',\n    name: 'Text',\n    color: '#e5e7eb',\n    defaultSize: { width: 200, height: 200 },\n    fields: [{ name: 'body', label: 'Body', fieldType: 'textarea' }],\n  },\n  {\n    slug: 'image',\n    name: 'Image',\n    color: '#e5e7eb',\n    transparentBackground: true,\n    defaultSize: { width: 200, height: 200 },\n    fields: [\n      { name: 'image', label: 'Image', fieldType: 'image' },\n      { name: 'alt', label: 'Alt Text', fieldType: 'text' },\n      { name: 'caption', label: 'Caption', fieldType: 'text' },\n    ],\n  },\n]\n","import type { EdgeTypeDef } from './types'\n\nexport const BUILT_IN_EDGE_TYPES: EdgeTypeDef[] = [\n  {\n    slug: 'default',\n    name: 'Default',\n    color: '',\n    strokeWidth: 2,\n    animated: false,\n    lineStyle: 'default',\n    markerStart: 'none',\n    markerEnd: 'arrow',\n    fields: [],\n  },\n]\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../src/ui/Canvas/server.ts","../../../src/core/query/query-keys.ts","../../../src/ui/Canvas/query-options.ts","../../../src/ui/Canvas/prefetchCanvas.ts","../../../src/ui/Canvas/utils.ts","../../../src/ui/Canvas/types.ts","../../../src/ui/Canvas/css-sanitizer.ts","../../../src/ui/Canvas/catalog-mappers.ts"],"sourcesContent":["// Server-safe exports (no 'use client' directive).\n// Use `@01.software/sdk/ui/canvas/server` for server components and route loaders.\n\nexport { prefetchCanvas } from './prefetchCanvas'\nexport type { PrefetchCanvasOptions } from './prefetchCanvas'\nexport { getNodeBounds, getFrames, getFrameData } from './utils'\nexport type { FrameData } from './utils'\nexport type {\n  CanvasData,\n  CanvasNode,\n  CanvasEdge,\n  CanvasViewport,\n  CanvasNodePosition,\n  CanvasNodeData,\n  DynamicNodeData,\n  FrameNodeData,\n  CanvasBounds,\n  NodeTypeDef,\n  NodeTypeFieldDef,\n  EdgeTypeDef,\n} from './types'\nexport { isDynamicNode, isFrameNode } from './types'\nexport { sanitizeCSS, validateTenantCSS } from './css-sanitizer'\nexport { toEdgeTypeDef, toNodeTypeDef } from './catalog-mappers'\n","import type { ServerCollection, ApiQueryOptions } from '../client/types'\nimport type { ProductListingGroupsQueryOptions } from './query-hooks'\n\nexport function collectionKeys<T extends ServerCollection>(collection: T) {\n  return {\n    all: [collection] as const,\n    lists: () => [collection, 'list'] as const,\n    list: (options?: ApiQueryOptions) => [collection, 'list', options] as const,\n    details: () => [collection, 'detail'] as const,\n    detail: (id: string, options?: ApiQueryOptions) =>\n      [collection, 'detail', id, options] as const,\n    infinites: () => [collection, 'infinite'] as const,\n    infinite: (options?: Omit<ApiQueryOptions, 'page'>) =>\n      [collection, 'infinite', options] as const,\n  }\n}\n\nexport const customerKeys = {\n  all: ['customer'] as const,\n  me: () => ['customer', 'me'] as const,\n}\n\nexport const productKeys = {\n  listingGroups: (options?: ProductListingGroupsQueryOptions) =>\n    ['products', 'listing-groups', 'list', options] as const,\n  listingGroupsCatalog: (options?: ProductListingGroupsQueryOptions) =>\n    ['products', 'listing-groups', 'catalog', options] as const,\n  listingGroupsInfinite: (\n    options?: Omit<ProductListingGroupsQueryOptions, 'page' | 'limit'>,\n  ) =>\n    ['products', 'listing-groups', 'infinite', options] as const,\n  listingGroupsCatalogInfinite: (\n    options?: Omit<ProductListingGroupsQueryOptions, 'page' | 'limit'>,\n  ) =>\n    ['products', 'listing-groups', 'catalog', 'infinite', options] as const,\n  detail: (params: { slug: string } | { id: string }) =>\n    ['products', 'detail', params] as const,\n  detailAll: () => ['products', 'detail'] as const,\n}\n","import { collectionKeys } from '../../core/query/query-keys'\nimport type { SDKClient } from './client-types'\n\nexport function canvasQueryOptions(\n  client: SDKClient,\n  slug?: string,\n  id?: string,\n) {\n  const identifier = id ?? slug ?? ''\n  return {\n    queryKey: collectionKeys('canvases').detail(identifier),\n    queryFn: async () => {\n      if (id) return client.collections.from('canvases').findById(id)\n      const result = await client.collections.from('canvases').find({\n        where: { slug: { equals: slug } },\n        limit: 1,\n      })\n      const doc = result.docs[0]\n      if (!doc) throw new Error(`Canvas not found: ${slug}`)\n      return doc\n    },\n  }\n}\n\nexport function nodeTypesQueryOptions(client: SDKClient) {\n  return {\n    queryKey: collectionKeys('canvas-node-types').lists(),\n    queryFn: async () => {\n      // limit: 0 = fetch all documents (Payload CMS convention, disables pagination)\n      const result = await client.collections.from('canvas-node-types').find({ limit: 0 })\n      return result.docs\n    },\n  }\n}\n\nexport function edgeTypesQueryOptions(client: SDKClient) {\n  return {\n    queryKey: collectionKeys('canvas-edge-types').lists(),\n    queryFn: async () => {\n      const result = await client.collections.from('canvas-edge-types').find({ limit: 0 })\n      return result.docs\n    },\n  }\n}\n","import type { SDKClient } from './client-types'\nimport {\n  canvasQueryOptions,\n  nodeTypesQueryOptions,\n  edgeTypesQueryOptions,\n} from './query-options'\n\ninterface CanvasPrefetchQueryClient {\n  prefetchQuery(options: unknown): Promise<unknown>\n}\n\nexport interface PrefetchCanvasOptions {\n  /** SDK client instance (Client or ServerClient) */\n  client: SDKClient\n  /** React Query client to prefetch into. */\n  queryClient: CanvasPrefetchQueryClient\n  /** Canvas slug (URL-friendly identifier) */\n  slug?: string\n  /** Canvas document ID (UUID) */\n  id?: string\n}\n\n/**\n * Prefetch canvas data into the query cache.\n * Call in route loaders or server components to eliminate loading states on mount.\n *\n * ```ts\n * // React Router loader / Server Component\n * await prefetchCanvas({ client, queryClient, slug: 'Home' })\n * ```\n */\nexport async function prefetchCanvas(\n  options: PrefetchCanvasOptions,\n): Promise<void> {\n  const { client, queryClient, slug, id } = options\n\n  if (!slug && !id) {\n    throw new Error('prefetchCanvas requires either slug or id')\n  }\n\n  await Promise.all([\n    queryClient.prefetchQuery(canvasQueryOptions(client, slug, id)),\n    queryClient.prefetchQuery(nodeTypesQueryOptions(client)),\n    queryClient.prefetchQuery(edgeTypesQueryOptions(client)),\n  ])\n}\n","import type { CanvasNode, CanvasEdge, CanvasBounds, CanvasData } from './types'\n\n// ── Shared helpers ──\n\nfunction getNodeSize(node: CanvasNode): { width: number; height: number } {\n  const style = node.style as { width?: number; height?: number } | undefined\n\n  return {\n    width:\n      style?.width ??\n      node.measured?.width ??\n      node.width ??\n      200,\n    height:\n      style?.height ??\n      node.measured?.height ??\n      node.height ??\n      200,\n  }\n}\n\nfunction getAbsolutePosition(\n  node: CanvasNode,\n  nodeMap: Map<string, CanvasNode>,\n): { x: number; y: number } {\n  let x = node.position.x\n  let y = node.position.y\n  let current = node\n  const visited = new Set<string>([node.id])\n  while (current.parentId) {\n    const parentId = current.parentId\n    if (visited.has(parentId)) break\n    const parent = nodeMap.get(parentId)\n    if (!parent) break\n    visited.add(parent.id)\n    x += parent.position.x\n    y += parent.position.y\n    current = parent\n  }\n  return { x, y }\n}\n\n/** Collect a node and all its descendants using a pre-built parent→children map (O(N)). */\nfunction collectDescendants(\n  nodes: CanvasNode[],\n  rootId: string,\n): Set<string> {\n  // Build parent → children lookup in O(N)\n  const childrenMap = new Map<string, string[]>()\n  for (const n of nodes) {\n    if (n.parentId) {\n      let siblings = childrenMap.get(n.parentId)\n      if (!siblings) {\n        siblings = []\n        childrenMap.set(n.parentId, siblings)\n      }\n      siblings.push(n.id)\n    }\n  }\n\n  // BFS over children map in O(descendants)\n  const result = new Set<string>([rootId])\n  const queue = [rootId]\n  let i = 0\n  while (i < queue.length) {\n    const children = childrenMap.get(queue[i++]!)\n    if (children) {\n      for (const childId of children) {\n        if (!result.has(childId)) {\n          result.add(childId)\n          queue.push(childId)\n        }\n      }\n    }\n  }\n  return result\n}\n\n// ── Public utilities ──\n\n/**\n * Calculate bounding box for given node IDs.\n * Pure function — usable in SSR, server components, or outside React.\n */\nexport function getNodeBounds(\n  nodes: CanvasNode[],\n  nodeIds: string[],\n): CanvasBounds | undefined {\n  const idSet = new Set(nodeIds)\n  const targetNodes = nodes.filter((n) => idSet.has(n.id))\n  if (targetNodes.length === 0) return undefined\n\n  const nodeMap = new Map(nodes.map((n) => [n.id, n]))\n\n  let minX = Infinity\n  let minY = Infinity\n  let maxX = -Infinity\n  let maxY = -Infinity\n\n  for (const node of targetNodes) {\n    const abs = getAbsolutePosition(node, nodeMap)\n    const { width: w, height: h } = getNodeSize(node)\n    minX = Math.min(minX, abs.x)\n    minY = Math.min(minY, abs.y)\n    maxX = Math.max(maxX, abs.x + w)\n    maxY = Math.max(maxY, abs.y + h)\n  }\n\n  return { x: minX, y: minY, width: maxX - minX, height: maxY - minY }\n}\n\n/**\n * Get all frame nodes with their bounds.\n * Sorted by position (top-left to bottom-right).\n */\nexport function getFrames(\n  nodes: CanvasNode[],\n): Array<{ id: string; label: string; bounds: CanvasBounds }> {\n  const frames = nodes.filter((n) => n.type === 'frame')\n  if (frames.length === 0) return []\n\n  const nodeMap = new Map(nodes.map((n) => [n.id, n]))\n\n  return frames\n    .map((f) => {\n      const data = f.data as { label?: string }\n      const abs = getAbsolutePosition(f, nodeMap)\n      const { width: w, height: h } = getNodeSize(f)\n      return {\n        id: f.id,\n        label: data.label ?? '',\n        bounds: { x: abs.x, y: abs.y, width: w, height: h },\n      }\n    })\n    .sort((a, b) => a.bounds.y - b.bounds.y || a.bounds.x - b.bounds.x)\n}\n\n/** Result of getFrameData — contains filtered canvas + dual bounds. */\nexport interface FrameData {\n  /** Canvas data containing only the frame's descendants (nodes have draggable: false). */\n  data: CanvasData\n  /** Bounding box of child content nodes — use for initial viewport fit (centering). */\n  fitBounds: CanvasBounds\n  /** Bounding box of the frame itself — use for panning/zoom restriction (clamp). */\n  clampBounds: CanvasBounds\n}\n\n/**\n * Extract a frame's descendants and related edges from canvas data.\n * Recursively collects all nested children (supports nested frames).\n * Returns undefined if frameId is not found or is not a frame node.\n *\n * Child nodes are marked `draggable: false` to prevent interfering with canvas panning.\n * The frame node itself is included (use `frameRenderer={() => null}` to hide it).\n *\n * Returns dual bounds:\n * - `fitBounds`: child content bounding box (for centering the viewport)\n * - `clampBounds`: frame area bounding box (for panning restriction)\n */\nexport function getFrameData(\n  data: CanvasData,\n  frameId: string,\n): FrameData | undefined {\n  const frame = data.nodes.find((n) => n.id === frameId)\n  if (!frame || frame.type !== 'frame') return undefined\n\n  // Recursively collect frame + all descendants\n  const descendantIds = collectDescendants(data.nodes, frameId)\n  const childNodes = data.nodes\n    .filter((n) => descendantIds.has(n.id))\n    .map((n) => ({ ...n, draggable: false }))\n\n  // Keep only edges where both source and target are within the frame\n  const childEdges = data.edges.filter(\n    (e: CanvasEdge) => descendantIds.has(e.source) && descendantIds.has(e.target),\n  )\n\n  // clampBounds: frame's own bounding box (for panning restriction)\n  const frameBounds = getNodeBounds(data.nodes, [frameId])\n  const { width: w, height: h } = getNodeSize(frame)\n  const clampBounds: CanvasBounds = frameBounds ?? {\n    x: frame.position.x,\n    y: frame.position.y,\n    width: w,\n    height: h,\n  }\n\n  // fitBounds: child content bounding box (for centering)\n  const contentNodeIds = childNodes\n    .filter((n) => n.id !== frameId)\n    .map((n) => n.id)\n  const contentBounds = contentNodeIds.length > 0\n    ? getNodeBounds(data.nodes, contentNodeIds)\n    : undefined\n  const fitBounds = contentBounds ?? clampBounds\n\n  return {\n    data: {\n      nodes: childNodes,\n      edges: childEdges,\n      viewport: data.viewport,\n    },\n    fitBounds,\n    clampBounds,\n  }\n}\n","export type CanvasStyle = object\n\n// ── Dynamic node data ──\n\nexport interface DynamicNodeData {\n  nodeTypeSlug: string\n  label: string\n  fields: Record<string, unknown>\n}\n\nexport type CanvasNodeData = (DynamicNodeData | FrameNodeData) &\n  Record<string, unknown>\n\n// ── Canvas types (mirrors @xyflow/react but standalone) ──\n\nexport interface CanvasNodePosition {\n  x: number\n  y: number\n}\n\nexport interface CanvasNode {\n  id: string\n  type?: string\n  position: CanvasNodePosition\n  data: CanvasNodeData\n  parentId?: string\n  style?: CanvasStyle\n  width?: number\n  height?: number\n  measured?: { width?: number; height?: number }\n  draggable?: boolean\n  selectable?: boolean\n  [key: string]: unknown\n}\n\nexport interface CanvasEdge {\n  id: string\n  source: string\n  target: string\n  sourceHandle?: string | null\n  targetHandle?: string | null\n  type?: string\n  style?: CanvasStyle\n  animated?: boolean\n  markerStart?: unknown\n  markerEnd?: unknown\n  edgeTypeSlug?: string\n  fields?: Record<string, unknown>\n  [key: string]: unknown\n}\n\nexport interface CanvasViewport {\n  x: number\n  y: number\n  zoom: number\n}\n\nexport interface CanvasData {\n  nodes: CanvasNode[]\n  edges: CanvasEdge[]\n  viewport: CanvasViewport\n}\n\n// ── Node type definitions (mirrors console's NodeTypeDef) ──\n\nexport interface NodeTypeFieldDef {\n  name: string\n  label: string\n  fieldType:\n    | 'text'\n    | 'textarea'\n    | 'number'\n    | 'url'\n    | 'color'\n    | 'image'\n    | 'date'\n    | 'select'\n    | 'toggle'\n  options?: { label: string; value: string }[]\n  defaultValue?: string\n  required?: boolean\n}\n\nexport interface NodeTypeDef {\n  slug: string\n  name: string\n  color: string\n  defaultSize: { width: number; height: number }\n  fields: NodeTypeFieldDef[]\n  editorIntent?: 'text' | 'image'\n  transparentBackground?: boolean\n  template?: string | null\n  customCSS?: string | null\n}\n\n// ── Edge type definitions (mirrors console's EdgeTypeDef) ──\n\nexport interface EdgeTypeDef {\n  slug: string\n  name: string\n  color: string\n  strokeWidth: number\n  animated: boolean\n  lineStyle: string\n  markerStart: string\n  markerEnd: string\n  fields: NodeTypeFieldDef[]\n  isDefaultEdge?: boolean\n}\n\n// ── Type guards ──\n\nexport function isDynamicNode(\n  node: CanvasNode,\n): node is CanvasNode & { data: DynamicNodeData } {\n  return node.type === 'dynamic'\n}\n\nexport function isFrameNode(\n  node: CanvasNode,\n): node is CanvasNode & { data: FrameNodeData } {\n  return node.type === 'frame'\n}\n\n// ── Component slot props ──\n\nexport interface DynamicNodeSlotProps {\n  id: string\n  nodeTypeSlug: string\n  label: string\n  fields: Record<string, unknown>\n  nodeTypeDef?: NodeTypeDef\n  /** Whether this node is currently selected */\n  selected?: boolean\n  /** Measured node width (undefined before first measurement) */\n  width?: number\n  /** Measured node height (undefined before first measurement) */\n  height?: number\n  /** The default rendering (template or field-based). Allows custom renderers to wrap/extend instead of replacing entirely. */\n  defaultRender?: unknown\n}\n\n// ── Frame node data ──\n\nexport interface FrameNodeData {\n  label: string\n  color?: string\n  padding?: number\n  borderStyle?: 'dashed' | 'solid' | 'none'\n  opacity?: number\n}\n\n// S1: Frame renderer slot\nexport interface FrameNodeSlotProps {\n  id: string\n  label: string\n  color?: string\n  padding?: number\n  borderStyle?: 'dashed' | 'solid' | 'none'\n  opacity?: number\n  width?: number\n  height?: number\n  children?: unknown\n}\n\n// S2: Edge renderer slot\nexport interface EdgeSlotProps {\n  id: string\n  edgeTypeSlug?: string\n  source: string\n  target: string\n  label?: string\n  fields?: Record<string, unknown>\n  edgeTypeDef?: EdgeTypeDef\n  style?: CanvasStyle\n}\n\n// S3: Node wrapper slot\nexport interface NodeWrapperSlotProps {\n  id: string\n  nodeTypeSlug: string\n  label: string\n  selected?: boolean\n  nodeTypeDef?: NodeTypeDef\n  children: unknown\n}\n\n// S8: Viewport focus\nexport interface CanvasBounds {\n  x: number\n  y: number\n  width: number\n  height: number\n}\n","import postcss from 'postcss'\n\nconst ALLOWED_AT_RULES = new Set([\n  'keyframes',\n  'media',\n  'supports',\n  'container',\n  'layer',\n])\nconst BLOCKED_VALUE_PATTERNS = [\n  /url\\s*\\(/i,\n  /expression\\s*\\(/i,\n  /paint\\s*\\(/i,\n  /-moz-binding/i,\n]\nconst DANGEROUS_SELECTOR = /(?:^|[\\s,])(?::root|html|body)\\b/\nconst BLOCKED_PROPERTY_VALUES: Record<string, RegExp> = {\n  // absolute is allowed — contained by nearest positioned ancestor (node wrapper)\n  position: /fixed|sticky/i,\n}\nconst TENANT_CSS_BLOCKED_PATTERNS = [\n  { pattern: /<\\/style/i, label: '</style' },\n  { pattern: /<script/i, label: '<script' },\n  { pattern: /@import/i, label: '@import' },\n  { pattern: /url\\s*\\(/i, label: 'url(' },\n] as const\nconst Z_INDEX_MAX = 9998\n\ntype SanitizeCSSStats = {\n  css: string\n  removedRules: number\n  removedDecls: number\n  removedAtRules: number\n}\n\nfunction normalizeCSSEscapes(value: string): string {\n  return value.replace(\n    /\\\\(?:([0-9a-fA-F]{1,6})(?:\\r\\n|[ \\t\\r\\n\\f])?|([^\\r\\n\\f]))/g,\n    (match, hex: string | undefined, escaped: string | undefined) => {\n      if (hex) {\n        const cp = parseInt(hex, 16)\n        if (Number.isNaN(cp) || cp > 0x10ffff) return match\n        try {\n          return String.fromCodePoint(cp)\n        } catch {\n          return match\n        }\n      }\n      return escaped ?? match\n    },\n  )\n}\n\n/**\n * Sanitize tenant-authored CSS using PostCSS AST parsing.\n *\n * - At-rules: allowlist only (@keyframes, @media, @supports, @container, @layer)\n * - Declarations: blocks url(), expression(), paint(), -moz-binding\n * - Selectors: removes :root/html/body targets; scopes remainder under scopeClass\n *\n * Returns empty string on parse failure (fail-closed).\n *\n * @param css - Raw CSS string from tenant\n * @param scopeClass - Container class to scope selectors (e.g. 'flow-node--my-type')\n */\nexport function sanitizeCSS(css: string, scopeClass?: string): string {\n  return sanitizeCSSWithStats(css, scopeClass).css\n}\n\nfunction sanitizeCSSWithStats(\n  css: string,\n  scopeClass?: string,\n): SanitizeCSSStats {\n  let root: postcss.Root\n  try {\n    root = postcss.parse(css)\n  } catch {\n    return { css: '', removedRules: 0, removedDecls: 0, removedAtRules: 0 }\n  }\n  const stats: SanitizeCSSStats = {\n    css: '',\n    removedRules: 0,\n    removedDecls: 0,\n    removedAtRules: 0,\n  }\n\n  // Compute safe scope class once (strip CSS metacharacters and whitespace)\n  const safeScopeClass = scopeClass\n    ? scopeClass.replace(/[{}()[\\];,'\"\\\\<>\\s]/g, '')\n    : ''\n\n  // @keyframes name scoping (skip when no scope)\n  const keyframeNameMap = new Map<string, string>()\n  if (safeScopeClass) {\n    root.walkAtRules(/^keyframes$/i, (node) => {\n      // Strip surrounding quotes; replace spaces with underscores for valid identifier output\n      // e.g. @keyframes \"fade in\" → flow-node--slug__fade_in\n      const rawName = node.params.trim().replace(/^['\"]|['\"]$/g, '')\n      const originalName = rawName // keep spaces for map key lookup\n      const scopedName = `${safeScopeClass}__${rawName.replace(/\\s+/g, '_')}`\n      keyframeNameMap.set(originalName, scopedName)\n      node.params = scopedName\n    })\n  }\n\n  // Rewrite animation-name / animation shorthand to use scoped keyframe names\n  if (safeScopeClass && keyframeNameMap.size > 0) {\n    const ANIM_KEYWORDS = new Set([\n      'none',\n      'initial',\n      'inherit',\n      'unset',\n      'revert',\n    ])\n    // Strip quotes from token before map lookup (animation-name: 'fade' → look up 'fade')\n    const replaceAnimName = (token: string) => {\n      const t = token.trim().replace(/^['\"]|['\"]$/g, '')\n      return ANIM_KEYWORDS.has(t) ? token : (keyframeNameMap.get(t) ?? token)\n    }\n    // Use regex filter for case-insensitive match (Animation:, ANIMATION-NAME:)\n    root.walkDecls(/^animation-name$/i, (node) => {\n      node.value = node.value.split(',').map(replaceAnimName).join(', ')\n    })\n    root.walkDecls(/^animation$/i, (node) => {\n      node.value = node.value\n        .split(',')\n        .map((anim) =>\n          anim\n            .split(/(\\s+)/)\n            .map((token) => (/\\s/.test(token) ? token : replaceAnimName(token)))\n            .join(''),\n        )\n        .join(',')\n    })\n  }\n\n  // At-rules: remove anything not in the allowlist\n  root.walkAtRules((node) => {\n    if (!ALLOWED_AT_RULES.has(node.name.toLowerCase())) {\n      stats.removedAtRules++\n      node.remove()\n    }\n  })\n\n  // Declarations: remove dangerous values\n  root.walkDecls((node) => {\n    // Normalize value: strip CSS block comments so fi/**/xed → fixed (browser behaviour)\n    const normalizedValue = normalizeCSSEscapes(\n      node.value.replace(/\\/\\*[\\s\\S]*?\\*\\//g, ''),\n    )\n    if (BLOCKED_VALUE_PATTERNS.some((p) => p.test(normalizedValue))) {\n      stats.removedDecls++\n      node.remove()\n      return\n    }\n    // Block dangerous property+value combinations (position: fixed/sticky, oversized z-index)\n    const propLower = node.prop.toLowerCase()\n    const blockedValuePattern = BLOCKED_PROPERTY_VALUES[propLower]\n    if (blockedValuePattern) {\n      if (blockedValuePattern.test(normalizedValue)) {\n        stats.removedDecls++\n        node.remove()\n        return\n      }\n    }\n    if (propLower === 'z-index') {\n      const zv = node.value.trim()\n      // Allow CSS-wide keywords and 'auto'\n      if (\n        zv === 'auto' ||\n        zv === 'initial' ||\n        zv === 'inherit' ||\n        zv === 'unset' ||\n        zv === 'revert'\n      ) {\n        // pass through\n      } else {\n        // Only allow plain integers ≤ Z_INDEX_MAX. calc(), var(), and non-integers are removed.\n        const val = parseInt(zv, 10)\n        if (isNaN(val) || String(val) !== zv || val > Z_INDEX_MAX) {\n          stats.removedDecls++\n          node.remove()\n          return\n        }\n      }\n    }\n  })\n\n  // Rules: strip dangerous selectors, then scope the rest\n  root.walkRules((rule) => {\n    const safeSelectors = rule.selectors.filter(\n      (s) => s.trim() && !DANGEROUS_SELECTOR.test(s),\n    )\n    if (!safeSelectors.length) {\n      stats.removedRules++\n      rule.remove()\n      return\n    }\n    if (safeSelectors.length !== rule.selectors.length) {\n      stats.removedRules++\n    }\n    rule.selectors = safeSelectors\n    if (scopeClass) {\n      if (!safeScopeClass) {\n        stats.removedRules++\n        rule.remove()\n        return\n      }\n      // Skip scoping inside @keyframes — from/to/0% are not element selectors\n      const parent = rule.parent\n      if (\n        parent?.type === 'atrule' &&\n        (parent as postcss.AtRule).name.toLowerCase() === 'keyframes'\n      ) {\n        return\n      }\n      rule.selectors = rule.selectors.map((sel) => `.${safeScopeClass} ${sel}`)\n    }\n  })\n\n  // Post-process: escape </style to prevent HTML parser closing the style tag in SSR contexts.\n  // postcss parses this as valid CSS string content and reproduces it verbatim.\n  stats.css = root.toString().replace(/<\\/style/gi, '<\\\\/style')\n  return stats\n}\n\nexport function validateTenantCSS(css: string): string | null {\n  const trimmed = css.trim()\n  if (!trimmed) return null\n\n  const deescapedCSS = normalizeCSSEscapes(css)\n  for (const { pattern, label } of TENANT_CSS_BLOCKED_PATTERNS) {\n    if (pattern.test(deescapedCSS)) {\n      return `CSS contains blocked pattern: ${label}`\n    }\n  }\n\n  try {\n    postcss.parse(css)\n  } catch {\n    return 'CSS parse error'\n  }\n\n  const sanitized = sanitizeCSSWithStats(\n    css,\n    'flow-node--tenant-css-validation',\n  )\n  if (!sanitized.css.trim()) {\n    return 'CSS must contain safe rules'\n  }\n  if (\n    sanitized.removedRules > 0 ||\n    sanitized.removedDecls > 0 ||\n    sanitized.removedAtRules > 0\n  ) {\n    return 'CSS contains unsafe rules or selectors'\n  }\n\n  return null\n}\n","import type { EdgeTypeDef, NodeTypeDef } from './types'\n\nexport function toNodeTypeDef(doc: Record<string, unknown>): NodeTypeDef {\n  return {\n    slug: String(doc.slug ?? ''),\n    name: String(doc.title ?? ''),\n    color: String(doc.color ?? '#e5e7eb'),\n    defaultSize: (doc.defaultSize as NodeTypeDef['defaultSize']) ?? {\n      width: 200,\n      height: 200,\n    },\n    fields: Array.isArray(doc.fields)\n      ? (doc.fields as NodeTypeDef['fields'])\n      : [],\n    editorIntent:\n      doc.editorIntent === 'text' || doc.editorIntent === 'image'\n        ? doc.editorIntent\n        : undefined,\n    transparentBackground: Boolean(\n      doc.hasTransparentBackground ?? doc.transparentBackground,\n    ),\n    template: (doc.template as string) ?? null,\n    customCSS: (doc.customCSS as string) ?? null,\n  }\n}\n\nexport function toEdgeTypeDef(doc: Record<string, unknown>): EdgeTypeDef {\n  return {\n    slug: String(doc.slug ?? ''),\n    name: String(doc.title ?? ''),\n    color: String(doc.color ?? ''),\n    strokeWidth: (doc.strokeWidth as number) ?? 2,\n    animated:\n      (doc.isAnimated as boolean | undefined) ??\n      (doc.animated as boolean | undefined) ??\n      false,\n    lineStyle: String(doc.lineStyle ?? 'default'),\n    markerStart: String(doc.markerStart ?? 'none'),\n    markerEnd: String(doc.markerEnd ?? 'arrow'),\n    fields: Array.isArray(doc.fields)\n      ? (doc.fields as EdgeTypeDef['fields'])\n      : [],\n    isDefaultEdge: Boolean(doc.isDefaultEdge),\n  }\n}\n"],"mappings":"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","names":["postcss"]}

package/dist/ui/canvas/server.d.cts

@@ -1 +1 @@
-export { B as BUILT_IN_EDGE_TYPES, i as BUILT_IN_NODE_TYPES, g as CanvasBounds, C as CanvasData, c as CanvasEdge, a as CanvasNode, j as CanvasNodeData, k as CanvasNodePosition, f as CanvasViewport, l as DynamicNodeData, E as EdgeTypeDef, h as FrameData, m as FrameNodeData, N as NodeTypeDef, b as NodeTypeFieldDef, P as PrefetchCanvasOptions, n as getFrameData, o as getFrames, p as getNodeBounds, q as isDynamicNode, r as isFrameNode, s as prefetchCanvas } from '../../server-CrsPyqEc.cjs';
+export { g as CanvasBounds, C as CanvasData, c as CanvasEdge, a as CanvasNode, i as CanvasNodeData, j as CanvasNodePosition, f as CanvasViewport, k as DynamicNodeData, E as EdgeTypeDef, h as FrameData, l as FrameNodeData, N as NodeTypeDef, b as NodeTypeFieldDef, P as PrefetchCanvasOptions, m as getFrameData, n as getFrames, o as getNodeBounds, p as isDynamicNode, q as isFrameNode, r as prefetchCanvas, s as sanitizeCSS, t as toEdgeTypeDef, u as toNodeTypeDef, v as validateTenantCSS } from '../../server-nXOezi4b.cjs';

package/dist/ui/canvas/server.d.ts

@@ -1 +1 @@
-export { B as BUILT_IN_EDGE_TYPES, i as BUILT_IN_NODE_TYPES, g as CanvasBounds, C as CanvasData, c as CanvasEdge, a as CanvasNode, j as CanvasNodeData, k as CanvasNodePosition, f as CanvasViewport, l as DynamicNodeData, E as EdgeTypeDef, h as FrameData, m as FrameNodeData, N as NodeTypeDef, b as NodeTypeFieldDef, P as PrefetchCanvasOptions, n as getFrameData, o as getFrames, p as getNodeBounds, q as isDynamicNode, r as isFrameNode, s as prefetchCanvas } from '../../server-CrsPyqEc.js';
+export { g as CanvasBounds, C as CanvasData, c as CanvasEdge, a as CanvasNode, i as CanvasNodeData, j as CanvasNodePosition, f as CanvasViewport, k as DynamicNodeData, E as EdgeTypeDef, h as FrameData, l as FrameNodeData, N as NodeTypeDef, b as NodeTypeFieldDef, P as PrefetchCanvasOptions, m as getFrameData, n as getFrames, o as getNodeBounds, p as isDynamicNode, q as isFrameNode, r as prefetchCanvas, s as sanitizeCSS, t as toEdgeTypeDef, u as toNodeTypeDef, v as validateTenantCSS } from '../../server-nXOezi4b.js';