@sqlrooms/cosmos 0.4.2 → 0.5.1

package/dist/index.d.ts

@@ -3,7 +3,7 @@
  *
  * This package provides React components and hooks for creating interactive graph visualizations
  * using the Cosmograph WebGL-based graph visualization library. It includes components for
- * rendering graphs, managing graph state, and controlling graph interactions.
+ * rendering graphs, managing graph state through zustand, and controlling graph interactions.
  *
  * @example Basic usage
  * ```tsx
@@ -31,7 +31,7 @@ export { CosmosGraph } from './CosmosGraph';
 export { CosmosGraphControls } from './CosmosGraphControls';
 /**
  * A component that provides fine-grained controls for the graph simulation parameters.
- * Must be used within a CosmosGraph component as it relies on the CosmosGraphContext.
+ * Uses the zustand store to access and control the graph state.
  *
  * Features:
  * - Slider controls for gravity, repulsion, link strength, link distance, friction, and decay
@@ -55,38 +55,72 @@ export { CosmosGraphControls } from './CosmosGraphControls';
  */
 export { CosmosSimulationControls } from './CosmosSimulationControls';
 export type { CosmosGraphProps } from './CosmosGraph';
-export { useCosmosGraph } from './CosmosGraphContext';
-export { useGraph, useHoverState, useGraphConfig } from './hooks';
-export type { HoverState } from './hooks/useHoverState';
-export type { WithClientCoordinates } from './utils/coordinates';
-export { hasClientCoordinates } from './utils/coordinates';
+export { useHoverState } from './hooks/useHoverState';
+export { createCosmosSlice, useStoreWithCosmos, type CosmosSliceState, type ProjectStateWithCosmos, } from './CosmosSlice';
+export { CosmosSliceConfig, createDefaultCosmosConfig, type CosmosSliceConfig as CosmosSliceConfigType, } from './CosmosSliceConfig';
 /**
- * Zod schema for validating and describing graph simulation configuration parameters.
+ * Configuration schema for the Cosmos graph visualization system.
+ * Provides type-safe validation and configuration options for both visual and physics aspects of the graph.
  *
- * Available parameters:
- * - `simulationGravity` (number): Gravity force in the simulation. Controls how strongly nodes are pulled toward the center.
- * - `simulationRepulsion` (number): Repulsion force between nodes. Higher values make nodes push away from each other more strongly.
- * - `simulationLinkSpring` (number): Spring force for links between nodes. Higher values make connected nodes pull together more strongly.
- * - `simulationLinkDistance` (number): Target distance between linked nodes. Defines the natural length of links in the simulation.
- * - `simulationFriction` (number): Friction coefficient in the simulation. Higher values make node movement more damped.
- * - `simulationDecay` (number): Decay coefficient in the simulation. Lower values make the simulation "cool down" more slowly.
+ * Configuration Categories:
  *
- * @example
+ * 1. Visual Appearance
+ * - Node styling: size scaling and zoom behavior
+ * - Link styling: visibility, width, arrows, and curve options
+ *
+ * 2. Physics Simulation
+ * - Gravity: Central force pulling nodes toward center
+ * - Repulsion: Force pushing nodes apart
+ * - Link Forces: Spring forces and distances between connected nodes
+ * - Dynamics: Friction and decay rates for movement
+ *
+ * Key Parameters:
+ * - `pointSizeScale` (number): Base scale for node sizes (default: 1.1)
+ * - `scalePointsOnZoom` (boolean): Dynamic node sizing with zoom (default: true)
+ * - `renderLinks` (boolean): Toggle link visibility (default: true)
+ * - `linkArrows` (boolean): Show directional arrows (default: false)
+ * - `curvedLinks` (boolean): Use curved or straight links (default: false)
+ * - `simulationGravity` (number): Center attraction strength (default: 0.25)
+ * - `simulationRepulsion` (number): Node repulsion strength (default: 1.0)
+ * - `simulationLinkSpring` (number): Link elasticity (default: 1.0)
+ * - `simulationFriction` (number): Movement damping (default: 0.85)
+ * - `simulationDecay` (number): Simulation cooling rate (default: 1000)
+ *
+ * @example Typical usage with default-like values
  * ```tsx
