@formicoidea/labre-framework-ddd-event-storming 0.31.0 → 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 eventStormingCommands: CommandDescriptor[];
+export declare const eventStormingCommandIcons: Record<string, TemplateResult>;

package/dist/commands.js

@@ -0,0 +1,62 @@
+import { addConnector, addSticky, ES_HOTSPOT, ES_STICKIES, placeDddElement, } from '@formicoidea/labre-ddd-shared';
+import { svg } from 'lit';
+/**
+ * The Event Storming palette as commands: the seven colour-coded stickies, the
+ * hotspot and a flow arrow. Declared once and read by the sub-menu, the keymap,
+ * Settings › Shortcuts, the catalogue and the agent (`docs/adr/0008`).
+ */
+const squareSwatch = (color) => svg `<svg viewBox="0 0 24 24"><rect x="3" y="3" width="18" height="18" rx="3" fill="${color}"/></svg>`;
+const diamondSwatch = (color) => svg `<svg viewBox="0 0 24 24"><rect x="6" y="6" width="12" height="12" transform="rotate(45 12 12)" fill="${color}"/></svg>`;
+const flowSwatch = svg `<svg viewBox="0 0 24 24" fill="none"><path d="M4 12 H18" stroke="currentColor" stroke-width="2"/><path d="M16 8 L20 12 L16 16" stroke="currentColor" stroke-width="2" fill="none"/></svg>`;
+const SPECS = [
+    ...ES_STICKIES.map((preset) => ({
+        id: `add${preset.kind[0].toUpperCase()}${preset.kind.slice(1)}`,
+        label: preset.label,
+        iconKey: `ddd-event-storming.sticky.${preset.kind}`,
+        element: `sticky:${preset.kind}`,
+        icon: squareSwatch(preset.fill),
+        run: std => placeDddElement(std, (surface, cx, cy) => addSticky(surface, std, cx, cy, {
+            fill: preset.fill,
+            text: preset.text,
+            label: preset.label,
+        })),
+    })),
+    {
+        id: 'addHotspot',
+        label: ES_HOTSPOT.label,
+        iconKey: 'ddd-event-storming.sticky.hotspot',
+        element: 'sticky:hotspot',
+        icon: diamondSwatch(ES_HOTSPOT.fill),
+        run: std => placeDddElement(std, (surface, cx, cy) => addSticky(surface, std, cx, cy, {
+            fill: ES_HOTSPOT.fill,
+            text: ES_HOTSPOT.text,
+            label: ES_HOTSPOT.label,
+            shapeType: 'diamond',
+        })),
+    },
+    {
+        id: 'addFlow',
+        label: 'Flow',
+        iconKey: 'ddd-event-storming.flow',
+        element: 'flow',
+        icon: flowSwatch,
+        run: std => placeDddElement(std, (surface, cx, cy) => addConnector(surface, cx - 110, cy, cx + 110, cy, { rearArrow: true })),
+    },
+];
+export const eventStormingCommands = SPECS.map((spec, order) => ({
+    id: `ddd-event-storming.${spec.id}`,
+    owner: 'ddd-event-storming',
+    kind: 'artefact',
+    labelKey: `com.labre.commands.ddd-event-storming.${spec.id}`,
+    labelFallback: spec.label,
+    category: 'stickies',
+    iconKey: spec.iconKey,
+    surfaces: ['senior-menu', 'catalogue', 'palette', 'agent'],
+    order,
+    scope: 'edgeless',
+    defaultKeys: { mac: [], other: [] },
+    availability: 'always',
+    run: spec.run,
+    telemetry: { framework: 'ddd-event-storming', element: spec.element },
+}));
+export const eventStormingCommandIcons = Object.fromEntries(SPECS.map(spec => [spec.iconKey, spec.icon]));

package/dist/descriptor.d.ts

@@ -2,6 +2,6 @@ import { DddEventStormingViewExtension } from './view.js';
 /** Host wiring for the ddd-event-storming framework. */
 export declare const dddEventStormingFramework: {
     readonly flag: "ddd-event-storming";
-    readonly telemetry: "ddd-event-storming";
+    readonly telemetryKey: "event-storming";
     readonly viewExtension: typeof DddEventStormingViewExtension;
 };

package/dist/descriptor.js

