likec4 1.36.0 → 1.36.1

package/__app__/src/main.js

@@ -30794,6 +30794,9 @@ function useIsPanning() {
   return useStore(usePanningAtom());
 }
 const LikeC4ModelContext$1 = createContext(null), CurrentViewModelContext = createContext(null);
+function EnsureCurrentViewModel({ children: children2 }) {
+  return useContext(CurrentViewModelContext) ? /* @__PURE__ */ jsx(Fragment$1, { children: children2 }) : null;
+}
 function useLikeC4Model$1() {
   const model = useContext(LikeC4ModelContext$1);
   if (!model)
@@ -37939,6 +37942,9 @@ const isSelected = ".react-flow__edge.selected", controlPointsContainer = css({
     );
   }
 );
+function useOptionalCurrentViewModel() {
+  return useContext(CurrentViewModelContext);
+}
 function useCurrentViewModel() {
   const vm = useContext(CurrentViewModelContext);
   if (!vm)
@@ -39897,7 +39903,7 @@ const OpenSource = () => {
       onClick: (e2) => {
         e2.stopPropagation(), onOpenSource?.({ view: viewId });
       },
-      children: /* @__PURE__ */ jsx(IconFileSymlink, { stroke: 1.5, style: { width: "65%" } })
+      children: /* @__PURE__ */ jsx(IconFileSymlink, { style: { width: "60%", height: "60%" } })
     }
   ) }) : null;
 };
@@ -48673,11 +48679,11 @@ function selector$1(context2) {
   };
 }
 function DiagramTitlePanel() {
-  const view = useCurrentViewModel(), { isNotActiveWalkthrough } = useDiagramContext(selector$1), [isCollapsed, setCollapsed] = useLocalStorage({
+  const view = useOptionalCurrentViewModel(), { isNotActiveWalkthrough } = useDiagramContext(selector$1), [isCollapsed, setCollapsed] = useLocalStorage({
     key: "diagram-title-webview-collapsed",
     defaultValue: !1
-  }), title$12 = view.title ?? "untitled", toggle = () => setCollapsed((v) => !v);
-  return /* @__PURE__ */ jsx(AnimatePresence, { mode: "wait", children: isNotActiveWalkthrough && /* @__PURE__ */ jsx(
+  }), title$12 = view?.title ?? "untitled", toggle = () => setCollapsed((v) => !v);
+  return /* @__PURE__ */ jsx(AnimatePresence, { mode: "wait", children: view && isNotActiveWalkthrough && /* @__PURE__ */ jsx(
     m$4.div,
     {
       initial: { opacity: 0.05, scale: 0.7 },
@@ -49268,7 +49274,7 @@ const DiagramUI = memo$2(() => {
     enableSearch
   } = useEnabledFeatures(), overlaysActorRef = useOverlaysActorRef(), searchActorRef = useSearchActorRef();
   return /* @__PURE__ */ jsxs(Fragment$1, { children: [
-    enableControls === "next" ? /* @__PURE__ */ jsx(NavigationPanel, {}) : /* @__PURE__ */ jsx(Controls, {}),
+    enableControls === "next" ? /* @__PURE__ */ jsx(EnsureCurrentViewModel, { children: /* @__PURE__ */ jsx(NavigationPanel, {}) }) : /* @__PURE__ */ jsx(Controls, {}),
     overlaysActorRef && /* @__PURE__ */ jsx(Overlays, { overlaysActorRef }),
     enableNotations && /* @__PURE__ */ jsx(NotationPanel, {}),
     enableControls !== "next" && /* @__PURE__ */ jsxs(Fragment$1, { children: [
@@ -53164,22 +53170,23 @@ function DiagramActorProvider({
     actorRef.send({ type: "update.view", view, xyedges, xynodes });
   }, [view, xyedges, xynodes]);
   const toggledFeatures = xstateReact_cjsExports.useSelector(actorRef, selectToggledFeatures, shallowEqual);
-  return /* @__PURE__ */ jsx(DiagramActorContextProvider, { value: actorRef, children: /* @__PURE__ */ jsx(DiagramFeatures, { overrides: toggledFeatures, children: /* @__PURE__ */ jsx(ErrorBoundary2, { children: /* @__PURE__ */ jsx(CurrentViewModelProvider, { children: children2 }) }) }) });
+  return /* @__PURE__ */ jsx(DiagramActorContextProvider, { value: actorRef, children: /* @__PURE__ */ jsx(DiagramFeatures, { overrides: toggledFeatures, children: /* @__PURE__ */ jsx(ErrorBoundary2, { children: /* @__PURE__ */ jsx(CurrentViewModelProvider, { viewId: view.id, children: children2 }) }) }) });
 }
 function CurrentViewModelProvider({
-  children: children2
+  children: children2,
+  viewId
 }) {
-  const viewId = useCurrentViewId$1(), likec4model = useLikeC4Model$1(), [viewmodel, setViewmodel] = useState(() => likec4model.view(viewId));
+  const likec4model = useLikeC4Model$1(), [viewmodel, setViewmodel] = useState(() => likec4model.findView(viewId));
   return useEffect(() => {
     setViewmodel((current) => {
       const nextviewmodel = likec4model.findView(viewId);
-      return nextviewmodel || (console.error(`View "${viewId}" not found in likec4model, current viewmodel: ${current.id}`, {
+      return nextviewmodel ? (nextviewmodel.isDiagram() || console.warn(`View "${viewId}" is not diagram.
+Make sure you have LikeC4ModelProvider with layouted model.`), nextviewmodel) : (console.error(`View "${viewId}" not found in likec4model, current viewmodel: ${current?.id}`, {
         currentViewModel: current,
         likec4model
       }), current);
     });
-  }, [likec4model, viewId]), viewmodel.isDiagram() || console.warn(`View "${viewId}" is not diagram.
-Make sure you have LikeC4ModelProvider with layouted model.`), /* @__PURE__ */ jsx(CurrentViewModelContext.Provider, { value: viewmodel, children: children2 });
+  }, [likec4model, viewId]), /* @__PURE__ */ jsx(CurrentViewModelContext.Provider, { value: viewmodel, children: children2 });
 }
 function useActorEventHandlers(actorRef) {
   const {