@likec4/generators 1.46.4 → 1.48.0

package/dist/puml/generate-puml.js

@@ -1,148 +0,0 @@
-import { RichText } from "@likec4/core/types";
-import { CompositeGeneratorNode, joinToNode, NL, toString } from "langium/generate";
-import { isNullish as isNil } from "remeda";
-const capitalizeFirstLetter = (value) => value.charAt(0).toLocaleUpperCase() + value.slice(1);
-const fqnName = (nodeId) => {
-  return nodeId.split(/[.-]/).map(capitalizeFirstLetter).join("");
-};
-const nodeName = (node) => {
-  return fqnName(node.parent ? node.id.slice(node.parent.length + 1) : node.id);
-};
-const pumlColor = (color, customColorProvider, defaultColor = "#3b82f6") => {
-  if (color) {
-    return customColorProvider(color) ?? defaultColor;
-  }
-  return defaultColor;
-};
-const pumlDirection = ({ autoLayout }) => {
-  switch (autoLayout.direction) {
-    case "TB": {
-      return "top to bottom";
-    }
-    case "BT": {
-      console.warn("Bottom to top direction is not supported. Defaulting to top to bottom.");
-      return "top to bottom";
-    }
-    case "LR": {
-      return "left to right";
-    }
-    case "RL": {
-      console.warn("Right to left direction is not supported. Defaulting to left to right.");
-      return "left to right";
-    }
-  }
-};
-const pumlShape = ({ shape }) => {
-  switch (shape) {
-    case "queue":
-    case "rectangle":
-    case "person": {
-      return shape;
-    }
-    case "storage":
-    case "cylinder": {
-      return "database";
-    }
-    case "mobile":
-    case "browser": {
-      return "rectangle";
-    }
-  }
-};
-const escapeLabel = (label) => isNil(label) ? null : JSON.stringify(label).slice(1, -1);
-export function generatePuml(viewmodel) {
-  const view = viewmodel.$view;
-  const colors = viewmodel.$model.$styles.theme.colors;
-  const { nodes, edges } = view;
-  const elemntColorProvider = (key) => (colorKey) => colorKey in colors ? colors[colorKey].elements[key] : void 0;
-  const relationshipsColorProvider = (key) => (colorKey) => colorKey in colors ? colors[colorKey].relationships[key] : void 0;
-  const names = /* @__PURE__ */ new Map();
-  const printHeader = () => {
-    return new CompositeGeneratorNode().append('title "', view.title || view.id, '"', NL).append(pumlDirection(view), " direction", NL);
-  };
-  const printTheme = () => {
-    return new CompositeGeneratorNode().append("hide stereotype", NL).append("skinparam ranksep ", "60", NL).append("skinparam nodesep ", "30", NL).append("skinparam {", NL).indent({
-      indentedChildren: (indent) => indent.append("arrowFontSize ", "10", NL).append("defaultTextAlignment ", "center", NL).append("wrapWidth ", "200", NL).append("maxMessageSize ", "100", NL).append("shadowing ", "false", NL),
-      indentation: 2
-    }).append("}", NL);
-  };
-  const printStereotypes = (node) => {
-    const shape = pumlShape(node);
-    const fqn = fqnName(node.id);
-    return new CompositeGeneratorNode().append("skinparam ", shape, "<<", fqn, ">>", "{", NL).indent({
-      indentedChildren: (indent) => indent.append("BackgroundColor ", pumlColor(node.color, elemntColorProvider("fill")), NL).append(
-        "FontColor ",
-        pumlColor(node.color, elemntColorProvider("hiContrast"), "#FFFFFF"),
-        NL
-      ).append("BorderColor ", pumlColor(node.color, elemntColorProvider("stroke")), NL),
-      indentation: 2
-    }).append("}", NL);
-  };
-  const printNode = (node) => {
-    const shape = pumlShape(node);
-    const fqn = fqnName(node.id);
-    const label = escapeLabel(node.title) || nodeName(node);
-    const tech = escapeLabel(node.technology);
-    names.set(node.id, fqn);
-    const description = RichText.from(node.description);
-    return new CompositeGeneratorNode().append(shape, " ").append('"').append("==", label).appendIf(!!tech, "\\n", "<size:10>[", tech, "]</size>").appendIf(description.nonEmpty, "\\n\\n", escapeLabel(description.text)).append('"', " <<", fqn, ">> ", "as ", fqn, NL);
-  };
-  const printBoundary = (node) => {
-    const label = escapeLabel(node.title) || nodeName(node);
-    const fqn = fqnName(node.id);
-    names.set(node.id, fqn);
-    return new CompositeGeneratorNode().append('rectangle "', label, '" <<', fqn, ">> as ", fqn, " {", NL).indent({
-      indentedChildren: (indent) => indent.append(
-        "skinparam ",
-        "RectangleBorderColor<<",
-        fqn,
-        ">> ",
-        pumlColor(node.color, elemntColorProvider("fill")),
-        NL
-      ).append(
-        "skinparam ",
-        "RectangleFontColor<<",
-        fqn,
-        ">> ",
-        pumlColor(node.color, elemntColorProvider("fill")),
-        NL
-      ).append("skinparam ", "RectangleBorderStyle<<", fqn, ">> ", "dashed", NL, NL).append(joinToNode(
-        nodes.filter((n) => n.parent === node.id),
-        (c) => c.children.length > 0 ? printBoundary(c) : printNode(c)
-      )),
-      indentation: 2
-    }).append("}", NL);
-  };
-  const printEdge = (edge) => {
-    const tech = escapeLabel(edge.technology) || "";
-    const label = escapeLabel(edge.label) || "";
-    const color = pumlColor(edge.color, relationshipsColorProvider("line"), "#777777");
-    const colorTag = (color2) => `<color:${color2}>`;
-    return new CompositeGeneratorNode().append(names.get(edge.source), " .[", color, ",thickness=2].> ", names.get(edge.target)).appendIf(!!(label || tech), ' : "', colorTag(color)).appendIf(!!label, label, colorTag(color)).appendIf(!!(label && tech), "\\n").appendIf(!!tech, colorTag(color), "<size:8>[", tech, "]</size>").appendIf(!!(label || tech), '"').append(NL);
-  };
-  return toString(
-    new CompositeGeneratorNode().append("@startuml", NL).append(printHeader(), NL).append(printTheme(), NL).append(
-      joinToNode(
-        nodes.filter((n) => n.children.length == 0),
-        (n) => printStereotypes(n),
-        {
-          appendNewLineIfNotEmpty: true
-        }
-      )
-    ).append(
-      joinToNode(
-        nodes.filter((n) => isNil(n.parent)),
-        (n) => n.children.length > 0 ? printBoundary(n) : printNode(n),
-        {
-          appendNewLineIfNotEmpty: true
-        }
-      )
-    ).appendIf(
-      edges.length > 0,
-      NL,
-      joinToNode(edges, (e) => printEdge(e), {
-        appendNewLineIfNotEmpty: true
-      })
-    ).append(`@enduml`, NL)
-  );
-}

