@formicoidea/labre-framework-ddd-context-map 0.25.0

package/dist/descriptor.d.ts

@@ -0,0 +1,7 @@
+import { DddContextMapViewExtension } from './view.js';
+/** Host wiring for the ddd-context-map framework. */
+export declare const dddContextMapFramework: {
+    readonly flag: "ddd-context-map";
+    readonly telemetry: "ddd-context-map";
+    readonly viewExtension: typeof DddContextMapViewExtension;
+};

package/dist/descriptor.js

@@ -0,0 +1,7 @@
+import { DddContextMapViewExtension } from './view.js';
+/** Host wiring for the ddd-context-map framework. */
+export const dddContextMapFramework = {
+    flag: 'ddd-context-map',
+    telemetry: 'ddd-context-map',
+    viewExtension: DddContextMapViewExtension,
+};

package/dist/effects.d.ts

@@ -0,0 +1,9 @@
+import { EdgelessDddContextMapMenu } from './toolbar/context-map-menu';
+import { EdgelessDddContextMapSeniorButton } from './toolbar/senior-button';
+export declare function contextMapEffects(): void;
+declare global {
+    interface HTMLElementTagNameMap {
+        'edgeless-ddd-context-map-menu': EdgelessDddContextMapMenu;
+        'edgeless-ddd-context-map-senior-button': EdgelessDddContextMapSeniorButton;
+    }
+}

package/dist/effects.js

@@ -0,0 +1,11 @@
+import { EdgelessDddContextMapMenu } from './toolbar/context-map-menu';
+import { EdgelessDddContextMapSeniorButton } from './toolbar/senior-button';
+/** Define a custom element once (each tool's effect may run more than once). */
+function define(tag, ctor) {
+    if (!customElements.get(tag))
+        customElements.define(tag, ctor);
+}
+export function contextMapEffects() {
+    define('edgeless-ddd-context-map-menu', EdgelessDddContextMapMenu);
+    define('edgeless-ddd-context-map-senior-button', EdgelessDddContextMapSeniorButton);
+}

package/dist/index.d.ts

@@ -0,0 +1,4 @@
+export { contextMapTemplateCategory } from './templates.js';
+export { contextMapSeniorTool } from './toolbar/senior-tool.js';
+export { EdgelessDddContextMapSeniorButton } from './toolbar/senior-button.js';
+export { DddContextMapViewExtension } from './view.js';

package/dist/index.js

@@ -0,0 +1,4 @@
+export { contextMapTemplateCategory } from './templates.js';
+export { contextMapSeniorTool } from './toolbar/senior-tool.js';
+export { EdgelessDddContextMapSeniorButton } from './toolbar/senior-button.js';
+export { DddContextMapViewExtension } from './view.js';

package/dist/templates.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Context Map Templates-panel category. The builder lives in the shared package
+ * so the aggregate package can register all DDD categories under the single
+ * `ddd-templates` flag; re-exported here for a stable per-package API.
+ */
+export { contextMapTemplateCategory } from '@formicoidea/labre-ddd-shared';

package/dist/templates.js

@@ -0,0 +1,6 @@
+/**
+ * Context Map Templates-panel category. The builder lives in the shared package
+ * so the aggregate package can register all DDD categories under the single
+ * `ddd-templates` flag; re-exported here for a stable per-package API.
+ */
+export { contextMapTemplateCategory } from '@formicoidea/labre-ddd-shared';

package/dist/toolbar/context-map-menu.d.ts

@@ -0,0 +1,10 @@
+import { DddMenuBase } from '@formicoidea/labre-ddd-shared';
+/** Context Map palette: bounded-context bubble, the cloud, the nine relationship patterns. */
+export declare class EdgelessDddContextMapMenu extends DddMenuBase {
+    protected framework: "context-map";
+    private _createBubble;
+    private _createCloud;
+    private _createRelationship;
+    private _createLegend;
+    render(): import("lit-html").TemplateResult<1>;
+}

package/dist/toolbar/context-map-menu.js

