@fxhash/open-form-graph 0.0.1 → 0.0.2

package/dist/provider-CTDz6ZQd.js

@@ -0,0 +1,103 @@
+import { createContext, useCallback, useContext, useMemo, useRef, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/context/constants.ts
+const VOID_ROOT_ID = "void-root";
+const DEFAULT_GRAPH_CONFIG = {
+	debug: false,
+	nodeSize: 15,
+	minClusterSize: 10,
+	maxClusterSize: 20,
+	minZoom: .1,
+	maxZoom: 10,
+	theme: {
+		light: [
+			255,
+			255,
+			255
+		],
+		dark: [
+			0,
+			0,
+			0
+		]
+	}
+};
+
+//#endregion
+//#region src/context/provider.tsx
+const OpenFormGraphContext = createContext({
+	rootId: "",
+	rootImageSources: [],
+	setSelectedNode: () => {},
+	setHoveredNode: () => {},
+	theme: "light",
+	hideThumbnails: false,
+	setHideThumbnails: () => {},
+	config: DEFAULT_GRAPH_CONFIG,
+	data: {
+		nodes: [],
+		links: []
+	},
+	selectedNode: null,
+	hoveredNode: null,
+	simulation: { current: null },
+	setSelectedNodeById: () => {}
+});
+function OpenFormGraphProvider({ theme = "light", rootId, children, rootImageSources = [], config = DEFAULT_GRAPH_CONFIG, data }) {
+	const simulation = useRef(null);
+	const [selectedNode, _setSelectedNode] = useState(null);
+	const [hoveredNode, setHoveredNode] = useState(null);
+	const [hideThumbnails, setHideThumbnails] = useState(false);
+	const setSelectedNode = useCallback((node) => {
+		_setSelectedNode(node);
+		simulation.current?.setSelectedNode(node);
+	}, [_setSelectedNode]);
+	const setSelectedNodeById = useCallback((nodeId) => {
+		const node = simulation.current?.getNodeById(nodeId);
+		if (node) simulation.current?.handleClickNode(node);
+	}, [setSelectedNode]);
+	const contextValue = useMemo(() => {
+		return {
+			rootId,
+			selectedNode,
+			setSelectedNode,
+			setSelectedNodeById,
+			hoveredNode,
+			setHoveredNode,
+			hideThumbnails,
+			setHideThumbnails,
+			rootImageSources,
+			theme,
+			config,
+			data,
+			simulation
+		};
+	}, [
+		rootId,
+		selectedNode,
+		setSelectedNode,
+		setSelectedNodeById,
+		hoveredNode,
+		setHoveredNode,
+		hideThumbnails,
+		setHideThumbnails,
+		rootImageSources,
+		config,
+		data,
+		simulation
+	]);
+	return /* @__PURE__ */ jsx(OpenFormGraphContext.Provider, {
+		value: contextValue,
+		children
+	});
+}
+function useOpenFormGraph() {
+	const context = useContext(OpenFormGraphContext);
+	if (!context) throw new Error("useOpenFormGraph must be used within a OpenFormGraphProvider");
+	return context;
+}
+
+//#endregion
+export { DEFAULT_GRAPH_CONFIG, OpenFormGraphProvider, VOID_ROOT_ID, useOpenFormGraph };
+//# sourceMappingURL=provider-CTDz6ZQd.js.map

package/dist/provider-CTDz6ZQd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"provider-CTDz6ZQd.js","names":["DEFAULT_GRAPH_CONFIG: GraphConfig","node: SimNode | null","nodeId: string","contextValue: OpenFormGraphApi"],"sources":["../src/context/constants.ts","../src/context/provider.tsx"],"sourcesContent":["import { GraphConfig } from \"@/_interfaces\"\n\nexport const VOID_ROOT_ID = \"void-root\"\n\nexport const DEFAULT_GRAPH_CONFIG: GraphConfig = {\n  debug: false,\n  nodeSize: 15,\n  minClusterSize: 10,\n  maxClusterSize: 20,\n  minZoom: 0.1,\n  maxZoom: 10,\n  theme: {\n    light: [255, 255, 255],\n    dark: [0, 0, 0],\n  },\n}\n","import {\n  createContext,\n  useContext,\n  useState,\n  ReactNode,\n  Dispatch,\n  useMemo,\n  useRef,\n  MutableRefObject,\n  useCallback,\n} from \"react\"\nimport {\n  RawGraphData,\n  RootNodeImageSources,\n  SimNode,\n  ThemeMode,\n} from \"@/_types\"\nimport { GraphConfig } from \"@/_interfaces\"\nimport { DEFAULT_GRAPH_CONFIG } from \"./constants\"\nimport { OpenGraphSimulation } from \"@/sim/OpenGraphSimulation\"\n\ninterface OpenFormGraphProviderProps {\n  rootId: string\n  rootImageSources: RootNodeImageSources\n  theme: ThemeMode\n  children: ReactNode\n  config?: GraphConfig\n  data: RawGraphData\n  onSelectedNodeChange?: (node: SimNode | null) => void\n  onHoveredNodeChange?: (node: SimNode | null) => void\n}\n\nexport interface OpenFormGraphApi {\n  rootId: string\n  rootImageSources: RootNodeImageSources\n  setSelectedNode: Dispatch<SimNode | null>\n  setHoveredNode: Dispatch<SimNode | null>\n  theme: ThemeMode\n  hideThumbnails: boolean\n  setHideThumbnails: Dispatch<boolean>\n  config: GraphConfig\n  data: RawGraphData\n  simulation: MutableRefObject<OpenGraphSimulation | null>\n  selectedNode: SimNode | null\n  hoveredNode: SimNode | null\n  setSelectedNodeById: (nodeId: string) => void\n}\n\nconst OpenFormGraphContext = createContext<OpenFormGraphApi>({\n  rootId: \"\",\n  rootImageSources: [],\n  setSelectedNode: () => {},\n  setHoveredNode: () => {},\n  theme: \"light\",\n  hideThumbnails: false,\n  setHideThumbnails: () => {},\n  config: DEFAULT_GRAPH_CONFIG,\n  data: { nodes: [], links: [] },\n  selectedNode: null,\n  hoveredNode: null,\n  simulation: { current: null },\n  setSelectedNodeById: () => {},\n})\n\nexport function OpenFormGraphProvider({\n  theme = \"light\",\n  rootId,\n  children,\n  rootImageSources = [],\n  config = DEFAULT_GRAPH_CONFIG,\n  data,\n}: OpenFormGraphProviderProps) {\n  const simulation = useRef<OpenGraphSimulation | null>(null)\n  const [selectedNode, _setSelectedNode] = useState<SimNode | null>(null)\n  const [hoveredNode, setHoveredNode] = useState<SimNode | null>(null)\n  const [hideThumbnails, setHideThumbnails] = useState(false)\n\n  const setSelectedNode = useCallback(\n    (node: SimNode | null) => {\n      _setSelectedNode(node)\n      simulation.current?.setSelectedNode(node)\n    },\n    [_setSelectedNode]\n  )\n\n  const setSelectedNodeById = useCallback(\n    (nodeId: string) => {\n      const node = simulation.current?.getNodeById(nodeId)\n      if (node) {\n        simulation.current?.handleClickNode(node)\n      }\n    },\n    [setSelectedNode]\n  )\n\n  const contextValue: OpenFormGraphApi = useMemo(() => {\n    return {\n      rootId,\n      selectedNode,\n      setSelectedNode,\n      setSelectedNodeById,\n      hoveredNode,\n      setHoveredNode,\n      hideThumbnails,\n      setHideThumbnails,\n      rootImageSources,\n      theme,\n      config,\n      data,\n      simulation,\n    }\n  }, [\n    rootId,\n    selectedNode,\n    setSelectedNode,\n    setSelectedNodeById,\n    hoveredNode,\n    setHoveredNode,\n    hideThumbnails,\n    setHideThumbnails,\n    rootImageSources,\n    config,\n    data,\n    simulation,\n  ])\n\n  return (\n    <OpenFormGraphContext.Provider value={contextValue}>\n      {children}\n    </OpenFormGraphContext.Provider>\n  )\n}\n\nexport function useOpenFormGraph(): OpenFormGraphApi {\n  const context = useContext(OpenFormGraphContext)\n  if (!context) {\n    throw new Error(\n      \"useOpenFormGraph must be used within a OpenFormGraphProvider\"\n    )\n  }\n  return context\n}\n"],"mappings":";;;;AAEA,MAAa,eAAe;AAE5B,MAAaA,uBAAoC;CAC/C,OAAO;CACP,UAAU;CACV,gBAAgB;CAChB,gBAAgB;CAChB,SAAS;CACT,SAAS;CACT,OAAO;EACL,OAAO;GAAC;GAAK;GAAK;EAAI;EACtB,MAAM;GAAC;GAAG;GAAG;EAAE;CAChB;AACF;;;;ACiCD,MAAM,uBAAuB,cAAgC;CAC3D,QAAQ;CACR,kBAAkB,CAAE;CACpB,iBAAiB,MAAM,CAAE;CACzB,gBAAgB,MAAM,CAAE;CACxB,OAAO;CACP,gBAAgB;CAChB,mBAAmB,MAAM,CAAE;CAC3B,QAAQ;CACR,MAAM;EAAE,OAAO,CAAE;EAAE,OAAO,CAAE;CAAE;CAC9B,cAAc;CACd,aAAa;CACb,YAAY,EAAE,SAAS,KAAM;CAC7B,qBAAqB,MAAM,CAAE;AAC9B,EAAC;AAEF,SAAgB,sBAAsB,EACpC,QAAQ,SACR,QACA,UACA,mBAAmB,CAAE,GACrB,SAAS,sBACT,MAC2B,EAAE;CAC7B,MAAM,aAAa,OAAmC,KAAK;CAC3D,MAAM,CAAC,cAAc,iBAAiB,GAAG,SAAyB,KAAK;CACvE,MAAM,CAAC,aAAa,eAAe,GAAG,SAAyB,KAAK;CACpE,MAAM,CAAC,gBAAgB,kBAAkB,GAAG,SAAS,MAAM;CAE3D,MAAM,kBAAkB,YACtB,CAACC,SAAyB;AACxB,mBAAiB,KAAK;AACtB,aAAW,SAAS,gBAAgB,KAAK;CAC1C,GACD,CAAC,gBAAiB,EACnB;CAED,MAAM,sBAAsB,YAC1B,CAACC,WAAmB;EAClB,MAAM,OAAO,WAAW,SAAS,YAAY,OAAO;AACpD,MAAI,KACF,YAAW,SAAS,gBAAgB,KAAK;CAE5C,GACD,CAAC,eAAgB,EAClB;CAED,MAAMC,eAAiC,QAAQ,MAAM;AACnD,SAAO;GACL;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;EACD;CACF,GAAE;EACD;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACD,EAAC;AAEF,wBACE,IAAC,qBAAqB;EAAS,OAAO;EACnC;GAC6B;AAEnC;AAED,SAAgB,mBAAqC;CACnD,MAAM,UAAU,WAAW,qBAAqB;AAChD,MAAK,QACH,OAAM,IAAI,MACR;AAGJ,QAAO;AACR"}

