@likec4/diagram 1.57.0 → 1.59.0

package/adhoc-editor/package.json

@@ -1,4 +0,0 @@
-{
-  "types": "../dist/adhoc-editor/index.d.ts",
-  "module": "../dist/adhoc-editor/index.js"
-}

package/dist/adhoc-editor/EditorPanel.d.ts

@@ -1 +0,0 @@
-export declare const EditorPanel: () => import("react/jsx-runtime").JSX.Element;

package/dist/adhoc-editor/EditorPanel.js

@@ -1,106 +0,0 @@
-import "../_virtual/_rolldown/runtime.js";
-import { Logo } from "../components/Logo.js";
-import { EditorPanelStoreProvider, selectEditorPanelState, useEditorPanelState, useEditorPanelTrigger } from "./state/panel.js";
-import { ElementsTree } from "./ElementsTree.js";
-import { IconTrash } from "@tabler/icons-react";
-import { Suspense } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { prop } from "remeda";
-import { ActionIcon, CloseButton, Input } from "@mantine/core";
-import { AnimatePresence } from "motion/react";
-import { Box as Box$1, HStack, Txt, VStack } from "@likec4/styles/jsx";
-//#region src/adhoc-editor/EditorPanel.tsx
-var EditorPanel = () => {
-	return /* @__PURE__ */ jsx(EditorPanelStoreProvider, { children: /* @__PURE__ */ jsx(AnimatePresence, {
-		mode: "popLayout",
-		children: /* @__PURE__ */ jsxs(VStack, {
-			css: {
-				position: "fixed",
-				top: "0",
-				left: "0",
-				gap: "1",
-				bottom: "0",
-				height: "auto",
-				overflow: "hidden",
-				layerStyle: "likec4.panel",
-				width: "[300px]",
-				rounded: "0"
-			},
-			onClick: (e) => {
-				e.stopPropagation();
-				const input = document.getElementById("search-input");
-				if (input) input.focus();
-			},
-			children: [
-				/* @__PURE__ */ jsxs(HStack, {
-					p: "2",
-					gap: "4",
-					justifyItems: "stretch",
-					children: [
-						/* @__PURE__ */ jsx(Logo, { style: { height: 16 } }),
-						/* @__PURE__ */ jsx(Txt, {
-							size: "sm",
-							fontWeight: "medium",
-							flex: "1",
-							children: "Explore"
-						}),
-						/* @__PURE__ */ jsx(HStack, {
-							gap: "1",
-							children: /* @__PURE__ */ jsx(ActionIcon, { children: /* @__PURE__ */ jsx(IconTrash, {}) })
-						})
-					]
-				}),
-				/* @__PURE__ */ jsx(Box$1, { children: /* @__PURE__ */ jsx(SearchInput, {}) }),
-				/* @__PURE__ */ jsx(Suspense, { children: /* @__PURE__ */ jsx(ElementsTree, {}) })
-			]
-		})
-	}) });
-};
-var selectInput = selectEditorPanelState(prop("searchInput"));
-function SearchInput() {
-	const input = useEditorPanelState(selectInput);
-	const trigger = useEditorPanelTrigger();
-	const onChange = useEditorPanelTrigger((trigger, event) => {
-		trigger.inputChange({ value: event.currentTarget.value });
-	});
-	const clear = useEditorPanelTrigger((trigger) => {
-		trigger.inputChange({ value: "" });
-	});
-	return /* @__PURE__ */ jsx(Box$1, { children: /* @__PURE__ */ jsx(Input, {
-		id: "search-input",
-		size: "xs",
-		variant: "filled",
-		placeholder: "Search by title, description or start with # or kind:",
-		value: input,
-		onChange,
-		"data-likec4-search-input": true,
-		rightSectionPointerEvents: "all",
-		rightSection: /* @__PURE__ */ jsx(CloseButton, {
-			size: "sm",
-			"aria-label": "Clear input",
-			onClick: clear,
-			style: { display: input ? void 0 : "none" }
-		}),
-		onKeyDownCapture: (e) => {
-			switch (e.key) {
-				case "Escape":
-					e.stopPropagation();
-					e.preventDefault();
-					clear();
-					break;
-				case "Enter":
-					e.stopPropagation();
-					e.preventDefault();
-					break;
-				case "ArrowDown":
-					e.stopPropagation();
-					e.preventDefault();
-					trigger.inputKeyDown();
-					break;
-				default: return;
-			}
-		}
-	}) });
-}
-//#endregion
-export { EditorPanel };