package/dist/puml/index.d.ts

@@ -1 +0,0 @@
-export * from './generate-puml';

package/dist/puml/index.js

@@ -1 +0,0 @@
-export * from "./generate-puml.js";

package/dist/react/generate-react-types.d.ts

@@ -1,4 +0,0 @@
-import type { AnyLikeC4Model } from '@likec4/core/model';
-export declare function generateReactTypes(model: AnyLikeC4Model, options?: {
-    useCorePackage?: boolean;
-}): string;

package/dist/react/generate-react-types.js

@@ -1,64 +0,0 @@
-import { invariant } from "@likec4/core/utils";
-import { generateAux } from "../model/generate-aux.js";
-export function generateReactTypes(model, options = {}) {
-  const { useCorePackage = false } = options;
-  invariant(!model.isParsed(), "can not generate react types for parsed model");
-  const aux = generateAux(model, options);
-  return `
-/* prettier-ignore-start */
-/* eslint-disable */
-
-/******************************************************************************
- * This file was generated
- * DO NOT EDIT MANUALLY!
- ******************************************************************************/
-
-import type { PropsWithChildren } from 'react'
-import type { JSX } from 'react/jsx-runtime'
-import type { LikeC4Model } from '${useCorePackage ? "@likec4/core" : "likec4"}/model'
-import type { DiagramView } from '${useCorePackage ? "@likec4/core/types" : "likec4/model"}'
-import type {
-  LikeC4ViewProps as GenericLikeC4ViewProps,
-  ReactLikeC4Props as GenericReactLikeC4Props
-} from 'likec4/react'
-
-${aux}
-
-declare function isLikeC4ViewId(value: unknown): value is $ViewId;
-
-declare const likec4model: LikeC4Model<$Aux>;
-declare function useLikeC4Model(): LikeC4Model<$Aux>;
-declare function useLikeC4View(viewId: $ViewId): DiagramView<$Aux>;
-
-declare function LikeC4ModelProvider(props: PropsWithChildren): JSX.Element;
-
-type IconRendererProps = {
-  node: {
-    id: string
-    title: string
-    icon?: string | undefined
-  }
-}
-declare function RenderIcon(props: IconRendererProps): JSX.Element;
-
-type LikeC4ViewProps = GenericLikeC4ViewProps<$Aux>;
-declare function LikeC4View({viewId, ...props}: LikeC4ViewProps): JSX.Element;
-
-type ReactLikeC4Props = GenericReactLikeC4Props<$Aux>
-declare function ReactLikeC4({viewId, ...props}: ReactLikeC4Props): JSX.Element;
-
-export {
-  type LikeC4ViewProps,
-  type ReactLikeC4Props,
-  isLikeC4ViewId,
-  useLikeC4Model,
-  useLikeC4View,
-  likec4model,
-  LikeC4ModelProvider,
-  LikeC4View,
-  RenderIcon,
-  ReactLikeC4
-}
-/* prettier-ignore-end */
-`.trimStart();
-}