@@ -0,0 +1,107 @@
+import { addBubble, addCloud, addLegend, addRelationship, CLOUD, CM_BUBBLE, CM_RELATIONSHIPS, DddMenuBase, } from '@formicoidea/labre-ddd-shared';
+import { html, svg } from 'lit';
+const bubbleSwatch = svg `<svg viewBox="0 0 24 24" fill="none"><rect x="2" y="7" width="20" height="10" rx="5" fill="#e6f0fa" stroke="#2f6fb0" stroke-width="1.6"/></svg>`;
+const cloudSwatch = svg `<svg viewBox="0 0 24 24" fill="none"><path d="M6 17 C3 17 2 14 4.5 12.5 C4 9 8 8 9.5 10 C11 6.5 16 7.5 16 11 C19 10.5 20.5 14 18 16 C18 17 16.5 17 15 17 Z" fill="#f0eef6" stroke="#6d6e71" stroke-width="1.4"/></svg>`;
+const legendSwatch = svg `<svg viewBox="0 0 24 24" fill="none"><rect x="3" y="4" width="18" height="16" rx="2" stroke="currentColor" stroke-width="1.6"/><circle cx="7" cy="9" r="1.6" fill="currentColor"/><circle cx="7" cy="14" r="1.6" fill="currentColor"/><path d="M11 9 H18 M11 14 H18" stroke="currentColor" stroke-width="1.4"/></svg>`;
+const relationSwatch = (dashed, arrow) => svg `<svg viewBox="0 0 24 24" fill="none"><path d="M3 12 H${arrow ? 17 : 21}" stroke="currentColor" stroke-width="2" stroke-dasharray="${dashed ? '3 3' : '0'}"/>${arrow ? svg `<path d="M15 8 L21 12 L15 16" stroke="currentColor" stroke-width="2" fill="none"/>` : ''}</svg>`;
+/** Context Map palette: bounded-context bubble, the cloud, the nine relationship patterns. */
+export class EdgelessDddContextMapMenu extends DddMenuBase {
+    constructor() {
+        super(...arguments);
+        this.framework = 'context-map';
+    }
+    _createBubble() {
+        const surface = this.surface;
+        if (!surface)
+            return;
+        const { cx, cy } = this.center;
+        const id = addBubble(surface, this.edgeless.std, cx, cy, 'Bounded Context');
+        this.track('FrameworkElementAdded', 'bounded-context');
+        this.finish(id);
+    }
+    _createCloud() {
+        const surface = this.surface;
+        if (!surface)
+            return;
+        const { cx, cy } = this.center;
+        const id = addCloud(surface, this.edgeless.std, cx, cy, 'System');
+        this.track('FrameworkElementAdded', 'cloud');
+        this.finish(id);
+    }
+    _createRelationship(preset) {
+        const surface = this.surface;
+        if (!surface)
+            return;
+        const { cx, cy } = this.center;
+        const id = addRelationship(surface, this.edgeless.std, cx, cy, preset);
+        this.track('FrameworkElementAdded', `relationship:${preset.kind}`);
+        this.finish(id);
+    }
+    _createLegend() {
+        const surface = this.surface;
+        if (!surface)
+            return;
+        const { cx, cy } = this.center;
+        const patRows = (kinds) => CM_RELATIONSHIPS.filter(r => kinds.includes(r.kind)).map((r) => ({
+            swatch: 'line',
+            color: '#1f2328',
+            label: `${r.abbrev} — ${r.label}`,
+        }));
+        const sections = [
+            {
+                title: 'Boundaries',
+                rows: [
+                    { swatch: 'square', color: CM_BUBBLE.fill, label: 'Bounded Context' },
+                    { swatch: 'square', color: CLOUD.fill, label: 'System / Big Ball of Mud' },
+                ],
+            },
+            { title: 'Mutually dependent', rows: patRows(['partnership', 'sharedKernel']) },
+            {
+                title: 'Upstream → Downstream (U/D)',
+                rows: patRows(['customerSupplier', 'conformist', 'acl', 'ohs', 'publishedLanguage']),
+            },
+            { title: 'Separate / no integration', rows: patRows(['separateWays', 'bbom']) },
+        ];
+        const id = addLegend(surface, this.edgeless.std, cx - 140, cy - 210, {
+            title: 'Légende',
+            sections,
+            width: 290,
+        });
+        this.track('FrameworkElementAdded', 'legend');
+        this.finish(id);
+    }
+    render() {
+        return html `
+      <edgeless-slide-menu>
+        <div class="menu-content">
+          <div class="button-group-container">
+            <edgeless-tool-icon-button
+              .tooltip=${'Bounded Context'}
+              @click=${() => this._createBubble()}
+            >
+              ${bubbleSwatch}
+            </edgeless-tool-icon-button>
+            <edgeless-tool-icon-button
+              .tooltip=${'Cloud / System (Big Ball of Mud)'}
+              @click=${() => this._createCloud()}
+            >
+              ${cloudSwatch}
+            </edgeless-tool-icon-button>
+            ${CM_RELATIONSHIPS.map(preset => html `<edgeless-tool-icon-button
+                .tooltip=${preset.label}
+                @click=${() => this._createRelationship(preset)}
+              >
+                ${relationSwatch(preset.dashed, preset.upDown)}
+              </edgeless-tool-icon-button>`)}
+            <edgeless-tool-icon-button
+              .tooltip=${'Legend'}
+              @click=${() => this._createLegend()}
+            >
+              ${legendSwatch}
+            </edgeless-tool-icon-button>
+          </div>
+        </div>
+      </edgeless-slide-menu>
+    `;
+    }
+}

