likec4 1.0.0-next.5 → 1.0.0-next.7

package/dist/__app__/src/_virtual/Animation.js

@@ -0,0 +1,3 @@
+var Animation = {};
+
+export { Animation as __exports };

package/dist/__app__/src/_virtual/BezierFunctions.js

@@ -0,0 +1,3 @@
+var BezierFunctions = {};
+
+export { BezierFunctions as __exports };

package/dist/__app__/src/_virtual/Canvas.js

@@ -0,0 +1,3 @@
+var Canvas = {};
+
+export { Canvas as __exports };

package/dist/__app__/src/_virtual/Circle.js

@@ -0,0 +1,3 @@
+var Circle = {};
+
+export { Circle as __exports };

package/dist/__app__/src/_virtual/Container.js

@@ -0,0 +1,3 @@
+var Container = {};
+
+export { Container as __exports };

package/dist/__app__/src/_virtual/Context.js

@@ -0,0 +1,3 @@
+var Context = {};
+
+export { Context as __exports };

package/dist/__app__/src/_virtual/Core.js

@@ -0,0 +1,3 @@
+var Core = {exports: {}};
+
+export { Core as __module };

package/dist/__app__/src/_virtual/DragAndDrop.js

@@ -0,0 +1,3 @@
+var DragAndDrop = {};
+
+export { DragAndDrop as __exports };

package/dist/__app__/src/_virtual/Ellipse.js

@@ -0,0 +1,3 @@
+var Ellipse = {};
+
+export { Ellipse as __exports };

package/dist/__app__/src/_virtual/Factory.js

@@ -0,0 +1,3 @@
+var Factory = {};
+
+export { Factory as __exports };

package/dist/__app__/src/_virtual/FastLayer.js

@@ -0,0 +1,3 @@
+var FastLayer = {};
+
+export { FastLayer as __exports };

package/dist/__app__/src/_virtual/Global.js

@@ -0,0 +1,3 @@
+var Global = {};
+
+export { Global as __exports };

package/dist/__app__/src/_virtual/Group.js

@@ -0,0 +1,3 @@
+var Group = {};
+
+export { Group as __exports };

package/dist/__app__/src/_virtual/Image.js

@@ -0,0 +1,3 @@
+var Image = {};
+
+export { Image as __exports };

package/dist/__app__/src/_virtual/Layer.js

@@ -0,0 +1,3 @@
+var Layer = {};
+
+export { Layer as __exports };

package/dist/__app__/src/_virtual/Line.js

@@ -0,0 +1,3 @@
+var Line = {};
+
+export { Line as __exports };

package/dist/__app__/src/_virtual/Node.js

@@ -0,0 +1,3 @@
+var Node = {};
+
+export { Node as __exports };

package/dist/__app__/src/_virtual/Path.js

@@ -0,0 +1,3 @@
+var Path = {};
+
+export { Path as __exports };

package/dist/__app__/src/_virtual/PointerEvents.js

@@ -0,0 +1,3 @@
+var PointerEvents = {};
+
+export { PointerEvents as __exports };

package/dist/__app__/src/_virtual/Rect.js

@@ -0,0 +1,3 @@
+var Rect = {};
+
+export { Rect as __exports };

package/dist/__app__/src/_virtual/Shape.js

@@ -0,0 +1,3 @@
+var Shape = {};
+
+export { Shape as __exports };

package/dist/__app__/src/_virtual/Stage.js

@@ -0,0 +1,3 @@
+var Stage = {};
+
+export { Stage as __exports };

package/dist/__app__/src/_virtual/Text.js

@@ -0,0 +1,3 @@
+var Text = {};
+
+export { Text as __exports };

package/dist/__app__/src/_virtual/Tween.js

@@ -0,0 +1,3 @@
+var Tween = {};
+
+export { Tween as __exports };

package/dist/__app__/src/_virtual/Util.js

@@ -0,0 +1,3 @@
+var Util = {};
+
+export { Util as __exports };

package/dist/__app__/src/_virtual/Validators.js

@@ -0,0 +1,3 @@
+var Validators = {};
+
+export { Validators as __exports };

package/dist/__app__/src/_virtual/_CoreInternals.js

@@ -0,0 +1,3 @@
+var _CoreInternals = {};
+
+export { _CoreInternals as __exports };

package/dist/__app__/src/_virtual/_commonjsHelpers.js