- * import { CosmosSimulationConfigSchema } from '@sqlrooms/cosmos';
+ * import { CosmosGraph, createDefaultCosmosConfig } from '@sqlrooms/cosmos';
+ *
+ * const config = createDefaultCosmosConfig();
+ *
+ * function MyGraph() {
+ *   return (
+ *     <CosmosGraph
+ *       config={config}
+ *       data={graphData}
+ *     />
+ *   );
+ * }
+ * ```
  *
+ * @example Custom configuration for directed graph
+ * ```tsx
  * const config = {
- *   simulationGravity: 0.1,
- *   simulationRepulsion: 1.0,
- *   simulationLinkSpring: 1.0,
- *   simulationLinkDistance: 10,
- *   simulationFriction: 0.85,
- *   simulationDecay: 1000
- * };
+ *   cosmos: {
+ *     // Visual settings
+ *     pointSizeScale: 1.2,
+ *     linkArrows: true,
+ *     curvedLinks: true,
  *
- * // Validate the config
- * const validConfig = CosmosSimulationConfigSchema.parse(config);
+ *     // Physics settings
+ *     simulationGravity: 0.2,
+ *     simulationLinkDistance: 15,
+ *     simulationLinkSpring: 1.2
+ *   }
+ * };
  * ```
+ *
+ * @see {@link CosmosGraph} For the main graph component
+ * @see {@link CosmosSimulationControls} For runtime control of simulation parameters
  */
-export { CosmosSimulationConfigSchema } from './config';
+export * from './CosmosSliceConfig';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AAGH,OAAO,EAAC,WAAW,EAAC,MAAM,eAAe,CAAC;AAC1C,OAAO,EAAC,mBAAmB,EAAC,MAAM,uBAAuB,CAAC;AAE1D;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,OAAO,EAAC,wBAAwB,EAAC,MAAM,4BAA4B,CAAC;AACpE,YAAY,EAAC,gBAAgB,EAAC,MAAM,eAAe,CAAC;AAGpD,OAAO,EAAC,cAAc,EAAC,MAAM,sBAAsB,CAAC;AACpD,OAAO,EAAC,QAAQ,EAAE,aAAa,EAAE,cAAc,EAAC,MAAM,SAAS,CAAC;AAChE,YAAY,EAAC,UAAU,EAAC,MAAM,uBAAuB,CAAC;AAGtD,YAAY,EAAC,qBAAqB,EAAC,MAAM,qBAAqB,CAAC;AAC/D,OAAO,EAAC,oBAAoB,EAAC,MAAM,qBAAqB,CAAC;AAGzD;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,OAAO,EAAC,4BAA4B,EAAC,MAAM,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AAGH,OAAO,EAAC,WAAW,EAAC,MAAM,eAAe,CAAC;AAC1C,OAAO,EAAC,mBAAmB,EAAC,MAAM,uBAAuB,CAAC;AAE1D;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,OAAO,EAAC,wBAAwB,EAAC,MAAM,4BAA4B,CAAC;AACpE,YAAY,EAAC,gBAAgB,EAAC,MAAM,eAAe,CAAC;AAGpD,OAAO,EAAC,aAAa,EAAC,MAAM,uBAAuB,CAAC;AACpD,OAAO,EACL,iBAAiB,EACjB,kBAAkB,EAClB,KAAK,gBAAgB,EACrB,KAAK,sBAAsB,GAC5B,MAAM,eAAe,CAAC;AACvB,OAAO,EACL,iBAAiB,EACjB,yBAAyB,EACzB,KAAK,iBAAiB,IAAI,qBAAqB,GAChD,MAAM,qBAAqB,CAAC;AAG7B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+DG;AACH,cAAc,qBAAqB,CAAC"}

package/dist/index.js

@@ -3,7 +3,7 @@
  *
  * This package provides React components and hooks for creating interactive graph visualizations
  * using the Cosmograph WebGL-based graph visualization library. It includes components for
- * rendering graphs, managing graph state, and controlling graph interactions.
+ * rendering graphs, managing graph state through zustand, and controlling graph interactions.
  *
  * @example Basic usage
  * ```tsx
@@ -32,7 +32,7 @@ export { CosmosGraph } from './CosmosGraph';
 export { CosmosGraphControls } from './CosmosGraphControls';
 /**
  * A component that provides fine-grained controls for the graph simulation parameters.
- * Must be used within a CosmosGraph component as it relies on the CosmosGraphContext.
+ * Uses the zustand store to access and control the graph state.
  *
  * Features:
  * - Slider controls for gravity, repulsion, link strength, link distance, friction, and decay
@@ -55,38 +55,74 @@ export { CosmosGraphControls } from './CosmosGraphControls';
  * ```
  */
 export { CosmosSimulationControls } from './CosmosSimulationControls';