package/dist/react/index.d.ts

@@ -1 +0,0 @@
-export { generateReactTypes as default } from './generate-react-types';

package/dist/react/index.js

@@ -1 +0,0 @@
-export { generateReactTypes as default } from "./generate-react-types.js";

package/dist/react-next/generate-react-next.d.ts

@@ -1,20 +0,0 @@
-import type { DiagramView } from '@likec4/core';
-/**
- * @deprecated in favor packages/likec4/src/cli/codegen/react/index.ts
- */
-export declare function generateReactNext(views: Iterable<DiagramView>): {
-    viewsData: {
-        fileName: string;
-        js: any;
-        dts: any;
-    };
-    components: {
-        js: any;
-        dts: any;
-        fileName: string;
-    };
-    index: {
-        js: any;
-        dts: any;
-    };
-};

package/dist/react-next/generate-react-next.js

@@ -1,102 +0,0 @@
-import { CompositeGeneratorNode, toString } from "langium/generate";
-import { generateViewsDataDTs, generateViewsDataJs } from "../views-data-ts/generate-views-data.js";
-export function generateReactNext(views) {
-  return {
-    viewsData: {
-      fileName: "likec4-views-data",
-      js: generateViewsDataJs(views),
-      dts: generateViewsDataDTs(views)
-    },
-    components: {
-      fileName: "likec4-components",
-      ...generateComponents()
-    },
-    index: generateIndex()
-  };
-}
-function generateComponents() {
-  const js = new CompositeGeneratorNode().appendTemplate`
-    /******************************************************************************
-     * This file was generated
-     * DO NOT EDIT MANUALLY!
-     ******************************************************************************/
-    /* prettier-ignore-start */
-    /* eslint-disable */
-    import { createElement } from "react";
-    import { LikeC4Diagram, EmbeddedLikeC4Diagram } from "@likec4/diagram";
-    import { LikeC4Views } from "./likec4-views-data";
-    export function LikeC4View({ viewId, ...props }) {
-        const view = LikeC4Views[viewId];
-        if (!view) {
-            throw new Error(\`LikeC4View NotFound: "\${viewId}"\`);
-        }
-        return createElement(LikeC4Diagram, { view: view, ...props });
-    }
-    export function EmbeddedLikeC4View({ viewId, ...props }) {
-        return createElement(EmbeddedLikeC4Diagram, { viewId: viewId, views: LikeC4Views, ...props });
-    }
-    /* prettier-ignore-end */
-  `;
-  const dts = new CompositeGeneratorNode().appendTemplate`
-    /// <reference types="react" />
-    /******************************************************************************
-     * This file was generated
-     * DO NOT EDIT MANUALLY!
-     ******************************************************************************/
-    /* prettier-ignore-start */
-    /* eslint-disable */
-
-    import type { LikeC4DiagramProps, EmbeddedLikeC4DiagramProps } from "@likec4/diagram";
-    import type { LikeC4ViewId } from "./likec4-views-data";
-
-    export type LikeC4ViewProps = {
-        viewId: LikeC4ViewId;
-    } & Omit<LikeC4DiagramProps, "view">;
-
-    export declare function LikeC4View({ viewId, ...props }: LikeC4ViewProps): JSX.Element;
-
-    export type EmbeddedLikeC4ViewProps = {
-        viewId: LikeC4ViewId;
-    } & Omit<EmbeddedLikeC4DiagramProps, "viewId" | "views">;
-
-    export declare function EmbeddedLikeC4View({ viewId, ...props }: EmbeddedLikeC4ViewProps): JSX.Element;
-    /* prettier-ignore-end */
-  `;
-  return {
-    js: toString(js),
-    dts: toString(dts)
-  };
-}
-function generateIndex() {
-  const js = new CompositeGeneratorNode().appendTemplate`
-    /* prettier-ignore-start */
-    /* eslint-disable */
-
-    // You are safe to edit/move these style imports,
-    // but they are required
-    import "@mantine/core/styles.css";
-    import "@likec4/diagram/style.css";
-
-    export * from "./likec4-components";
-
-    // OR with lazy loading:
-    //
-    // import { lazy } from "react";
-    // export const LikeC4View = lazy(async () => await import("./likec4-components").then(m => ({default: m.LikeC4View})));
-    // export const EmbeddedLikeC4View = lazy(async () => await import("./likec4-components").then(m => ({default: m.EmbeddedLikeC4View})));
-
-    /* prettier-ignore-end */
-  `;
-  const dts = new CompositeGeneratorNode().appendTemplate`
-    /* prettier-ignore-start */
-    /* eslint-disable */
-
-    export * from "./likec4-components";
-
-    /* prettier-ignore-end */
-  `;
-  return {
-    js: toString(js),
-    dts: toString(dts)
-  };
-}