package/dist/adhoc-editor/ElementsTree.d.ts

@@ -1,2 +0,0 @@
-import { MemoExoticComponent } from 'react';
-export declare const ElementsTree: MemoExoticComponent<() => import("react/jsx-runtime").JSX.Element>;

package/dist/adhoc-editor/ElementsTree.js

@@ -1,112 +0,0 @@
-import "../_virtual/_rolldown/runtime.js";
-import { Tree as Tree$1 } from "./components/Tree.js";
-import { useElementsTree } from "./useElementsTree.js";
-import { useEditorPanelTrigger } from "./state/panel.js";
-import { memo } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { ScrollArea } from "@mantine/core";
-import { invariant } from "@likec4/core/utils";
-import { Box as Box$1 } from "@likec4/styles/jsx";
-import { mergeProps } from "@zag-js/react";
-//#region src/adhoc-editor/ElementsTree.tsx
-var ElementsTree = memo(() => {
-	const api = useElementsTree();
-	const onClick = useEditorPanelTrigger((trigger, event) => {
-		const id = event.currentTarget.closest("[data-value]")?.getAttribute("data-value");
-		if (!id) return;
-		try {
-			event.stopPropagation();
-			event.preventDefault();
-			api.expand([id]);
-			trigger.elementClick({ id });
-		} catch (err) {
-			console.error("Failed to handle element click", err);
-		}
-	});
-	return /* @__PURE__ */ jsx(ScrollArea, {
-		flex: "1 1 100%",
-		scrollbars: "y",
-		type: "scroll",
-		scrollbarSize: "4px",
-		...mergeProps(api.getRootProps(), { onKeyDown: (e) => {
-			switch (e.key) {
-				case "Escape": {
-					const input = document.getElementById("search-input");
-					if (input) {
-						e.stopPropagation();
-						e.preventDefault();
-						input.focus();
-					}
-					break;
-				}
-				case "ArrowUp": break;
-				default: return;
-			}
-		} }),
-		children: /* @__PURE__ */ jsxs(Tree$1.Root, {
-			...api.getTreeProps(),
-			children: [api.collection.rootNode.children.map((node, index) => /* @__PURE__ */ jsx(TreeNode, {
-				node,
-				api,
-				onClick
-			}, node.id)), !api.collection.getFirstNode() && /* @__PURE__ */ jsx(Box$1, {
-				css: {
-					p: "4",
-					textAlign: "center"
-				},
-				children: "Nothing found"
-			})]
-		})
-	});
-});
-var TreeNode = ({ api, node, onClick }) => {
-	const indexPath = api.collection.getIndexPath(node.id);
-	invariant(indexPath, "Node not found in collection");
-	const nodeProps = {
-		indexPath,
-		node
-	};
-	const state = api.getNodeState(nodeProps);
-	if (state.isBranch) return /* @__PURE__ */ jsxs(Tree$1.Branch, {
-		...api.getBranchProps(nodeProps),
-		children: [/* @__PURE__ */ jsxs(Tree$1.Control, {
-			...api.getBranchControlProps(nodeProps),
-			children: [
-				/* @__PURE__ */ jsx(Tree$1.Icon, { element: node }),
-				/* @__PURE__ */ jsxs(Tree$1.Label, {
-					...api.getBranchTextProps(nodeProps),
-					children: [node.title, /* @__PURE__ */ jsx(Tree$1.Indicator, { ...api.getBranchIndicatorProps(nodeProps) })]
-				}),
-				/* @__PURE__ */ jsx(Tree$1.State, {
-					node,
-					state: node.state,
-					onClick
-				})
-			]
-		}), /* @__PURE__ */ jsx(Tree$1.Content, {
-			...api.getBranchContentProps(nodeProps),
-			children: state.expanded && node.children.map((childNode, index) => /* @__PURE__ */ jsx(TreeNode, {
-				node: childNode,
-				api,
-				onClick
-			}, childNode.id))
-		})]
-	});
-	return /* @__PURE__ */ jsxs(Tree$1.Item, {
-		...api.getItemProps(nodeProps),
-		children: [
-			/* @__PURE__ */ jsx(Tree$1.Icon, { element: node }),
-			/* @__PURE__ */ jsx(Tree$1.Label, {
-				...api.getItemTextProps(nodeProps),
-				children: node.title
-			}),
-			/* @__PURE__ */ jsx(Tree$1.State, {
-				node,
-				state: node.state,
-				onClick
-			})
-		]
-	});
-};
-//#endregion
-export { ElementsTree };