@@ -0,0 +1,11 @@
+var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
+
+function getDefaultExportFromCjs (x) {
+	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
+}
+
+function getDefaultExportFromNamespaceIfNotNamed (n) {
+	return n && Object.prototype.hasOwnProperty.call(n, 'default') && Object.keys(n).length === 1 ? n['default'] : n;
+}
+
+export { commonjsGlobal, getDefaultExportFromCjs, getDefaultExportFromNamespaceIfNotNamed };

package/dist/__app__/src/_virtual/_react.js

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import { getDefaultExportFromNamespaceIfNotNamed } from './_commonjsHelpers.js';
+
+const require$$0 = /*@__PURE__*/getDefaultExportFromNamespaceIfNotNamed(React);
+
+export { require$$0 as default };

package/dist/__app__/src/_virtual/_scheduler.js

@@ -0,0 +1,6 @@
+import * as scheduler from 'scheduler';
+import { getDefaultExportFromNamespaceIfNotNamed } from './_commonjsHelpers.js';
+
+const require$$1 = /*@__PURE__*/getDefaultExportFromNamespaceIfNotNamed(scheduler);
+
+export { require$$1 as default };

package/dist/__app__/src/_virtual/constants.js

@@ -0,0 +1,3 @@
+var constants = {exports: {}};
+
+export { constants as __module };

package/dist/__app__/src/_virtual/index.js

@@ -0,0 +1,3 @@
+var shim = {exports: {}};
+
+export { shim as __module };

package/dist/__app__/src/_virtual/index2.js

@@ -0,0 +1,3 @@
+var classnames = {exports: {}};
+
+export { classnames as __module };

package/dist/__app__/src/_virtual/index3.js

@@ -0,0 +1,3 @@
+var propTypes = {exports: {}};
+
+export { propTypes as __module };

package/dist/__app__/src/_virtual/index4.js

@@ -0,0 +1,3 @@
+var safeStableStringify = {exports: {}};
+
+export { safeStableStringify as __module };

package/dist/__app__/src/_virtual/index5.js

@@ -0,0 +1,3 @@
+var reactReconciler = {exports: {}};
+
+export { reactReconciler as __module };

package/dist/__app__/src/_virtual/react-reconciler-constants.production.min.js

@@ -0,0 +1,3 @@
+var reactReconcilerConstants_production_min = {};
+
+export { reactReconcilerConstants_production_min as __exports };

package/dist/__app__/src/_virtual/use-sync-external-store-shim.production.min.js

@@ -0,0 +1,3 @@
+var useSyncExternalStoreShim_production_min = {};
+
+export { useSyncExternalStoreShim_production_min as __exports };

package/dist/__app__/src/_virtual/with-selector.js

@@ -0,0 +1,3 @@
+var withSelector = {exports: {}};
+
+export { withSelector as __module };

package/dist/__app__/src/_virtual/with-selector.production.min.js

@@ -0,0 +1,3 @@
+var withSelector_production_min = {};
+
+export { withSelector_production_min as __exports };

package/dist/__app__/src/app.js

@@ -1,6 +1,18 @@
-import "react/jsx-runtime";
-import { L } from "./app-YGudT20Y.js";
-import "react";
-export {
-  L as default
-};
+import { jsx } from 'react/jsx-runtime';
+import './node_modules/@fontsource/ibm-plex-sans/400.css.js';
+import './node_modules/@fontsource/ibm-plex-sans/500.css.js';
+import './node_modules/@fontsource/ibm-plex-sans/600.css.js';
+import './node_modules/@radix-ui/themes/styles.css.js';
+import './node_modules/@mantine/core/styles.css.js';
+import './node_modules/@xyflow/react/dist/style.css.js';
+import './packages/likec4/app/src/app.css.js';
+import { RouterProvider } from './node_modules/@tanstack/react-router/dist/esm/RouterProvider.js';
+import { useMemo } from 'react';
+import { createRouter } from './packages/likec4/app/src/router.js';
+
+function LikeC4App({ basepath }) {
+  const router = useMemo(() => createRouter(basepath), [basepath]);
+  return /* @__PURE__ */ jsx(RouterProvider, { router });
+}
+
+export { LikeC4App as default };

package/dist/__app__/src/main.js

@@ -0,0 +1,13 @@
+import './style.css'
+import { jsx } from 'react/jsx-runtime';
+import ReactDOM from 'react-dom/client'
+import LikeC4App from './app'
+
+let BASE = import.meta.env.BASE_URL
+if (!BASE.endsWith('/')) {
+  BASE = BASE + '/'
+}
+
+ReactDOM.createRoot(document.getElementById('like4-root')).render(
+  jsx(LikeC4App, { basepath: BASE })
+)