-// Context and hooks
-export { useCosmosGraph } from './CosmosGraphContext';
-export { useGraph, useHoverState, useGraphConfig } from './hooks';
-export { hasClientCoordinates } from './utils/coordinates';
+// State management
+export { useHoverState } from './hooks/useHoverState';
+export { createCosmosSlice, useStoreWithCosmos, } from './CosmosSlice';
+export { CosmosSliceConfig, createDefaultCosmosConfig, } from './CosmosSliceConfig';
 // Configuration
 /**
- * Zod schema for validating and describing graph simulation configuration parameters.
+ * Configuration schema for the Cosmos graph visualization system.
+ * Provides type-safe validation and configuration options for both visual and physics aspects of the graph.
  *
- * Available parameters:
- * - `simulationGravity` (number): Gravity force in the simulation. Controls how strongly nodes are pulled toward the center.
- * - `simulationRepulsion` (number): Repulsion force between nodes. Higher values make nodes push away from each other more strongly.
- * - `simulationLinkSpring` (number): Spring force for links between nodes. Higher values make connected nodes pull together more strongly.
- * - `simulationLinkDistance` (number): Target distance between linked nodes. Defines the natural length of links in the simulation.
- * - `simulationFriction` (number): Friction coefficient in the simulation. Higher values make node movement more damped.
- * - `simulationDecay` (number): Decay coefficient in the simulation. Lower values make the simulation "cool down" more slowly.
+ * Configuration Categories:
  *
- * @example
+ * 1. Visual Appearance
+ * - Node styling: size scaling and zoom behavior
+ * - Link styling: visibility, width, arrows, and curve options
+ *
+ * 2. Physics Simulation
+ * - Gravity: Central force pulling nodes toward center
+ * - Repulsion: Force pushing nodes apart
+ * - Link Forces: Spring forces and distances between connected nodes
+ * - Dynamics: Friction and decay rates for movement
+ *
+ * Key Parameters:
+ * - `pointSizeScale` (number): Base scale for node sizes (default: 1.1)
+ * - `scalePointsOnZoom` (boolean): Dynamic node sizing with zoom (default: true)
+ * - `renderLinks` (boolean): Toggle link visibility (default: true)
+ * - `linkArrows` (boolean): Show directional arrows (default: false)
+ * - `curvedLinks` (boolean): Use curved or straight links (default: false)
+ * - `simulationGravity` (number): Center attraction strength (default: 0.25)
+ * - `simulationRepulsion` (number): Node repulsion strength (default: 1.0)
+ * - `simulationLinkSpring` (number): Link elasticity (default: 1.0)
+ * - `simulationFriction` (number): Movement damping (default: 0.85)
+ * - `simulationDecay` (number): Simulation cooling rate (default: 1000)
+ *
+ * @example Typical usage with default-like values
  * ```tsx
- * import { CosmosSimulationConfigSchema } from '@sqlrooms/cosmos';
+ * import { CosmosGraph, createDefaultCosmosConfig } from '@sqlrooms/cosmos';
+ *
+ * const config = createDefaultCosmosConfig();
+ *
+ * function MyGraph() {
+ *   return (
+ *     <CosmosGraph
+ *       config={config}
+ *       data={graphData}
+ *     />
+ *   );
+ * }
+ * ```
  *
+ * @example Custom configuration for directed graph
+ * ```tsx
  * const config = {
- *   simulationGravity: 0.1,
- *   simulationRepulsion: 1.0,
- *   simulationLinkSpring: 1.0,
- *   simulationLinkDistance: 10,
- *   simulationFriction: 0.85,
- *   simulationDecay: 1000
- * };
+ *   cosmos: {
+ *     // Visual settings
+ *     pointSizeScale: 1.2,
+ *     linkArrows: true,
+ *     curvedLinks: true,
  *
- * // Validate the config
- * const validConfig = CosmosSimulationConfigSchema.parse(config);
+ *     // Physics settings
+ *     simulationGravity: 0.2,
+ *     simulationLinkDistance: 15,
+ *     simulationLinkSpring: 1.2
+ *   }
+ * };
  * ```
+ *
+ * @see {@link CosmosGraph} For the main graph component
+ * @see {@link CosmosSimulationControls} For runtime control of simulation parameters
  */