package/dist/adhoc-editor/LikeC4AdHocViewEditor.d.ts

@@ -1,4 +0,0 @@
-import { AdhocViewService } from './state/actor.types';
-export declare function LikeC4AdHocViewEditor({ service }: {
-    service: AdhocViewService;
-}): import("react/jsx-runtime").JSX.Element;

package/dist/adhoc-editor/LikeC4AdHocViewEditor.js

@@ -1,83 +0,0 @@
-import "../_virtual/_rolldown/runtime.js";
-import { IconRendererProvider } from "../context/IconRenderer.js";
-import { FitViewPaddings } from "../base/const.js";
-import { RootContainer } from "../components/RootContainer.js";
-import { DefaultFeatures, DiagramFeatures } from "../context/DiagramFeatures.js";
-import { EnsureMantine } from "../context/EnsureMantine.js";
-import { FramerMotionConfig } from "../context/FramerMotionConfig.js";
-import { useDiagram } from "../hooks/safeContext.js";
-import { TagStylesProvider } from "../context/TagStylesContext.js";
-import { useId } from "../hooks/useId.js";
-import { LikeC4DiagramXYFlow } from "../likec4diagram/DiagramXYFlow.js";
-import { DiagramActorProvider } from "../likec4diagram/state/DiagramActorProvider.js";
-import { LikeC4Styles } from "../LikeC4Styles.js";
-import { useAdhocEditorActor, useAdhocView } from "./hooks.js";
-import { EditorPanel } from "./EditorPanel.js";
-import { AdhocEditorActorProvider } from "./state/ActorProvider.js";
-import { Profiler, memo, useEffect, useRef } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { ReactFlowProvider } from "@xyflow/react";
-import { mapValues } from "remeda";
-//#region src/adhoc-editor/LikeC4AdHocViewEditor.tsx
-var noop = () => {};
-var defaultFeatures = {
-	...mapValues(DefaultFeatures, () => false),
-	enableFitView: true,
-	enableReadOnly: true
-};
-function LikeC4AdHocViewEditor({ service }) {
-	const id = useId();
-	const initialRef = useRef({
-		fitView: true,
-		defaultNodes: [],
-		defaultEdges: []
-	});
-	return /* @__PURE__ */ jsx(EnsureMantine, { children: /* @__PURE__ */ jsx(FramerMotionConfig, { children: /* @__PURE__ */ jsx(Profiler, {
-		id: "LikeC4AdHocViewEditor",
-		onRender: noop,
-		children: /* @__PURE__ */ jsx(IconRendererProvider, {
-			value: null,
-			children: /* @__PURE__ */ jsx(AdhocEditorActorProvider, {
-				service,
-				children: /* @__PURE__ */ jsxs(DiagramFeatures, {
-					features: defaultFeatures,
-					children: [/* @__PURE__ */ jsx(LikeC4Styles, { id }), /* @__PURE__ */ jsx(TagStylesProvider, {
-						rootSelector: `#${id}`,
-						children: /* @__PURE__ */ jsx(RootContainer, {
-							id,
-							children: /* @__PURE__ */ jsxs(ReactFlowProvider, {
-								...initialRef.current,
-								children: [/* @__PURE__ */ jsx(LikeC4AdHocView, { id }), /* @__PURE__ */ jsx(EditorPanel, {})]
-							})
-						})
-					})]
-				})
-			})
-		})
-	}) }) });
-}
-var LikeC4AdHocView = memo(({ id }) => {
-	return /* @__PURE__ */ jsxs(DiagramActorProvider, {
-		id,
-		view: useAdhocView(),
-		zoomable: true,
-		pannable: true,
-		fitViewPadding: FitViewPaddings.withControls,
-		nodesDraggable: false,
-		nodesSelectable: true,
-		children: [/* @__PURE__ */ jsx(LikeC4DiagramXYFlow, {}), /* @__PURE__ */ jsx(LikeC4AdHocEditorEvents, {})]
-	});
-});
-var LikeC4AdHocEditorEvents = memo(() => {
-	const actorRef = useAdhocEditorActor();
-	const diagram = useDiagram();
-	useEffect(() => {
-		const subscription = actorRef.on("click.element", ({ id }) => {
-			diagram.focusOnElement(id);
-		});
-		return () => subscription.unsubscribe();
-	}, [actorRef, diagram]);
-	return null;
-});
-//#endregion
-export { LikeC4AdHocViewEditor };

