@petrarca/sonnet-playground 0.2.0 → 0.4.0

package/dist/{chunk-PGI54O43.js → chunk-VOC5VZG2.js}

@@ -1,12 +1,9 @@
-import {
-  PlaygroundSection
-} from "./chunk-FTN2A5YL.js";
-
 // src/pages/PlayGraph.tsx
-import { useCallback, useState } from "react";
+import { useCallback, useRef, useState } from "react";
 import {
   GraphVisualizer,
   ActionPanel,
+  GraphA11yList,
   GraphRendererProvider,
   GraphStoresContext,
   createGraphDataStore,
@@ -25,7 +22,8 @@ import {
   Tabs,
   TabsContent,
   TabsList,
-  TabsTrigger
+  TabsTrigger,
+  ResizeHandle
 } from "@petrarca/sonnet-ui";
 import { Play, RotateCcw } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -242,6 +240,23 @@ function PlayGraph() {
     () => serializeGraphData(INITIAL_DATA)
   );
   const [parseError, setParseError] = useState(null);
+  const [panelWidth, setPanelWidth] = useState(300);
+  const rowRef = useRef(null);
+  const startResize = useCallback((e) => {
+    e.preventDefault();
+    const target = e.currentTarget;
+    target.setPointerCapture(e.pointerId);
+    const move = (ev) => {
+      const right = rowRef.current?.getBoundingClientRect().right ?? 0;
+      setPanelWidth(Math.min(560, Math.max(200, right - ev.clientX)));
+    };
+    const up = () => {
+      window.removeEventListener("pointermove", move);
+      window.removeEventListener("pointerup", up);
+    };
+    window.addEventListener("pointermove", move);
+    window.addEventListener("pointerup", up);
+  }, []);
   const handleApply = useCallback(() => {
     let parsed;
     try {
@@ -272,50 +287,73 @@ function PlayGraph() {
     },
     [handleApply]
   );
-  return /* @__PURE__ */ jsx(
-    PlaygroundSection,
-    {
-      title: "Graph Visualization",
-      description: "Interactive property graph with dual renderer support. Edit the JSON data and apply to re-render.",
-      children: /* @__PURE__ */ jsx(GraphStoresContext.Provider, { value: PLAYGROUND_STORES, children: /* @__PURE__ */ jsxs(Tabs, { defaultValue: "graph", className: "space-y-3", children: [
-        /* @__PURE__ */ jsxs(TabsList, { children: [
-          /* @__PURE__ */ jsx(TabsTrigger, { value: "graph", children: "Graph" }),
-          /* @__PURE__ */ jsx(TabsTrigger, { value: "data", children: "Data" })
-        ] }),
-        /* @__PURE__ */ jsx(TabsContent, { value: "graph", className: "mt-0", children: /* @__PURE__ */ jsx(GraphRendererProvider, { defaultRenderer: "cytoscape", children: /* @__PURE__ */ jsxs("div", { className: "flex border rounded-lg overflow-hidden h-[600px]", children: [
-          /* @__PURE__ */ jsx("div", { className: "flex-1 min-w-0", children: /* @__PURE__ */ jsx(GraphVisualizer, {}) }),
-          /* @__PURE__ */ jsx("div", { className: "w-[300px] flex-shrink-0 border-l", children: /* @__PURE__ */ jsx(ActionPanel, {}) })
-        ] }) }) }),
-        /* @__PURE__ */ jsx(TabsContent, { value: "data", className: "mt-0", children: /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
-          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ jsxs(Button, { size: "sm", onClick: handleApply, children: [
-              /* @__PURE__ */ jsx(Play, { className: "h-4 w-4 mr-1" }),
-              "Apply"
-            ] }),
-            /* @__PURE__ */ jsxs(Button, { size: "sm", variant: "outline", onClick: handleReset, children: [
-              /* @__PURE__ */ jsx(RotateCcw, { className: "h-4 w-4 mr-1" }),
-              "Reset"
-            ] }),
-            /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground ml-2", children: "Cmd+Enter to apply" })
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
+    /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx("h1", { children: "Graph Visualization" }),
+      /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground mt-1", children: "Interactive property graph with dual renderer support. Edit the JSON data and apply to re-render." })
+    ] }),
+    /* @__PURE__ */ jsx(GraphStoresContext.Provider, { value: PLAYGROUND_STORES, children: /* @__PURE__ */ jsxs(Tabs, { defaultValue: "graph", className: "space-y-3", children: [
+      /* @__PURE__ */ jsxs(TabsList, { children: [
+        /* @__PURE__ */ jsx(TabsTrigger, { value: "graph", children: "Graph" }),
+        /* @__PURE__ */ jsx(TabsTrigger, { value: "data", children: "Data" })
+      ] }),
+      /* @__PURE__ */ jsx(TabsContent, { value: "graph", className: "mt-0", children: /* @__PURE__ */ jsx(GraphRendererProvider, { defaultRenderer: "cytoscape", children: /* @__PURE__ */ jsxs("div", { ref: rowRef, className: "flex overflow-hidden h-[600px]", children: [
+        /* @__PURE__ */ jsx("div", { className: "flex-1 min-w-0", children: /* @__PURE__ */ jsx(GraphVisualizer, {}) }),
+        /* @__PURE__ */ jsx(
+          ResizeHandle,
+          {
+            orientation: "vertical",
+            "aria-valuenow": panelWidth,
+            "aria-valuemin": 200,
+            "aria-valuemax": 560,
+            onPointerDown: startResize,
+            onDoubleClick: () => setPanelWidth(300)
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            style: { width: panelWidth },
+            className: "flex-shrink-0 flex flex-col min-h-0",
+            children: [
+              /* @__PURE__ */ jsx("div", { className: "flex-1 min-h-0 overflow-hidden", children: /* @__PURE__ */ jsx(ActionPanel, {}) }),
+              /* @__PURE__ */ jsxs("div", { className: "shrink-0 px-4 pb-4 pt-2", children: [
+                /* @__PURE__ */ jsx("p", { className: "text-xs font-medium text-muted-foreground uppercase tracking-wide mb-2", children: "Accessible list (demo)" }),
+                /* @__PURE__ */ jsx(GraphA11yList, { visible: true, maxHeight: 160 })
+              ] })
+            ]
+          }
+        )
+      ] }) }) }),
+      /* @__PURE__ */ jsx(TabsContent, { value: "data", className: "mt-0", children: /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsxs(Button, { size: "sm", onClick: handleApply, children: [
+            /* @__PURE__ */ jsx(Play, { className: "h-4 w-4 mr-1" }),
+            "Apply"
           ] }),
-          parseError && /* @__PURE__ */ jsx(Alert, { variant: "destructive", children: /* @__PURE__ */ jsx(AlertDescription, { children: parseError }) }),
-          /* @__PURE__ */ jsx(
-            "textarea",
-            {
-              value: jsonText,
-              onChange: (e) => setJsonText(e.target.value),
-              onKeyDown: handleKeyDown,
-              spellCheck: false,
-              className: "w-full h-[600px] font-mono text-xs p-3 border rounded-lg bg-muted/30 resize-y focus:outline-none focus:ring-2 focus:ring-ring"
-            }
-          )
-        ] }) })
+          /* @__PURE__ */ jsxs(Button, { size: "sm", variant: "outline", onClick: handleReset, children: [
+            /* @__PURE__ */ jsx(RotateCcw, { className: "h-4 w-4 mr-1" }),
+            "Reset"
+          ] }),
+          /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground ml-2", children: "Cmd+Enter to apply" })
+        ] }),
+        parseError && /* @__PURE__ */ jsx(Alert, { variant: "destructive", children: /* @__PURE__ */ jsx(AlertDescription, { children: parseError }) }),
+        /* @__PURE__ */ jsx(
+          "textarea",
+          {
+            value: jsonText,
+            onChange: (e) => setJsonText(e.target.value),
+            onKeyDown: handleKeyDown,
+            spellCheck: false,
+            className: "w-full h-[600px] font-mono text-xs p-3 border rounded-lg bg-muted/30 resize-y focus:outline-none focus:ring-2 focus:ring-ring"
+          }
+        )
       ] }) })
-    }
-  );
+    ] }) })
+  ] });
 }
 
 export {
   PlayGraph
 };