-export { CosmosSimulationConfigSchema } from './config';
+export * from './CosmosSliceConfig';
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AAEH,aAAa;AACb,OAAO,EAAC,WAAW,EAAC,MAAM,eAAe,CAAC;AAC1C,OAAO,EAAC,mBAAmB,EAAC,MAAM,uBAAuB,CAAC;AAE1D;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,OAAO,EAAC,wBAAwB,EAAC,MAAM,4BAA4B,CAAC;AAGpE,oBAAoB;AACpB,OAAO,EAAC,cAAc,EAAC,MAAM,sBAAsB,CAAC;AACpD,OAAO,EAAC,QAAQ,EAAE,aAAa,EAAE,cAAc,EAAC,MAAM,SAAS,CAAC;AAKhE,OAAO,EAAC,oBAAoB,EAAC,MAAM,qBAAqB,CAAC;AAEzD,gBAAgB;AAChB;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,OAAO,EAAC,4BAA4B,EAAC,MAAM,UAAU,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AAEH,aAAa;AACb,OAAO,EAAC,WAAW,EAAC,MAAM,eAAe,CAAC;AAC1C,OAAO,EAAC,mBAAmB,EAAC,MAAM,uBAAuB,CAAC;AAE1D;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,OAAO,EAAC,wBAAwB,EAAC,MAAM,4BAA4B,CAAC;AAGpE,mBAAmB;AACnB,OAAO,EAAC,aAAa,EAAC,MAAM,uBAAuB,CAAC;AACpD,OAAO,EACL,iBAAiB,EACjB,kBAAkB,GAGnB,MAAM,eAAe,CAAC;AACvB,OAAO,EACL,iBAAiB,EACjB,yBAAyB,GAE1B,MAAM,qBAAqB,CAAC;AAE7B,gBAAgB;AAChB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+DG;AACH,cAAc,qBAAqB,CAAC","sourcesContent":["/**\n * @sqlrooms/cosmos - A React wrapper for the Cosmograph visualization library\n *\n * This package provides React components and hooks for creating interactive graph visualizations\n * using the Cosmograph WebGL-based graph visualization library. It includes components for\n * rendering graphs, managing graph state through zustand, and controlling graph interactions.\n *\n * @example Basic usage\n * ```tsx\n * import { CosmosGraph, CosmosGraphControls } from '@sqlrooms/cosmos';\n *\n * const MyGraph = () => {\n *   return (\n *     <div style={{ width: '800px', height: '600px' }}>\n *       <CosmosGraph\n *         config={graphConfig}\n *         pointPositions={positions}\n *         pointColors={colors}\n *         pointSizes={sizes}\n *       >\n *         <CosmosGraphControls />\n *       </CosmosGraph>\n *     </div>\n *   );\n * };\n * ```\n *\n * @packageDocumentation\n */\n\n// Components\nexport {CosmosGraph} from './CosmosGraph';\nexport {CosmosGraphControls} from './CosmosGraphControls';\n\n/**\n * A component that provides fine-grained controls for the graph simulation parameters.\n * Uses the zustand store to access and control the graph state.\n *\n * Features:\n * - Slider controls for gravity, repulsion, link strength, link distance, friction, and decay\n * - Real-time parameter adjustment with immediate visual feedback\n * - Tooltips with parameter descriptions\n * - Customizable positioning\n *\n * @example Basic usage\n * ```tsx\n * <CosmosGraph {...graphProps}>\n *   <CosmosSimulationControls />\n * </CosmosGraph>\n * ```\n *\n * @example Custom positioning\n * ```tsx\n * <CosmosGraph {...graphProps}>\n *   <CosmosSimulationControls className=\"absolute bottom-4 left-4\" />\n * </CosmosGraph>\n * ```\n */\nexport {CosmosSimulationControls} from './CosmosSimulationControls';\nexport type {CosmosGraphProps} from './CosmosGraph';\n\n// State management\nexport {useHoverState} from './hooks/useHoverState';\nexport {\n  createCosmosSlice,\n  useStoreWithCosmos,\n  type CosmosSliceState,\n  type ProjectStateWithCosmos,\n} from './CosmosSlice';\nexport {\n  CosmosSliceConfig,\n  createDefaultCosmosConfig,\n  type CosmosSliceConfig as CosmosSliceConfigType,\n} from './CosmosSliceConfig';\n\n// Configuration\n/**\n * Configuration schema for the Cosmos graph visualization system.\n * Provides type-safe validation and configuration options for both visual and physics aspects of the graph.\n *\n * Configuration Categories:\n *\n * 1. Visual Appearance\n * - Node styling: size scaling and zoom behavior\n * - Link styling: visibility, width, arrows, and curve options\n *\n * 2. Physics Simulation\n * - Gravity: Central force pulling nodes toward center\n * - Repulsion: Force pushing nodes apart\n * - Link Forces: Spring forces and distances between connected nodes\n * - Dynamics: Friction and decay rates for movement\n *\n * Key Parameters:\n * - `pointSizeScale` (number): Base scale for node sizes (default: 1.1)\n * - `scalePointsOnZoom` (boolean): Dynamic node sizing with zoom (default: true)\n * - `renderLinks` (boolean): Toggle link visibility (default: true)\n * - `linkArrows` (boolean): Show directional arrows (default: false)\n * - `curvedLinks` (boolean): Use curved or straight links (default: false)\n * - `simulationGravity` (number): Center attraction strength (default: 0.25)\n * - `simulationRepulsion` (number): Node repulsion strength (default: 1.0)\n * - `simulationLinkSpring` (number): Link elasticity (default: 1.0)\n * - `simulationFriction` (number): Movement damping (default: 0.85)\n * - `simulationDecay` (number): Simulation cooling rate (default: 1000)\n *\n * @example Typical usage with default-like values\n * ```tsx\n * import { CosmosGraph, createDefaultCosmosConfig } from '@sqlrooms/cosmos';\n *\n * const config = createDefaultCosmosConfig();\n *\n * function MyGraph() {\n *   return (\n *     <CosmosGraph\n *       config={config}\n *       data={graphData}\n *     />\n *   );\n * }\n * ```\n *\n * @example Custom configuration for directed graph\n * ```tsx\n * const config = {\n *   cosmos: {\n *     // Visual settings\n *     pointSizeScale: 1.2,\n *     linkArrows: true,\n *     curvedLinks: true,\n *\n *     // Physics settings\n *     simulationGravity: 0.2,\n *     simulationLinkDistance: 15,\n *     simulationLinkSpring: 1.2\n *   }\n * };\n * ```\n *\n * @see {@link CosmosGraph} For the main graph component\n * @see {@link CosmosSimulationControls} For runtime control of simulation parameters\n */\nexport * from './CosmosSliceConfig';\n"]}

package/dist/utils/coordinates.js.map

