likec4 0.41.0 → 0.42.1

package/dist/@likec4/diagrams/cjs/diagram/shapes/index.js

@@ -1,54 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "CompoundShape", {
-  enumerable: true,
-  get: function () {
-    return _Compound.CompoundShape;
-  }
-});
-Object.defineProperty(exports, "CylinderShape", {
-  enumerable: true,
-  get: function () {
-    return _Cylinder.CylinderShape;
-  }
-});
-Object.defineProperty(exports, "EdgeShape", {
-  enumerable: true,
-  get: function () {
-    return _Edge.EdgeShape;
-  }
-});
-Object.defineProperty(exports, "MobileShape", {
-  enumerable: true,
-  get: function () {
-    return _Mobile.MobileShape;
-  }
-});
-Object.defineProperty(exports, "PersonShape", {
-  enumerable: true,
-  get: function () {
-    return _Person.PersonShape;
-  }
-});
-Object.defineProperty(exports, "QueueShape", {
-  enumerable: true,
-  get: function () {
-    return _Queue.QueueShape;
-  }
-});
-Object.defineProperty(exports, "RectangleShape", {
-  enumerable: true,
-  get: function () {
-    return _Rectangle.RectangleShape;
-  }
-});
-var _Compound = require("./Compound");
-var _Rectangle = require("./Rectangle");
-var _Cylinder = require("./Cylinder");
-var _Mobile = require("./Mobile");
-var _Queue = require("./Queue");
-var _Person = require("./Person");
-var _Edge = require("./Edge");

package/dist/@likec4/diagrams/cjs/diagram/shapes/types.js

@@ -1 +0,0 @@
-"use strict";

package/dist/@likec4/diagrams/cjs/diagram/shapes/utils.js

@@ -1,19 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.mouseDefault = mouseDefault;
-exports.mousePointer = mousePointer;
-function mousePointer(e) {
-  const container = e.target.getStage()?.container();
-  if (container) {
-    container.style.cursor = "pointer";
-  }
-}
-function mouseDefault(e) {
-  const container = e.target.getStage()?.container();
-  if (container) {
-    container.style.cursor = "auto";
-  }
-}

package/dist/@likec4/diagrams/cjs/diagram/springs.js

@@ -1,61 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useShadowSprings = exports.useNodeSpringsFn = void 0;
-var _konva = require("@react-spring/konva");
-var _khroma = require("khroma");
-var _rambdax = require("rambdax");
-var _react = require("react");
-const compoundColor = (0, _rambdax.memoize)((color, depth) => (0, _khroma.toHex)((0, _khroma.scale)(color, {
-  l: -35 - 5 * depth,
-  s: -15 - 5 * depth
-})));
-const isCompound = node => {
-  return node.children.length > 0;
-};
-function nodeSprings(theme, node) {
-  const {
-    position: [x, y],
-    size: {
-      width,
-      height
-    },
-    color
-  } = node;
-  const colors = theme.colors[color];
-  const offsetX = Math.round(width / 2);
-  const offsetY = Math.round(height / 2);
-  return {
-    opacity: 1,
-    scaleX: 1,
-    scaleY: 1,
-    x: x + offsetX,
-    y: y + offsetY,
-    fill: isCompound(node) ? compoundColor(colors.fill, node.depth ?? 1) : colors.fill,
-    stroke: isCompound(node) ? compoundColor(colors.stroke, node.depth ?? 1) : colors.stroke,
-    width,
-    height,
-    offsetX,
-    offsetY
-  };
-}
-const useNodeSpringsFn = theme => {
-  return (0, _react.useCallback)(node => nodeSprings(theme, node), [theme]);
-};
-exports.useNodeSpringsFn = useNodeSpringsFn;
-const useShadowSprings = (isHovered = false, theme, springs) => {
-  const [values] = (0, _konva.useSpring)({
-    shadowBlur: isHovered ? 30 : 12,
-    shadowOpacity: isHovered ? 0.5 : 0.35,
-    shadowOffsetX: 0,
-    shadowOffsetY: isHovered ? 16 : 4,
-    shadowColor: theme.shadow
-  }, [isHovered, theme]);
-  return {
-    shadowEnabled: springs.opacity.to(v => v > 0.8),
-    ...values
-  };
-};
-exports.useShadowSprings = useShadowSprings;