package/dist/adhoc-editor/components/Tree.d.ts

@@ -1,48 +0,0 @@
-import { RecipeVariantProps } from '@likec4/styles/css';
-import { MouseEventHandler, PropsWithChildren, ForwardRefExoticComponent, RefAttributes } from 'react';
-import { IconOrShapeRenderer } from '../../context/IconRenderer';
-import { TreeNodeData } from '../useElementsTree';
-import { RecipeRuntimeFn, SlotRecipeRuntimeFn } from '@likec4/styles';
-import { StyleContextRootProvider, StyleContextConsumer } from '@likec4/styles/jsx';
-import { IconProps } from '../../../@tabler/icons-react/dist/esm/icons/index.mjs';
-declare const statebtn: RecipeRuntimeFn<{
-    state: {
-        "include-explicit": {
-            backgroundColor: "grass.6";
-            color: "text";
-        };
-        "include-implicit": {
-            backgroundColor: "grass.6";
-            color: "text";
-        };
-        exclude: {
-            backgroundColor: "red.6";
-            color: "text";
-        };
-        disabled: {
-            color: "text.dimmed";
-        };
-        'not-present': {
-            color: "text.dimmed";
-            backgroundColor: "default.hover/50";
-        };
-    };
-}>;
-declare const tree: SlotRecipeRuntimeFn<"content" | "icon" | "label" | "item" | "indicator" | "branch" | "control" | "state", {}>;
-export type TreeVariants = RecipeVariantProps<typeof tree>;
-export declare const Tree: {
-    Root: StyleContextRootProvider<"div", SlotRecipeRuntimeFn<"content" | "icon" | "label" | "item" | "indicator" | "branch" | "control" | "state", {}>>;
-    Branch: StyleContextConsumer<"div">;
-    Item: StyleContextConsumer<"div">;
-    Control: StyleContextConsumer<"div">;
-    State: ({ node, state, onClick, className, ...props }: PropsWithChildren<RecipeVariantProps<typeof statebtn> & {
-        node: TreeNodeData;
-        className?: string;
-        onClick?: MouseEventHandler<HTMLElement>;
-    }>) => import("react/jsx-runtime").JSX.Element;
-    Icon: typeof IconOrShapeRenderer;
-    Label: StyleContextConsumer<"div">;
-    Content: StyleContextConsumer<"div">;
-    Indicator: StyleContextConsumer<ForwardRefExoticComponent< IconProps & RefAttributes<SVGSVGElement>>>;
-};
-export {};