@@ -1 +1 @@
-{"version":3,"file":"coordinates.js","sourceRoot":"","sources":["../../src/utils/coordinates.ts"],"names":[],"mappings":"AAWA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAClC,KAAc,EACkB,EAAE;IAClC,OAAO,CACL,OAAO,KAAK,KAAK,QAAQ;QACzB,KAAK,KAAK,IAAI;QACd,SAAS,IAAI,KAAK;QAClB,SAAS,IAAI,KAAK;QAClB,OAAO,KAAK,CAAC,OAAO,KAAK,QAAQ;QACjC,OAAO,KAAK,CAAC,OAAO,KAAK,QAAQ,CAClC,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"coordinates.js","sourceRoot":"","sources":["../../src/utils/coordinates.ts"],"names":[],"mappings":"AAWA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAClC,KAAc,EACkB,EAAE;IAClC,OAAO,CACL,OAAO,KAAK,KAAK,QAAQ;QACzB,KAAK,KAAK,IAAI;QACd,SAAS,IAAI,KAAK;QAClB,SAAS,IAAI,KAAK;QAClB,OAAO,KAAK,CAAC,OAAO,KAAK,QAAQ;QACjC,OAAO,KAAK,CAAC,OAAO,KAAK,QAAQ,CAClC,CAAC;AACJ,CAAC,CAAC","sourcesContent":["/**\n * Interface for objects that contain client coordinates.\n * Typically used with mouse or pointer events.\n */\nexport type WithClientCoordinates = {\n  /** The horizontal coordinate relative to the client area */\n  clientX: number;\n  /** The vertical coordinate relative to the client area */\n  clientY: number;\n};\n\n/**\n * Type guard that checks if an unknown value has client coordinates.\n *\n * This function performs a runtime check to ensure that an object has valid\n * clientX and clientY number properties. It's useful for handling events\n * that may or may not include coordinate information.\n *\n * @example\n * ```ts\n * const handleEvent = (event: unknown) => {\n *   if (hasClientCoordinates(event)) {\n *     // TypeScript now knows event has clientX and clientY\n *     console.log(event.clientX, event.clientY);\n *   }\n * };\n * ```\n *\n * @param event - The value to check for client coordinates\n * @returns A type predicate indicating if the value has client coordinates\n */\nexport const hasClientCoordinates = (\n  event: unknown,\n): event is WithClientCoordinates => {\n  return (\n    typeof event === 'object' &&\n    event !== null &&\n    'clientX' in event &&\n    'clientY' in event &&\n    typeof event.clientX === 'number' &&\n    typeof event.clientY === 'number'\n  );\n};\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sqlrooms/cosmos",
-  "version": "0.4.2",
+  "version": "0.5.1",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "module": "dist/index.js",
@@ -20,9 +20,13 @@
   },
   "dependencies": {
     "@cosmograph/cosmos": "2.0.0-beta.22",
-    "@sqlrooms/ui": "0.4.2",
+    "@sqlrooms/project-builder": "0.5.1",
+    "@sqlrooms/project-config": "0.5.1",
+    "@sqlrooms/ui": "0.5.1",
+    "immer": "^10.1.1",
     "lucide-react": "^0.474.0",
-    "zod": "^3.24.1"
+    "zod": "^3.24.1",
+    "zustand": "^5.0.3"
   },
   "peerDependencies": {
     "react": "*",
@@ -34,5 +38,5 @@
     "lint": "eslint .",
     "typedoc": "typedoc"
   },
-  "gitHead": "c71b75c7c6f391e0760803bcac674b8a59368922"
+  "gitHead": "5e41362f1552ee1f8a661c487fe7cdb606cc6d23"
 }

package/dist/CosmosGraphContext.d.ts

@@ -1,76 +0,0 @@
-import { Graph } from '@cosmograph/cosmos';
-/**
- * The shape of the context value provided by CosmosGraphContext.
- */
-interface CosmosGraphContextValue {
-    /** Whether the graph simulation is currently running */
-    isSimulationRunning: boolean;
-    /** Reference to the Cosmos Graph instance */
-    graphRef: React.MutableRefObject<Graph | null> | null;
-    /** Function to toggle the simulation state between running and paused */
-    handleToggleSimulation: () => void;
-    /** Function to fit the graph view to show all nodes */
-    handleFitView: () => void;
-    /** Function to start simulation with an energy push */
-    handleStartWithEnergy: () => void;
-}
-/**
- * Hook to access the CosmosGraph context.
- *
- * Provides access to:
- * - Graph simulation state
- * - Graph instance reference
- * - Control functions for simulation and view
- *
- * @example
- * ```tsx
- * const CustomControl = () => {
- *   const { isSimulationRunning, handleToggleSimulation } = useCosmosGraph();
- *
- *   return (
- *     <button onClick={handleToggleSimulation}>
- *       {isSimulationRunning ? 'Pause' : 'Start'}
- *     </button>
- *   );
- * };
- * ```
- *
- * @throws {Error} If used outside of a CosmosGraphProvider
- * @returns The graph context value
- */
-export declare const useCosmosGraph: () => CosmosGraphContextValue;
-/**
- * Props for the CosmosGraphProvider component.
- */
-interface CosmosGraphProviderProps {
-    /** Child components that will have access to the graph context */
-    children: React.ReactNode;
-    /** Reference to the Cosmos Graph instance */
-    graphRef: React.MutableRefObject<Graph | null>;
-}
-/**
- * Provider component that makes graph state and controls available to its children.
- *
- * Manages:
- * - Simulation running state
- * - Graph instance reference
- * - Control functions for simulation and view
- *
- * @example
- * ```tsx
- * const MyGraph = () => {
- *   const graphRef = useRef<Graph | null>(null);
- *
- *   return (
- *     <CosmosGraphProvider graphRef={graphRef}>
- *       <CosmosGraph {...graphProps} />
- *       <CosmosGraphControls />
- *       <CustomControls />
- *     </CosmosGraphProvider>
- *   );
- * };
- * ```
- */
-export declare const CosmosGraphProvider: React.FC<CosmosGraphProviderProps>;
-export {};
-//# sourceMappingURL=CosmosGraphContext.d.ts.map

