@ocelescope/resources 0.0.0 → 0.1.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ocelescope/resources",
   "type": "module",
-  "version": "0.0.0",
+  "version": "0.1.0",
   "description": "Ocelescope resources: helpers and UI components for rendering and exporting data.",
   "author": "Görkem-Emre Öztürk <goerkem.oeztuerk@rwth-aachen.de>",
   "license": "MIT",
@@ -27,36 +27,38 @@
     "access": "public"
   },
   "peerDependencies": {
+    "@floating-ui/react": "^0.27.18",
     "@hpcc-js/wasm-graphviz": "^1.21.0",
-    "@mantine/core": "^8.3.14",
-    "cytoscape": "^3.33.1",
+    "@mantine/core": "^9.4.0",
+    "@xyflow/react": "^12.10.1",
     "dayjs": "^1.11.19",
+    "elkjs": "^0.11.0",
     "file-saver": "^2.0.5",
     "lodash": "^4.17.23",
-    "lucide-react": "^0.563.0",
-    "mantine-datatable": "^8.3.13",
-    "next": "16.1.6",
+    "lucide-react": "^1.0.0",
+    "mantine-datatable": "^9.3.1",
+    "next": "^16.1.6",
     "react": "^19.2.0",
-    "react-cytoscapejs": "^2.0.0",
     "react-dom": "^19.2.0",
-    "react-plotly.js": "^2.6.0",
-    "react-zoom-pan-pinch": "^3.7.0",
-    "@floating-ui/react": "^0.27.18",
-    "@ocelescope/api-base": "0.0.0"
+    "react-plotly.js": "^4.0.0",
+    "react-zoom-pan-pinch": "^4.0.0",
+    "@ocelescope/api-base": "0.1.0"
   },
   "devDependencies": {
-    "@tsconfig/strictest": "^2.0.8",
+    "@tsdown/css": "^0.22.0",
     "@types/file-saver": "^2.0.7",
     "@types/lodash": "^4.17.23",
     "@types/node": "^25.0.3",
     "@types/react": "^19.2.7",
-    "@types/react-cytoscapejs": "^1.2.6",
     "@types/react-dom": "^19.2.3",
-    "@types/react-plotly.js": "^2.6.4",
-    "bumpp": "^10.3.2",
-    "tsdown": "^0.18.1",
+    "bumpp": "^11.0.0",
+    "tsdown": "^0.22.0",
     "typescript": "^5.9.3"
   },
+  "dependencies": {
+    "html-to-image": "1.11.13",
+    "jspdf": "^4.2.1"
+  },
   "scripts": {
     "build": "tsdown",
     "dev": "tsdown --watch",

package/dist/Cytoscape-BpEZfi09.js

@@ -1,110 +0,0 @@
-import { t as CytoscapeContext } from "./CytoscapeContext-DrvVpY9-.js";
-import { useEffect, useRef } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import CytoscapeComponent from "react-cytoscapejs";
-
-//#region src/components/Cytoscape/Cytoscape.tsx
-const CytoscapeGraph = ({ children, ...props }) => {
-	const cytoscapeRef = useRef(null);
-	useEffect(() => {
-		const cy = cytoscapeRef.current;
-		if (!cy) return;
-		const handleResize = () => {
-			cy.fit();
-		};
-		cy.on("resize", handleResize);
-		return () => {
-			cy.removeListener("resize", handleResize);
-		};
-	}, []);
-	const nodeStyles = [{
-		selector: "node",
-		css: {
-			"font-size": 14,
-			shape: "data(shape)",
-			label: "data(label)",
-			"text-valign": "data(label_pos)",
-			"text-halign": "center",
-			width: "data(width)",
-			height: "data(height)",
-			"background-color": "data(color)"
-		}
-	}, {
-		selector: "node[border_color]",
-		css: {
-			"border-width": 2,
-			"border-color": "data(border_color)",
-			"border-style": "solid"
-		}
-	}];
-	const edgeStyles = [
-		{
-			selector: "edge",
-			css: {
-				"line-color": "data(color)",
-				"target-arrow-color": "data(color)",
-				"source-arrow-color": "data(color)",
-				"arrow-scale": 1.5,
-				"curve-style": "bezier",
-				"font-size": 12,
-				"text-background-opacity": 1,
-				"text-background-shape": "roundrectangle",
-				"text-background-padding": "3px",
-				"text-background-color": "#888"
-			}
-		},
-		{
-			selector: "edge[color]",
-			css: { "text-background-color": "data(color)" }
-		},
-		{
-			selector: "edge[label]",
-			css: {
-				label: "data(label)",
-				"text-rotation": "autorotate"
-			}
-		},
-		{
-			selector: "edge[start_label]",
-			css: {
-				"source-label": "data(start_label)",
-				"source-text-rotation": "autorotate",
-				"source-text-offset": 20
-			}
-		},
-		{
-			selector: "edge[end_label]",
-			css: {
-				"target-label": "data(end_label)",
-				"target-text-rotation": "autorotate",
-				"target-text-offset": 20
-			}
-		},
-		{
-			selector: "edge[start_arrow]",
-			css: { "source-arrow-shape": "data(start_arrow)" }
-		},
-		{
-			selector: "edge[end_arrow]",
-			css: { "target-arrow-shape": "data(end_arrow)" }
-		}
-	];
-	return /* @__PURE__ */ jsxs(CytoscapeContext.Provider, {
-		value: { cy: cytoscapeRef },
-		children: [/* @__PURE__ */ jsx(CytoscapeComponent, {
-			style: {
-				width: "100%",
-				height: "100%"
-			},
-			stylesheet: [...nodeStyles, ...edgeStyles],
-			cy: (cy) => {
-				cytoscapeRef.current = cy;
-			},
-			...props
-		}), children]
-	});
-};
-var Cytoscape_default = CytoscapeGraph;
-
-//#endregion
-export { Cytoscape_default as default };

package/dist/CytoscapeContext-DrvVpY9-.js

@@ -1,10 +0,0 @@
-import { createContext, useContext } from "react";
-
-//#region src/components/Cytoscape/CytoscapeContext.tsx
-const CytoscapeContext = createContext(void 0);
-const useCytoscapeContext = () => {
-	return useContext(CytoscapeContext);
-};
-
-//#endregion
-export { useCytoscapeContext as n, CytoscapeContext as t };