likec4 1.25.0 → 1.26.0

package/__app__/react/likec4.tsx

@@ -1,5 +1,4 @@
-import type { LikeC4Model } from '@likec4/core/model'
-import type { DiagramView, ViewId } from '@likec4/core/types'
+import type { ViewId } from '@likec4/core'
 import {
   type LikeC4ViewProps,
   type ReactLikeC4Props as GenericReactLikeC4Props,
@@ -7,42 +6,27 @@ import {
   LikeC4View as GenericLikeC4View,
   ReactLikeC4 as GenericReactLikeC4,
 } from 'likec4/react'
+import { $likec4data, $likec4model, IconRenderer } from 'likec4:single-project'
 import { type PropsWithChildren } from 'react'
-import { Icons } from 'virtual:likec4/icons'
-import { likeC4Model, LikeC4Views, useLikeC4Model } from 'virtual:likec4/model'
 
-type IconRendererProps = {
-  node: {
-    id: string
-    title: string
-    icon?: string | null | undefined
-  }
-}
-
-export function RenderIcon({ node }: IconRendererProps) {
-  const IconComponent = Icons[node.icon ?? '']
-  return IconComponent ? <IconComponent /> : null
-}
+export const likeC4Model = $likec4model.get()
 
-export { likeC4Model, useLikeC4Model }
+export {
+  IconRenderer as RenderIcon,
+  useLikeC4Model,
+  useLikeC4View,
+} from 'likec4:single-project'
 
-export function useLikeC4ViewModel(viewId: ViewId): LikeC4Model.View {
-  return useLikeC4Model().view(viewId as any)
-}
-
-export function useLikeC4View(viewId: ViewId): DiagramView {
-  return useLikeC4Model().view(viewId as any).$view as DiagramView
-}
 export function isLikeC4ViewId(value: unknown): value is ViewId {
+  const model = $likec4data.get()
   return (
     value != null
     && typeof value === 'string'
-    && value in LikeC4Views
+    && !!model.views[value]
   )
 }
 
 export function LikeC4ModelProvider({ children }: PropsWithChildren) {
-  const likeC4Model = useLikeC4Model()
   return (
     <GenericLikeC4ModelProvider likec4model={likeC4Model}>
       {children}
@@ -54,7 +38,7 @@ export function LikeC4View(props: LikeC4ViewProps<string, string, string>) {
   return (
     <LikeC4ModelProvider>
       <GenericLikeC4View
-        renderIcon={RenderIcon}
+        renderIcon={IconRenderer}
         {...props} />
     </LikeC4ModelProvider>
   )
@@ -66,7 +50,7 @@ export function ReactLikeC4(props: ReactLikeC4Props) {
   return (
     <LikeC4ModelProvider>
       <GenericReactLikeC4
-        renderIcon={RenderIcon}
+        renderIcon={IconRenderer}
         {...props}
       />
     </LikeC4ModelProvider>