package/dist/CosmosGraphContext.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CosmosGraphContext.d.ts","sourceRoot":"","sources":["../src/CosmosGraphContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,EAAC,MAAM,oBAAoB,CAAC;AAGzC;;GAEG;AACH,UAAU,uBAAuB;IAC/B,wDAAwD;IACxD,mBAAmB,EAAE,OAAO,CAAC;IAC7B,6CAA6C;IAC7C,QAAQ,EAAE,KAAK,CAAC,gBAAgB,CAAC,KAAK,GAAG,IAAI,CAAC,GAAG,IAAI,CAAC;IACtD,yEAAyE;IACzE,sBAAsB,EAAE,MAAM,IAAI,CAAC;IACnC,uDAAuD;IACvD,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,uDAAuD;IACvD,qBAAqB,EAAE,MAAM,IAAI,CAAC;CACnC;AAQD;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,eAAO,MAAM,cAAc,+BAM1B,CAAC;AAEF;;GAEG;AACH,UAAU,wBAAwB;IAChC,kEAAkE;IAClE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,6CAA6C;IAC7C,QAAQ,EAAE,KAAK,CAAC,gBAAgB,CAAC,KAAK,GAAG,IAAI,CAAC,CAAC;CAChD;AAED;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAyClE,CAAC"}

package/dist/CosmosGraphContext.js

@@ -1,95 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { createContext, useCallback, useContext, useState } from 'react';
-/**
- * Context for sharing graph state and controls across components.
- * @internal
- */
-const CosmosGraphContext = createContext(null);
-/**
- * Hook to access the CosmosGraph context.
- *
- * Provides access to:
- * - Graph simulation state
- * - Graph instance reference
- * - Control functions for simulation and view
- *
- * @example
- * ```tsx
- * const CustomControl = () => {
- *   const { isSimulationRunning, handleToggleSimulation } = useCosmosGraph();
- *
- *   return (
- *     <button onClick={handleToggleSimulation}>
- *       {isSimulationRunning ? 'Pause' : 'Start'}
- *     </button>
- *   );
- * };
- * ```
- *
- * @throws {Error} If used outside of a CosmosGraphProvider
- * @returns The graph context value
- */
-export const useCosmosGraph = () => {
-    const context = useContext(CosmosGraphContext);
-    if (!context) {
-        throw new Error('useCosmosGraph must be used within a CosmosGraphProvider');
-    }
-    return context;
-};
-/**
- * Provider component that makes graph state and controls available to its children.
- *
- * Manages:
- * - Simulation running state
- * - Graph instance reference
- * - Control functions for simulation and view
- *
- * @example
- * ```tsx
- * const MyGraph = () => {
- *   const graphRef = useRef<Graph | null>(null);
- *
- *   return (
- *     <CosmosGraphProvider graphRef={graphRef}>
- *       <CosmosGraph {...graphProps} />
- *       <CosmosGraphControls />
- *       <CustomControls />
- *     </CosmosGraphProvider>
- *   );
- * };
- * ```
- */
-export const CosmosGraphProvider = ({ children, graphRef, }) => {
-    const [isSimulationRunning, setIsSimulationRunning] = useState(true);
-    const handleStartWithEnergy = useCallback(() => {
-        if (!graphRef.current)
-            return;
-        graphRef.current.start(1);
-        setIsSimulationRunning(true);
-    }, [graphRef]);
-    const handleToggleSimulation = useCallback(() => {
-        if (!graphRef.current)
-            return;
-        if (graphRef.current.isSimulationRunning) {
-            graphRef.current.pause();
-            setIsSimulationRunning(false);
-        }
-        else {
-            graphRef.current.restart();
-            setIsSimulationRunning(true);
-        }
-    }, [graphRef]);
-    const handleFitView = useCallback(() => {
-        if (!graphRef.current)
-            return;
-        graphRef.current.fitView();
-    }, [graphRef]);
-    return (_jsx(CosmosGraphContext.Provider, { value: {
-            isSimulationRunning,
-            graphRef,
-            handleToggleSimulation,
-            handleFitView,
-            handleStartWithEnergy,
-        }, children: children }));
-};
-//# sourceMappingURL=CosmosGraphContext.js.map

