@sqlrooms/cosmos 0.4.2 → 0.5.0

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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sqlrooms/cosmos",
-  "version": "0.4.2",
+  "version": "0.5.0",
   "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.0",
+    "@sqlrooms/project-config": "0.5.0",
+    "@sqlrooms/ui": "0.5.0",
+    "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": "2a27ef8a774f934c8150dce57aac22699fb6d22f"
 }

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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"}

package/dist/config.d.ts

@@ -1,24 +0,0 @@
-import { z } from 'zod';
-export declare const CosmosSimulationConfigSchema: z.ZodObject<{
-    simulationGravity: z.ZodNumber;
-    simulationRepulsion: z.ZodNumber;
-    simulationLinkSpring: z.ZodNumber;
-    simulationLinkDistance: z.ZodNumber;
-    simulationFriction: z.ZodNumber;
-    simulationDecay: z.ZodNumber;
-}, "strip", z.ZodTypeAny, {
-    simulationDecay: number;
-    simulationGravity: number;
-    simulationRepulsion: number;
-    simulationLinkSpring: number;
-    simulationLinkDistance: number;
-    simulationFriction: number;
-}, {
-    simulationDecay: number;
-    simulationGravity: number;
-    simulationRepulsion: number;
-    simulationLinkSpring: number;
-    simulationLinkDistance: number;
-    simulationFriction: number;
-}>;
-//# sourceMappingURL=config.d.ts.map

package/dist/config.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../src/config.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,CAAC,EAAC,MAAM,KAAK,CAAC;AAGtB,eAAO,MAAM,4BAA4B;;;;;;;;;;;;;;;;;;;;;EAsBvC,CAAC"}

package/dist/config.js

@@ -1,18 +0,0 @@
-import { z } from 'zod';
-export const CosmosSimulationConfigSchema = z.object({
-    simulationGravity: z.number().describe('Gravity force in the simulation'),
-    simulationRepulsion: z.number().describe('Repulsion force between nodes'),
-    simulationLinkSpring: z
-        .number()
-        .describe('Spring force for links between nodes'),
-    simulationLinkDistance: z
-        .number()
-        .describe('Target distance between linked nodes'),
-    simulationFriction: z
-        .number()
-        .describe('Friction coefficient in the simulation'),
-    simulationDecay: z
-        .number()
-        .describe('Decay coefficient in the simulation. Use smaller values if you want the simulation to "cool down" slower.'),
-});
-//# sourceMappingURL=config.js.map

package/dist/config.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"config.js","sourceRoot":"","sources":["../src/config.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,CAAC,EAAC,MAAM,KAAK,CAAC;AAGtB,MAAM,CAAC,MAAM,4BAA4B,GAAG,CAAC,CAAC,MAAM,CAAC;IACnD,iBAAiB,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,iCAAiC,CAAC;IAEzE,mBAAmB,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,+BAA+B,CAAC;IAEzE,oBAAoB,EAAE,CAAC;SACpB,MAAM,EAAE;SACR,QAAQ,CAAC,sCAAsC,CAAC;IAEnD,sBAAsB,EAAE,CAAC;SACtB,MAAM,EAAE;SACR,QAAQ,CAAC,sCAAsC,CAAC;IAEnD,kBAAkB,EAAE,CAAC;SAClB,MAAM,EAAE;SACR,QAAQ,CAAC,wCAAwC,CAAC;IAErD,eAAe,EAAE,CAAC;SACf,MAAM,EAAE;SACR,QAAQ,CACP,2GAA2G,CAC5G;CACJ,CAAC,CAAC"}

package/dist/hooks/index.d.ts

@@ -1,29 +0,0 @@
-/**
- * React hooks for managing Cosmos graph state and interactions
- *
- * This module exports several hooks that help manage different aspects of a Cosmos graph:
- *
- * - `useGraph`: Core hook for managing the graph instance and its lifecycle
- * - `useHoverState`: Hook for managing point hover state and coordinates
- * - `useGraphConfig`: Hook for creating a memoized graph configuration with event handlers
- *
- * @example Using multiple hooks together
- * ```tsx
- * const MyGraph = () => {
- *   const containerRef = useRef<HTMLDivElement>(null);
- *   const calcRelativeCoords = useRelativeCoordinates(containerRef);
- *
- *   const { hoveredPoint, onPointMouseOver } = useHoverState(calcRelativeCoords);
- *   const config = useGraphConfig(baseConfig, onPointMouseOver, clearHoverState);
- *   const graphRef = useGraph(containerRef, config, positions, colors, sizes);
- *
- *   return <div ref={containerRef} />;
- * };
- * ```
- *
- * @packageDocumentation
- */
-export * from './useGraph';
-export * from './useHoverState';
-export * from './useGraphConfig';
-//# sourceMappingURL=index.d.ts.map

package/dist/hooks/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AAEH,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC"}

package/dist/hooks/index.js

@@ -1,29 +0,0 @@
-/**
- * React hooks for managing Cosmos graph state and interactions
- *
- * This module exports several hooks that help manage different aspects of a Cosmos graph:
- *
- * - `useGraph`: Core hook for managing the graph instance and its lifecycle
- * - `useHoverState`: Hook for managing point hover state and coordinates
- * - `useGraphConfig`: Hook for creating a memoized graph configuration with event handlers
- *
- * @example Using multiple hooks together
- * ```tsx
- * const MyGraph = () => {
- *   const containerRef = useRef<HTMLDivElement>(null);
- *   const calcRelativeCoords = useRelativeCoordinates(containerRef);
- *
- *   const { hoveredPoint, onPointMouseOver } = useHoverState(calcRelativeCoords);
- *   const config = useGraphConfig(baseConfig, onPointMouseOver, clearHoverState);
- *   const graphRef = useGraph(containerRef, config, positions, colors, sizes);
- *
- *   return <div ref={containerRef} />;
- * };
- * ```
- *
- * @packageDocumentation
- */
-export * from './useGraph';
-export * from './useHoverState';
-export * from './useGraphConfig';
-//# sourceMappingURL=index.js.map

package/dist/hooks/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AAEH,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC"}