package/dist/@likec4/diagrams/cjs/diagram/state/atoms.js

@@ -1,63 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.hoveredNodeIdAtom = exports.hoveredNodeAtom = exports.hoveredEdgeIdAtom = exports.hoveredEdgeAtom = void 0;
-var _jotai = require("jotai");
-var _rambdax = require("rambdax");
-var _utils = require("jotai/utils");
-const currentHoveredNodeAtom = (0, _jotai.atom)(null);
-const nodeTimeoutAtom = (0, _jotai.atom)(void 0);
-const hoveredNodeAtom = (0, _jotai.atom)(get => get(currentHoveredNodeAtom), (get, set, update) => {
-  clearTimeout(get(nodeTimeoutAtom));
-  const _prev = get(currentHoveredNodeAtom);
-  const _next = typeof update === "function" ? update(_prev) : update;
-  if ((0, _rambdax.equals)(_prev, _next)) {
-    return false;
-  }
-  if (_next != null && _prev == null) {
-    set(nodeTimeoutAtom, setTimeout(() => {
-      set(currentHoveredNodeAtom, _next);
-    }, 100));
-    return true;
-  }
-  if (_next == null && _prev != null) {
-    set(nodeTimeoutAtom, setTimeout(() => {
-      set(currentHoveredNodeAtom, null);
-    }, 150));
-    return true;
-  }
-  set(currentHoveredNodeAtom, _next);
-  return true;
-});
-exports.hoveredNodeAtom = hoveredNodeAtom;
-const hoveredNodeIdAtom = (0, _utils.selectAtom)(hoveredNodeAtom, node => node?.id ?? null);
-exports.hoveredNodeIdAtom = hoveredNodeIdAtom;
-const currentHoveredEdgeAtom = (0, _jotai.atom)(null);
-const edgeTimeoutAtom = (0, _jotai.atom)(void 0);
-const hoveredEdgeAtom = (0, _jotai.atom)(get => get(currentHoveredEdgeAtom), (get, set, update) => {
-  clearTimeout(get(edgeTimeoutAtom));
-  const _prev = get(currentHoveredEdgeAtom);
-  const _next = typeof update === "function" ? update(_prev) : update;
-  if ((0, _rambdax.equals)(_prev, _next)) {
-    return false;
-  }
-  if (_next != null && _prev == null) {
-    set(edgeTimeoutAtom, setTimeout(() => {
-      set(currentHoveredEdgeAtom, _next);
-    }, 100));
-    return true;
-  }
-  if (_next == null && _prev != null) {
-    set(edgeTimeoutAtom, setTimeout(() => {
-      set(currentHoveredEdgeAtom, null);
-    }, 150));
-    return true;
-  }
-  set(currentHoveredEdgeAtom, _next);
-  return true;
-});
-exports.hoveredEdgeAtom = hoveredEdgeAtom;
-const hoveredEdgeIdAtom = (0, _utils.selectAtom)(hoveredEdgeAtom, edge => edge?.id ?? null);
-exports.hoveredEdgeIdAtom = hoveredEdgeIdAtom;

package/dist/@likec4/diagrams/cjs/diagram/state/gestures.js

@@ -1,26 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.DiagramGesture = void 0;
-let _isDragging = false;
-let tm;
-const DiagramGesture = {
-  get isDragging() {
-    return _isDragging;
-  },
-  set isDragging(value) {
-    clearTimeout(tm);
-    if (value) {
-      _isDragging = value;
-      return;
-    }
-    if (_isDragging) {
-      tm = setTimeout(() => {
-        _isDragging = false;
-      }, 100);
-    }
-  }
-};
-exports.DiagramGesture = DiagramGesture;