package/dist/CosmosGraphContext.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CosmosGraphContext.js","sourceRoot":"","sources":["../src/CosmosGraphContext.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,aAAa,EAAE,WAAW,EAAE,UAAU,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AAkBvE;;;GAGG;AACH,MAAM,kBAAkB,GAAG,aAAa,CAAiC,IAAI,CAAC,CAAC;AAE/E;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,EAAE;IACjC,MAAM,OAAO,GAAG,UAAU,CAAC,kBAAkB,CAAC,CAAC;IAC/C,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,MAAM,IAAI,KAAK,CAAC,0DAA0D,CAAC,CAAC;IAC9E,CAAC;IACD,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AAYF;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAuC,CAAC,EACtE,QAAQ,EACR,QAAQ,GACT,EAAE,EAAE;IACH,MAAM,CAAC,mBAAmB,EAAE,sBAAsB,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAErE,MAAM,qBAAqB,GAAG,WAAW,CAAC,GAAG,EAAE;QAC7C,IAAI,CAAC,QAAQ,CAAC,OAAO;YAAE,OAAO;QAC9B,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;QAC1B,sBAAsB,CAAC,IAAI,CAAC,CAAC;IAC/B,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,MAAM,sBAAsB,GAAG,WAAW,CAAC,GAAG,EAAE;QAC9C,IAAI,CAAC,QAAQ,CAAC,OAAO;YAAE,OAAO;QAC9B,IAAI,QAAQ,CAAC,OAAO,CAAC,mBAAmB,EAAE,CAAC;YACzC,QAAQ,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;YACzB,sBAAsB,CAAC,KAAK,CAAC,CAAC;QAChC,CAAC;aAAM,CAAC;YACN,QAAQ,CAAC,OAAO,CAAC,OAAO,EAAE,CAAC;YAC3B,sBAAsB,CAAC,IAAI,CAAC,CAAC;QAC/B,CAAC;IACH,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,MAAM,aAAa,GAAG,WAAW,CAAC,GAAG,EAAE;QACrC,IAAI,CAAC,QAAQ,CAAC,OAAO;YAAE,OAAO;QAC9B,QAAQ,CAAC,OAAO,CAAC,OAAO,EAAE,CAAC;IAC7B,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,OAAO,CACL,KAAC,kBAAkB,CAAC,QAAQ,IAC1B,KAAK,EAAE;YACL,mBAAmB;YACnB,QAAQ;YACR,sBAAsB;YACtB,aAAa;YACb,qBAAqB;SACtB,YAEA,QAAQ,GACmB,CAC/B,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/CosmosGraph.d.ts

@@ -1,14 +0,0 @@
-import { GraphConfigInterface } from '@cosmograph/cosmos';
-import { FC } from 'react';
-export type CosmosGraphProps = {
-    config: GraphConfigInterface;
-    pointPositions: Float32Array;
-    pointSizes: Float32Array;
-    pointColors: Float32Array;
-    linkIndexes?: Float32Array;
-    linkColors?: Float32Array;
-    focusedPointIndex?: number | undefined;
-    getPointTooltip?: (index: number) => React.ReactNode;
-};
-export declare const CosmosGraph: FC<CosmosGraphProps>;
-//# sourceMappingURL=CosmosGraph.d.ts.map

package/dist/components/CosmosGraph.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CosmosGraph.d.ts","sourceRoot":"","sources":["../../src/components/CosmosGraph.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAQ,oBAAoB,EAAC,MAAM,oBAAoB,CAAC;AAG/D,OAAO,EAAC,EAAE,EAAoD,MAAM,OAAO,CAAC;AA+B5E,MAAM,MAAM,gBAAgB,GAAG;IAC7B,MAAM,EAAE,oBAAoB,CAAC;IAC7B,cAAc,EAAE,YAAY,CAAC;IAC7B,UAAU,EAAE,YAAY,CAAC;IACzB,WAAW,EAAE,YAAY,CAAC;IAC1B,WAAW,CAAC,EAAE,YAAY,CAAC;IAC3B,UAAU,CAAC,EAAE,YAAY,CAAC;IAC1B,iBAAiB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACvC,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;CACtD,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CAoK5C,CAAC"}

package/dist/components/CosmosGraph.js

