likec4 1.17.1 → 1.18.0

package/{dist/__app__ → __app__}/react/likec4.tsx

@@ -6,12 +6,13 @@ import {
   type LikeC4ViewProps as BaseLikeC4ViewProps,
   ReactLikeC4 as GenericReactLikeC4,
   type ReactLikeC4Props as GenericReactLikeC4Props,
-  useColorScheme
+  useColorScheme,
+  ViewNotFound
 } from 'likec4/react'
 import { memo, type PropsWithChildren, useCallback, useState } from 'react'
 import { Icons } from 'virtual:likec4/icons'
 import type { DiagramView, LikeC4ElementKind, LikeC4Tag, LikeC4ViewId } from 'virtual:likec4/model'
-import { likec4model as likeC4Model, LikeC4Views, useLikeC4ModelAtom as useLikeC4Model } from 'virtual:likec4/model'
+import { likeC4Model, LikeC4Views, useLikeC4Model } from 'virtual:likec4/model'
 
 type IconRendererProps = {
   node: {
@@ -28,10 +29,10 @@ export function RenderIcon({ node }: IconRendererProps) {
 
 export { likeC4Model, LikeC4Views, useLikeC4Model }
 
-export const useLikeC4ViewModel = (viewId: LikeC4ViewId): LikeC4Model.Layouted.ViewModel =>
-  useLikeC4Model().view(viewId)
+export const useLikeC4ViewModel = (viewId: LikeC4ViewId): LikeC4Model.View => useLikeC4Model().view(viewId as any)
 
-export const useLikeC4View = (viewId: LikeC4ViewId): DiagramView => useLikeC4Model().view(viewId).view as any
+export const useLikeC4View = (viewId: LikeC4ViewId): DiagramView =>
+  useLikeC4Model().view(viewId as any).$view as DiagramView
 
 export type LikeC4ViewProps = BaseLikeC4ViewProps<LikeC4ViewId, LikeC4Tag, LikeC4ElementKind>
 
@@ -43,24 +44,6 @@ export function isLikeC4ViewId(value: unknown): value is LikeC4ViewId {
   )
 }
 
-const NotFound = ({ viewId }: { viewId: string }) => (
-  <div
-    style={{
-      margin: '1rem 0'
-    }}>
-    <div
-      style={{
-        margin: '0 auto',
-        display: 'inline-block',
-        padding: '2rem',
-        background: 'rgba(250,82,82,.15)',
-        color: '#ffa8a8'
-      }}>
-      View <code>{viewId}</code> not found
-    </div>
-  </div>
-)
-
 export function LikeC4ModelProvider({ children }: PropsWithChildren) {
   const likeC4Model = useLikeC4Model()
   return (
@@ -104,11 +87,11 @@ const LikeC4ViewMemo = /* @__PURE__ */ memo<LikeC4ViewProps>(function LikeC4View
   const colorScheme = useColorScheme(explicitColorScheme)
 
   if (!view) {
-    return <NotFound viewId={viewId} />
+    return <ViewNotFound viewId={viewId} />
   }
 
   if (browserViewId && !browserView) {
-    return <NotFound viewId={browserViewId} />
+    return <ViewNotFound viewId={browserViewId} />
   }
 
   if (interactive && enableFocusMode) {
@@ -169,7 +152,7 @@ export type ReactLikeC4Props =
 const ReactLikeC4Memo = /* @__PURE__ */ memo<ReactLikeC4Props>(function ReactLikeC4({ viewId, ...props }) {
   const view = LikeC4Views[viewId]
   if (!view) {
-    return <NotFound viewId={viewId} />
+    return <ViewNotFound viewId={viewId} />
   }
   return (
     <LikeC4ModelProvider>

package/{dist/__app__/src/chunks/-index-overview-DrCqsLHx.js → __app__/src/chunks/-index-overview-CBnvpD1d.js}

@@ -1,10 +1,10 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { useOverviewGraph } from "virtual:likec4/overview-graph";
-import { c as createReactComponent, I as IconFolderFilled, n, u as useUpdateEffect, i, a as nonexhaustive } from "./main-E2hyQKFO.js";
-import { u as useRouter } from "./tanstack-router-CF1kJvtP.js";
-import { B as BaseEdge, H as Handle, P as Position, u as useNodesState, a as useEdgesState, i as index, b as Background, c as BackgroundVariant } from "./likec4-DF_Jsv_p.js";
+import { c as createReactComponent, I as IconFolderFilled, n, u as useUpdateEffect, i, a as nonexhaustive } from "./main-ByUdz_Be.js";
+import { u as useRouter } from "./tanstack-router-BWjXKr0n.js";
+import { B as BaseEdge, H as Handle, P as Position, u as useNodesState, a as useEdgesState, i as index, b as Background, c as BackgroundVariant } from "./likec4-DslTxitT.js";
 import { memo, useRef, useMemo } from "react";
-import { P as Paper, c as clsx, G as Group, T as ThemeIcon, a as Text, C as Card, b as CardSection, d as Center, I as Image, B as Box, u as useMantineColorScheme } from "./mantine-BzD51ZKm.js";
+import { P as Paper, c as clsx, G as Group, T as ThemeIcon, a as Text, C as Card, b as CardSection, d as Center, I as Image, B as Box, u as useMantineColorScheme } from "./mantine-oFa3ZrEq.js";
 import { usePreviewUrl } from "virtual:likec4/previews";
 /**
  * @license @tabler/icons-react v3.17.0 - MIT

package/{dist/__app__/src/chunks/likec4-DF_Jsv_p.js → __app__/src/chunks/likec4-DslTxitT.js}

@@ -6087,23 +6087,23 @@ export {
   BackgroundVariant as c,
   useReactFlow as d,
   useStoreApi as e,
-  useStore as f,
+  useInternalNode as f,
   getDefaultExportFromCjs as g,
-  useNodesData as h,
+  useStore as h,
   index as i,
-  getNodeDimensions as j,
-  createWithEqualityFn as k,
-  applyNodeChanges as l,
-  applyEdgeChanges as m,
-  getViewportForBounds as n,
-  getBoundsOfRects as o,
-  boxToRect as p,
-  useStoreWithEqualityFn as q,
-  getBezierPath as r,
+  useNodesData as j,
+  getNodeDimensions as k,
+  createWithEqualityFn as l,
+  applyNodeChanges as m,
+  applyEdgeChanges as n,
+  getViewportForBounds as o,
+  getBoundsOfRects as p,
+  boxToRect as q,
+  useStoreWithEqualityFn as r,
   shallow$1 as s,
-  Panel as t,
+  getBezierPath as t,
   useNodesState as u,
-  useOnViewportChange as v,
+  Panel as v,
   withSelectorExports as w,
-  useInternalNode as x
+  useOnViewportChange as x
 };