@@ -2,6 +2,6 @@ import { DddEventStormingViewExtension } from './view.js';
 /** Host wiring for the ddd-event-storming framework. */
 export const dddEventStormingFramework = {
     flag: 'ddd-event-storming',
-    telemetry: 'ddd-event-storming',
+    telemetryKey: 'event-storming',
     viewExtension: DddEventStormingViewExtension,
 };

package/dist/index.d.ts

@@ -1,3 +1,5 @@
+export { eventStormingCommandIcons, eventStormingCommands } from './commands.js';
+export { eventStormingTranslationEntries } from './translations.js';
 export { eventStormingTemplateCategory } from './templates.js';
 export { eventStormingSeniorTool } from './toolbar/senior-tool.js';
 export { EdgelessDddEventStormingSeniorButton } from './toolbar/senior-button.js';

package/dist/index.js

@@ -1,3 +1,5 @@
+export { eventStormingCommandIcons, eventStormingCommands } from './commands.js';
+export { eventStormingTranslationEntries } from './translations.js';
 export { eventStormingTemplateCategory } from './templates.js';
 export { eventStormingSeniorTool } from './toolbar/senior-tool.js';
 export { EdgelessDddEventStormingSeniorButton } from './toolbar/senior-button.js';

package/dist/toolbar/event-storming-menu.d.ts

