@formicoidea/labre-ddd-shared 0.37.0 → 0.38.1

package/dist/index.d.ts

@@ -4,5 +4,3 @@ export * from './shared/prefabs.js';
 export * from './shared/utils.js';
 export * from './toolbar/icons.js';
 export { DddSeniorButtonBase } from './toolbar/senior-buttons.js';
-export { CD_TEMPLATES, CM_TEMPLATES, ES_TEMPLATES, } from './templates/components.js';
-export { contextMapTemplateCategory, coreDomainTemplateCategory, eventStormingTemplateCategory, } from './templates/categories.js';

package/dist/index.js

@@ -4,5 +4,3 @@ export * from './shared/prefabs.js';
 export * from './shared/utils.js';
 export * from './toolbar/icons.js';
 export { DddSeniorButtonBase } from './toolbar/senior-buttons.js';
-export { CD_TEMPLATES, CM_TEMPLATES, ES_TEMPLATES, } from './templates/components.js';
-export { contextMapTemplateCategory, coreDomainTemplateCategory, eventStormingTemplateCategory, } from './templates/categories.js';

package/dist/shared/prefabs.d.ts

@@ -97,8 +97,6 @@ export declare function markerShapeOpts(fill: string, role?: string): ShapeOpts;
 export declare function addDot(surface: Surface, std: BlockStdScope, cx: number, cy: number, fill: string, label?: string, 
 /** Stamped on the ELLIPSE, never on the group: the dot is the artefact. */
 role?: string): string;