package/dist/adhoc-editor/components/Tree.js

@@ -1,213 +0,0 @@
-import "../../_virtual/_rolldown/runtime.js";
-import { IconOrShapeRenderer } from "../../context/IconRenderer.js";
-import { css, cva, cx, sva } from "@likec4/styles/css";
-import { IconChevronRight } from "@tabler/icons-react";
-import { jsx } from "react/jsx-runtime";
-import { createStyleContext } from "@likec4/styles/jsx";
-//#region src/adhoc-editor/components/Tree.tsx
-var statebtn = cva({
-	base: {
-		border: "none",
-		display: "inline-flex",
-		alignItems: "center",
-		justifyContent: "center",
-		justifySelf: "flex-end",
-		fontSize: "[8px]",
-		fontFamily: "mono",
-		fontWeight: "bold",
-		letterSpacing: "[0.5px]",
-		marginLeft: "2",
-		py: "1",
-		px: "1.5",
-		lineHeight: "1",
-		rounded: "sm",
-		minWidth: 32,
-		transition: "normal",
-		_hover: { color: "text.bright" }
-	},
-	variants: { state: {
-		["include-explicit"]: {
-			backgroundColor: "grass.6",
-			color: "text"
-		},
-		["include-implicit"]: {
-			backgroundColor: "grass.6",
-			color: "text"
-		},
-		exclude: {
-			backgroundColor: "red.6",
-			color: "text"
-		},
-		["disabled"]: { color: "text.dimmed" },
-		"not-present": {
-			color: "text.dimmed",
-			backgroundColor: "default.hover/50"
-		}
-	} },
-	defaultVariants: { state: "not-present" }
-});
-var icon = css.raw({
-	flex: 0,
-	display: "flex",
-	alignItems: "center",
-	color: "text.dimmed",
-	_groupHover: { color: "text" },
-	_groupFocusWithin: { color: "mantine.colors.primary.lightColor!" },
-	_groupFocusVisible: { color: "mantine.colors.primary.lightColor!" },
-	"& :where(.likec4-shape-icon, .likec4-element-icon)": { display: "contents" },
-	"& :where(svg, img)": {
-		width: "10px",
-		height: "10px"
-	},
-	"@/md": { "& :where(svg, img)": {
-		width: "14px",
-		height: "14px"
-	} },
-	"@/lg": { "& :where(svg, img)": {
-		width: "16px",
-		height: "16px"
-	} },
-	opacity: {
-		base: .8,
-		_groupFocusVisible: 1,
-		_groupHover: 1
-	}
-});
-var control = css.raw({
-	paddingLeft: "[calc((var(--depth, 1) - 1) * {spacing.2} + {spacing.1})]",
-	px: "1",
-	py: "1",
-	mb: "0",
-	columnGap: "1",
-	"@/md": {
-		paddingLeft: "[calc((var(--depth, 1) - 1) * {spacing.2} + {spacing.2})]",
-		px: "2",
-		py: "1.5",
-		mb: "0.5",
-		columnGap: "2"
-	},
-	"@/lg": {
-		paddingLeft: "[calc((var(--depth, 1) - 1) * {spacing.3} + {spacing.2.5})]",
-		py: "2.5"
-	},
-	cursor: "pointer",
-	border: "none",
-	appearance: "none",
-	width: "full",
-	alignItems: "center",
-	display: "grid",
-	gridTemplateColumns: "auto 1fr auto",
-	gridTemplateRows: "auto auto",
-	rounded: "sm",
-	backgroundColor: {
-		base: "transparent",
-		_hover: {
-			base: "mantine.colors.gray[1]",
-			_dark: "mantine.colors.dark[5]"
-		},
-		_focusWithin: "mantine.colors.primary.lightHover!",
-		_focusVisible: "mantine.colors.primary.lightHover!"
-	},
-	color: {
-		base: "text",
-		_hover: "text.bright",
-		_focusWithin: "mantine.colors.primary.lightColor!",
-		_focusVisible: "mantine.colors.primary.lightColor!"
-	},
-	_focusVisible: { outline: "none" }
-});
-var { withRootProvider, withContext } = createStyleContext(sva({
-	slots: [
-		"branch",
-		"item",
-		"control",
-		"state",
-		"icon",
-		"label",
-		"content",
-		"indicator"
-	],
-	base: {
-		branch: {},
-		item: { ...control },
-		control: { ...control },
-		state: {
-			border: "none",
-			display: "inline-flex",
-			alignItems: "center",
-			justifySelf: "flex-end",
-			marginLeft: "2",
-			"--chip-fz": "9px",
-			"--chip-checked-padding": "{spacing.1}",
-			"--chip-padding": "{spacing.1}",
-			"--chip-spacing": "0",
-			"--chip-size": "16px",
-			transition: "opacity 150ms ease-out"
-		},
-		icon: { ...icon },
-		label: {
-			cursor: "inherit",
-			color: "inherit",
-			userSelect: "none",
-			textStyle: "xxs",
-			truncate: "ellipsis",
-			"@/sm": { textStyle: "xs" },
-			"@/md": { textStyle: "sm" },
-			fontWeight: "[450]",
-			display: "inline-flex",
-			alignItems: "center",
-			gap: "2"
-		},
-		indicator: {
-			color: "inherit",
-			transition: "transform 150ms ease-out",
-			width: "12px",
-			opacity: .75,
-			"@/md": { width: "14px" },
-			_open: { transform: "rotate(90deg)" }
-		},
-		content: {}
-	},
-	variants: {},
-	defaultVariants: {}
-}));
-var Root = withRootProvider("div");
-var Branch = withContext("div", "branch");
-var Item = withContext("div", "item", {
-	forwardProps: [],
-	defaultProps: { className: "group" }
-});
-var Control = withContext("div", "control", {
-	forwardProps: [],
-	defaultProps: { className: "group" }
-});
-var ElementState = ({ node, state, onClick, className, ...props }) => {
-	const cls = cx(className, "mantine-active", statebtn({ state }));
-	return /* @__PURE__ */ jsx("div", {
-		...props,
-		onClick,
-		className: cls,
-		children: state
-	});
-};
-var Tree = {
-	Root,
-	Branch,
-	Item,
-	Control,
-	State: withContext(ElementState, "state", { forwardProps: [
-		"node",
-		"state",
-		"onClick",
-		"className"
-	] }),
-	Icon: withContext(IconOrShapeRenderer, "icon", { forwardProps: ["element", "className"] }),
-	Label: withContext("div", "label", { forwardProps: [] }),
-	Content: withContext("div", "content", { forwardProps: [] }),
-	Indicator: withContext(IconChevronRight, "indicator", {
-		forwardProps: [],
-		defaultProps: { size: 14 }
-	})
-};
-//#endregion
-export { Tree };