@@ -1,130 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { Graph } from '@cosmograph/cosmos';
-import { Button, cn } from '@sqlrooms/ui';
-import { Maximize2, Pause, Play } from 'lucide-react';
-import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
-const useRelativeCoordinates = (containerRef) => {
-    return useCallback((x, y) => {
-        if (!containerRef.current)
-            return [0, 0];
-        const rect = containerRef.current.getBoundingClientRect();
-        return [x - rect.left, y - rect.top];
-    }, [containerRef]);
-};
-const hasClientCoordinates = (event) => {
-    return (typeof event === 'object' &&
-        event !== null &&
-        'clientX' in event &&
-        'clientY' in event &&
-        typeof event.clientX === 'number' &&
-        typeof event.clientY === 'number');
-};
-export const CosmosGraph = ({ config, pointPositions, pointSizes, pointColors, linkIndexes, linkColors, focusedPointIndex, getPointTooltip, }) => {
-    const containerRef = useRef(null);
-    const graphRef = useRef(null);
-    const [isSimulationRunning, setIsSimulationRunning] = useState(true);
-    const [hoveredPoint, setHoveredPoint] = useState(null);
-    const calcRelativeCoordinates = useRelativeCoordinates(containerRef);
-    const configWithCallbacks = useMemo(() => {
-        return {
-            ...config,
-            onSimulationStart: () => {
-                setIsSimulationRunning(true);
-                config.onSimulationStart?.();
-            },
-            onSimulationPause: () => {
-                setIsSimulationRunning(false);
-                config.onSimulationPause?.();
-            },
-            onSimulationEnd: () => {
-                setIsSimulationRunning(false);
-                config.onSimulationEnd?.();
-            },
-            onSimulationRestart: () => {
-                setIsSimulationRunning(true);
-                config.onSimulationRestart?.();
-            },
-            onPointMouseOver: (index, _pointPosition, event) => {
-                if (hasClientCoordinates(event)) {
-                    setHoveredPoint({
-                        index,
-                        position: calcRelativeCoordinates(event.clientX, event.clientY),
-                    });
-                }
-            },
-            onPointMouseOut: () => {
-                setHoveredPoint(null);
-            },
-            onZoomStart: () => {
-                setHoveredPoint(null);
-            },
-            onDragStart: () => {
-                setHoveredPoint(null);
-            },
-        };
-    }, [config, calcRelativeCoordinates]);
-    useEffect(() => {
-        if (!graphRef.current)
-            return;
-        console.log({ focusedPointIndex });
-        graphRef.current.setFocusedPointByIndex(focusedPointIndex);
-    }, [focusedPointIndex]);
-    useEffect(() => {
-        if (!containerRef.current)
-            return;
-        if (!graphRef.current) {
-            graphRef.current = new Graph(containerRef.current);
-        }
-        const graph = graphRef.current;
-        graph.setPointPositions(pointPositions);
-        graph.setPointColors(pointColors);
-        graph.setPointSizes(pointSizes);
-        if (linkIndexes && linkColors) {
-            graph.setLinks(linkIndexes);
-            graph.setLinkColors(linkColors);
-        }
-        graph.setConfig(configWithCallbacks);
-        graph.render();
-        graph.start();
-        setIsSimulationRunning(true);
-        graph.setZoomLevel(0.6);
-        return () => {
-            graph.pause();
-            setIsSimulationRunning(false);
-        };
-    }, [
-        pointPositions,
-        pointColors,
-        pointSizes,
-        linkIndexes,
-        linkColors,
-        configWithCallbacks,
-    ]);
-    useEffect(() => {
-        if (!graphRef.current)
-            return;
-        graphRef.current.setConfig(configWithCallbacks);
-    }, [configWithCallbacks]);
-    const handleFitView = useCallback(() => {
-        if (!graphRef.current)
-            return;
-        graphRef.current.fitView();
-    }, []);
-    const handleToggleSimulation = useCallback(() => {
-        if (!graphRef.current)
-            return;
-        if (graphRef.current.isSimulationRunning) {
-            graphRef.current.pause();
-            setIsSimulationRunning(false);
-        }
-        else {
-            graphRef.current.start();
-            setIsSimulationRunning(true);
-        }
-    }, []);
-    return (_jsxs("div", { className: "relative w-full h-full", children: [_jsx("div", { ref: containerRef, className: "absolute w-full h-full" }), getPointTooltip ? (_jsx("div", { className: cn('absolute z-50 max-w-xs', 'bg-white/90 dark:bg-gray-800/90 rounded-md shadow-lg p-2', 'text-xs flex gap-2 items-center pointer-events-none transition-opacity duration-150', hoveredPoint ? 'opacity-100' : 'opacity-0'), style: {
-                    transform: `translate(${hoveredPoint?.position?.[0] ?? 0}px, ${hoveredPoint?.position?.[1] ?? 0}px) translate(-50%, 5px)`,
-                    visibility: hoveredPoint ? 'visible' : 'hidden',
-                }, children: _jsx("div", { children: getPointTooltip?.(hoveredPoint?.index ?? 0) }) })) : null, _jsxs("div", { className: "absolute top-1 left-1 flex gap-2", children: [!config.disableSimulation && (_jsx(_Fragment, { children: _jsx(Button, { onClick: handleToggleSimulation, variant: "outline", size: "sm", children: isSimulationRunning ? (_jsx(Pause, { className: "h-4 w-4" })) : (_jsx(Play, { className: "h-4 w-4" })) }) })), _jsx(Button, { onClick: handleFitView, variant: "outline", size: "sm", children: _jsx(Maximize2, { className: "h-4 w-4" }) })] })] }));
-};
-//# sourceMappingURL=CosmosGraph.js.map

package/dist/components/CosmosGraph.js.map

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