package/dist/@likec4/diagrams/cjs/diagram/state/hooks.js

@@ -1,36 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useGetNodeState = useGetNodeState;
-exports.useHoveredEdgeId = useHoveredEdgeId;
-exports.useHoveredNode = useHoveredNode;
-exports.useHoveredNodeId = useHoveredNodeId;
-exports.useSetHoveredEdge = useSetHoveredEdge;
-exports.useSetHoveredNode = useSetHoveredNode;
-var _jotai = require("jotai");
-var _utils = require("jotai/utils");
-var _atoms = require("./atoms");
-var _react = require("react");
-function useHoveredNode() {
-  return (0, _jotai.useAtom)(_atoms.hoveredNodeAtom);
-}
-function useHoveredNodeId() {
-  return (0, _jotai.useAtomValue)(_atoms.hoveredNodeIdAtom);
-}
-function useSetHoveredNode() {
-  return (0, _jotai.useSetAtom)(_atoms.hoveredNodeAtom);
-}
-function useGetNodeState(nodeId) {
-  const isHovered = (0, _jotai.useAtomValue)((0, _utils.selectAtom)(_atoms.hoveredNodeAtom, (0, _react.useCallback)(node => node?.id === nodeId, [nodeId])));
-  return {
-    isHovered
-  };
-}
-function useHoveredEdgeId() {
-  return (0, _jotai.useAtomValue)(_atoms.hoveredEdgeIdAtom);
-}
-function useSetHoveredEdge() {
-  return (0, _jotai.useSetAtom)(_atoms.hoveredEdgeAtom);
-}

package/dist/@likec4/diagrams/cjs/diagram/state/index.js

@@ -1,38 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _hooks = require("./hooks");
-Object.keys(_hooks).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _hooks[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _hooks[key];
-    }
-  });
-});
-var _gestures = require("./gestures");
-Object.keys(_gestures).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _gestures[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _gestures[key];
-    }
-  });
-});
-var _provider = require("./provider");
-Object.keys(_provider).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _provider[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _provider[key];
-    }
-  });
-});

package/dist/@likec4/diagrams/cjs/diagram/state/provider.js

@@ -1,18 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.DiagramStateProvider = DiagramStateProvider;
-var _jsxRuntime = require("react/jsx-runtime");
-var _jotai = require("jotai");
-var _react = require("react");
-function DiagramStateProvider({
-  children
-}) {
-  const [store] = (0, _react.useState)(() => (0, _jotai.createStore)());
-  return /* @__PURE__ */(0, _jsxRuntime.jsx)(_jotai.Provider, {
-    store,
-    children
-  });
-}

package/dist/@likec4/diagrams/cjs/diagram/types.js

@@ -1 +0,0 @@
-"use strict";

package/dist/@likec4/diagrams/cjs/hooks/index.js

@@ -1,49 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _useDarkMode = require("./useDarkMode");
-Object.keys(_useDarkMode).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _useDarkMode[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _useDarkMode[key];
-    }
-  });
-});
-var _useDiagramApi = require("./useDiagramApi");
-Object.keys(_useDiagramApi).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _useDiagramApi[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _useDiagramApi[key];
-    }
-  });
-});
-var _useImageLoader = require("./useImageLoader");
-Object.keys(_useImageLoader).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _useImageLoader[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _useImageLoader[key];
-    }
-  });
-});
-var _useViewIdFromHash = require("./useViewIdFromHash");
-Object.keys(_useViewIdFromHash).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _useViewIdFromHash[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _useViewIdFromHash[key];
-    }
-  });
-});

package/dist/@likec4/diagrams/cjs/hooks/useDarkMode.js

@@ -1,11 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useDarkMode = useDarkMode;
-var _esm = require("@react-hookz/web/esm");
-const COLOR_SCHEME_QUERY = "(prefers-color-scheme: dark)";
-function useDarkMode() {
-  return (0, _esm.useMediaQuery)(COLOR_SCHEME_QUERY) ?? true;
-}

