likec4 1.13.0 → 1.15.0

package/README.md

@@ -102,6 +102,10 @@ likec4 preview -o ./dist
 
 For example, this command can be used on CI, to compare diagrams with ones from the previous/main build.
 
+> **Tip:**\
+> The website root is strictly bound to the given base path (`/` by default).
+> If you need a relocatable bundle you may use `--base "./"`.
+
 ### Export to PNG
 
 ```sh

package/dist/__app__/src/chunks/{-index-overview-DrWsHFH4.js → -index-overview-BwT9t8VB.js}

@@ -1,17 +1,17 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { useOverviewGraph } from "virtual:likec4/overview-graph";
-import { u, c as createReactComponent, I as IconFolderFilled, e, a as useUpdateEffect, n as nonexhaustive } from "./main-Bb3q3o7f.js";
-import { u as useRouter } from "./tanstack-router-C6UpMKjv.js";
-import { B as BaseEdge, H as Handle, P as Position, u as useNodesState, a as useEdgesState, i as index, b as Background, c as BackgroundVariant } from "./likec4-B4TbAFjc.js";
+import { u, c as createReactComponent, I as IconFolderFilled, e, a as useUpdateEffect, n as nonexhaustive } from "./main-Q7z-4OPp.js";
+import { u as useRouter } from "./tanstack-router-CfO1HFS2.js";
+import { B as BaseEdge, H as Handle, P as Position, u as useNodesState, a as useEdgesState, i as index, b as Background, c as BackgroundVariant } from "./likec4-zEZHE7gJ.js";
 import { memo, useRef, useMemo } from "react";
-import { P as Paper, c as clsx, G as Group, T as ThemeIcon, a as Text, C as Card, b as CardSection, d as Center, I as Image, B as Box, u as useMantineColorScheme } from "./mantine-5H3V65ZR.js";
+import { P as Paper, c as clsx, G as Group, T as ThemeIcon, a as Text, C as Card, b as CardSection, d as Center, I as Image, B as Box, u as useMantineColorScheme } from "./mantine-Dx0sIYv1.js";
 import { usePreviewUrl } from "virtual:likec4/previews";
-function a(...n) {
-  return u(c, n);
+function i(...e2) {
+  return u(y, e2);
 }
-function c(n, r) {
+function y(e2, r) {
   let o = {};
-  for (let e2 of r) e2 in n && (o[e2] = n[e2]);
+  for (let n of r) n in e2 && (o[n] = e2[n]);
   return o;
 }
 /**
@@ -29,7 +29,7 @@ var IconLoader = createReactComponent("outline", "loader", "IconLoader", [["path
  */
 var IconFileFilled = createReactComponent("filled", "file-filled", "IconFileFilled", [["path", { d: "M12 2l.117 .007a1 1 0 0 1 .876 .876l.007 .117v4l.005 .15a2 2 0 0 0 1.838 1.844l.157 .006h4l.117 .007a1 1 0 0 1 .876 .876l.007 .117v9a3 3 0 0 1 -2.824 2.995l-.176 .005h-10a3 3 0 0 1 -2.995 -2.824l-.005 -.176v-14a3 3 0 0 1 2.824 -2.995l.176 -.005h5z", key: "svg-0" }], ["path", { d: "M19 7h-4l-.001 -4.001z", key: "svg-1" }]]), root = "mxt2a80";
 function edgePath(points) {
-  return points.reduce((acc, [x, y], i) => acc + `${i === 0 ? "M" : " L"} ${x},${y}`, "");
+  return points.reduce((acc, [x, y2], i2) => acc + `${i2 === 0 ? "M" : " L"} ${x},${y2}`, "");
 }
 function LinkEdge({
   id,
@@ -224,7 +224,7 @@ function OverviewDiagrams({
     setNodes(
       (nodes2) => xyflowdata.nodes.map((n) => {
         const current = nodes2.find((node) => node.id === n.id);
-        return current ? { ...a(current, ["selected", "hidden"]), ...n } : n;
+        return current ? { ...i(current, ["selected", "hidden"]), ...n } : n;
       })
     ), setEdges(xyflowdata.edges);
   }, [xyflowdata.nodes, xyflowdata.edges]);

package/dist/__app__/src/chunks/{likec4-B4TbAFjc.js → likec4-zEZHE7gJ.js}

@@ -5673,6 +5673,11 @@ function EdgeLabelRenderer({ children: children2 }) {
   const edgeLabelRenderer = useStore(selector$6);
   return edgeLabelRenderer ? createPortal(children2, edgeLabelRenderer) : null;
 }
+const selector$5 = (s) => s.domNode?.querySelector(".react-flow__viewport-portal");
+function ViewportPortal({ children: children2 }) {
+  const viewPortalDiv = useStore(selector$5);
+  return viewPortalDiv ? createPortal(children2, viewPortalDiv) : null;
+}
 function useNodesState(initialNodes) {
   const [nodes, setNodes] = useState(initialNodes), onNodesChange = useCallback((changes) => setNodes((nds) => applyNodeChanges(changes, nds)), []);
   return [nodes, setNodes, onNodesChange];
@@ -6064,6 +6069,7 @@ export {
   NodeToolbar as N,
   Position as P,
   ReactFlowProvider as R,
+  ViewportPortal as V,
   useEdgesState as a,
   Background as b,
   BackgroundVariant as c,