@formicoidea/labre-framework-ddd-event-storming 0.25.0

package/dist/descriptor.d.ts

@@ -0,0 +1,7 @@
+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 viewExtension: typeof DddEventStormingViewExtension;
+};

package/dist/descriptor.js

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

package/dist/effects.d.ts

@@ -0,0 +1,9 @@
+import { EdgelessDddEventStormingMenu } from './toolbar/event-storming-menu';
+import { EdgelessDddEventStormingSeniorButton } from './toolbar/senior-button';
+export declare function eventStormingEffects(): void;
+declare global {
+    interface HTMLElementTagNameMap {
+        'edgeless-ddd-event-storming-menu': EdgelessDddEventStormingMenu;
+        'edgeless-ddd-event-storming-senior-button': EdgelessDddEventStormingSeniorButton;
+    }
+}

package/dist/effects.js

@@ -0,0 +1,11 @@
+import { EdgelessDddEventStormingMenu } from './toolbar/event-storming-menu';
+import { EdgelessDddEventStormingSeniorButton } 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 eventStormingEffects() {
+    define('edgeless-ddd-event-storming-menu', EdgelessDddEventStormingMenu);
+    define('edgeless-ddd-event-storming-senior-button', EdgelessDddEventStormingSeniorButton);
+}

package/dist/index.d.ts

@@ -0,0 +1,4 @@
+export { eventStormingTemplateCategory } from './templates.js';
+export { eventStormingSeniorTool } from './toolbar/senior-tool.js';
+export { EdgelessDddEventStormingSeniorButton } from './toolbar/senior-button.js';
+export { DddEventStormingViewExtension } from './view.js';

package/dist/index.js

@@ -0,0 +1,4 @@
+export { eventStormingTemplateCategory } from './templates.js';
+export { eventStormingSeniorTool } from './toolbar/senior-tool.js';
+export { EdgelessDddEventStormingSeniorButton } from './toolbar/senior-button.js';
+export { DddEventStormingViewExtension } from './view.js';

package/dist/templates.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Event Storming 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 { eventStormingTemplateCategory } from '@formicoidea/labre-ddd-shared';

package/dist/templates.js

@@ -0,0 +1,6 @@
+/**
+ * Event Storming 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 { eventStormingTemplateCategory } from '@formicoidea/labre-ddd-shared';

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

@@ -0,0 +1,9 @@
+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>;
+}

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

@@ -0,0 +1,76 @@
+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 {
+    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>
+    `;
+    }
+}

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

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

package/dist/toolbar/senior-button.js

@@ -0,0 +1,9 @@
+import { DddSeniorButtonBase, eventStormingToolbarIcon, } from '@formicoidea/labre-ddd-shared';
+export class EdgelessDddEventStormingSeniorButton extends DddSeniorButtonBase {
+    constructor() {
+        super(...arguments);
+        this.menuTag = 'edgeless-ddd-event-storming-menu';
+        this.label = 'Event Storming';
+        this.icon = eventStormingToolbarIcon;
+    }
+}

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

@@ -0,0 +1,2 @@
+/** Independent senior tool — Event Storming. */
+export declare const eventStormingSeniorTool: 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 — Event Storming. */
+export const eventStormingSeniorTool = SeniorToolExtension('ddd-event-storming', ({ block }) => ({
+    name: 'Event Storming',
+    content: html `<edgeless-ddd-event-storming-senior-button
+      .edgeless=${block}
+    ></edgeless-ddd-event-storming-senior-button>`,
+}));

package/dist/view.d.ts

@@ -0,0 +1,13 @@
+import { type ViewExtensionContext, ViewExtensionProvider } from '@formicoidea/labre-core/ext-loader';
+/**
+ * Event Storming — independently flag-gated (`ddd-event-storming`).
+ *
+ * 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 DddEventStormingViewExtension 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 { eventStormingEffects } from './effects';
+import { eventStormingSeniorTool } from './toolbar/senior-tool';
+/**
+ * Event Storming — independently flag-gated (`ddd-event-storming`).
+ *
+ * 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 DddEventStormingViewExtension extends ViewExtensionProvider {
+    constructor() {
+        super(...arguments);
+        this.name = 'affine-ddd-event-storming-gfx';
+    }
+    effect() {
+        super.effect();
+        eventStormingEffects();
+    }
+    setup(context) {
+        super.setup(context);
+        if (this.isEdgeless(context.scope)) {
+            context.register(eventStormingSeniorTool);
+        }
+    }
+}

package/package.json

@@ -0,0 +1,34 @@
+{
+  "name": "@formicoidea/labre-framework-ddd-event-storming",
+  "description": "Labre ddd-event-storming 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"
+  }
+}