package/dist/adhoc-editor/hooks.d.ts

@@ -1,14 +0,0 @@
-import { LayoutedElementView, Any } from '@likec4/core';
-import { AdhocEditorActorRef, AdhocEditorSnapshot } from './state/actor';
-import { Provider } from 'react';
-export declare const AdhocEditorActorContextProvider: Provider<AdhocEditorActorRef | null>;
-export declare function useAdhocEditorActor(): AdhocEditorActorRef;
-export declare function useAdhocEditor(): {
-    open: () => void;
-    close: () => void;
-    toggleRule: (ruleId: string) => void;
-};
-export declare function useAdhocEditorSnapshot<T = unknown>(selector: (state: AdhocEditorSnapshot) => T, compare?: (a: NoInfer<T>, b: NoInfer<T>) => boolean): T;
-export declare function useAdhocView(): LayoutedElementView< Any>;
-export declare function selectFromSnapshot<T = unknown>(selector: (state: AdhocEditorSnapshot) => T): (state: AdhocEditorSnapshot) => T;
-export declare function selectFromContext<T = unknown>(selector: (state: AdhocEditorSnapshot['context']) => T): (state: AdhocEditorSnapshot) => T;

package/dist/adhoc-editor/hooks.js

@@ -1,34 +0,0 @@
-import "../_virtual/_rolldown/runtime.js";
-import { createContext, useContext } from "react";
-import "fast-equals";
-import { nonNullable } from "@likec4/core";
-import { useSelector } from "@xstate/react";
-//#region src/adhoc-editor/hooks.ts
-var AdhocEditorActorContext = createContext(null);
-var AdhocEditorActorContextProvider = AdhocEditorActorContext.Provider;
-function useAdhocEditorActor() {
-	return nonNullable(useContext(AdhocEditorActorContext), "No AdhocEditorActorContext");
-}
-var EMPTY_VIEW = {
-	id: "adhoc",
-	["_type"]: "element",
-	autoLayout: { direction: "LR" },
-	nodes: [],
-	edges: [],
-	bounds: {
-		x: 0,
-		y: 0,
-		width: 0,
-		height: 0
-	},
-	["_stage"]: "layouted",
-	title: null,
-	description: null,
-	hash: ""
-};
-var selectView = ({ context }) => context.view ?? EMPTY_VIEW;
-function useAdhocView() {
-	return useSelector(useAdhocEditorActor(), selectView);
-}
-//#endregion
-export { AdhocEditorActorContextProvider, useAdhocEditorActor, useAdhocView };

