@formicoidea/labre-framework-ddd-core-domain 0.30.1 → 0.32.0

package/dist/commands.d.ts

@@ -0,0 +1,4 @@
+import type { CommandDescriptor } from '@formicoidea/labre-core/std';
+import { type TemplateResult } from 'lit';
+export declare const coreDomainCommands: CommandDescriptor[];
+export declare const coreDomainCommandIcons: Record<string, TemplateResult>;

package/dist/commands.js

@@ -0,0 +1,76 @@
+import { addConnector, addDot, addMarker, CD_SUBDOMAINS, MOVEMENT_COLOR, placeDddElement, TEAM_TOPOLOGIES, } from '@formicoidea/labre-ddd-shared';
+import { Bound } from '@formicoidea/labre-core/global/gfx';
+import { svg } from 'lit';
+import { REF_H, REF_W } from './core-domain/consts.js';
+/**
+ * The Core Domain Chart palette as commands: the background, the five
+ * sub-domain dots, the three Team Topologies markers and the movement arrow.
+ * The notation legend stays in the map-background context menu (toolbar
+ * config) — the element toolbar is out of scope for `docs/adr/0008`.
+ */
+const chartSwatch = svg `<svg viewBox="0 0 24 24" fill="none"><rect x="4" y="3" width="17" height="17" fill="#4d9900" fill-opacity="0.5"/><rect x="4" y="3" width="6" height="17" fill="#9933ff" fill-opacity="0.5"/><path d="M4 20 V3 M4 20 H21" stroke="currentColor" stroke-width="1.8"/></svg>`;
+const dotSwatch = (color) => svg `<svg viewBox="0 0 24 24"><circle cx="12" cy="12" r="7" fill="${color}" stroke="#1f2328" stroke-width="1.2"/></svg>`;
+const movementSwatch = svg `<svg viewBox="0 0 24 24" fill="none"><path d="M3 18 L16 7" stroke="${MOVEMENT_COLOR}" stroke-width="2" stroke-dasharray="3 3"/><path d="M12 6 L18 5 L17 11" stroke="${MOVEMENT_COLOR}" stroke-width="2" fill="none"/></svg>`;
+const markerSwatch = (fill, letter) => svg `<svg viewBox="0 0 24 24"><rect x="4" y="4" width="16" height="16" rx="3" fill="${fill}" stroke="#1f2328" stroke-width="1.2"/><text x="12" y="16" text-anchor="middle" font-size="11" font-family="sans-serif" fill="#1f2328">${letter}</text></svg>`;
+const SPECS = [
+    {
+        id: 'addChart',
+        label: 'Core Domain Chart',
+        iconKey: 'ddd-core-domain.chart',
+        element: 'background',
+        icon: chartSwatch,
+        run: std => placeDddElement(std, (surface, cx, cy) => surface.addElement({
+            type: 'coreDomain',
+            xywh: new Bound(cx - REF_W / 2, cy - REF_H / 2, REF_W, REF_H).serialize(),
+        })),
+    },
+    ...CD_SUBDOMAINS.map((preset) => ({
+        id: `add${preset.kind[0].toUpperCase()}${preset.kind.slice(1)}`,
+        label: preset.label,
+        iconKey: `ddd-core-domain.subdomain.${preset.kind}`,
+        element: `subdomain:${preset.kind}`,
+        icon: dotSwatch(preset.fill),
+        run: std => placeDddElement(std, (surface, cx, cy) => addDot(surface, std, cx, cy, preset.fill, preset.label)),
+    })),
+    ...TEAM_TOPOLOGIES.map((preset) => ({
+        id: `add${preset.kind[0].toUpperCase()}${preset.kind.slice(1)}`,
+        label: preset.label,
+        iconKey: `ddd-core-domain.team-topology.${preset.kind}`,
+        element: `team-topology:${preset.kind}`,
+        icon: markerSwatch(preset.fill, preset.letter),
+        run: std => placeDddElement(std, (surface, cx, cy) => addMarker(surface, std, cx, cy, {
+            fill: preset.fill,
+            letter: preset.letter,
+            label: preset.label,
+        })),
+    })),
+    {
+        id: 'addMovement',
+        label: 'Movement over time',
+        iconKey: 'ddd-core-domain.movement',
+        element: 'movement',
+        icon: movementSwatch,
+        run: std => placeDddElement(std, (surface, cx, cy) => addConnector(surface, cx - 80, cy + 60, cx + 80, cy - 60, {
+            rearArrow: true,
+            dashed: true,
+            stroke: MOVEMENT_COLOR,
+        })),
+    },
+];
+export const coreDomainCommands = SPECS.map((spec, order) => ({
+    id: `ddd-core-domain.${spec.id}`,
+    owner: 'ddd-core-domain',
+    kind: 'artefact',
+    labelKey: `com.labre.commands.ddd-core-domain.${spec.id}`,
+    labelFallback: spec.label,
+    category: 'chart',
+    iconKey: spec.iconKey,
+    surfaces: ['senior-menu', 'catalogue', 'palette', 'agent'],
+    order,
+    scope: 'edgeless',
+    defaultKeys: { mac: [], other: [] },
+    availability: 'always',
+    run: spec.run,
+    telemetry: { framework: 'ddd-core-domain', element: spec.element },
+}));
+export const coreDomainCommandIcons = Object.fromEntries(SPECS.map(spec => [spec.iconKey, spec.icon]));