package/dist/__app__/src/packages/core/src/colors/element.js

@@ -0,0 +1,77 @@
+const blue = {
+  fill: "#3b82f6",
+  stroke: "#2563eb",
+  hiContrast: "#eff6ff",
+  loContrast: "#bfdbfe"
+};
+const sky = {
+  fill: "#0284c7",
+  stroke: "#0369a1",
+  hiContrast: "#f0f9ff",
+  loContrast: "#B6ECF7"
+};
+const slate = {
+  fill: "#64748b",
+  stroke: "#475569",
+  hiContrast: "#f8fafc",
+  loContrast: "#cbd5e1"
+};
+const ElementColors = {
+  primary: blue,
+  blue,
+  secondary: sky,
+  sky,
+  muted: slate,
+  slate,
+  gray: {
+    // fill: colors.neutral[500],
+    // stroke: colors.neutral[600],
+    // hiContrast: colors.neutral[50],
+    // loContrast: colors.neutral[200],
+    fill: "#737373",
+    stroke: "#525252",
+    hiContrast: "#fafafa",
+    loContrast: "#d4d4d4"
+  },
+  red: {
+    // fill: colors.red[500],
+    // stroke: colors.red[600],
+    // hiContrast: colors.red[50],
+    // loContrast: colors.red[200],
+    fill: "#AC4D39",
+    // fill: '#b54548',
+    stroke: "#853A2D",
+    // hiContrast: '#fef2f2',
+    // loContrast: '#fecaca',
+    // hiContrast: '#191111', // colors.gray[900],
+    // loContrast: '#3b1219' // colors.gray[800],
+    hiContrast: "#FBD3CB",
+    // hiContrast: '#f8fafc',
+    // loContrast: '#fdd8d8' // radix black red 12
+    loContrast: "#FF977D"
+  },
+  green: {
+    fill: "#428a4f",
+    stroke: "#2d5d39",
+    hiContrast: "#f8fafc",
+    loContrast: "#c2f0c2"
+  },
+  amber: {
+    fill: "#A35829",
+    stroke: "#7E451D",
+    hiContrast: "#FFE0C2",
+    loContrast: "#FFA057"
+  },
+  indigo: {
+    // fill: colors.indigo[500],
+    // stroke: colors.indigo[600],
+    // hiContrast: colors.indigo[50],
+    // loContrast: colors.indigo[200],
+    fill: "#6366f1",
+    stroke: "#4f46e5",
+    hiContrast: "#eef2ff",
+    loContrast: "#c7d2fe"
+  }
+};
+
+export { ElementColors };

package/dist/__app__/src/packages/core/src/colors/index.js

@@ -0,0 +1,11 @@
+import { ElementColors } from './element.js';
+import { RelationshipColors } from './relationships.js';
+
+const defaultTheme = {
+  elements: ElementColors,
+  relationships: RelationshipColors,
+  font: "Helvetica",
+  shadow: "#0a0a0a"
+};
+
+export { ElementColors, RelationshipColors, defaultTheme };

package/dist/__app__/src/packages/core/src/colors/relationships.js

@@ -0,0 +1,66 @@
+const gray = {
+  lineColor: "#6E6E6E",
+  labelBgColor: "#18191b",
+  labelColor: "#C6C6C6"
+};
+const slate = {
+  lineColor: "#64748b",
+  // 500
+  labelBgColor: "#0f172a",
+  // 900
+  labelColor: "#cbd5e1"
+  // 300
+};
+const blue = {
+  lineColor: "#3b82f6",
+  // 500
+  labelBgColor: "#172554",
+  // 950
+  labelColor: "#60a5fa"
+  // 400
+};
+const sky = {
+  lineColor: "#0ea5e9",
+  // 500
+  labelBgColor: "#082f49",
+  // 950
+  labelColor: "#38bdf8"
+  // 400
+};
+const RelationshipColors = {
+  amber: {
+    lineColor: "#b45309",
+    labelBgColor: "#78350f",
+    labelColor: "#FFE0C2"
+  },
+  blue,
+  gray,
+  green: {
+    lineColor: "#15803d",
+    // 700
+    labelBgColor: "#052e16",
+    // 950
+    labelColor: "#22c55e"
+    // 500
+  },
+  indigo: {
+    lineColor: "#6366f1",
+    // 500
+    labelBgColor: "#1e1b4b",
+    // 950
+    labelColor: "#818cf8"
+    // 400
+  },
+  muted: slate,
+  primary: blue,
+  red: {
+    lineColor: "#AC4D39",
+    labelBgColor: "#b91c1c",
+    labelColor: "#FF977D"
+  },
+  secondary: sky,
+  sky,
+  slate
+};
+
+export { RelationshipColors };