-//# sourceMappingURL=chunk-PGI54O43.js.map
+//# sourceMappingURL=chunk-VOC5VZG2.js.map

package/dist/chunk-VOC5VZG2.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/pages/PlayGraph.tsx"],"sourcesContent":["/**\n * Playground page for @petrarca/sonnet-graph.\n * Accessible at /playground/graph\n *\n * Demonstrates graph visualization with static mock data -- no backend required.\n * Uses the GraphStoresContext provider pattern that consumers like explorer\n * and Atlas would use to wire their own stores.\n */\n\nimport React, { useCallback, useRef, useState } from \"react\";\nimport {\n  GraphVisualizer,\n  ActionPanel,\n  GraphA11yList,\n  GraphRendererProvider,\n  GraphStoresContext,\n  createGraphDataStore,\n  createGraphFilterStore,\n  createGraphExplorationStore,\n  createSelectionStore,\n  createGraphFocusStore,\n  enrichNodes,\n  enrichEdges,\n  buildColorPalette,\n  type RawGraphNode,\n  type RawGraphEdge,\n  type WorkspaceStores,\n} from \"@petrarca/sonnet-graph\";\nimport {\n  Button,\n  Alert,\n  AlertDescription,\n  Tabs,\n  TabsContent,\n  TabsList,\n  TabsTrigger,\n  ResizeHandle,\n} from \"@petrarca/sonnet-ui\";\nimport { Play, RotateCcw } from \"lucide-react\";\n\n// ---------------------------------------------------------------------------\n//  Mock data -- a small org hierarchy\n// ---------------------------------------------------------------------------\n\nconst MOCK_NODES: RawGraphNode[] = [\n  {\n    id_: 1,\n    label_: \"Company\",\n    properties_: { name: \"Acme Corp\", founded: 1985, industry: \"Technology\" },\n  },\n  {\n    id_: 2,\n    label_: \"Department\",\n    properties_: { name: \"Engineering\", headcount: 42 },\n  },\n  {\n    id_: 3,\n    label_: \"Department\",\n    properties_: { name: \"Marketing\", headcount: 18 },\n  },\n  {\n    id_: 4,\n    label_: \"Department\",\n    properties_: { name: \"Sales\", headcount: 25 },\n  },\n  {\n    id_: 5,\n    label_: \"Person\",\n    properties_: { name: \"Alice Chen\", role: \"CTO\" },\n  },\n  {\n    id_: 6,\n    label_: \"Person\",\n    properties_: { name: \"Bob Smith\", role: \"VP Engineering\" },\n  },\n  {\n    id_: 7,\n    label_: \"Person\",\n    properties_: { name: \"Carol Davis\", role: \"CMO\" },\n  },\n  {\n    id_: 8,\n    label_: \"Person\",\n    properties_: { name: \"Dave Wilson\", role: \"VP Sales\" },\n  },\n  {\n    id_: 9,\n    label_: \"Person\",\n    properties_: { name: \"Eve Johnson\", role: \"Senior Engineer\" },\n  },\n  {\n    id_: 10,\n    label_: \"Person\",\n    properties_: { name: \"Frank Brown\", role: \"Product Manager\" },\n  },\n  {\n    id_: 11,\n    label_: \"Product\",\n    properties_: { name: \"CloudSuite\", version: \"3.2\", status: \"GA\" },\n  },\n  {\n    id_: 12,\n    label_: \"Product\",\n    properties_: { name: \"DataPipeline\", version: \"1.0\", status: \"Beta\" },\n  },\n];\n\nconst MOCK_EDGES: RawGraphEdge[] = [\n  {\n    id_: 101,\n    label_: \"HAS_DEPARTMENT\",\n    start_id_: 1,\n    end_id_: 2,\n    properties_: {},\n  },\n  {\n    id_: 102,\n    label_: \"HAS_DEPARTMENT\",\n    start_id_: 1,\n    end_id_: 3,\n    properties_: {},\n  },\n  {\n    id_: 103,\n    label_: \"HAS_DEPARTMENT\",\n    start_id_: 1,\n    end_id_: 4,\n    properties_: {},\n  },\n  {\n    id_: 104,\n    label_: \"LEADS\",\n    start_id_: 5,\n    end_id_: 2,\n    properties_: { since: 2019 },\n  },\n  {\n    id_: 105,\n    label_: \"WORKS_IN\",\n    start_id_: 6,\n    end_id_: 2,\n    properties_: { since: 2020 },\n  },\n  {\n    id_: 106,\n    label_: \"LEADS\",\n    start_id_: 7,\n    end_id_: 3,\n    properties_: { since: 2021 },\n  },\n  {\n    id_: 107,\n    label_: \"LEADS\",\n    start_id_: 8,\n    end_id_: 4,\n    properties_: { since: 2018 },\n  },\n  {\n    id_: 108,\n    label_: \"WORKS_IN\",\n    start_id_: 9,\n    end_id_: 2,\n    properties_: { since: 2022 },\n  },\n  {\n    id_: 109,\n    label_: \"WORKS_IN\",\n    start_id_: 10,\n    end_id_: 2,\n    properties_: { since: 2021 },\n  },\n  { id_: 110, label_: \"REPORTS_TO\", start_id_: 6, end_id_: 5, properties_: {} },\n  { id_: 111, label_: \"REPORTS_TO\", start_id_: 9, end_id_: 6, properties_: {} },\n  {\n    id_: 112,\n    label_: \"REPORTS_TO\",\n    start_id_: 10,\n    end_id_: 6,\n    properties_: {},\n  },\n  { id_: 113, label_: \"OWNS\", start_id_: 2, end_id_: 11, properties_: {} },\n  { id_: 114, label_: \"OWNS\", start_id_: 2, end_id_: 12, properties_: {} },\n];\n\n// ---------------------------------------------------------------------------\n//  Store setup\n//\n//  Stores are created once at module load, not inside the component.\n//  This avoids re-creation on re-render and removes the need for useMemo.\n// ---------------------------------------------------------------------------\n\nfunction createPlaygroundStores(): WorkspaceStores {\n  const graphFilter = createGraphFilterStore();\n  const graphData = createGraphDataStore();\n  const selection = createSelectionStore();\n  const graphFocus = createGraphFocusStore();\n  const graphExploration = createGraphExplorationStore({\n    graphData,\n    selection,\n    graphFocus,\n    graphFilter,\n    // Static data -- no server expansion available in the playground\n    expandNode: async () => ({ nodes: [], edges: [] }),\n    getNodes: async () => [],\n  });\n  return { graphFilter, graphData, graphExploration, selection };\n}\n\nconst PLAYGROUND_STORES = createPlaygroundStores();\n\n// ---------------------------------------------------------------------------\n//  Data helpers\n// ---------------------------------------------------------------------------\n\ninterface GraphInput {\n  nodes: RawGraphNode[];\n  edges: RawGraphEdge[];\n}\n\nconst INITIAL_DATA: GraphInput = { nodes: MOCK_NODES, edges: MOCK_EDGES };\n\nfunction serializeGraphData(data: GraphInput): string {\n  return JSON.stringify(data, null, 2);\n}\n\nfunction validateNode(n: unknown, i: number): string | null {\n  if (!n || typeof n !== \"object\") return `nodes[${i}] must be an object`;\n  const node = n as Record<string, unknown>;\n  if (node.id_ === undefined) return `nodes[${i}] is missing id_`;\n  if (typeof node.label_ !== \"string\") return `nodes[${i}] is missing label_`;\n  return null;\n}\n\nfunction validateEdge(e: unknown, i: number): string | null {\n  if (!e || typeof e !== \"object\") return `edges[${i}] must be an object`;\n  const edge = e as Record<string, unknown>;\n  if (edge.id_ === undefined) return `edges[${i}] is missing id_`;\n  if (typeof edge.label_ !== \"string\") return `edges[${i}] is missing label_`;\n  if (edge.start_id_ === undefined) return `edges[${i}] is missing start_id_`;\n  if (edge.end_id_ === undefined) return `edges[${i}] is missing end_id_`;\n  return null;\n}\n\n/** Validates that parsed JSON is a usable GraphInput. Returns an error string or null. */\nfunction validateGraphInput(value: unknown): string | null {\n  if (!value || typeof value !== \"object\" || Array.isArray(value)) {\n    return \"JSON must be an object with nodes and edges arrays\";\n  }\n  const obj = value as Record<string, unknown>;\n  if (!Array.isArray(obj.nodes)) return '\"nodes\" must be an array';\n  if (!Array.isArray(obj.edges)) return '\"edges\" must be an array';\n  for (const [i, n] of (obj.nodes as unknown[]).entries()) {\n    const err = validateNode(n, i);\n    if (err) return err;\n  }\n  for (const [i, e] of (obj.edges as unknown[]).entries()) {\n    const err = validateEdge(e, i);\n    if (err) return err;\n  }\n  return null;\n}\n\nfunction loadIntoStore(stores: WorkspaceStores, data: GraphInput) {\n  const labelCounts: Record<string, number> = {};\n  for (const n of data.nodes) {\n    labelCounts[n.label_] = (labelCounts[n.label_] ?? 0) + 1;\n  }\n  const palette = buildColorPalette(labelCounts);\n  const nodes = enrichNodes(data.nodes, palette);\n  const edges = enrichEdges(data.edges, palette);\n  stores.graphFilter.getState().resetFilters();\n  stores.graphData.getState().setQueryData(nodes, edges, {\n    nodes: nodes.length,\n    edges: edges.length,\n  });\n  // Signal renderers to re-fit layout after data change\n  stores.graphFilter.getState().notifyDataChange();\n}\n\n// Load initial data immediately -- no effect needed, no empty render cycle\nloadIntoStore(PLAYGROUND_STORES, INITIAL_DATA);\n\n// ---------------------------------------------------------------------------\n//  Component\n// ---------------------------------------------------------------------------\n\nexport default function PlayGraph(): React.ReactElement {\n  const [jsonText, setJsonText] = useState(() =>\n    serializeGraphData(INITIAL_DATA),\n  );\n  const [parseError, setParseError] = useState<string | null>(null);\n\n  // Resizable side panel (demonstrates ResizeHandle).\n  const [panelWidth, setPanelWidth] = useState(300);\n  const rowRef = useRef<HTMLDivElement>(null);\n  const startResize = useCallback((e: React.PointerEvent) => {\n    e.preventDefault();\n    const target = e.currentTarget as HTMLElement;\n    target.setPointerCapture(e.pointerId);\n    const move = (ev: PointerEvent) => {\n      const right = rowRef.current?.getBoundingClientRect().right ?? 0;\n      setPanelWidth(Math.min(560, Math.max(200, right - ev.clientX)));\n    };\n    const up = () => {\n      window.removeEventListener(\"pointermove\", move);\n      window.removeEventListener(\"pointerup\", up);\n    };\n    window.addEventListener(\"pointermove\", move);\n    window.addEventListener(\"pointerup\", up);\n  }, []);\n\n  const handleApply = useCallback(() => {\n    let parsed: unknown;\n    try {\n      parsed = JSON.parse(jsonText);\n    } catch (e) {\n      setParseError(e instanceof Error ? e.message : \"Invalid JSON\");\n      return;\n    }\n    const validationError = validateGraphInput(parsed);\n    if (validationError) {\n      setParseError(validationError);\n      return;\n    }\n    setParseError(null);\n    loadIntoStore(PLAYGROUND_STORES, parsed as GraphInput);\n  }, [jsonText]);\n\n  const handleReset = useCallback(() => {\n    setJsonText(serializeGraphData(INITIAL_DATA));\n    setParseError(null);\n    loadIntoStore(PLAYGROUND_STORES, INITIAL_DATA);\n  }, []);\n\n  const handleKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      if ((e.metaKey || e.ctrlKey) && e.key === \"Enter\") {\n        e.preventDefault();\n        handleApply();\n      }\n    },\n    [handleApply],\n  );\n\n  return (\n    <div className=\"space-y-6\">\n      <div>\n        <h1>Graph Visualization</h1>\n        <p className=\"text-sm text-muted-foreground mt-1\">\n          Interactive property graph with dual renderer support. Edit the JSON\n          data and apply to re-render.\n        </p>\n      </div>\n      <GraphStoresContext.Provider value={PLAYGROUND_STORES}>\n        <Tabs defaultValue=\"graph\" className=\"space-y-3\">\n          <TabsList>\n            <TabsTrigger value=\"graph\">Graph</TabsTrigger>\n            <TabsTrigger value=\"data\">Data</TabsTrigger>\n          </TabsList>\n\n          <TabsContent value=\"graph\" className=\"mt-0\">\n            <GraphRendererProvider defaultRenderer=\"cytoscape\">\n              <div ref={rowRef} className=\"flex overflow-hidden h-[600px]\">\n                <div className=\"flex-1 min-w-0\">\n                  <GraphVisualizer />\n                </div>\n                {/* Drag to resize the side panel (ResizeHandle demo). */}\n                <ResizeHandle\n                  orientation=\"vertical\"\n                  aria-valuenow={panelWidth}\n                  aria-valuemin={200}\n                  aria-valuemax={560}\n                  onPointerDown={startResize}\n                  onDoubleClick={() => setPanelWidth(300)}\n                />\n                <div\n                  style={{ width: panelWidth }}\n                  className=\"flex-shrink-0 flex flex-col min-h-0\"\n                >\n                  <div className=\"flex-1 min-h-0 overflow-hidden\">\n                    <ActionPanel />\n                  </div>\n                  {/* Accessible DOM mirror (playground demo only): keyboard / AT /\n                      automation can select the same nodes/edges as the canvas.\n                      Real consumers render it sr-only (omit `visible`). */}\n                  <div className=\"shrink-0 px-4 pb-4 pt-2\">\n                    <p className=\"text-xs font-medium text-muted-foreground uppercase tracking-wide mb-2\">\n                      Accessible list (demo)\n                    </p>\n                    <GraphA11yList visible maxHeight={160} />\n                  </div>\n                </div>\n              </div>\n            </GraphRendererProvider>\n          </TabsContent>\n\n          <TabsContent value=\"data\" className=\"mt-0\">\n            <div className=\"space-y-3\">\n              <div className=\"flex items-center gap-2\">\n                <Button size=\"sm\" onClick={handleApply}>\n                  <Play className=\"h-4 w-4 mr-1\" />\n                  Apply\n                </Button>\n                <Button size=\"sm\" variant=\"outline\" onClick={handleReset}>\n                  <RotateCcw className=\"h-4 w-4 mr-1\" />\n                  Reset\n                </Button>\n                <span className=\"text-xs text-muted-foreground ml-2\">\n                  Cmd+Enter to apply\n                </span>\n              </div>\n              {parseError && (\n                <Alert variant=\"destructive\">\n                  <AlertDescription>{parseError}</AlertDescription>\n                </Alert>\n              )}\n              <textarea\n                value={jsonText}\n                onChange={(e) => setJsonText(e.target.value)}\n                onKeyDown={handleKeyDown}\n                spellCheck={false}\n                className=\"w-full h-[600px] font-mono text-xs p-3 border rounded-lg bg-muted/30 resize-y focus:outline-none focus:ring-2 focus:ring-ring\"\n              />\n            </div>\n          </TabsContent>\n        </Tabs>\n      </GraphStoresContext.Provider>\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}