package/dist/@likec4/diagrams/cjs/hooks/useDiagramApi.js

@@ -1,27 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useDiagramApi = useDiagramApi;
-var _react = require("react");
-var _core = require("@likec4/core");
-function useDiagramApi() {
-  const ref = (0, _react.useRef)(null);
-  return (0, _react.useMemo)(() => [ref, {
-    get stage() {
-      return (0, _core.nonNullable)(ref.current, "not mounted, use ref").stage;
-    },
-    get diagramView() {
-      return (0, _core.nonNullable)(ref.current, "not mounted, use ref").diagramView;
-    },
-    get container() {
-      return (0, _core.nonNullable)(ref.current, "not mounted, use ref").container;
-    },
-    resetStageZoom: _immediate => {
-      (0, _core.nonNullable)(ref.current, "not mounted, use ref").resetStageZoom(_immediate);
-    },
-    centerOnNode: node => (0, _core.nonNullable)(ref.current, "not mounted, use ref").centerOnNode(node),
-    centerAndFit: () => (0, _core.nonNullable)(ref.current, "not mounted, use ref").centerAndFit()
-  }], [ref]);
-}

package/dist/@likec4/diagrams/cjs/hooks/useImageLoader.js

@@ -1,68 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-module.exports = useImageLoader;
-var _react = require("react");
-var _useIsMounted = require("@react-hookz/web/esm/useIsMounted");
-var _core = require("@likec4/core");
-const imageElements = /* @__PURE__ */new Map();
-function useImageLoader(url, crossOrigin, referrerpolicy) {
-  const isMounted = (0, _useIsMounted.useIsMounted)();
-  const imageRef = (0, _react.useRef)(url ? imageElements.get(url) : void 0);
-  const statusRef = (0, _react.useRef)(imageRef.current ? "loaded" : "loading");
-  const [_, setStateToken] = (0, _react.useState)(0);
-  const urlRef = (0, _react.useRef)(url);
-  if (!url || urlRef.current !== url) {
-    statusRef.current = "loading";
-    imageRef.current = void 0;
-    urlRef.current = url;
-  }
-  (0, _react.useLayoutEffect)(() => {
-    if (!url) {
-      return;
-    }
-    const urlClosure = url;
-    const imgCached = imageElements.get(url);
-    if (imgCached) {
-      statusRef.current = "loaded";
-      if (imageRef.current !== imgCached) {
-        imageRef.current = imgCached;
-        setStateToken(Math.random());
-      }
-      return;
-    }
-    const img = document.createElement("img");
-    function onload() {
-      if (!isMounted()) return;
-      imageElements.set(urlClosure, img);
-      if (urlRef.current === urlClosure) {
-        statusRef.current = "loaded";
-        imageRef.current = img;
-        setStateToken(Math.random());
-      }
-    }
-    function onerror() {
-      if (!isMounted() || urlRef.current !== urlClosure) return;
-      statusRef.current = "failed";
-      imageRef.current = void 0;
-      setStateToken(Math.random());
-    }
-    img.addEventListener("load", onload);
-    img.addEventListener("error", onerror);
-    crossOrigin && (img.crossOrigin = crossOrigin);
-    referrerpolicy && (img.referrerPolicy = referrerpolicy);
-    img.src = url;
-    return () => {
-      img.removeEventListener("load", onload);
-      img.removeEventListener("error", onerror);
-    };
-  }, [url, crossOrigin ?? null, referrerpolicy ?? null]);
-  if (imageRef.current !== void 0) {
-    statusRef.current = "loaded";
-    return [imageRef.current, "loaded"];
-  }
-  (0, _core.invariant)(statusRef.current !== "loaded", "image status cant be loaded");
-  return [imageRef.current, statusRef.current];
-}