package/dist/__app__/src/packages/core/src/errors/index.js

@@ -0,0 +1,46 @@
+import '../../../../node_modules/safe-stable-stringify/esm/wrapper.js';
+import { CustomError } from '../../../../node_modules/ts-custom-error/dist/custom-error.js';
+import cjsModule from '../../../../node_modules/safe-stable-stringify/index.js';
+
+class BaseError extends CustomError {
+  constructor(message, options) {
+    super(message, options);
+    Object.defineProperty(this, "name", { value: "BaseError" });
+  }
+}
+class NullableError extends BaseError {
+  constructor(message, options) {
+    super(message, options);
+    Object.defineProperty(this, "name", { value: "NullableError" });
+  }
+}
+class InvariantError extends BaseError {
+  constructor(message, options) {
+    super(message, options);
+    Object.defineProperty(this, "name", { value: "InvariantError" });
+  }
+}
+function nonNullable(value, message) {
+  if (typeof value === "undefined" || value == null) {
+    throw new NullableError(message ?? `Expected defined value, but received ${value}`);
+  }
+  return value;
+}
+function invariant(condition, message) {
+  if (condition) {
+    return;
+  }
+  throw new InvariantError(message ?? "Invariant failed");
+}
+class NonExhaustiveError extends BaseError {
+  constructor(message, options) {
+    super(message, options);
+    Object.defineProperty(this, "name", { value: "NonExhaustiveError" });
+  }
+}
+function nonexhaustive(value) {
+  const val = typeof value === "string" ? value : cjsModule(value);
+  throw new NonExhaustiveError(`NonExhaustive value: ${val}`);
+}
+
+export { BaseError, InvariantError, NonExhaustiveError, NullableError, invariant, nonNullable, nonexhaustive };

package/dist/__app__/src/packages/core/src/types/element.js

@@ -0,0 +1,11 @@
+const ElementShapes = [
+  "rectangle",
+  "person",
+  "browser",
+  "mobile",
+  "cylinder",
+  "storage",
+  "queue"
+];
+
+export { ElementShapes };

package/dist/__app__/src/packages/core/src/types/relation.js

@@ -0,0 +1,5 @@
+const DefaultLineStyle = "dashed";
+const DefaultArrowType = "normal";
+const DefaultRelationshipColor = "gray";
+
+export { DefaultArrowType, DefaultLineStyle, DefaultRelationshipColor };

package/dist/__app__/src/packages/core/src/utils/fqn.js

@@ -0,0 +1,27 @@
+import { isString } from './guards.js';
+
+function isAncestor(...args) {
+  const ancestor = isString(args[0]) ? args[0] : args[0].id;
+  const another = isString(args[1]) ? args[1] : args[1].id;
+  return another.startsWith(ancestor + ".");
+}
+function compareFqnHierarchically(a, b) {
+  const depthA = a.split(".").length;
+  const depthB = b.split(".").length;
+  switch (true) {
+    case depthA > depthB: {
+      return 1;
+    }
+    case depthA < depthB: {
+      return -1;
+    }
+    default: {
+      return 0;
+    }
+  }
+}
+function compareByFqnHierarchically(a, b) {
+  return compareFqnHierarchically(a.id, b.id);
+}
+
+export { compareByFqnHierarchically, compareFqnHierarchically, isAncestor };

package/dist/__app__/src/packages/core/src/utils/guards.js

@@ -0,0 +1,5 @@
+function isString(value) {
+  return value != null && typeof value === "string";
+}
+
+export { isString };

package/dist/__app__/src/packages/diagram/src/LikeC4Diagram.css.js

@@ -0,0 +1,8 @@
+import './LikeC4Diagram.css.ts.vanilla.css.js';
+
+var cssReactFlow = '_17jps3v0';
+var cssDisablePan = '_17jps3v1';
+var cssTransparentBg = '_17jps3v2';
+var cssNoControls = '_17jps3v3';
+
+export { cssDisablePan, cssNoControls, cssReactFlow, cssTransparentBg };

package/dist/__app__/src/packages/diagram/src/LikeC4Diagram.css.ts.vanilla.css.js

