likec4 1.2.1 → 1.3.0

package/react/styles.d.ts

@@ -1,4 +1,3 @@
-import '@mantine/core/styles.css';
 import { type MantineTheme } from '@mantine/core';
 export declare const useCreateStyleSheet: (injectFontCss: boolean) => () => CSSStyleSheet;
 type ColorScheme = 'light' | 'dark' | undefined;

package/dist/__app__/src/main.js

@@ -1 +0,0 @@
-import "./main-yVRq2dIl.js";

package/dist/__app__/src/view._viewId.d2.lazy-CaQPy48H.js

@@ -1,46 +0,0 @@
-import { k as createLazyFileRoute, j as jsxRuntimeExports, S as ScrollArea, C as Code, o as notFound } from "./main-yVRq2dIl.js";
-import { P as PanelGroup, a as Panel, c as cssScrollArea, b as cssCodeBlock, C as CopyToClipboard, d as PanelResizeHandle } from "./view_viewId_.css-LQsQcFpp.js";
-import { d2Source } from "virtual:likec4/d2-sources";
-const Route = createLazyFileRoute("/view/$viewId/d2")({
-  component: ViewAsD2
-}), useData = () => {
-  const { viewId } = Route.useParams();
-  try {
-    return d2Source(viewId);
-  } catch {
-    throw notFound();
-  }
-};
-function ViewAsD2() {
-  const source = useData();
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(PanelGroup, { direction: "horizontal", autoSaveId: "viewAsD2", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(Panel, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
-      ScrollArea,
-      {
-        className: cssScrollArea,
-        p: 5,
-        styles: {
-          viewport: {
-            borderRadius: 6
-          }
-        },
-        children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx(Code, { block: !0, className: cssCodeBlock, children: source }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(CopyToClipboard, { text: source })
-        ]
-      }
-    ) }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(
-      PanelResizeHandle,
-      {
-        style: {
-          width: 10
-        }
-      }
-    ),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(Panel, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(ScrollArea, { h: "100%" }) })
-  ] });
-}
-export {
-  Route
-};

package/dist/__app__/src/view._viewId.dot.lazy-6H3L1GpV.js

@@ -1,49 +0,0 @@
-import { k as createLazyFileRoute, j as jsxRuntimeExports, S as ScrollArea, C as Code, p as svgContainer, o as notFound } from "./main-yVRq2dIl.js";
-import { P as PanelGroup, a as Panel, c as cssScrollArea, b as cssCodeBlock, C as CopyToClipboard, d as PanelResizeHandle } from "./view_viewId_.css-LQsQcFpp.js";
-import { dotSource, svgSource } from "virtual:likec4/dot-sources";
-const Route = createLazyFileRoute("/view/$viewId/dot")({
-  component: ViewAsDot
-}), useData = () => {
-  const { viewId } = Route.useParams();
-  try {
-    return {
-      dot: dotSource(viewId),
-      dotSvg: svgSource(viewId)
-    };
-  } catch {
-    throw notFound();
-  }
-};
-function ViewAsDot() {
-  const { dot, dotSvg } = useData();
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(PanelGroup, { direction: "horizontal", autoSaveId: "viewAsDot", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(Panel, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
-      ScrollArea,
-      {
-        className: cssScrollArea,
-        p: 5,
-        styles: {
-          viewport: {
-            borderRadius: 6
-          }
-        },
-        children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx(Code, { block: !0, className: cssCodeBlock, children: dot }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(CopyToClipboard, { text: dot })
-        ]
-      }
-    ) }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(
-      PanelResizeHandle,
-      {
-        style: {
-          width: 10
-        }
-      }
-    ),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(Panel, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(ScrollArea, { h: "100%", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: svgContainer, dangerouslySetInnerHTML: { __html: dotSvg } }) }) })
-  ] });
-}
-export {
-  Route
-};

package/dist/__app__/src/view._viewId.mmd.lazy-By6xPESQ.js

@@ -1,89 +0,0 @@
-import { r as reactExports, u as useSyncedRef, k as createLazyFileRoute, j as jsxRuntimeExports, S as ScrollArea, C as Code, p as svgContainer, o as notFound } from "./main-yVRq2dIl.js";
-import { P as PanelGroup, a as Panel, c as cssScrollArea, b as cssCodeBlock, C as CopyToClipboard, d as PanelResizeHandle } from "./view_viewId_.css-LQsQcFpp.js";
-import { mmdSource } from "virtual:likec4/mmd-sources";
-function useAsync(asyncFn, initialValue) {
-  const [state, setState] = reactExports.useState({
-    status: "not-executed",
-    error: void 0,
-    result: initialValue
-  }), promiseRef = reactExports.useRef(), argsRef = reactExports.useRef(), methods = useSyncedRef({
-    execute(...params) {
-      argsRef.current = params;
-      const promise = asyncFn(...params);
-      return promiseRef.current = promise, setState((s) => ({ ...s, status: "loading" })), promise.then((result) => {
-        promise === promiseRef.current && setState((s) => ({ ...s, status: "success", error: void 0, result }));
-      }, (error) => {
-        promise === promiseRef.current && setState((s) => ({ ...s, status: "error", error }));
-      }), promise;
-    },
-    reset() {
-      setState({
-        status: "not-executed",
-        error: void 0,
-        result: initialValue
-      }), promiseRef.current = void 0, argsRef.current = void 0;
-    }
-  });
-  return [
-    state,
-    reactExports.useMemo(() => ({
-      reset() {
-        methods.current.reset();
-      },
-      execute: (...params) => methods.current.execute(...params)
-    }), []),
-    { promise: promiseRef.current, lastArgs: argsRef.current }
-  ];
-}
-const Route = createLazyFileRoute("/view/$viewId/mmd")({
-  component: ViewAsMmd
-}), renderSvg = async (viewId, diagram) => {
-  const { default: mermaid } = await import("https://cdn.jsdelivr.net/npm/mermaid@10/dist/mermaid.esm.min.mjs");
-  mermaid.initialize({
-    theme: "dark"
-  });
-  const { svg } = await mermaid.render(viewId, diagram);
-  return svg;
-}, useData = () => {
-  const { viewId } = Route.useParams();
-  try {
-    return mmdSource(viewId);
-  } catch {
-    throw notFound();
-  }
-};
-function ViewAsMmd() {
-  const { viewId } = Route.useParams(), source = useData(), [mmdSvg, { execute }] = useAsync(renderSvg, null);
-  return reactExports.useEffect(() => {
-    execute(viewId, source);
-  }, [source]), /* @__PURE__ */ jsxRuntimeExports.jsxs(PanelGroup, { direction: "horizontal", autoSaveId: "viewAsMmd", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(Panel, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
-      ScrollArea,
-      {
-        className: cssScrollArea,
-        p: 5,
-        styles: {
-          viewport: {
-            borderRadius: 6
-          }
-        },
-        children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx(Code, { block: !0, className: cssCodeBlock, children: source }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(CopyToClipboard, { text: source })
-        ]
-      }
-    ) }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(
-      PanelResizeHandle,
-      {
-        style: {
-          width: 10
-        }
-      }
-    ),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(Panel, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(ScrollArea, { h: "100%", children: mmdSvg.result && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: svgContainer, dangerouslySetInnerHTML: { __html: mmdSvg.result } }) }) })
-  ] });
-}
-export {
-  Route
-};