likec4 1.55.1 → 1.56.0

package/__app__/src/main.js

@@ -1,7 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { StrictMode } from "react";
-import { createRoot } from "react-dom/client";
-import { a as Routes } from "./routes/index.js";
-createRoot(document.getElementById("likec4-root")).render(
-  /* @__PURE__ */ jsx(StrictMode, { children: /* @__PURE__ */ jsx(Routes, {}) })
-);

package/__app__/src/routes/index.js

@@ -1,324 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { cY as useNavigate, bS as useCallbackRef, cZ as z, A as createTheme, T as Tooltip, P as Portal, S as SegmentedControl, c_ as createRootRouteWithContext, a0 as t, c$ as stripSearchParams, M as MantineProvider, d0 as Outlet, d1 as createFileRoute, d2 as redirect, d3 as useDocumentTitle, d4 as createRouter, d5 as createHashHistory, d6 as createBrowserHistory, d7 as RouterProvider } from "../vendors.js";
-import { useLikeC4Projects, projects } from "likec4:projects";
-import { R as Route$3, a as Route$4, b as Route$5, c as Route$9, d as Route$a, e as Route$b, f as Route$c, g as Route$d, h as Route$h, i as Route$i, j as Route$j, k as Route$k, F as Fallback, N as NotFound } from "./single.js";
-import { pageTitle, useHashHistory, basepath } from "../const.js";
-import { L as LikeC4ProjectsProvider, B as Box } from "../likec4.js";
-import { lazy } from "react";
-import { R as Route$6, a as Route$7, b as Route$8, c as Route$e, d as Route$f, e as Route$g, f as Route$l, g as Route$m, h as Route$n, i as Route$o, j as Route$p } from "./projects.js";
-function LikeC4ProjectsContext({ children }) {
-  const projects2 = useLikeC4Projects(), navigate = useNavigate(), onProjectChange = useCallbackRef((projectId) => {
-    navigate({ to: "/project/$projectId/", params: { projectId } }).catch(console.error);
-  });
-  return /* @__PURE__ */ jsx(
-    LikeC4ProjectsProvider,
-    {
-      projects: projects2,
-      onProjectChange,
-      children
-    }
-  );
-}
-const searchParamsSchema = z.object({
-  theme: z.literal(["light", "dark", "auto"]).optional().catch(void 0),
-  dynamic: z.enum(["diagram", "sequence"]).default("diagram").catch("diagram"),
-  padding: z.number().min(0).default(20).catch(20),
-  relationships: z.string().nonempty().optional().catch(void 0).transform((v) => v),
-  focusOnElement: z.string().nonempty().optional().catch(void 0).transform((v) => v)
-});
-function resolveForceColorScheme(theme2) {
-  switch (theme2) {
-    case "light":
-    case "dark":
-      return theme2;
-    default:
-      return;
-  }
-}
-const theme = createTheme({
-  autoContrast: !0,
-  primaryColor: "indigo",
-  cursorType: "pointer",
-  fontFamily: "var(--likec4-app-font)",
-  headings: {
-    fontWeight: "500",
-    sizes: {
-      h1: {
-        // fontSize: '2rem',
-        fontWeight: "600"
-      },
-      h2: {
-        // fontSize: '1.85rem',
-      }
-    }
-  },
-  fontSizes: {
-    xxs: "var(--font-sizes-xxs)",
-    xs: "var(--font-sizes-xs)",
-    sm: "var(--font-sizes-sm)",
-    md: "var(--font-sizes-md)",
-    lg: "var(--font-sizes-lg)",
-    xl: "var(--font-sizes-xl)"
-  },
-  spacing: {
-    xs: "var(--spacing-xs)",
-    sm: "var(--spacing-sm)",
-    md: "var(--spacing-md)",
-    lg: "var(--spacing-lg)",
-    xl: "var(--spacing-xl)"
-  },
-  components: {
-    SegmentedControl: SegmentedControl.extend({
-      vars: (theme2, props, ctx) => ({
-        root: {
-          // @ts-ignore
-          "--sc-font-size": theme2.fontSizes[props.fz ?? props.size]
-        }
-      })
-    }),
-    Portal: Portal.extend({
-      defaultProps: {
-        reuseTargetNode: !0
-      }
-    }),
-    Tooltip: Tooltip.extend({
-      defaultProps: {
-        color: "dark"
-      }
-    })
-  }
-}), Route$2 = createRootRouteWithContext()({
-  validateSearch: searchParamsSchema,
-  search: {
-    middlewares: [
-      stripSearchParams({
-        padding: 20,
-        theme: void 0,
-        dynamic: "diagram",
-        relationships: void 0,
-        focusOnElement: void 0
-      })
-    ]
-  },
-  beforeLoad: () => {
-    const _projects = projects.length > 0 ? t(projects, (p) => p.id) : ["default"];
-    return {
-      projects: _projects,
-      projectId: _projects[0]
-    };
-  },
-  component: RootComponent
-});
-function RootComponent() {
-  const { theme: theme$1 } = Route$2.useSearch(), forceColorScheme = resolveForceColorScheme(theme$1), defaultColorScheme = theme$1 === "auto" ? "auto" : __DEFAULT_THEME__;
-  return /* @__PURE__ */ jsx(
-    MantineProvider,
-    {
-      theme,
-      defaultColorScheme,
-      ...forceColorScheme && { forceColorScheme },
-      children: /* @__PURE__ */ jsx(Outlet, {})
-    }
-  );
-}
-const ProjectsOverviewPage = lazy(async () => {
-  const { ProjectsOverviewPage: ProjectsOverviewPage2 } = await import("../ProjectsOverview.js");
-  return {
-    default: ProjectsOverviewPage2
-  };
-}), Route$1 = createFileRoute("/projects")({
-  beforeLoad: async ({ context }) => {
-    if (context.projects.length < 2)
-      throw redirect({
-        to: "/single-index/"
-      });
-  },
-  component: RouteComponent,
-  wrapInSuspense: !0
-});
-function RouteComponent() {
-  return useDocumentTitle(`Projects - ${pageTitle}`), /* @__PURE__ */ jsx(Box, { w: "100%", h: "100%", overflow: "hidden", children: /* @__PURE__ */ jsx(ProjectsOverviewPage, {}) });
-}
-const Route = createFileRoute("/")({
-  beforeLoad: ({ context }) => {
-    throw context.projects.length > 1 ? redirect({
-      to: "/projects/",
-      mask: {
-        to: "/",
-        unmaskOnReload: !0
-      }
-    }) : projects[0]?.landingPage && "redirect" in projects[0].landingPage ? redirect({
-      to: "/view/$viewId/",
-      params: { viewId: "index" },
-      mask: {
-        to: "/",
-        unmaskOnReload: !0
-      }
-    }) : redirect({
-      to: "/single-index/",
-      mask: {
-        to: "/",
-        unmaskOnReload: !0
-      }
-    });
-  }
-}), ProjectsRoute = Route$1.update({
-  id: "/projects",
-  path: "/projects",
-  getParentRoute: () => Route$2
-}), SingleRouteRoute = Route$3.update({
-  id: "/_single",
-  getParentRoute: () => Route$2
-}), IndexRoute = Route.update({
-  id: "/",
-  path: "/",
-  getParentRoute: () => Route$2
-}), SingleSingleIndexRoute = Route$4.update({
-  id: "/single-index",
-  path: "/single-index",
-  getParentRoute: () => SingleRouteRoute
-}), SingleAdhocRoute = Route$5.update({
-  id: "/adhoc",
-  path: "/adhoc",
-  getParentRoute: () => SingleRouteRoute
-}), ProjectProjectIdRouteRoute = Route$6.update({
-  id: "/project/$projectId",
-  path: "/project/$projectId",
-  getParentRoute: () => Route$2
-}), ProjectProjectIdIndexRoute = Route$7.update({
-  id: "/",
-  path: "/",
-  getParentRoute: () => ProjectProjectIdRouteRoute
-}), ProjectProjectIdAdhocRoute = Route$8.update({
-  id: "/adhoc",
-  path: "/adhoc",
-  getParentRoute: () => ProjectProjectIdRouteRoute
-}), SingleWebcomponentSplatRoute = Route$9.update({
-  id: "/webcomponent/$",
-  path: "/webcomponent/$",
-  getParentRoute: () => SingleRouteRoute
-}), SingleViewViewIdRoute = Route$a.update({
-  id: "/view/$viewId",
-  path: "/view/$viewId",
-  getParentRoute: () => SingleRouteRoute
-}), SingleExportViewIdRoute = Route$b.update({
-  id: "/export/$viewId",
-  path: "/export/$viewId",
-  getParentRoute: () => SingleRouteRoute
-}), SingleEmbedViewIdRoute = Route$c.update({
-  id: "/embed/$viewId",
-  path: "/embed/$viewId",
-  getParentRoute: () => SingleRouteRoute
-}), SingleViewViewIdIndexRoute = Route$d.update({
-  id: "/",
-  path: "/",
-  getParentRoute: () => SingleViewViewIdRoute
-}), ProjectProjectIdViewViewIdRoute = Route$e.update(
-  {
-    id: "/view/$viewId",
-    path: "/view/$viewId",
-    getParentRoute: () => ProjectProjectIdRouteRoute
-  }
-), ProjectProjectIdExportViewIdRoute = Route$f.update({
-  id: "/export/$viewId",
-  path: "/export/$viewId",
-  getParentRoute: () => ProjectProjectIdRouteRoute
-}), ProjectProjectIdEmbedViewIdRoute = Route$g.update({
-  id: "/embed/$viewId",
-  path: "/embed/$viewId",
-  getParentRoute: () => ProjectProjectIdRouteRoute
-}), SingleViewViewIdPumlRoute = Route$h.update({
-  id: "/puml",
-  path: "/puml",
-  getParentRoute: () => SingleViewViewIdRoute
-}), SingleViewViewIdMmdRoute = Route$i.update({
-  id: "/mmd",
-  path: "/mmd",
-  getParentRoute: () => SingleViewViewIdRoute
-}), SingleViewViewIdDotRoute = Route$j.update({
-  id: "/dot",
-  path: "/dot",
-  getParentRoute: () => SingleViewViewIdRoute
-}), SingleViewViewIdD2Route = Route$k.update({
-  id: "/d2",
-  path: "/d2",
-  getParentRoute: () => SingleViewViewIdRoute
-}), ProjectProjectIdViewViewIdIndexRoute = Route$l.update({
-  id: "/",
-  path: "/",
-  getParentRoute: () => ProjectProjectIdViewViewIdRoute
-}), ProjectProjectIdViewViewIdPumlRoute = Route$m.update({
-  id: "/puml",
-  path: "/puml",
-  getParentRoute: () => ProjectProjectIdViewViewIdRoute
-}), ProjectProjectIdViewViewIdMmdRoute = Route$n.update({
-  id: "/mmd",
-  path: "/mmd",
-  getParentRoute: () => ProjectProjectIdViewViewIdRoute
-}), ProjectProjectIdViewViewIdDotRoute = Route$o.update({
-  id: "/dot",
-  path: "/dot",
-  getParentRoute: () => ProjectProjectIdViewViewIdRoute
-}), ProjectProjectIdViewViewIdD2Route = Route$p.update({
-  id: "/d2",
-  path: "/d2",
-  getParentRoute: () => ProjectProjectIdViewViewIdRoute
-}), SingleViewViewIdRouteChildren = {
-  SingleViewViewIdD2Route,
-  SingleViewViewIdDotRoute,
-  SingleViewViewIdMmdRoute,
-  SingleViewViewIdPumlRoute,
-  SingleViewViewIdIndexRoute
-}, SingleViewViewIdRouteWithChildren = SingleViewViewIdRoute._addFileChildren(SingleViewViewIdRouteChildren), SingleRouteRouteChildren = {
-  SingleAdhocRoute,
-  SingleSingleIndexRoute,
-  SingleEmbedViewIdRoute,
-  SingleExportViewIdRoute,
-  SingleViewViewIdRoute: SingleViewViewIdRouteWithChildren,
-  SingleWebcomponentSplatRoute
-}, SingleRouteRouteWithChildren = SingleRouteRoute._addFileChildren(
-  SingleRouteRouteChildren
-), ProjectProjectIdViewViewIdRouteChildren = {
-  ProjectProjectIdViewViewIdD2Route,
-  ProjectProjectIdViewViewIdDotRoute,
-  ProjectProjectIdViewViewIdMmdRoute,
-  ProjectProjectIdViewViewIdPumlRoute,
-  ProjectProjectIdViewViewIdIndexRoute
-}, ProjectProjectIdViewViewIdRouteWithChildren = ProjectProjectIdViewViewIdRoute._addFileChildren(
-  ProjectProjectIdViewViewIdRouteChildren
-), ProjectProjectIdRouteRouteChildren = {
-  ProjectProjectIdAdhocRoute,
-  ProjectProjectIdIndexRoute,
-  ProjectProjectIdEmbedViewIdRoute,
-  ProjectProjectIdExportViewIdRoute,
-  ProjectProjectIdViewViewIdRoute: ProjectProjectIdViewViewIdRouteWithChildren
-}, ProjectProjectIdRouteRouteWithChildren = ProjectProjectIdRouteRoute._addFileChildren(
-  ProjectProjectIdRouteRouteChildren
-), rootRouteChildren = {
-  IndexRoute,
-  SingleRouteRoute: SingleRouteRouteWithChildren,
-  ProjectsRoute,
-  ProjectProjectIdRouteRoute: ProjectProjectIdRouteRouteWithChildren
-}, routeTree = Route$2._addFileChildren(rootRouteChildren)._addFileTypes(), router = createRouter({
-  routeTree,
-  context: {
-    projectId: projects[0].id,
-    projects: t(projects, (p) => p.id)
-  },
-  InnerWrap: LikeC4ProjectsContext,
-  basepath,
-  trailingSlash: "always",
-  defaultViewTransition: !1,
-  history: useHashHistory ? createHashHistory() : createBrowserHistory(),
-  defaultStaleTime: 1 / 0,
-  defaultNotFoundComponent: () => /* @__PURE__ */ jsx(NotFound, {}),
-  defaultErrorComponent: ({ error, reset }) => /* @__PURE__ */ jsx(Fallback, { error, resetErrorBoundary: reset })
-});
-function Routes() {
-  return /* @__PURE__ */ jsx(RouterProvider, { router });
-}
-export {
-  Route$2 as R,
-  Routes as a,
-  resolveForceColorScheme as r
-};