@@ -0,0 +1 @@
+

package/dist/__app__/src/packages/diagram/src/LikeC4Diagram.js

@@ -0,0 +1,115 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { ReactFlowProvider, Controls } from '../../../node_modules/@xyflow/react/dist/esm/index.js';
+import { clsx } from '../../../node_modules/clsx/dist/clsx.js';
+import { useRef } from 'react';
+import { scope } from './index.css.js';
+import { cssReactFlow, cssNoControls, cssDisablePan, cssTransparentBg } from './LikeC4Diagram.css.js';
+import { EnsureMantine } from './mantine/EnsureMantine.js';
+import { KeepAspectRatio } from './ui/KeepAspectRatio.js';
+import OptionsPanel from './ui/OptionsPanel.js';
+import { diagramViewToXYFlowData } from './xyflow/diagram-to-xyflow.js';
+import { FitviewOnDiagramChange } from './xyflow/FitviewOnDiagramChange.js';
+import { UpdateOnDiagramChange } from './xyflow/UpdateOnDiagramChange.js';
+import { XYFlowBackground } from './xyflow/XYFlowBackground.js';
+import { XYFlowEventHandlers } from './xyflow/XYFlowEvents.js';
+import { XYFlow } from './xyflow/XYFlowWrapper.js';
+import { DiagramStateProvider } from './state/DiagramState.js';
+
+function LikeC4Diagram({
+  view,
+  className,
+  fitView = true,
+  fitViewPadding = 0,
+  colorMode,
+  readonly = true,
+  pannable = true,
+  zoomable = true,
+  nodesSelectable = true,
+  nodesDraggable = !readonly,
+  background = "dots",
+  controls = false,
+  disableHovercards = false,
+  initialWidth,
+  initialHeight,
+  keepAspectRatio = false,
+  ...eventHandlers
+}) {
+  const initialRef = useRef();
+  if (!initialRef.current) {
+    const initial = diagramViewToXYFlowData(view);
+    initialRef.current = {
+      defaultNodes: initial.nodes,
+      defaultEdges: initial.edges,
+      initialWidth: initialWidth ?? view.width,
+      initialHeight: initialHeight ?? view.height
+    };
+  }
+  const isBgWithPattern = background !== "transparent" && background !== "solid";
+  const isNodeInteractive = nodesDraggable || nodesSelectable || !!eventHandlers.onNavigateTo || !!eventHandlers.onNavigateTo;
+  return /* @__PURE__ */ jsx(EnsureMantine, { colorMode, children: /* @__PURE__ */ jsx(
+    ReactFlowProvider,
+    {
+      fitView,
+      ...initialRef.current,
+      children: /* @__PURE__ */ jsx(
+        DiagramStateProvider,
+        {
+          isNodeInteractive,
+          view,
+          fitViewPadding,
+          readonly,
+          disableHovercards,
+          eventHandlers,
+          children: /* @__PURE__ */ jsxs(XYFlowEventHandlers, { eventHandlers, children: [
+            /* @__PURE__ */ jsx(
+              KeepAspectRatio,
+              {
+                enabled: keepAspectRatio,
+                width: view.width,
+                height: view.height,
+                children: /* @__PURE__ */ jsxs(
+                  XYFlow,
+                  {
+                    className: clsx(
+                      cssReactFlow,
+                      scope,
+                      controls === false && cssNoControls,
+                      pannable !== true && cssDisablePan,
+                      background === "transparent" && cssTransparentBg,
+                      className
+                    ),
+                    defaultNodes: initialRef.current.defaultNodes,
+                    defaultEdges: initialRef.current.defaultEdges,
+                    readonly,
+                    nodesDraggable,
+                    nodesSelectable,
+                    pannable,
+                    zoomable,
+                    fitView,
+                    colorMode,
+                    fitViewPadding,
+                    children: [
+                      isBgWithPattern && /* @__PURE__ */ jsx(XYFlowBackground, { background }),
+                      controls && /* @__PURE__ */ jsx(Controls, {}),
+                      readonly !== true && /* @__PURE__ */ jsx(OptionsPanel, {}),
+                      fitView && /* @__PURE__ */ jsx(FitviewOnDiagramChange, {})
+                    ]
+                  }
+                )
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              UpdateOnDiagramChange,
+              {
+                view,
+                nodesDraggable
+              }
+            )
+          ] })
+        }
+      )
+    }
+  ) });
+}
+
+export { LikeC4Diagram };