-/** A free-floating label. */
-export declare function addLabel(surface: Surface, cx: number, cy: number, label: string, align?: 'left' | 'center', color?: string): string;
 /** A relationship connector (the single connector unit reused for all patterns). */
 export declare function addConnector(surface: Surface, x1: number, y1: number, x2: number, y2: number, opts?: {
     rearArrow?: boolean;
@@ -124,16 +122,6 @@ export declare function addMarker(surface: Surface, std: BlockStdScope, cx: numb
 }): string;
 /** A cloud (Big Ball of Mud / general-purpose boundary): a smoothed closed bezier polygon. */
 export declare function addCloud(surface: Surface, std: BlockStdScope, cx: number, cy: number, label?: string): string;
-/**
- * A Context Map relationship in DDD Crew notation: the connector, the pattern
- * abbreviation in a small tag, and (for upstream/downstream patterns) the U / D
- * markers — grouped so the whole pattern reads as one unit.
- */
-export declare function addRelationship(surface: Surface, std: BlockStdScope, cx: number, cy: number, preset: {
-    abbrev: string;
-    upDown: boolean;
-    dashed: boolean;
-}): string;
 export interface LegendRow {
     swatch: 'dot' | 'square' | 'line';
     color: string;

package/dist/shared/prefabs.js

@@ -172,10 +172,6 @@ role) {
     const lbl = addText(surface, cx + d / 2 + 6, cy - LABEL_FONT_SIZE / 2, 170, label, LABEL_COLOR, LABEL_FONT, LABEL_FONT_SIZE, 'left');
     return groupIds(std, [dot, lbl]);
 }
-/** A free-floating label. */
-export function addLabel(surface, cx, cy, label, align = 'center', color = LABEL_COLOR) {
-    return addText(surface, cx, cy, 200, label, color, LABEL_FONT, LABEL_FONT_SIZE, align);
-}
 /** A relationship connector (the single connector unit reused for all patterns). */
 export function addConnector(surface, x1, y1, x2, y2, opts = {}) {
     const { rearArrow = false, dashed = false, stroke = LABEL_COLOR, strokeWidth = 2, role, } = opts;
@@ -232,30 +228,6 @@ export function addCloud(surface, std, cx, cy, label) {
     const lbl = addText(surface, cx - w / 2 + 12, cy - LABEL_FONT_SIZE / 2, w - 24, label, '#3d3d3d', LABEL_FONT, LABEL_FONT_SIZE);
     return groupIds(std, [cloud, lbl]);
 }
-/**
- * A Context Map relationship in DDD Crew notation: the connector, the pattern
- * abbreviation in a small tag, and (for upstream/downstream patterns) the U / D
- * markers — grouped so the whole pattern reads as one unit.
- */
-export function addRelationship(surface, std, cx, cy, preset) {
-    const conn = addConnector(surface, cx - 130, cy, cx + 130, cy, {
-        rearArrow: preset.upDown,
-        dashed: preset.dashed,
-    });
-    const tag = addShape(surface, cx - 26, cy - 42, 52, 24, {
-        fill: '#ffffff',
-        stroke: '#6d6e71',
-        strokeWidth: 1,
-        radius: 4,
-    });
-    const tagText = addText(surface, cx - 26, cy - 36, 52, preset.abbrev, LABEL_COLOR, LABEL_FONT, 13);
-    const ids = [conn, tag, tagText];
-    if (preset.upDown) {
-        ids.push(addText(surface, cx - 150, cy - 30, 24, 'U', LABEL_COLOR, LABEL_FONT, 13));
-        ids.push(addText(surface, cx + 126, cy - 30, 24, 'D', LABEL_COLOR, LABEL_FONT, 13));
-    }
-    return groupIds(std, ids);
-}
 /**
  * The legend box's geometry, in one place because two callers need it: the one
  * that DRAWS the box and the one that has to know how tall it will be before

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@formicoidea/labre-ddd-shared",
   "description": "Labre ddd-shared — shared building blocks for @formicoidea/labre-core frameworks.",
-  "version": "0.37.0",
+  "version": "0.38.1",
   "type": "module",
   "sideEffects": false,
   "author": "lajola",
@@ -19,7 +19,7 @@
     "dist"
   ],
   "dependencies": {
-    "@formicoidea/labre-core": "0.37.0",
+    "@formicoidea/labre-core": "0.38.1",
     "lit": "^3.2.0"
   }
 }

package/dist/templates/categories.d.ts

@@ -1,11 +0,0 @@
-import type { TemplateCategory } from '@formicoidea/labre-core/gfx/template';
-/**
- * One Templates-panel section per senior button. These are gated by
- * `ddd-templates` only — never by a senior-button flag — so the catalogue stays
- * available even when a senior button is hidden. They live in the shared
- * package so the aggregate package can register all DDD categories under the
- * single `ddd-templates` flag.
- */
-export declare const eventStormingTemplateCategory: TemplateCategory;
-export declare const coreDomainTemplateCategory: TemplateCategory;
-export declare const contextMapTemplateCategory: TemplateCategory;

package/dist/templates/categories.js

@@ -1,20 +0,0 @@
-import { CD_TEMPLATES, CM_TEMPLATES, ES_TEMPLATES } from './components.js';
-/**
- * One Templates-panel section per senior button. These are gated by
- * `ddd-templates` only — never by a senior-button flag — so the catalogue stays
- * available even when a senior button is hidden. They live in the shared
- * package so the aggregate package can register all DDD categories under the
- * single `ddd-templates` flag.
- */
-export const eventStormingTemplateCategory = {
-    name: 'Event Storming',
-    templates: ES_TEMPLATES,
-};
-export const coreDomainTemplateCategory = {
-    name: 'Core Domain Chart',
-    templates: CD_TEMPLATES,
-};
-export const contextMapTemplateCategory = {
-    name: 'Context Map',
-    templates: CM_TEMPLATES,
-};

package/dist/templates/components.d.ts

@@ -1,7 +0,0 @@
-import { type Template } from '@formicoidea/labre-core/gfx/template';
-/** Event Storming: one template per sticky kind + the hotspot. */
-export declare const ES_TEMPLATES: Template[];
-/** Core Domain: the chart background, the sub-domain dots, the team-topology markers, the movement arrow. */
-export declare const CD_TEMPLATES: Template[];
-/** Context Map: the bounded-context bubble, the cloud, the nine relationship patterns. */
-export declare const CM_TEMPLATES: Template[];

package/dist/templates/components.js

@@ -1,165 +0,0 @@
-import { makeTemplateSnapshot, surfaceText, } from '@formicoidea/labre-core/gfx/template';
-import { ConnectorMode, FontFamily, PointStyle, ShapeStyle, StrokeStyle, TextAlign, } from '@formicoidea/labre-core/model';
-import { CD_SUBDOMAINS, CLOUD, CLOUD_VERTICES, CM_BUBBLE, CM_RELATIONSHIPS, ES_HOTSPOT, ES_STICKIES, MOVEMENT_COLOR, TEAM_TOPOLOGIES, } from '../shared/consts.js';
-/**
- * Every DDD component (the things the three senior menus create) re-expressed as
- * an insertable Template, so the whole toolbox is also available from the
- * Templates panel. Authored as static surface-element JSON from the SAME consts
- * the live prefabs use, so colours/labels stay in sync.
- */
-const ATTRS = 'width="100%" height="100%" viewBox="0 0 135 80" xmlns="http://www.w3.org/2000/svg"';
-const NO_STROKE = '#00000000';
-function tpl(name, preview, elements) {
-    return {
-        name,
-        type: 'template',
-        preview,
-        content: makeTemplateSnapshot(elements, name),
-    };
-}
-function stickyEl(fill, text, label, shapeType) {
-    return {
-        type: 'shape',
-        shapeType,
-        filled: true,
-        fillColor: fill,
-        strokeColor: NO_STROKE,
-        strokeWidth: 0,
-        shapeStyle: ShapeStyle.General,
-        roughness: 0,
-        radius: shapeType === 'rect' ? 6 : 0,
-        text: surfaceText(label),
-        color: text,
-        fontFamily: FontFamily.Kalam,
-        fontSize: 20,
-        textAlign: TextAlign.Center,
-        xywh: '[0,0,120,120]',
-    };
-}
-const sq = (c) => `<svg ${ATTRS}><rect x="38" y="13" width="60" height="54" rx="5" fill="${c}"/></svg>`;
-const dia = (c) => `<svg ${ATTRS}><rect x="48" y="20" width="40" height="40" transform="rotate(45 68 40)" fill="${c}"/></svg>`;
-const circ = (c) => `<svg ${ATTRS}><circle cx="68" cy="40" r="22" fill="${c}" stroke="#1f2328" stroke-width="1.5"/></svg>`;
-const mk = (c, l) => `<svg ${ATTRS}><rect x="48" y="20" width="40" height="40" rx="5" fill="${c}" stroke="#1f2328" stroke-width="1.5"/><text x="68" y="47" text-anchor="middle" font-size="20" fill="#1f2328">${l}</text></svg>`;
-const line = (dashed, arrow) => `<svg ${ATTRS} fill="none"><path d="M20 40 H${arrow ? 100 : 115}" stroke="#1f2328" stroke-width="2" stroke-dasharray="${dashed ? '5 4' : '0'}"/>${arrow ? '<path d="M98 32 L114 40 L98 48" stroke="#1f2328" stroke-width="2"/>' : ''}</svg>`;
-/** Event Storming: one template per sticky kind + the hotspot. */
-export const ES_TEMPLATES = [
-    ...ES_STICKIES.map(p => tpl(`Event Storming — ${p.label}`, sq(p.fill), {
-        s: stickyEl(p.fill, p.text, p.label, 'rect'),
-    })),
-    tpl('Event Storming — Hotspot', dia(ES_HOTSPOT.fill), {
-        s: stickyEl(ES_HOTSPOT.fill, ES_HOTSPOT.text, ES_HOTSPOT.label, 'diamond'),
-    }),
-];
-/** Core Domain: the chart background, the sub-domain dots, the team-topology markers, the movement arrow. */
-export const CD_TEMPLATES = [
-    tpl('Core Domain Chart', `<svg ${ATTRS} fill="none"><rect x="10" y="6" width="115" height="62" fill="#4d9900" fill-opacity="0.5"/><rect x="10" y="6" width="22" height="62" fill="#9933ff" fill-opacity="0.5"/><path d="M10 68 V6 M10 68 H125" stroke="#1f2328" stroke-width="1.6"/></svg>`, { bg: { type: 'coreDomain', xywh: '[0,0,900,820]' } }),
-    ...CD_SUBDOMAINS.map(d => tpl(`Core Domain — ${d.label}`, circ(d.fill), {
-        dot: {
-            type: 'shape',
-            shapeType: 'ellipse',
-            filled: true,
-            fillColor: d.fill,
-            strokeColor: '#1f2328',
-            strokeWidth: 1.5,
-            shapeStyle: ShapeStyle.General,
-            roughness: 0,
-            xywh: '[0,0,26,26]',
-        },
-    })),
-    ...TEAM_TOPOLOGIES.map(t => tpl(`Team topology — ${t.label}`, mk(t.fill, t.letter), {
-        m: {
-            type: 'shape',
-            shapeType: 'rect',
-            filled: true,
-            fillColor: t.fill,
-            strokeColor: '#1f2328',
-            strokeWidth: 1.5,
-            shapeStyle: ShapeStyle.General,
-            roughness: 0,
-            radius: 4,
-            text: surfaceText(t.letter),
-            color: '#1f2328',
-            fontFamily: FontFamily.Inter,
-            fontSize: 15,
-            textAlign: TextAlign.Center,
-            xywh: '[0,0,30,30]',
-        },
-    })),
-    tpl('Core Domain — Movement over time', line(true, true), {
-        c: {
-            type: 'connector',
-            mode: ConnectorMode.Straight,
-            stroke: MOVEMENT_COLOR,
-            strokeWidth: 2,
-            strokeStyle: StrokeStyle.Dash,
-            frontEndpointStyle: PointStyle.None,
-            rearEndpointStyle: PointStyle.Arrow,
-            source: { position: [0, 80] },
-            target: { position: [160, 0] },
-        },
-    }),
-];
-/** Context Map: the bounded-context bubble, the cloud, the nine relationship patterns. */
-export const CM_TEMPLATES = [
-    tpl('Context Map — Bounded Context', `<svg ${ATTRS} fill="none"><rect x="20" y="25" width="95" height="30" rx="15" fill="${CM_BUBBLE.fill}" stroke="${CM_BUBBLE.stroke}" stroke-width="1.6"/></svg>`, {
-        b: {
-            type: 'shape',
-            shapeType: 'rect',
-            filled: true,
-            fillColor: CM_BUBBLE.fill,
-            strokeColor: CM_BUBBLE.stroke,
-            strokeWidth: 1.5,
-            shapeStyle: ShapeStyle.General,
-            roughness: 0,
-            radius: CM_BUBBLE.radius,
-            text: surfaceText('Bounded Context'),
-            color: CM_BUBBLE.text,
-            fontFamily: FontFamily.Inter,
-            fontSize: 14,
-            textAlign: TextAlign.Center,
-            xywh: `[0,0,${CM_BUBBLE.w},${CM_BUBBLE.h}]`,
-        },
-    }),
-    tpl('Context Map — Cloud / System', `<svg ${ATTRS} fill="none"><path d="M30 52 C18 52 16 40 26 37 C24 25 42 24 46 32 C50 22 70 24 70 35 C84 32 90 46 78 50 Z" fill="${CLOUD.fill}" stroke="${CLOUD.stroke}" stroke-width="1.4"/></svg>`, {
-        c: {
-            type: 'shape',
-            shapeType: 'polygon',
-            vertices: CLOUD_VERTICES,
-            isClosed: true,
-            filled: true,
-            fillColor: CLOUD.fill,
-            strokeColor: CLOUD.stroke,
-            strokeWidth: 1.5,
-            shapeStyle: ShapeStyle.General,
-            roughness: 0,
-            text: surfaceText('System'),
-            color: '#3d3d3d',
-            fontFamily: FontFamily.Inter,
-            fontSize: 14,
-            textAlign: TextAlign.Center,
-            xywh: `[0,0,${CLOUD.w},${CLOUD.h}]`,
-        },
-    }),
-    ...CM_RELATIONSHIPS.map(r => tpl(`Context Map — ${r.label}`, line(r.dashed, r.upDown), {
-        c: {
-            type: 'connector',
-            mode: ConnectorMode.Straight,
-            stroke: '#1f2328',
-            strokeWidth: 2,
-            strokeStyle: r.dashed ? StrokeStyle.Dash : StrokeStyle.Solid,
-            frontEndpointStyle: PointStyle.None,
-            rearEndpointStyle: r.upDown ? PointStyle.Arrow : PointStyle.None,
-            source: { position: [0, 0] },
-            target: { position: [240, 0] },
-        },
-        t: {
-            type: 'text',
-            text: surfaceText(r.abbrev),
-            color: '#1f2328',
-            fontFamily: FontFamily.Inter,
-            fontSize: 13,
-            textAlign: TextAlign.Center,
-            xywh: '[94,-30,52,22]',
-        },
-    })),
-];