@tienne/gestalt 0.88.0 → 0.89.0

package/dist/src/architecture/packs/render-classes.js

@@ -0,0 +1,92 @@
+/**
+ * 렌더 분류마다 기본 모양. 범용 component가 이 모양을 그대로 받는다.
+ * 새 팩 kind는 classLook으로 여기 색과 아이콘을 빌리고 칩 글자만 바꿔 쓴다
+ */
+export const RENDER_CLASS_LOOKS = {
+    actor: {
+        renderClass: 'actor',
+        short: '사람',
+        text: '사람이나 역할',
+        color: { light: '#b45309', dark: '#fbbf24' },
+        icon: '<circle cx="12" cy="8" r="3.5"/><path d="M5 20a7 7 0 0 1 14 0"/>',
+    },
+    client: {
+        renderClass: 'client',
+        short: '클라이언트',
+        text: '사람이 쓰는 앱이나 도구',
+        color: { light: '#4f46e5', dark: '#818cf8' },
+        icon: '<rect x="3" y="4.5" width="18" height="15" rx="2.5"/><path d="M3 9h18"/>',
+    },
+    service: {
+        renderClass: 'service',
+        short: '서비스',
+        text: '요청을 받아 처리하는 서비스',
+        color: { light: '#2563eb', dark: '#60a5fa' },
+        icon: '<path d="M12 3.5l8.5 4.3L12 12 3.5 7.8z"/><path d="M3.5 12.2L12 16.5l8.5-4.3"/><path d="M3.5 16.4L12 20.7l8.5-4.3"/>',
+    },
+    gateway: {
+        renderClass: 'gateway',
+        short: '관문',
+        text: '요청이 먼저 지나는 관문',
+        color: { light: '#475569', dark: '#94a3b8' },
+        icon: '<path d="M12 3l7.5 3v5.5c0 4.4-3.1 8-7.5 9.5-4.4-1.5-7.5-5.1-7.5-9.5V6z"/>',
+    },
+    store: {
+        renderClass: 'store',
+        short: '저장소',
+        text: '데이터를 담아두는 곳',
+        color: { light: '#dc2626', dark: '#f87171' },
+        icon: '<ellipse cx="12" cy="5.5" rx="7.5" ry="2.8"/><path d="M4.5 5.5v13c0 1.5 3.4 2.8 7.5 2.8s7.5-1.3 7.5-2.8v-13"/><path d="M4.5 12c0 1.5 3.4 2.8 7.5 2.8s7.5-1.3 7.5-2.8"/>',
+    },
+    queue: {
+        renderClass: 'queue',
+        short: '큐',
+        text: '메시지를 쌓아두고 넘기는 곳',
+        color: { light: '#0f766e', dark: '#5eead4' },
+        icon: '<rect x="3" y="7" width="4" height="10" rx="1"/><rect x="10" y="7" width="4" height="10" rx="1"/><rect x="17" y="7" width="4" height="10" rx="1"/>',
+    },
+    external: {
+        renderClass: 'external',
+        short: '외부',
+        text: '우리가 운영하지 않는 바깥 시스템',
+        color: { light: '#57534e', dark: '#a8a29e' },
+        icon: '<path d="M7 18.5a4.5 4.5 0 0 1-.7-8.95A6 6 0 0 1 17.8 8.6a4.95 4.95 0 0 1-.8 9.9z"/>',
+    },
+    infra: {
+        renderClass: 'infra',
+        short: '인프라',
+        text: '서비스가 올라가는 기반',
+        color: { light: '#9333ea', dark: '#c084fc' },
+        icon: '<rect x="4" y="4" width="16" height="6" rx="1.5"/><rect x="4" y="14" width="16" height="6" rx="1.5"/><path d="M8 7h.01M8 17h.01"/>',
+    },
+    step: {
+        renderClass: 'step',
+        short: '단계',
+        text: '일이 진행되는 한 단계',
+        color: { light: '#0891b2', dark: '#22d3ee' },
+        icon: '<rect x="3.5" y="6" width="17" height="12" rx="3"/><path d="M9 12h6M13 9.5l2.5 2.5-2.5 2.5"/>',
+    },
+    state: {
+        renderClass: 'state',
+        short: '상태',
+        text: '무언가가 머무는 상태',
+        color: { light: '#65a30d', dark: '#a3e635' },
+        icon: '<circle cx="12" cy="12" r="8"/><circle cx="12" cy="12" r="3"/>',
+    },
+    document: {
+        renderClass: 'document',
+        short: '문서',
+        text: '문서나 기록',
+        color: { light: '#c026d3', dark: '#e879f9' },
+        icon: '<path d="M6 3.5h9l3.5 3.5v13.5H6z"/><path d="M15 3.5V7h3.5M9 12h6M9 15.5h6"/>',
+    },
+};
+/** 분류의 색과 아이콘을 빌리고 칩 글자와 설명만 팩 것으로 바꾼다 */
+export function classLook(renderClass, short, text) {
+    return { ...RENDER_CLASS_LOOKS[renderClass], short, text };
+}
+/** component 노드의 표시 종류 키. CSS 클래스와 아이콘 id에 그대로 들어간다 */
+export function componentDisplayKind(renderClass) {
+    return `cx_${renderClass}`;
+}
+//# sourceMappingURL=render-classes.js.map

