@tumaet/apollon 4.0.0-alpha.0 → 4.0.2-alpha.0

package/dist/index.js

@@ -31673,132 +31673,7 @@ class Rb {
     this.diagramStore.getState().addOrUpdateAssessment(t);
   }
 }
-function styleInject(css,ref){if(ref===void 0){ref={}}var insertAt=ref.insertAt;if(!css||typeof document==="undefined"){return}var head=document.head||document.getElementsByTagName("head")[0];var style=document.createElement("style");style.type="text/css";if(insertAt==="top"){if(head.firstChild){head.insertBefore(style,head.firstChild)}else{head.appendChild(style)}}else{head.appendChild(style)}if(style.styleSheet){style.styleSheet.cssText=css}else{style.appendChild(document.createTextNode(css))}};styleInject(`:root {
-  font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
-  line-height: 1.5;
-  font-weight: 400;
-}
-
-.react-flow {
-  --panel-background: #fff;
-  --panel-shadow: 0 0 4px 0 rgb(0 0 0 / 0.2);
-  --text: #0a0a0a;
-  --xy-edge-stroke: black;
-  --xy-minimap-mask-background-color-props: #00000020;
-}
-
-.react-flow__panel,
-.react-flow__node-toolbar {
-  background-color: var(--panel-background);
-  box-shadow: var(--panel-shadow);
-  border-radius: 8px;
-  padding: 8px;
-}
-
-.react-flow svg {
-  display: block;
-}
-
-.react-flow__node-toolbar {
-  display: flex;
-  gap: 8px;
-}
-
-.react-flow__controls-button,
-.react-flow__controls-button:hover {
-  background: var(--panel-background);
-  border-bottom: none;
-}
-
-.react-flow__controls-button > svg {
-  fill: var(--text);
-}
-
-.react-flow__handle {
-  opacity: 0;
-  background-color: rgb(99, 154, 242);
-}
-
-.react-flow__resize-control line {
-  z-index: 9;
-}
-
-.react-flow__node:hover .react-flow__handle {
-  opacity: 0.6;
-  padding: 4px;
-  background-color: rgb(99, 154, 242);
-}
-
-.edge-circle {
-  opacity: 0;
-  background-color: rgb(99, 154, 242);
-}
-
-.react-flow__edge:hover .edge-circle {
-  opacity: 0.4;
-  padding: 4px;
-  fill: #007bff; /* Blue color for handles */
-}
-.react-flow__edge.selected .edge-circle {
-  opacity: 0.4;
-  padding: 4px;
-  fill: #007bff; /* Blue color for handles */
-}
-
-.react-flow__edge:hover .edge-overlay {
-  opacity: 0.4;
-  padding: 4px;
-  stroke: #007bff; /* Blue color for edge */
-  stroke-width: 15px;
-}
-.react-flow__edge:hover .edge-marker-highlight {
-  opacity: 0.4;
-  padding: 4px;
-  stroke: #007bff; /* Blue color for edge */
-  stroke-width: 15px;
-}
-
-.react-flow__edge.selected .edge-overlay {
-  opacity: 0.4;
-  padding: 4px;
-  stroke: #007bff; /* Blue color for edge */
-  stroke-width: 15px;
-}
-.react-flow__edge.selected .edge-marker-highlight {
-  opacity: 0.4;
-  padding: 4px;
-  stroke: #007bff; /* Blue color for edge */
-  stroke-width: 15px;
-}
-
-.react-flow__node:hover {
-  opacity: 0.9;
-}
-
-.react-flow__node.selected {
-  opacity: 0.9;
-}
-
-.react-flow__edges {
-  z-index: 9999;
-}
-
-.react-flow__node {
-  z-index: 9998;
-}
-
-.react-flow__minimap-mask {
-  fill: "#f2f2f2";
-  opacity: 0.6;
-}
-
-.prevent-select {
-  -webkit-user-select: none; /* Safari */
-  -ms-user-select: none; /* IE 10 and IE 11 */
-  user-select: none; /* Standard syntax */
-}
-
-/* this gets exported as style.css and can be used for the default theming */
+function styleInject(css,ref){if(ref===void 0){ref={}}var insertAt=ref.insertAt;if(!css||typeof document==="undefined"){return}var head=document.head||document.getElementsByTagName("head")[0];var style=document.createElement("style");style.type="text/css";if(insertAt==="top"){if(head.firstChild){head.insertBefore(style,head.firstChild)}else{head.appendChild(style)}}else{head.appendChild(style)}if(style.styleSheet){style.styleSheet.cssText=css}else{style.appendChild(document.createTextNode(css))}};styleInject(`/* this gets exported as style.css and can be used for the default theming */
 /* these are the necessary styles for React/Svelte Flow, they get used by base.css and style.css */
 .react-flow {
   direction: ltr;
@@ -32397,6 +32272,131 @@ svg.react-flow__connectionline {
 .react-flow__edge-text {
   fill: var(--xy-edge-label-color, var(--xy-edge-label-color-default));
 }
+
+:root {
+  font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
+  line-height: 1.5;
+  font-weight: 400;
+}
+
+.react-flow {
+  --panel-background: #fff;
+  --panel-shadow: 0 0 4px 0 rgb(0 0 0 / 0.2);
+  --text: #0a0a0a;
+  --xy-edge-stroke: black;
+  --xy-minimap-mask-background-color-props: #00000020;
+}
+
+.react-flow__panel,
+.react-flow__node-toolbar {
+  background-color: var(--panel-background);
+  box-shadow: var(--panel-shadow);
+  border-radius: 8px;
+  padding: 8px;
+}
+
+.react-flow svg {
+  display: block;
+}
+
+.react-flow__node-toolbar {
+  display: flex;
+  gap: 8px;
+}
+
+.react-flow__controls-button,
+.react-flow__controls-button:hover {
+  background: var(--panel-background);
+  border-bottom: none;
+}
+
+.react-flow__controls-button > svg {
+  fill: var(--text);
+}
+
+.react-flow__handle {
+  opacity: 0;
+  background-color: rgb(99, 154, 242);
+}
+
+.react-flow__resize-control line {
+  z-index: 9;
+}
+
+.react-flow__node:hover .react-flow__handle {
+  opacity: 0.6;
+  padding: 4px;
+  background-color: rgb(99, 154, 242);
+}
+
+.edge-circle {
+  opacity: 0;
+  background-color: rgb(99, 154, 242);
+}
+
+.react-flow__edge:hover .edge-circle {
+  opacity: 0.4;
+  padding: 4px;
+  fill: #007bff; /* Blue color for handles */
+}
+.react-flow__edge.selected .edge-circle {
+  opacity: 0.4;
+  padding: 4px;
+  fill: #007bff; /* Blue color for handles */
+}
+
+.react-flow__edge:hover .edge-overlay {
+  opacity: 0.4;
+  padding: 4px;
+  stroke: #007bff; /* Blue color for edge */
+  stroke-width: 15px;
+}
+.react-flow__edge:hover .edge-marker-highlight {
+  opacity: 0.4;
+  padding: 4px;
+  stroke: #007bff; /* Blue color for edge */
+  stroke-width: 15px;
+}
+
+.react-flow__edge.selected .edge-overlay {
+  opacity: 0.4;
+  padding: 4px;
+  stroke: #007bff; /* Blue color for edge */
+  stroke-width: 15px;
+}
+.react-flow__edge.selected .edge-marker-highlight {
+  opacity: 0.4;
+  padding: 4px;
+  stroke: #007bff; /* Blue color for edge */
+  stroke-width: 15px;
+}
+
+.react-flow__node:hover {
+  opacity: 0.9;
+}
+
+.react-flow__node.selected {
+  opacity: 0.9;
+}
+
+.react-flow__edges {
+  z-index: 9999;
+}
+
+.react-flow__node {
+  z-index: 9998;
+}
+
+.react-flow__minimap-mask {
+  fill: "#f2f2f2";
+  opacity: 0.6;
+}
+
+.prevent-select {
+  -webkit-user-select: none; /* Safari */
+  -ms-user-select: none; /* IE 10 and IE 11 */
+  user-select: none; /* Standard syntax */
+}
 `);
 export {
   Rb as ApollonEditor,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tumaet/apollon",
-  "version": "4.0.0-alpha.0",
+  "version": "4.0.2-alpha.0",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -25,11 +25,11 @@
     "@mui/material": "6.3.1",
     "@types/node": "22.13.8",
     "@xyflow/react": "12.3.6",
+    "react": "18.3.1",
+    "react-dom": "18.3.1",
     "uuid": "11.0.3",
     "y-websocket": "2.1.0",
-    "zustand": "5.0.3",
-    "react": "18.3.1",
-    "react-dom": "18.3.1"
+    "zustand": "5.0.3"
   },
   "devDependencies": {
     "@eslint/js": "9.17.0",