package/dist/provider.d.ts

@@ -0,0 +1,2 @@
+import { DEFAULT_GRAPH_CONFIG$1 as DEFAULT_GRAPH_CONFIG, OpenFormGraphApi, OpenFormGraphProvider$1 as OpenFormGraphProvider, VOID_ROOT_ID$1 as VOID_ROOT_ID, useOpenFormGraph$1 as useOpenFormGraph } from "./constants-DU_wYtaU.js";
+export { DEFAULT_GRAPH_CONFIG, OpenFormGraphApi, OpenFormGraphProvider, VOID_ROOT_ID, useOpenFormGraph };

package/dist/provider.js

@@ -0,0 +1,3 @@
+import { DEFAULT_GRAPH_CONFIG, OpenFormGraphProvider, VOID_ROOT_ID, useOpenFormGraph } from "./provider-CTDz6ZQd.js";
+
+export { DEFAULT_GRAPH_CONFIG, OpenFormGraphProvider, VOID_ROOT_ID, useOpenFormGraph };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@fxhash/open-form-graph",
   "description": "A react-force-graph visualizer for open form collections",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "author": "fxhash",
   "dependencies": {
     "d3-force": "3.0.0",
@@ -9,8 +9,6 @@
     "d3-scale-chromatic": "3.1.0",
     "lodash.debounce": "4.0.8",
     "lodash.throttle": "4.1.1",
-    "react-force-graph-2d": "1.27.1",
-    "react-force-graph-3d": "1.26.1",
     "three": "0.176.0",
     "three-spritetext": "1.9.6"
   },
@@ -24,14 +22,22 @@
     "@types/react-dom": "18.3.1",
     "@types/three": "0.176.0",
     "esbuild-css-modules-plugin": "2.7.1",
-    "tsup": "8.4.0",
+    "tsdown": "0.12.2",
     "typescript": "5.8.2",
-    "@fxhash/tsconfig": "0.0.1"
+    "@fxhash/tsconfig": "0.0.2"
   },
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
       "default": "./dist/index.js"
+    },
+    "./provider": {
+      "types": "./dist/provider.d.ts",
+      "default": "./dist/provider.js"
+    },
+    "./components": {
+      "types": "./dist/components.d.ts",
+      "default": "./dist/components.js"
     }
   },
   "files": [
@@ -46,9 +52,10 @@
     "access": "public"
   },
   "repository": "fxhash/fxhash-package",
+  "sideEffects": false,
   "type": "module",
   "scripts": {
-    "build": "tsup",
-    "dev": "tsup --watch"
+    "build": "tsdown && tsc --noEmit",
+    "dev": "tsdown --watch"
   }
 }