package/dist/adhoc-editor/index.d.ts

@@ -1,2 +0,0 @@
-export { LikeC4AdHocViewEditor } from './LikeC4AdHocViewEditor';
-export type { AdhocViewService } from './state/actor.types';

package/dist/adhoc-editor/index.js

@@ -1,2 +0,0 @@
-import { LikeC4AdHocViewEditor } from "./LikeC4AdHocViewEditor.js";
-export { LikeC4AdHocViewEditor };

package/dist/adhoc-editor/state/ActorProvider.d.ts

@@ -1,5 +0,0 @@
-import { PropsWithChildren } from 'react';
-import { AdhocViewService } from './actor.types';
-export declare function AdhocEditorActorProvider({ children, service }: PropsWithChildren<{
-    service: AdhocViewService;
-}>): import("react/jsx-runtime").JSX.Element;

package/dist/adhoc-editor/state/ActorProvider.js

@@ -1,37 +0,0 @@
-import "../../_virtual/_rolldown/runtime.js";
-import { AdhocEditorActorContextProvider } from "../hooks.js";
-import { adhocEditorLogic } from "./actor.js";
-import { useEffect, useMemo, useRef } from "react";
-import { jsx } from "react/jsx-runtime";
-import { useActorRef } from "@xstate/react";
-import { fromPromise } from "xstate";
-//#region src/adhoc-editor/state/ActorProvider.tsx
-var State = {
-	read: () => JSON.parse(sessionStorage.getItem("adhoc-editor-state") || "null") ?? void 0,
-	write: (state) => sessionStorage.setItem("adhoc-editor-state", JSON.stringify(state))
-};
-function AdhocEditorActorProvider({ children, service }) {
-	const serviceRef = useRef(service);
-	serviceRef.current = service;
-	const provided = useMemo(() => ({ actors: { service: fromPromise(({ input }) => serviceRef.current.process(input)) } }), []);
-	const actorRef = useActorRef(adhocEditorLogic.provide(provided), {
-		id: "adhoc-editor",
-		snapshot: State.read(),
-		systemId: "adhoc-editor",
-		inspect: (event) => {
-			console.log("[AdhocEditorActor]", event);
-		}
-	});
-	useEffect(() => {
-		const subscription = actorRef.subscribe((state) => {
-			State.write(state);
-		});
-		return () => subscription.unsubscribe();
-	}, [actorRef]);
-	return /* @__PURE__ */ jsx(AdhocEditorActorContextProvider, {
-		value: actorRef,
-		children
-	});
-}
-//#endregion
-export { AdhocEditorActorProvider };