package/__app__/src/routes/projects.js

@@ -1,193 +0,0 @@
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { d1 as createFileRoute, db as Container, bp as Stack, bZ as Title, W as Button, df as Link, dH as notFound, d2 as redirect, Q as m, d0 as Outlet, dI as Navigate, c$ as stripSearchParams, cZ as z } from "../vendors.js";
-import { loadModel } from "likec4:model";
-import { V as ViewOutlet, F as Fallback, L as LikeC4IconRendererContext, l as LikeC4ModelContext, A as AdHocViewEditor, H as Header, E as ExportPage, m as EmbedPage, n as ViewEditor, o as ViewReact, p as ViewAsPuml, q as ViewAsMmd, r as ViewAsDot, s as ViewAsD2 } from "./single.js";
-import { isRpcAvailable } from "likec4:rpc";
-const Route$a = createFileRoute("/project/$projectId")({
-  staleTime: 1 / 0,
-  beforeLoad: ({ params }) => ({
-    projectId: params.projectId
-  }),
-  loaderDeps() {
-    return [];
-  },
-  loader: async ({ context }) => {
-    const projectId = context.projectId, likec4model = await loadModel(projectId), data = likec4model.$likec4data.value;
-    if (!data)
-      throw notFound();
-    if (data.projectId !== projectId)
-      throw redirect({
-        to: "/project/$projectId/",
-        search: !0,
-        params: {
-          projectId: data.projectId
-        }
-      });
-    return {
-      $likec4model: likec4model.$likec4model,
-      projectId
-    };
-  },
-  remountDeps({ params }) {
-    return [params.projectId];
-  },
-  component: RouteComponent,
-  notFoundComponent: () => /* @__PURE__ */ jsx(ViewOutlet, { children: /* @__PURE__ */ jsx(Container, { py: "xl", children: /* @__PURE__ */ jsxs(Stack, { align: "flex-start", children: [
-    /* @__PURE__ */ jsx(Title, { children: "Project not found" }),
-    /* @__PURE__ */ jsx(Button, { component: Link, to: "/", search: !0, size: "md", children: "Open overview" })
-  ] }) }) })
-});
-function RouteComponent() {
-  const { $likec4model, projectId } = Route$a.useLoaderData();
-  return /* @__PURE__ */ jsx(ViewOutlet, { children: /* @__PURE__ */ jsx(m, { FallbackComponent: Fallback, children: /* @__PURE__ */ jsx(LikeC4IconRendererContext, { projectId, children: /* @__PURE__ */ jsx(LikeC4ModelContext, { likec4model: $likec4model, children: /* @__PURE__ */ jsx(m, { FallbackComponent: Fallback, children: /* @__PURE__ */ jsx(Outlet, {}) }) }) }) }) });
-}
-const Route$9 = createFileRoute("/project/$projectId/")({
-  component: () => {
-    const { projectId } = Route$9.useParams();
-    return /* @__PURE__ */ jsx(
-      Navigate,
-      {
-        to: "/project/$projectId/view/$viewId/",
-        replace: !0,
-        params: {
-          projectId,
-          viewId: "index"
-        }
-      }
-    );
-  }
-}), Route$8 = createFileRoute("/project/$projectId/adhoc")({
-  beforeLoad: ({ params }) => {
-    if (!isRpcAvailable)
-      throw redirect({
-        to: "/project/$projectId/",
-        params: {
-          projectId: params.projectId
-        }
-      });
-  },
-  component: Page$4
-});
-function Page$4() {
-  const { projectId } = Route$8.useRouteContext();
-  return /* @__PURE__ */ jsx(AdHocViewEditor, { projectId });
-}
-const Route$7 = createFileRoute("/project/$projectId/view/$viewId")({
-  component: ViewLayout,
-  errorComponent: ({ error, reset }) => /* @__PURE__ */ jsx(Fallback, { error, resetErrorBoundary: reset })
-});
-function ViewLayout() {
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(Outlet, {}),
-    /* @__PURE__ */ jsx(Header, {})
-  ] });
-}
-const Route$6 = createFileRoute("/project/$projectId/export/$viewId")({
-  validateSearch: z.object({
-    download: z.boolean().optional().catch(!1),
-    format: z.enum(["png", "jpeg"]).optional().catch("png"),
-    quality: z.number().min(0).max(1).optional().catch(void 0)
-  }),
-  search: {
-    middlewares: [
-      stripSearchParams({
-        download: !1,
-        format: "png",
-        quality: void 0
-      })
-    ]
-  },
-  component: ExportPage
-}), Route$5 = createFileRoute("/project/$projectId/embed/$viewId")({
-  component: EmbedPage
-}), Route$4 = createFileRoute("/project/$projectId/view/$viewId/")({
-  component: isRpcAvailable ? ViewEditor : ViewReact
-}), Route$3 = createFileRoute("/project/$projectId/view/$viewId/puml")({
-  component: Page$3,
-  staleTime: 1 / 0,
-  loader: async ({ params, context }) => {
-    const projectId = context.projectId, { viewId } = params, { loadPumlSources } = await import("likec4:puml");
-    try {
-      const { pumlSource } = await loadPumlSources(projectId);
-      return {
-        source: pumlSource(viewId)
-      };
-    } catch (error) {
-      throw console.error(error), notFound();
-    }
-  }
-});
-function Page$3() {
-  const { source } = Route$3.useLoaderData();
-  return /* @__PURE__ */ jsx(ViewAsPuml, { pumlSource: source });
-}
-const Route$2 = createFileRoute("/project/$projectId/view/$viewId/mmd")({
-  component: Page$2,
-  staleTime: 1 / 0,
-  loader: async ({ params, context }) => {
-    const projectId = context.projectId, { viewId } = params, { loadMmdSources } = await import("likec4:mmd");
-    try {
-      const { mmdSource } = await loadMmdSources(projectId);
-      return {
-        source: mmdSource(viewId)
-      };
-    } catch (error) {
-      throw console.error(error), notFound();
-    }
-  }
-});
-function Page$2() {
-  const { viewId } = Route$2.useParams(), { source } = Route$2.useLoaderData();
-  return /* @__PURE__ */ jsx(ViewAsMmd, { viewId, mmdSource: source });
-}
-const Route$1 = createFileRoute("/project/$projectId/view/$viewId/dot")({
-  component: Page$1,
-  staleTime: 1 / 0,
-  loader: async ({ params, context }) => {
-    const projectId = context.projectId, { viewId } = params, { loadDotSources } = await import("likec4:dot");
-    try {
-      const { dotSource, svgSource } = await loadDotSources(projectId), dot = dotSource(viewId), dotSvg = svgSource(viewId);
-      return {
-        dot,
-        dotSvg
-      };
-    } catch (error) {
-      throw console.error(error), notFound();
-    }
-  }
-});
-function Page$1() {
-  const { dot, dotSvg } = Route$1.useLoaderData();
-  return /* @__PURE__ */ jsx(ViewAsDot, { dot, dotSvg });
-}
-const Route = createFileRoute("/project/$projectId/view/$viewId/d2")({
-  loader: async ({ context, params }) => {
-    const projectId = context.projectId, { viewId } = params, { loadD2Sources } = await import("likec4:d2");
-    try {
-      const { d2Source } = await loadD2Sources(projectId);
-      return {
-        source: d2Source(viewId)
-      };
-    } catch (error) {
-      throw console.error(error), notFound();
-    }
-  },
-  component: Page
-});
-function Page() {
-  const { source } = Route.useLoaderData();
-  return /* @__PURE__ */ jsx(ViewAsD2, { d2Source: source });
-}
-export {
-  Route$a as R,
-  Route$9 as a,
-  Route$8 as b,
-  Route$7 as c,
-  Route$6 as d,
-  Route$5 as e,
-  Route$4 as f,
-  Route$3 as g,
-  Route$2 as h,
-  Route$1 as i,
-  Route as j
-};