package/dist/core-domain/element-renderer.js

@@ -1,6 +1,6 @@
 import { ElementRendererExtension, } from '@formicoidea/labre-core/blocks/surface';
 import { FONT_FAMILY, refScale } from '@formicoidea/labre-ddd-shared';
-import { AXIS, COLORS, REF_H, REF_W, ZONE_LABELS, ZONES } from './consts';
+import { AXIS, COLORS, REF_H, REF_W, ZONE_LABELS, ZONES } from './consts.js';
 /**
  * Canvas renderer for the Core Domain Chart background — the translucent
  * Generic / Supporting / Core zone bands, the two axes with arrow heads and the

package/dist/core-domain/toolbar-config.js

@@ -2,7 +2,7 @@ import { CoreDomainChartElementModel } from '@formicoidea/labre-core/model';
 import { TelemetryProvider, ToolbarModuleExtension, } from '@formicoidea/labre-core/shared/services';
 import { BlockFlavourIdentifier } from '@formicoidea/labre-core/std';
 import { html } from 'lit';
-import { createCoreDomainLegend } from './legend';
+import { createCoreDomainLegend } from './legend.js';
 const legendIcon = html `<svg
   width="24"
   height="24"

package/dist/descriptor.d.ts

@@ -1,7 +1,8 @@
 import { DddCoreDomainRenderViewExtension, DddCoreDomainViewExtension } from './view.js';
 /** Host wiring for the ddd-core-domain framework. */
 export declare const dddCoreDomainFramework: {
-    readonly telemetry: "ddd-core-domain";
+    readonly flag: "ddd-core-domain";
+    readonly telemetryKey: "core-domain";
     readonly extensions: readonly [{
         readonly viewExtension: typeof DddCoreDomainRenderViewExtension;
     }, {

package/dist/descriptor.js

@@ -1,7 +1,8 @@
 import { DddCoreDomainRenderViewExtension, DddCoreDomainViewExtension } from './view.js';
 /** Host wiring for the ddd-core-domain framework. */
 export const dddCoreDomainFramework = {
-    telemetry: 'ddd-core-domain',
+    flag: 'ddd-core-domain',
+    telemetryKey: 'core-domain',
     extensions: [
         { viewExtension: DddCoreDomainRenderViewExtension },
         { flag: 'ddd-core-domain', viewExtension: DddCoreDomainViewExtension },

package/dist/effects.d.ts

@@ -1,5 +1,5 @@
-import { EdgelessDddCoreDomainMenu } from './toolbar/core-domain-menu';
-import { EdgelessDddCoreDomainSeniorButton } from './toolbar/senior-button';
+import { EdgelessDddCoreDomainMenu } from './toolbar/core-domain-menu.js';
+import { EdgelessDddCoreDomainSeniorButton } from './toolbar/senior-button.js';
 export declare function coreDomainEffects(): void;
 declare global {
     interface HTMLElementTagNameMap {

package/dist/effects.js

@@ -1,5 +1,5 @@
-import { EdgelessDddCoreDomainMenu } from './toolbar/core-domain-menu';
-import { EdgelessDddCoreDomainSeniorButton } from './toolbar/senior-button';
+import { EdgelessDddCoreDomainMenu } from './toolbar/core-domain-menu.js';
+import { EdgelessDddCoreDomainSeniorButton } from './toolbar/senior-button.js';
 /** Define a custom element once (each tool's effect may run more than once). */
 function define(tag, ctor) {
     if (!customElements.get(tag))

package/dist/index.d.ts

@@ -1,3 +1,5 @@
+export { coreDomainCommandIcons, coreDomainCommands } from './commands.js';
+export { coreDomainTranslationEntries } from './translations.js';
 export { coreDomain } from './core-domain/element-renderer.js';
 export { coreDomainTemplateCategory } from './templates.js';
 export { coreDomainSeniorTool } from './toolbar/senior-tool.js';

package/dist/index.js

@@ -1,3 +1,5 @@
+export { coreDomainCommandIcons, coreDomainCommands } from './commands.js';
+export { coreDomainTranslationEntries } from './translations.js';
 export { coreDomain } from './core-domain/element-renderer.js';
 export { coreDomainTemplateCategory } from './templates.js';
 export { coreDomainSeniorTool } from './toolbar/senior-tool.js';

package/dist/toolbar/core-domain-menu.d.ts

@@ -1,14 +1,11 @@
-import { DddMenuBase } from '@formicoidea/labre-ddd-shared';
+import { EmptyTool } from '@formicoidea/labre-core/gfx/pointer';
+import { EdgelessCommandMenu } from '@formicoidea/labre-core/widgets/edgeless-toolbar';
 /**
- * Core Domain Chart palette: the background, sub-domain dots, movement arrow.
- * The notation legend lives in the map-background context menu (toolbar-config),
- * not here, to avoid a duplicate entry.
+ * Core Domain Chart palette, rendered from `coreDomainCommands` for the
+ * `senior-menu` surface (`docs/adr/0008`). Keeps the DDD palettes' tighter gap.
  */
-export declare class EdgelessDddCoreDomainMenu extends DddMenuBase {
-    protected framework: "core-domain";
-    private _createBackground;
-    private _createDot;
-    private _createMarker;
-    private _createMovement;
-    render(): import("lit-html").TemplateResult<1>;
+export declare class EdgelessDddCoreDomainMenu extends EdgelessCommandMenu {
+    static styles: import("lit").CSSResultGroup[];
+    protected owner: "ddd-core-domain";
+    type: typeof EmptyTool;
 }

package/dist/toolbar/core-domain-menu.js

@@ -1,100 +1,22 @@
-import { addConnector, addDot, addMarker, CD_SUBDOMAINS, DddMenuBase, MOVEMENT_COLOR, TEAM_TOPOLOGIES, } from '@formicoidea/labre-ddd-shared';
-import { Bound } from '@formicoidea/labre-core/global/gfx';
-import { html, svg } from 'lit';
-import { REF_H, REF_W } from '../core-domain/consts';
-const chartSwatch = svg `<svg viewBox="0 0 24 24" fill="none"><rect x="4" y="3" width="17" height="17" fill="#4d9900" fill-opacity="0.5"/><rect x="4" y="3" width="6" height="17" fill="#9933ff" fill-opacity="0.5"/><path d="M4 20 V3 M4 20 H21" stroke="currentColor" stroke-width="1.8"/></svg>`;
-const dotSwatch = (color) => svg `<svg viewBox="0 0 24 24"><circle cx="12" cy="12" r="7" fill="${color}" stroke="#1f2328" stroke-width="1.2"/></svg>`;
-const movementSwatch = svg `<svg viewBox="0 0 24 24" fill="none"><path d="M3 18 L16 7" stroke="${MOVEMENT_COLOR}" stroke-width="2" stroke-dasharray="3 3"/><path d="M12 6 L18 5 L17 11" stroke="${MOVEMENT_COLOR}" stroke-width="2" fill="none"/></svg>`;
-const markerSwatch = (fill, letter) => svg `<svg viewBox="0 0 24 24"><rect x="4" y="4" width="16" height="16" rx="3" fill="${fill}" stroke="#1f2328" stroke-width="1.2"/><text x="12" y="16" text-anchor="middle" font-size="11" font-family="sans-serif" fill="#1f2328">${letter}</text></svg>`;
+import { EmptyTool } from '@formicoidea/labre-core/gfx/pointer';
+import { EdgelessCommandMenu } from '@formicoidea/labre-core/widgets/edgeless-toolbar';
+import { css } from 'lit';
 /**
- * Core Domain Chart palette: the background, sub-domain dots, movement arrow.
- * The notation legend lives in the map-background context menu (toolbar-config),
- * not here, to avoid a duplicate entry.
+ * Core Domain Chart palette, rendered from `coreDomainCommands` for the
+ * `senior-menu` surface (`docs/adr/0008`). Keeps the DDD palettes' tighter gap.
  */
-export class EdgelessDddCoreDomainMenu extends DddMenuBase {
+export class EdgelessDddCoreDomainMenu extends EdgelessCommandMenu {
     constructor() {
         super(...arguments);
-        this.framework = 'core-domain';
-    }
-    _createBackground() {
-        const surface = this.surface;
-        if (!surface)
-            return;
-        const { cx, cy } = this.center;
-        const id = surface.addElement({
-            type: 'coreDomain',
-            xywh: new Bound(cx - REF_W / 2, cy - REF_H / 2, REF_W, REF_H).serialize(),
-        });
-        this.track('FrameworkElementAdded', 'background');
-        this.finish(id);
-    }
-    _createDot(preset) {
-        const surface = this.surface;
-        if (!surface)
-            return;
-        const { cx, cy } = this.center;
-        const id = addDot(surface, this.edgeless.std, cx, cy, preset.fill, preset.label);
-        this.track('FrameworkElementAdded', `subdomain:${preset.kind}`);
-        this.finish(id);
-    }
-    _createMarker(preset) {
-        const surface = this.surface;
-        if (!surface)
-            return;
-        const { cx, cy } = this.center;
-        const id = addMarker(surface, this.edgeless.std, cx, cy, {
-            fill: preset.fill,
-            letter: preset.letter,
-            label: preset.label,
-        });
-        this.track('FrameworkElementAdded', `team-topology:${preset.kind}`);
-        this.finish(id);
-    }
-    _createMovement() {
-        const surface = this.surface;
-        if (!surface)
-            return;
-        const { cx, cy } = this.center;
-        const id = addConnector(surface, cx - 80, cy + 60, cx + 80, cy - 60, {
-            rearArrow: true,
-            dashed: true,
-            stroke: MOVEMENT_COLOR,
-        });
-        this.track('FrameworkElementAdded', 'movement');
-        this.finish(id);
-    }
-    render() {
-        return html `
-      <edgeless-slide-menu>
-        <div class="menu-content">
-          <div class="button-group-container">
-            <edgeless-tool-icon-button
-              .tooltip=${'Core Domain Chart'}
-              @click=${() => this._createBackground()}
-            >
-              ${chartSwatch}
-            </edgeless-tool-icon-button>
-            ${CD_SUBDOMAINS.map(preset => html `<edgeless-tool-icon-button
-                .tooltip=${preset.label}
-                @click=${() => this._createDot(preset)}
-              >
-                ${dotSwatch(preset.fill)}
-              </edgeless-tool-icon-button>`)}
-            ${TEAM_TOPOLOGIES.map(preset => html `<edgeless-tool-icon-button
-                .tooltip=${preset.label}
-                @click=${() => this._createMarker(preset)}
-              >
-                ${markerSwatch(preset.fill, preset.letter)}
-              </edgeless-tool-icon-button>`)}
-            <edgeless-tool-icon-button
-              .tooltip=${'Movement over time'}
-              @click=${() => this._createMovement()}
-            >
-              ${movementSwatch}
-            </edgeless-tool-icon-button>
-          </div>
-        </div>
-      </edgeless-slide-menu>
-    `;
+        this.owner = 'ddd-core-domain';
+        this.type = EmptyTool;
     }
+    static { this.styles = [
+        EdgelessCommandMenu.styles,
+        css `
+      :host {
+        --labre-command-menu-gap: 10px;
+      }
+    `,
+    ]; }
 }

package/dist/translations.d.ts

@@ -0,0 +1,14 @@
+import { type TranslationKeyManifestEntry } from '@formicoidea/labre-core/std';
+/**
+ * THIS framework's contribution to the translation-key manifest.
+ *
+ * Its command labels and descriptions are built from a TEMPLATE, so the
+ * concrete keys exist nowhere but in the declarations themselves and the
+ * core manifest could not restate them even if it wanted to. The
+ * contribution therefore ships WITH the framework: in the bundled
+ * distribution `@formicoidea/labre-framework-ddd-core-domain` carries it, and a host
+ * composes it into its catalogue exactly as it already composes
+ * `coreDomainCommands` into the command registry. See
+ * `packages/affine/all/src/translations.ts`.
+ */
+export declare const coreDomainTranslationEntries: TranslationKeyManifestEntry[];

package/dist/translations.js

@@ -0,0 +1,15 @@
+import { commandTranslationEntries, } from '@formicoidea/labre-core/std';
+import { coreDomainCommands } from './commands.js';
+/**
+ * THIS framework's contribution to the translation-key manifest.
+ *
+ * Its command labels and descriptions are built from a TEMPLATE, so the
+ * concrete keys exist nowhere but in the declarations themselves and the
+ * core manifest could not restate them even if it wanted to. The
+ * contribution therefore ships WITH the framework: in the bundled
+ * distribution `@formicoidea/labre-framework-ddd-core-domain` carries it, and a host
+ * composes it into its catalogue exactly as it already composes
+ * `coreDomainCommands` into the command registry. See
+ * `packages/affine/all/src/translations.ts`.
+ */
+export const coreDomainTranslationEntries = commandTranslationEntries(coreDomainCommands);

package/dist/view.js

@@ -1,9 +1,11 @@
 import { ViewExtensionProvider, } from '@formicoidea/labre-core/ext-loader';
-import { CoreDomainRendererExtension } from './core-domain/element-renderer';
-import { CoreDomainInteraction, CoreDomainView } from './core-domain/element-view';
-import { coreDomainToolbarExtension } from './core-domain/toolbar-config';
-import { coreDomainEffects } from './effects';
-import { coreDomainSeniorTool } from './toolbar/senior-tool';
+import { CommandExtension } from '@formicoidea/labre-core/std';
+import { coreDomainCommandIcons, coreDomainCommands } from './commands.js';
+import { CoreDomainRendererExtension } from './core-domain/element-renderer.js';
+import { CoreDomainInteraction, CoreDomainView } from './core-domain/element-view.js';
+import { coreDomainToolbarExtension } from './core-domain/toolbar-config.js';
+import { coreDomainEffects } from './effects.js';
+import { coreDomainSeniorTool } from './toolbar/senior-tool.js';
 /**
  * Core Domain Chart rendering — ALWAYS registered, independent of any flag.
  * Disabling `ddd-core-domain` hides only the senior toolbar button (see
@@ -46,6 +48,7 @@ export class DddCoreDomainViewExtension extends ViewExtensionProvider {
         super.setup(context);
         if (this.isEdgeless(context.scope)) {
             context.register(coreDomainSeniorTool);
+            context.register(CommandExtension(coreDomainCommands, coreDomainCommandIcons));
         }
     }
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@formicoidea/labre-framework-ddd-core-domain",
   "description": "Labre ddd-core-domain framework for @formicoidea/labre-core.",
-  "version": "0.30.1",
+  "version": "0.32.0",
   "type": "module",
   "sideEffects": false,
   "author": "lajola",
@@ -27,8 +27,8 @@
     "dist"
   ],
   "dependencies": {
-    "@formicoidea/labre-core": "0.30.1",
-    "@formicoidea/labre-ddd-shared": "0.30.1",
+    "@formicoidea/labre-core": "0.32.0",
+    "@formicoidea/labre-ddd-shared": "0.32.0",
     "lit": "^3.2.0"
   }
 }