package/dist/src/architecture/packs/render-classes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"render-classes.js","sourceRoot":"","sources":["../../../../src/architecture/packs/render-classes.ts"],"names":[],"mappings":"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"}

package/dist/src/architecture/packs/types.d.ts

@@ -0,0 +1,66 @@
+/**
+ * 카드 색과 아이콘을 고르는 작은 고정 분류. 팩의 kind는 이 중 하나에 걸린다.
+ * 팩 kind는 자기 색과 아이콘을 쓴다. 범용 component만 이 분류의 모양을 그대로 받는다
+ */
+export declare const RENDER_CLASSES: readonly ["actor", "client", "service", "gateway", "store", "queue", "external", "infra", "step", "state", "document"];
+export type RenderClass = (typeof RENDER_CLASSES)[number];
+export interface KindColor {
+    light: string;
+    dark: string;
+}
+/** 카드에 보이는 모양. 칩 글자, 읽는 사람 말, 색, 24 격자 선 아이콘 path */
+export interface KindLook {
+    renderClass: RenderClass;
+    short: string;
+    text: string;
+    color: KindColor;
+    icon: string;
+}
+export interface NodeKindDef extends KindLook {
+    /** 평면 그림에서 서는 레인 id. 같은 팩이나 requires한 팩의 lanes에 있어야 한다 */
+    lane: string;
+    /** 왼쪽부터 서는 열 순위. 작을수록 왼쪽이다 */
+    rank: number;
+    /** 이 kind가 parent로 둘 수 있는 kind. 없으면 parent를 못 가진다 */
+    parents?: readonly string[];
+}
+export interface LaneDef {
+    title: string;
+    /** 같은 레인끼리 잇는 선을 elk에 안 넘기고 세로로 쌓는다. 화면 이동처럼 요청 흐름이 아닌 선이 그 레인 안에 있다 */
+    stacked?: boolean;
+}
+export interface EdgeKindDef {
+    text: string;
+    /** 평면 그림에서 레인 순서가 화살표 반대라 오른쪽에서 왼쪽으로 그린다 */
+    backward?: boolean;
+    /** 양 끝에 올 수 있는 kind. 없으면 끝을 가리지 않는다 */
+    ends?: {
+        from: readonly string[];
+        to: readonly string[];
+    };
+}
+/**
+ * 드릴다운 알고리즘 이름. web-product는 전체 → 서비스 → 기능 영역 → 화면으로 내려가는 지금 그림이다.
+ * tree는 parent 포함 관계로 레벨을 나눈다. none은 평면 한 장으로 그린다
+ */
+export type DrilldownStrategy = 'web-product' | 'tree' | 'none';
+/**
+ * 카테고리 하나의 어휘. 새 카테고리는 이 데이터만 더하고 렌더러와 드릴다운 코드는 안 고친다.
+ * 레코드의 키 순서가 HTML에 싣는 표의 순서라 기존 팩의 순서를 바꾸면 기존 그림 바이트가 바뀐다
+ */
+export interface VocabularyPack {
+    id: string;
+    title: string;
+    description: string;
+    /** 이 팩이 kind나 엣지를 빌려 쓰는 팩. 해석할 때 먼저 들어간다 */
+    requires?: readonly string[];
+    drilldown: DrilldownStrategy;
+    /** 이 팩 IR에 거는 매칭 이름. http-endpoint는 FE 호출과 BE 라우트, mcp-tool은 스킬의 도구 호출, 나머지는 match_endpoints의 nameRefs로 돈다 */
+    matchers: readonly string[];
+    nodeKinds: Readonly<Record<string, NodeKindDef>>;
+    /** IR kind는 아니지만 카드에 따로 보이는 종류. MCP 도구는 IR에서 endpoint다 */
+    displayKinds?: Readonly<Record<string, KindLook>>;
+    lanes: Readonly<Record<string, LaneDef>>;
+    edgeKinds: Readonly<Record<string, EdgeKindDef>>;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/src/architecture/packs/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/architecture/packs/types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,eAAO,MAAM,cAAc,wHAYjB,CAAC;AACX,MAAM,MAAM,WAAW,GAAG,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,CAAC,CAAC;AAE1D,MAAM,WAAW,SAAS;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;CACd;AAED,qDAAqD;AACrD,MAAM,WAAW,QAAQ;IACvB,WAAW,EAAE,WAAW,CAAC;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,SAAS,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,WAAY,SAAQ,QAAQ;IAC3C,0DAA0D;IAC1D,IAAI,EAAE,MAAM,CAAC;IACb,8BAA8B;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,qDAAqD;IACrD,OAAO,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;CAC7B;AAED,MAAM,WAAW,OAAO;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,wEAAwE;IACxE,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uCAAuC;IACvC,IAAI,CAAC,EAAE;QAAE,IAAI,EAAE,SAAS,MAAM,EAAE,CAAC;QAAC,EAAE,EAAE,SAAS,MAAM,EAAE,CAAA;KAAE,CAAC;CAC3D;AAED;;;GAGG;AACH,MAAM,MAAM,iBAAiB,GAAG,aAAa,GAAG,MAAM,GAAG,MAAM,CAAC;AAEhE;;;GAGG;AACH,MAAM,WAAW,cAAc;IAC7B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IAC7B,SAAS,EAAE,iBAAiB,CAAC;IAC7B,8GAA8G;IAC9G,QAAQ,EAAE,SAAS,MAAM,EAAE,CAAC;IAC5B,SAAS,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC,CAAC;IACjD,0DAA0D;IAC1D,YAAY,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC;IAClD,KAAK,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;IACzC,SAAS,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC,CAAC;CAClD"}

package/dist/src/architecture/packs/types.js

@@ -0,0 +1,18 @@
+/**
+ * 카드 색과 아이콘을 고르는 작은 고정 분류. 팩의 kind는 이 중 하나에 걸린다.
+ * 팩 kind는 자기 색과 아이콘을 쓴다. 범용 component만 이 분류의 모양을 그대로 받는다
+ */
+export const RENDER_CLASSES = [
+    'actor',
+    'client',
+    'service',
+    'gateway',
+    'store',
+    'queue',
+    'external',
+    'infra',
+    'step',
+    'state',
+    'document',
+];
+//# sourceMappingURL=types.js.map

package/dist/src/architecture/packs/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/architecture/packs/types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG;IAC5B,OAAO;IACP,QAAQ;IACR,SAAS;IACT,SAAS;IACT,OAAO;IACP,OAAO;IACP,UAAU;IACV,OAAO;IACP,MAAM;IACN,OAAO;IACP,UAAU;CACF,CAAC"}

package/dist/src/architecture/packs/web-product.d.ts

@@ -0,0 +1,348 @@
+/**
+ * 웹 제품. 화면에서 API, 서버, DB로 가는 요청 길과 그 서빙 인프라, 배포 경로를 그린다.
+ * 색은 밝은 화면이 600 톤, 어두운 화면이 400 톤이다. 같은 색상환 자리라 테마를 바꿔도 같은 종류로 읽힌다.
+ * 열 순위는 두 뷰의 kind가 겹치지 않아 표 하나로 둘 다 덮는다. 뷰①은 service→feature→screen→gateway→endpoint→module→클라이언트→테이블,
+ * 뷰②는 workflow→build→artifact→배포처 순서로 왼쪽부터 놓인다. 인프라는 배포 경로에서 산출물이 떨어지는 버킷부터 CDN, 도메인 순으로
+ * 오른쪽에 붙는다. 요청 방향(도메인→CDN→버킷)과 반대라 그 선은 거꾸로 그린다
+ */
+export declare const WEB_PRODUCT_PACK: {
+    readonly id: "web-product";
+    readonly title: "웹 제품";
+    readonly description: "화면, API, 서버, 저장소와 서빙 인프라, 배포 경로";
+    readonly drilldown: "web-product";
+    readonly matchers: readonly ["http-endpoint"];
+    readonly nodeKinds: {
+        readonly service: {
+            readonly renderClass: "service";
+            readonly short: "서비스";
+            readonly text: "서비스";
+            readonly color: {
+                readonly light: "#2563eb";
+                readonly dark: "#60a5fa";
+            };
+            readonly icon: "<path d=\"M12 3.5l8.5 4.3L12 12 3.5 7.8z\"/><path d=\"M3.5 12.2L12 16.5l8.5-4.3\"/><path d=\"M3.5 16.4L12 20.7l8.5-4.3\"/>";
+            readonly lane: "screen";
+            readonly rank: 0;
+        };
+        readonly micro_app: {
+            readonly renderClass: "client";
+            readonly short: "리모트";
+            readonly text: "마이크로 프론트엔드 앱";
+            readonly color: {
+                readonly light: "#0369a1";
+                readonly dark: "#7dd3fc";
+            };
+            readonly icon: "<rect x=\"3.5\" y=\"3.5\" width=\"7\" height=\"7\" rx=\"1.5\"/><rect x=\"13.5\" y=\"3.5\" width=\"7\" height=\"7\" rx=\"1.5\"/><rect x=\"3.5\" y=\"13.5\" width=\"7\" height=\"7\" rx=\"1.5\"/><path d=\"M17 13.5v7M13.5 17h7\"/>";
+            readonly lane: "screen";
+            readonly rank: 0;
+            readonly parents: readonly ["service"];
+        };
+        readonly feature: {
+            readonly renderClass: "client";
+            readonly short: "기능 영역";
+            readonly text: "기능 영역";
+            readonly color: {
+                readonly light: "#0891b2";
+                readonly dark: "#22d3ee";
+            };
+            readonly icon: "<path d=\"M3.5 7.5a2 2 0 0 1 2-2h3.6l2 2.2h7.4a2 2 0 0 1 2 2v7.8a2 2 0 0 1-2 2h-13a2 2 0 0 1-2-2z\"/>";
+            readonly lane: "screen";
+            readonly rank: 0;
+            readonly parents: readonly ["micro_app", "service"];
+        };
+        readonly screen: {
+            readonly renderClass: "client";
+            readonly short: "화면";
+            readonly text: "화면";
+            readonly color: {
+                readonly light: "#4f46e5";
+                readonly dark: "#818cf8";
+            };
+            readonly icon: "<rect x=\"3\" y=\"4.5\" width=\"18\" height=\"15\" rx=\"2.5\"/><path d=\"M3 9h18\"/><path d=\"M6.5 6.8h.01M9 6.8h.01\"/>";
+            readonly lane: "screen";
+            readonly rank: 0;
+            readonly parents: readonly ["feature", "micro_app", "service"];
+        };
+        readonly gateway: {
+            readonly renderClass: "gateway";
+            readonly short: "게이트웨이";
+            readonly text: "게이트웨이";
+            readonly color: {
+                readonly light: "#475569";
+                readonly dark: "#94a3b8";
+            };
+            readonly icon: "<path d=\"M12 3l7.5 3v5.5c0 4.4-3.1 8-7.5 9.5-4.4-1.5-7.5-5.1-7.5-9.5V6z\"/>";
+            readonly lane: "gateway";
+            readonly rank: 1;
+        };
+        readonly endpoint: {
+            readonly renderClass: "service";
+            readonly short: "API";
+            readonly text: "API";
+            readonly color: {
+                readonly light: "#059669";
+                readonly dark: "#34d399";
+            };
+            readonly icon: "<path d=\"M8.5 7.5L4 12l4.5 4.5M15.5 7.5L20 12l-4.5 4.5M13.5 5.5l-3 13\"/>";
+            readonly lane: "endpoint";
+            readonly rank: 2;
+            readonly parents: readonly ["service"];
+        };
+        readonly app_module: {
+            readonly renderClass: "service";
+            readonly short: "서버";
+            readonly text: "서버";
+            readonly color: {
+                readonly light: "#7c3aed";
+                readonly dark: "#a78bfa";
+            };
+            readonly icon: "<rect x=\"3.5\" y=\"4\" width=\"17\" height=\"7\" rx=\"1.8\"/><rect x=\"3.5\" y=\"13\" width=\"17\" height=\"7\" rx=\"1.8\"/><path d=\"M7 7.5h.01M7 16.5h.01M11 7.5h6M11 16.5h6\"/>";
+            readonly lane: "app_module";
+            readonly rank: 3;
+        };
+        readonly external_service: {
+            readonly renderClass: "external";
+            readonly short: "클라이언트";
+            readonly text: "호출 클라이언트";
+            readonly color: {
+                readonly light: "#d97706";
+                readonly dark: "#fbbf24";
+            };
+            readonly icon: "<path d=\"M9 3v4.5M15 3v4.5\"/><path d=\"M6.5 7.5h11v3.5a5.5 5.5 0 0 1-11 0z\"/><path d=\"M12 16.5V21\"/>";
+            readonly lane: "external_service";
+            readonly rank: 4;
+        };
+        readonly db_table: {
+            readonly renderClass: "store";
+            readonly short: "DB";
+            readonly text: "테이블";
+            readonly color: {
+                readonly light: "#dc2626";
+                readonly dark: "#f87171";
+            };
+            readonly icon: "<ellipse cx=\"12\" cy=\"5.5\" rx=\"7.5\" ry=\"2.8\"/><path d=\"M4.5 5.5v13c0 1.5 3.4 2.8 7.5 2.8s7.5-1.3 7.5-2.8v-13\"/><path d=\"M4.5 12c0 1.5 3.4 2.8 7.5 2.8s7.5-1.3 7.5-2.8\"/>";
+            readonly lane: "db_table";
+            readonly rank: 5;
+            readonly parents: readonly ["datastore"];
+        };
+        readonly datastore: {
+            readonly renderClass: "store";
+            readonly short: "저장소";
+            readonly text: "저장소 클러스터";
+            readonly color: {
+                readonly light: "#be123c";
+                readonly dark: "#fb7185";
+            };
+            readonly icon: "<ellipse cx=\"12\" cy=\"5\" rx=\"7.5\" ry=\"2.5\"/><path d=\"M4.5 5v4.5c0 1.4 3.4 2.5 7.5 2.5s7.5-1.1 7.5-2.5V5\"/><path d=\"M4.5 9.5V14c0 1.4 3.4 2.5 7.5 2.5s7.5-1.1 7.5-2.5V9.5\"/><path d=\"M4.5 14v4.5c0 1.4 3.4 2.5 7.5 2.5s7.5-1.1 7.5-2.5V14\"/>";
+            readonly lane: "db_table";
+            readonly rank: 5;
+        };
+        readonly workflow: {
+            readonly renderClass: "step";
+            readonly short: "트리거";
+            readonly text: "워크플로";
+            readonly color: {
+                readonly light: "#0284c7";
+                readonly dark: "#38bdf8";
+            };
+            readonly icon: "<path d=\"M13 2.5L4.5 13.5H11l-1 8 8.5-11H12z\"/>";
+            readonly lane: "workflow";
+            readonly rank: 0;
+        };
+        readonly build: {
+            readonly renderClass: "step";
+            readonly short: "빌드";
+            readonly text: "빌드";
+            readonly color: {
+                readonly light: "#0d9488";
+                readonly dark: "#2dd4bf";
+            };
+            readonly icon: "<path d=\"M14.5 6.2a4 4 0 0 0-5.3 5.3L3.5 17.2l3.3 3.3 5.7-5.7a4 4 0 0 0 5.3-5.3l-2.6 2.6-2.5-.2-.2-2.5z\"/>";
+            readonly lane: "build";
+            readonly rank: 1;
+        };
+        readonly artifact: {
+            readonly renderClass: "document";
+            readonly short: "산출물";
+            readonly text: "산출물";
+            readonly color: {
+                readonly light: "#9333ea";
+                readonly dark: "#c084fc";
+            };
+            readonly icon: "<path d=\"M12 2.8l8.5 4.7v9L12 21.2l-8.5-4.7v-9z\"/><path d=\"M3.5 7.5L12 12l8.5-4.5M12 12v9.2\"/>";
+            readonly lane: "artifact";
+            readonly rank: 2;
+        };
+        readonly deploy_target: {
+            readonly renderClass: "infra";
+            readonly short: "배포 대상";
+            readonly text: "배포 대상";
+            readonly color: {
+                readonly light: "#ea580c";
+                readonly dark: "#fb923c";
+            };
+            readonly icon: "<path d=\"M7 18.5a4.5 4.5 0 0 1-.7-8.95A6 6 0 0 1 17.8 8.6a4.95 4.95 0 0 1-.8 9.9z\"/><path d=\"M12 11v5M9.8 13.2L12 11l2.2 2.2\"/>";
+            readonly lane: "deploy_target";
+            readonly rank: 3;
+        };
+        readonly domain: {
+            readonly renderClass: "infra";
+            readonly short: "도메인";
+            readonly text: "도메인";
+            readonly color: {
+                readonly light: "#db2777";
+                readonly dark: "#f472b6";
+            };
+            readonly icon: "<path d=\"M10 14a4 4 0 0 0 5.7 0l3-3a4 4 0 0 0-5.7-5.7l-1 1\"/><path d=\"M14 10a4 4 0 0 0-5.7 0l-3 3a4 4 0 0 0 5.7 5.7l1-1\"/>";
+            readonly lane: "domain";
+            readonly rank: 6;
+        };
+        readonly cdn: {
+            readonly renderClass: "infra";
+            readonly short: "CDN";
+            readonly text: "CDN 배포";
+            readonly color: {
+                readonly light: "#4338ca";
+                readonly dark: "#a5b4fc";
+            };
+            readonly icon: "<circle cx=\"12\" cy=\"12\" r=\"8.5\"/><path d=\"M3.5 12h17M12 3.5c2.5 2.6 3.5 5.4 3.5 8.5s-1 5.9-3.5 8.5c-2.5-2.6-3.5-5.4-3.5-8.5s1-5.9 3.5-8.5z\"/>";
+            readonly lane: "cdn";
+            readonly rank: 5;
+        };
+        readonly bucket: {
+            readonly renderClass: "store";
+            readonly short: "버킷";
+            readonly text: "스토리지 버킷";
+            readonly color: {
+                readonly light: "#16a34a";
+                readonly dark: "#4ade80";
+            };
+            readonly icon: "<ellipse cx=\"12\" cy=\"6.5\" rx=\"8\" ry=\"2.5\"/><path d=\"M4 6.5l2 13a2 2 0 0 0 2 1.5h8a2 2 0 0 0 2-1.5l2-13\"/>";
+            readonly lane: "bucket";
+            readonly rank: 4;
+        };
+        readonly cloud_account: {
+            readonly renderClass: "infra";
+            readonly short: "계정";
+            readonly text: "클라우드 계정";
+            readonly color: {
+                readonly light: "#57534e";
+                readonly dark: "#a8a29e";
+            };
+            readonly icon: "<rect x=\"3.5\" y=\"5\" width=\"17\" height=\"14\" rx=\"2.5\"/><circle cx=\"9\" cy=\"11\" r=\"2.2\"/><path d=\"M5.8 16.2a3.5 3.5 0 0 1 6.4 0M14.5 10h3M14.5 13.5h3\"/>";
+            readonly lane: "cloud_account";
+            readonly rank: 7;
+        };
+    };
+    readonly lanes: {
+        readonly service: {
+            readonly title: "서비스";
+            readonly stacked: true;
+        };
+        readonly host: {
+            readonly title: "호스트";
+            readonly stacked: true;
+        };
+        readonly remote: {
+            readonly title: "리모트";
+            readonly stacked: true;
+        };
+        readonly unit: {
+            readonly title: "기능 영역";
+            readonly stacked: true;
+        };
+        readonly screen: {
+            readonly title: "화면";
+            readonly stacked: true;
+        };
+        readonly gateway: {
+            readonly title: "게이트웨이";
+        };
+        readonly endpoint: {
+            readonly title: "API";
+        };
+        readonly app_module: {
+            readonly title: "서버";
+        };
+        readonly external_service: {
+            readonly title: "클라이언트";
+        };
+        readonly external: {
+            readonly title: "외부 서비스";
+        };
+        readonly db_table: {
+            readonly title: "DB";
+        };
+        readonly workflow: {
+            readonly title: "트리거";
+        };
+        readonly build: {
+            readonly title: "빌드";
+        };
+        readonly artifact: {
+            readonly title: "산출물";
+        };
+        readonly deploy_target: {
+            readonly title: "배포 대상";
+        };
+        readonly domain: {
+            readonly title: "도메인";
+        };
+        readonly cdn: {
+            readonly title: "CDN";
+        };
+        readonly bucket: {
+            readonly title: "버킷";
+        };
+        readonly cloud_account: {
+            readonly title: "클라우드 계정";
+        };
+    };
+    readonly edgeKinds: {
+        readonly calls: {
+            readonly text: "호출";
+        };
+        readonly handles: {
+            readonly text: "처리";
+        };
+        readonly uses: {
+            readonly text: "사용";
+        };
+        readonly reads_writes: {
+            readonly text: "읽기와 쓰기";
+        };
+        readonly routes: {
+            readonly text: "전달";
+        };
+        readonly navigates: {
+            readonly text: "화면 이동";
+        };
+        readonly triggers: {
+            readonly text: "실행";
+        };
+        readonly builds: {
+            readonly text: "빌드";
+        };
+        readonly produces: {
+            readonly text: "생성";
+        };
+        readonly deploys_to: {
+            readonly text: "배포";
+        };
+        readonly resolves_to: {
+            readonly text: "도메인 연결";
+            readonly backward: true;
+        };
+        readonly origin: {
+            readonly text: "원본";
+            readonly backward: true;
+        };
+        readonly serves: {
+            readonly text: "서빙";
+        };
+        readonly loads: {
+            readonly text: "런타임 로드";
+        };
+    };
+};
+//# sourceMappingURL=web-product.d.ts.map

package/dist/src/architecture/packs/web-product.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"web-product.d.ts","sourceRoot":"","sources":["../../../../src/architecture/packs/web-product.ts"],"names":[],"mappings":"AAEA;;;;;;GAMG;AACH,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyNM,CAAC"}