package/dist/toolbar/senior-button.d.ts

@@ -0,0 +1,6 @@
+import { DddSeniorButtonBase } from '@formicoidea/labre-ddd-shared';
+export declare class EdgelessDddContextMapSeniorButton extends DddSeniorButtonBase {
+    protected menuTag: "edgeless-ddd-context-map-menu";
+    protected label: string;
+    protected icon: import("lit-html").TemplateResult<2>;
+}

package/dist/toolbar/senior-button.js

@@ -0,0 +1,9 @@
+import { contextMapToolbarIcon, DddSeniorButtonBase, } from '@formicoidea/labre-ddd-shared';
+export class EdgelessDddContextMapSeniorButton extends DddSeniorButtonBase {
+    constructor() {
+        super(...arguments);
+        this.menuTag = 'edgeless-ddd-context-map-menu';
+        this.label = 'Context Map';
+        this.icon = contextMapToolbarIcon;
+    }
+}

package/dist/toolbar/senior-tool.d.ts

@@ -0,0 +1,2 @@
+/** Independent senior tool — Context Map. */
+export declare const contextMapSeniorTool: import("@formicoidea/labre-core/store").ExtensionType;

package/dist/toolbar/senior-tool.js

@@ -0,0 +1,9 @@
+import { SeniorToolExtension } from '@formicoidea/labre-core/widgets/edgeless-toolbar';
+import { html } from 'lit';
+/** Independent senior tool — Context Map. */
+export const contextMapSeniorTool = SeniorToolExtension('ddd-context-map', ({ block }) => ({
+    name: 'Context Map',
+    content: html `<edgeless-ddd-context-map-senior-button
+      .edgeless=${block}
+    ></edgeless-ddd-context-map-senior-button>`,
+}));

package/dist/view.d.ts

@@ -0,0 +1,13 @@
+import { type ViewExtensionContext, ViewExtensionProvider } from '@formicoidea/labre-core/ext-loader';
+/**
+ * Context Map — independently flag-gated (`ddd-context-map`).
+ *
+ * Note: its Templates-panel category is registered by the aggregate package's
+ * {@link DddTemplatesViewExtension} (gated by `ddd-templates`), so templates
+ * stay available even when this senior button is disabled.
+ */
+export declare class DddContextMapViewExtension extends ViewExtensionProvider {
+    name: string;
+    effect(): void;
+    setup(context: ViewExtensionContext): void;
+}

package/dist/view.js

@@ -0,0 +1,26 @@
+import { ViewExtensionProvider, } from '@formicoidea/labre-core/ext-loader';
+import { contextMapEffects } from './effects';
+import { contextMapSeniorTool } from './toolbar/senior-tool';
+/**
+ * Context Map — independently flag-gated (`ddd-context-map`).
+ *
+ * Note: its Templates-panel category is registered by the aggregate package's
+ * {@link DddTemplatesViewExtension} (gated by `ddd-templates`), so templates
+ * stay available even when this senior button is disabled.
+ */
+export class DddContextMapViewExtension extends ViewExtensionProvider {
+    constructor() {
+        super(...arguments);
+        this.name = 'affine-ddd-context-map-gfx';
+    }
+    effect() {
+        super.effect();
+        contextMapEffects();
+    }
+    setup(context) {
+        super.setup(context);
+        if (this.isEdgeless(context.scope)) {
+            context.register(contextMapSeniorTool);
+        }
+    }
+}

package/package.json

@@ -0,0 +1,34 @@
+{
+  "name": "@formicoidea/labre-framework-ddd-context-map",
+  "description": "Labre ddd-context-map framework for @formicoidea/labre-core.",
+  "version": "0.25.0",
+  "type": "module",
+  "sideEffects": false,
+  "author": "lajola",
+  "contributors": [
+    "toeverything"
+  ],
+  "license": "MPL-2.0",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./view": {
+      "types": "./dist/view.d.ts",
+      "import": "./dist/view.js"
+    },
+    "./descriptor": {
+      "types": "./dist/descriptor.d.ts",
+      "import": "./dist/descriptor.js"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "dependencies": {
+    "@formicoidea/labre-core": "0.25.0",
+    "@formicoidea/labre-ddd-shared": "0.25.0",
+    "lit": "^3.2.0"
+  }
+}