likec4 1.0.0-rc.1 → 1.0.0

package/dist/__app__/react/likec4.tsx

@@ -0,0 +1,53 @@
+import { LikeC4Browser, type LikeC4ViewBaseProps, LikeC4ViewElement as LikeC4ViewComponent } from 'likec4/react'
+import { useState } from 'react'
+import { createPortal } from 'react-dom'
+import { isLikeC4ViewId, type LikeC4ViewId, LikeC4Views } from 'virtual:likec4/views'
+
+type LikeC4ViewProps = LikeC4ViewBaseProps<LikeC4ViewId>
+
+export { isLikeC4ViewId }
+
+export function LikeC4View({
+  viewId,
+  interactive = true,
+  colorScheme,
+  injectFontCss = true,
+  ...props
+}: LikeC4ViewProps) {
+  const view = LikeC4Views[viewId]
+
+  const [browserViewId, onNavigateTo] = useState(null as LikeC4ViewId | null)
+
+  const browserView = browserViewId ? LikeC4Views[browserViewId] : null
+
+  if (!view) {
+    throw new Error(`View with id ${viewId} not found`)
+  }
+
+  if (browserViewId && !browserView) {
+    throw new Error(`View with id ${browserViewId} not found`)
+  }
+
+  return (
+    <>
+      <LikeC4ViewComponent<LikeC4ViewId>
+        view={view}
+        colorScheme={colorScheme}
+        injectFontCss={injectFontCss}
+        onNavigateTo={interactive ? onNavigateTo : undefined}
+        {...props}
+      />
+      {browserView && (createPortal(
+        <LikeC4Browser<LikeC4ViewId>
+          view={browserView}
+          injectFontCss={false}
+          colorScheme={colorScheme}
+          onNavigateTo={onNavigateTo}
+          onClose={() => onNavigateTo(null)}
+        />,
+        document.body,
+        view.id
+      ))}
+    </>
+  )
+}

package/dist/__app__/src/const.js

@@ -0,0 +1,13 @@
+export const ComponentName = {
+  View: WEBCOMPONENT_PREFIX + '-view',
+  Browser: WEBCOMPONENT_PREFIX + '-browser'
+}
+
+let BASE = import.meta.env.BASE_URL
+if (!BASE.endsWith('/')) {
+  BASE = BASE + '/'
+}
+
+export const useHasHistory = __USE_HASH_HISTORY__
+
+export const basepath = useHasHistory ? '/' : BASE