package/dist/@likec4/diagrams/cjs/hooks/useViewIdFromHash.js

@@ -1,93 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useViewIdFromHash = useViewIdFromHash;
-var _core = require("@likec4/core");
-var _react = require("react");
-function readViewIdFromUrl(url) {
-  return readViewId(new URL(url).hash);
-}
-function readViewId(hash = window.location.hash) {
-  if (hash.startsWith("#")) {
-    hash = hash.slice(1);
-  }
-  if (hash.includes("likec4")) {
-    return new URLSearchParams(hash).get("likec4");
-  }
-  return null;
-}
-function writeViewId(viewId) {
-  let hash = window.location.hash;
-  if (hash.startsWith("#")) {
-    hash = hash.slice(1);
-  }
-  const hashParams = new URLSearchParams(hash);
-  if (viewId != null) {
-    if (hashParams.get("likec4") !== viewId) {
-      hashParams.set("likec4", viewId);
-      window.location.hash = hashParams.toString();
-    }
-    return;
-  }
-  if (viewId === null && hashParams.has("likec4")) {
-    hashParams.delete("likec4");
-    window.location.hash = hashParams.toString();
-    return;
-  }
-}
-const noopIsViewId = value => (0, _core.isString)(value) && value.length > 0;
-function useViewIdFromHash({
-  initialViewId,
-  onReturnToInitial,
-  resetHashOnUnmount = true,
-  isViewId = noopIsViewId
-}) {
-  const [viewId, setStateViewId] = (0, _react.useState)(() => {
-    const id = readViewId();
-    return isViewId(id) ? id : initialViewId;
-  });
-  const viewIdRef = (0, _react.useRef)(viewId);
-  const prevIdRef = (0, _react.useRef)();
-  if (viewIdRef.current !== viewId) {
-    prevIdRef.current = viewIdRef.current;
-    viewIdRef.current = viewId;
-  }
-  const onReturnRef = (0, _react.useRef)(onReturnToInitial);
-  onReturnRef.current = onReturnToInitial;
-  (0, _react.useEffect)(() => {
-    const tm = setTimeout(() => {
-      writeViewId(viewIdRef.current);
-    }, 300);
-    return () => clearTimeout(tm);
-  }, []);
-  (0, _react.useEffect)(() => {
-    const onHashChange = ev => {
-      const newViewId = readViewIdFromUrl(ev.newURL);
-      if (newViewId === null) {
-        const oldViewId = readViewIdFromUrl(ev.oldURL);
-        if (oldViewId != null && onReturnRef.current) {
-          onReturnRef.current?.();
-        }
-        return;
-      }
-      if (isViewId(newViewId) && newViewId !== viewIdRef.current) {
-        setStateViewId(newViewId);
-      }
-    };
-    window.addEventListener("hashchange", onHashChange);
-    return () => {
-      window.removeEventListener("hashchange", onHashChange);
-      if (resetHashOnUnmount) {
-        writeViewId(null);
-      }
-    };
-  }, []);
-  const setViewId = (0, _react.useCallback)(nextViewId => {
-    if (isViewId(nextViewId) && nextViewId !== viewIdRef.current) {
-      writeViewId(nextViewId);
-    }
-  }, []);
-  return [viewId, setViewId];
-}

package/dist/@likec4/diagrams/cjs/index.js

@@ -1,51 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _exportNames = {
-  LikeC4: true
-};
-Object.defineProperty(exports, "LikeC4", {
-  enumerable: true,
-  get: function () {
-    return _likec.LikeC4;
-  }
-});
-var _diagram = require("./diagram");
-Object.keys(_diagram).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _diagram[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _diagram[key];
-    }
-  });
-});
-var _components = require("./components");
-Object.keys(_components).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _components[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _components[key];
-    }
-  });
-});
-var _hooks = require("./hooks");
-Object.keys(_hooks).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _hooks[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _hooks[key];
-    }
-  });
-});
-var _likec = require("./likec4");