@@ -1,9 +1,16 @@
-import { DddMenuBase } from '@formicoidea/labre-ddd-shared';
-/** Event Storming palette: the colour-coded stickies, the hotspot, a flow arrow. */
-export declare class EdgelessDddEventStormingMenu extends DddMenuBase {
-    protected framework: "event-storming";
-    private _createSticky;
-    private _createHotspot;
-    private _createFlow;
-    render(): import("lit-html").TemplateResult<1>;
+import { EmptyTool } from '@formicoidea/labre-core/gfx/pointer';
+import { EdgelessCommandMenu } from '@formicoidea/labre-core/widgets/edgeless-toolbar';
+/**
+ * Event Storming palette. Since PF3 it declares nothing:
+ * {@link EdgelessCommandMenu} renders `eventStormingCommands` for the
+ * `senior-menu` surface, and `DddMenuBase` — shell, finish helper and `track`
+ * helper — is gone with the duplication it carried (`docs/adr/0008`).
+ *
+ * The DDD palettes keep their tighter gap: they carry more buttons than the
+ * other frameworks (Context Map: 12).
+ */
+export declare class EdgelessDddEventStormingMenu extends EdgelessCommandMenu {
+    static styles: import("lit").CSSResultGroup[];
+    protected owner: "ddd-event-storming";
+    type: typeof EmptyTool;
 }

package/dist/toolbar/event-storming-menu.js

@@ -1,76 +1,27 @@
-import { addConnector, addSticky, DddMenuBase, ES_HOTSPOT, ES_STICKIES, } from '@formicoidea/labre-ddd-shared';
-import { html, svg } from 'lit';
-const squareSwatch = (color) => svg `<svg viewBox="0 0 24 24"><rect x="3" y="3" width="18" height="18" rx="3" fill="${color}"/></svg>`;
-const diamondSwatch = (color) => svg `<svg viewBox="0 0 24 24"><rect x="6" y="6" width="12" height="12" transform="rotate(45 12 12)" fill="${color}"/></svg>`;
-const flowSwatch = svg `<svg viewBox="0 0 24 24" fill="none"><path d="M4 12 H18" stroke="currentColor" stroke-width="2"/><path d="M16 8 L20 12 L16 16" stroke="currentColor" stroke-width="2" fill="none"/></svg>`;
-/** Event Storming palette: the colour-coded stickies, the hotspot, a flow arrow. */
-export class EdgelessDddEventStormingMenu extends DddMenuBase {
+import { EmptyTool } from '@formicoidea/labre-core/gfx/pointer';
+import { EdgelessCommandMenu } from '@formicoidea/labre-core/widgets/edgeless-toolbar';
+import { css } from 'lit';
+/**
+ * Event Storming palette. Since PF3 it declares nothing:
+ * {@link EdgelessCommandMenu} renders `eventStormingCommands` for the
+ * `senior-menu` surface, and `DddMenuBase` — shell, finish helper and `track`
+ * helper — is gone with the duplication it carried (`docs/adr/0008`).
+ *
+ * The DDD palettes keep their tighter gap: they carry more buttons than the
+ * other frameworks (Context Map: 12).
+ */
+export class EdgelessDddEventStormingMenu extends EdgelessCommandMenu {
     constructor() {
         super(...arguments);
-        this.framework = 'event-storming';
-    }
-    _createSticky(preset) {
-        const surface = this.surface;
-        if (!surface)
-            return;
-        const { cx, cy } = this.center;
-        const id = addSticky(surface, this.edgeless.std, cx, cy, {
-            fill: preset.fill,
-            text: preset.text,
-            label: preset.label,
-        });
-        this.track('FrameworkElementAdded', `sticky:${preset.kind}`);
-        this.finish(id);
-    }
-    _createHotspot() {
-        const surface = this.surface;
-        if (!surface)
-            return;
-        const { cx, cy } = this.center;
-        const id = addSticky(surface, this.edgeless.std, cx, cy, {
-            fill: ES_HOTSPOT.fill,
-            text: ES_HOTSPOT.text,
-            label: ES_HOTSPOT.label,
-            shapeType: 'diamond',
-        });
-        this.track('FrameworkElementAdded', 'sticky:hotspot');
-        this.finish(id);
-    }
-    _createFlow() {
-        const surface = this.surface;
-        if (!surface)
-            return;
-        const { cx, cy } = this.center;
-        const id = addConnector(surface, cx - 110, cy, cx + 110, cy, { rearArrow: true });
-        this.track('FrameworkElementAdded', 'flow');
-        this.finish(id);
-    }
-    render() {
-        return html `
-      <edgeless-slide-menu>
-        <div class="menu-content">
-          <div class="button-group-container">
-            ${ES_STICKIES.map(preset => html `<edgeless-tool-icon-button
-                .tooltip=${preset.label}
-                @click=${() => this._createSticky(preset)}
-              >
-                ${squareSwatch(preset.fill)}
-              </edgeless-tool-icon-button>`)}
-            <edgeless-tool-icon-button
-              .tooltip=${ES_HOTSPOT.label}
-              @click=${() => this._createHotspot()}
-            >
-              ${diamondSwatch(ES_HOTSPOT.fill)}
-            </edgeless-tool-icon-button>
-            <edgeless-tool-icon-button
-              .tooltip=${'Flow'}
-              @click=${() => this._createFlow()}
-            >
-              ${flowSwatch}
-            </edgeless-tool-icon-button>
-          </div>
-        </div>
-      </edgeless-slide-menu>
-    `;
+        this.owner = 'ddd-event-storming';
+        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-event-storming` carries it, and a host
+ * composes it into its catalogue exactly as it already composes
+ * `eventStormingCommands` into the command registry. See
+ * `packages/affine/all/src/translations.ts`.
+ */
+export declare const eventStormingTranslationEntries: TranslationKeyManifestEntry[];

package/dist/translations.js

@@ -0,0 +1,15 @@
+import { commandTranslationEntries, } from '@formicoidea/labre-core/std';
+import { eventStormingCommands } 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-event-storming` carries it, and a host
+ * composes it into its catalogue exactly as it already composes
+ * `eventStormingCommands` into the command registry. See
+ * `packages/affine/all/src/translations.ts`.
+ */
+export const eventStormingTranslationEntries = commandTranslationEntries(eventStormingCommands);

package/dist/view.js

@@ -1,4 +1,6 @@
 import { ViewExtensionProvider, } from '@formicoidea/labre-core/ext-loader';
+import { CommandExtension } from '@formicoidea/labre-core/std';
+import { eventStormingCommandIcons, eventStormingCommands, } from './commands.js';
 import { eventStormingEffects } from './effects.js';
 import { eventStormingSeniorTool } from './toolbar/senior-tool.js';
 /**
@@ -21,6 +23,7 @@ export class DddEventStormingViewExtension extends ViewExtensionProvider {
         super.setup(context);
         if (this.isEdgeless(context.scope)) {
             context.register(eventStormingSeniorTool);
+            context.register(CommandExtension(eventStormingCommands, eventStormingCommandIcons));
         }
     }
 }

package/package.json

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