package/dist/react-next/index.d.ts

@@ -1 +0,0 @@
-export { generateReactNext as default } from './generate-react-next';

package/dist/react-next/index.js

@@ -1 +0,0 @@
-export { generateReactNext as default } from "./generate-react-next.js";

package/dist/views-data-ts/generate-views-data.d.ts

@@ -1,13 +0,0 @@
-import type { DiagramView } from '@likec4/core';
-/**
- * Generate *.js file with views data
- */
-export declare function generateViewsDataJs(diagrams: Iterable<DiagramView>): any;
-/**
- * Generate *.ts file with views data
- */
-export declare function generateViewsDataTs(diagrams: Iterable<DiagramView>): any;
-/**
- * Generate *.d.ts
- */
-export declare function generateViewsDataDTs(diagrams: Iterable<DiagramView>): any;

package/dist/views-data-ts/generate-views-data.js

@@ -1,130 +0,0 @@
-import JSON5 from "json5";
-import { CompositeGeneratorNode, expandToNode, joinToNode, NL, toString } from "langium/generate";
-import { generateViewId } from "./generateViewId.js";
-export function generateViewsDataJs(diagrams) {
-  const views = Array.from(diagrams);
-  const out = new CompositeGeneratorNode();
-  out.appendTemplate`
-    /******************************************************************************
-     * This file was generated
-     * DO NOT EDIT MANUALLY!
-     ******************************************************************************/
-    /* prettier-ignore-start */
-    /* eslint-disable */
-
-    `.append(NL, NL);
-  if (views.length == 0) {
-    out.append("export const LikeC4Views = {}", NL);
-    return toString(out);
-  }
-  out.appendTemplate`
-    export const LikeC4Views = {
-  `.indent({
-    indentation: 2,
-    indentedChildren(indented) {
-      indented.appendNewLineIf(views.length > 1).append(
-        joinToNode(
-          views,
-          (view) => expandToNode`${JSON5.stringify(view.id)}: ${JSON5.stringify(view)}`,
-          {
-            separator: ",",
-            appendNewLineIfNotEmpty: true
-          }
-        )
-      );
-    }
-  }).append("}", NL, NL).appendTemplate`
-
-    export function isLikeC4ViewId(value) {
-      return (
-        value != null &&
-        typeof value === 'string' &&
-        !!LikeC4Views[value]
-      )
-    }
-
-    /* prettier-ignore-end */
-  `.append(NL);
-  return toString(out);
-}
-export function generateViewsDataTs(diagrams) {
-  const views = Array.from(diagrams);
-  const out = new CompositeGeneratorNode();
-  out.appendTemplate`
-    /******************************************************************************
-     * This file was generated
-     * DO NOT EDIT MANUALLY!
-     ******************************************************************************/
-    /* prettier-ignore-start */
-    /* eslint-disable */
-
-    // @ts-nocheck
-
-    import type { DiagramView } from 'likec4'
-    `.append(NL, NL);
-  if (views.length === 0) {
-    out.append("export {}", NL);
-    return toString(out);
-  }
-  out.appendTemplate`
-    export type LikeC4ViewId = ${generateViewId(views)};
-    export const LikeC4Views = {
-  `.indent({
-    indentation: 2,
-    indentedChildren(indented) {
-      indented.appendNewLineIf(views.length > 1).append(
-        joinToNode(
-          views,
-          (view) => expandToNode`${JSON5.stringify(view.id)}: (${JSON5.stringify(
-            view
-          )} as unknown) as DiagramView`,
-          {
-            separator: ",",
-            appendNewLineIfNotEmpty: true
-          }
-        )
-      );
-    }
-  }).append("} as const satisfies Record<LikeC4ViewId, DiagramView>", NL, NL).appendTemplate`
-    export type LikeC4Views = typeof LikeC4Views
-
-    export function isLikeC4ViewId(value: unknown): value is LikeC4ViewId {
-      return (
-        value != null &&
-        typeof value === 'string' &&
-        !!LikeC4Views[value]
-      )
-    }
-
-    /* prettier-ignore-end */
-  `.append(NL);
-  return toString(out);
-}
-export function generateViewsDataDTs(diagrams) {
-  const views = Array.from(diagrams);
-  const out = new CompositeGeneratorNode();
-  out.appendTemplate`
-    /******************************************************************************
-     * This file was generated
-     * DO NOT EDIT MANUALLY!
-     ******************************************************************************/
-    /* prettier-ignore-start */
-    /* eslint-disable */
-
-    import type { DiagramView } from 'likec4'
-    `.append(NL, NL);
-  if (views.length == 0) {
-    out.append("export {}", NL);
-    return toString(out);
-  }
-  out.appendTemplate`
-    export type LikeC4ViewId = ${generateViewId(views)};
-    export type LikeC4Views = Record<LikeC4ViewId, DiagramView>
-
-    export declare const LikeC4Views: LikeC4Views
-    export declare function isLikeC4ViewId(value: unknown): value is LikeC4ViewId
-
-    /* prettier-ignore-end */
-  `.append(NL);
-  return toString(out);
-}

package/dist/views-data-ts/generateViewId.d.ts

@@ -1,2 +0,0 @@
-import type { DiagramView } from '@likec4/core';
-export declare function generateViewId(views: Iterable<DiagramView>): any;

package/dist/views-data-ts/generateViewId.js

@@ -1,7 +0,0 @@
-import JSON5 from "json5";
-import { expandToNode, joinToNode } from "langium/generate";
-export function generateViewId(views) {
-  return joinToNode(views, (view) => expandToNode`${JSON5.stringify(view.id)}`, {
-    separator: " | "
-  });
-}

package/dist/views-data-ts/index.d.ts

@@ -1 +0,0 @@
-export * from './generate-views-data';

package/dist/views-data-ts/index.js

@@ -1 +0,0 @@
-export * from "./generate-views-data.js";