@formicoidea/labre-ddd-shared 0.30.1 → 0.32.0

package/dist/index.d.ts

@@ -1,7 +1,6 @@
 export * from './shared/consts.js';
 export * from './shared/prefabs.js';
 export * from './shared/utils.js';
-export { DddMenuBase } from './toolbar/menu-base.js';
 export * from './toolbar/icons.js';
 export { DddSeniorButtonBase } from './toolbar/senior-buttons.js';
 export { CD_TEMPLATES, CM_TEMPLATES, ES_TEMPLATES, } from './templates/components.js';

package/dist/index.js

@@ -1,7 +1,6 @@
 export * from './shared/consts.js';
 export * from './shared/prefabs.js';
 export * from './shared/utils.js';
-export { DddMenuBase } from './toolbar/menu-base.js';
 export * from './toolbar/icons.js';
 export { DddSeniorButtonBase } from './toolbar/senior-buttons.js';
 export { CD_TEMPLATES, CM_TEMPLATES, ES_TEMPLATES, } from './templates/components.js';

package/dist/shared/prefabs.d.ts

@@ -1,5 +1,5 @@
 import type { BlockStdScope } from '@formicoidea/labre-core/std';
-import type { GfxController } from '@formicoidea/labre-core/std/gfx';
+import { type GfxController } from '@formicoidea/labre-core/std/gfx';
 /**
  * Irreducible reusable units composed by all three DDD sub-menus. Each helper
  * wraps native `surface.addElement` (shape / text / connector / group); nothing
@@ -7,6 +7,14 @@ import type { GfxController } from '@formicoidea/labre-core/std/gfx';
  * stickies, Context Map bubbles + relationships and Core Domain dots + arrows.
  */
 type Surface = NonNullable<GfxController['surface']>;
+/**
+ * Build one DDD artefact at the viewport centre and select it, leaving the
+ * palette open so several can be added in a row. This is the old
+ * `DddMenuBase.finish` — moved here when PF3 turned the three menus into pure
+ * renderers over the command registry, since the placement is what the command
+ * bodies need and the menu no longer has any.
+ */
+export declare function placeDddElement(std: BlockStdScope, build: (surface: Surface, cx: number, cy: number) => string): void;
 /** Group several element ids; returns the group id (or the first id on failure). */
 export declare function groupIds(std: BlockStdScope, ids: string[]): string;
 /**

package/dist/shared/prefabs.js

@@ -1,9 +1,29 @@
+import { DefaultTool } from '@formicoidea/labre-core/blocks/surface';
 import { createGroupCommand } from '@formicoidea/labre-core/gfx/group';
 import { ConnectorMode, FontWeight, PointStyle, ShapeStyle, StrokeStyle, TextFitMode, } from '@formicoidea/labre-core/model';
 import { Bound } from '@formicoidea/labre-core/global/gfx';
+import { GfxControllerIdentifier } from '@formicoidea/labre-core/std/gfx';
 import * as Y from 'yjs';
-import { CLOUD, CLOUD_VERTICES, CM_BUBBLE, DOT_SIZE, LABEL_COLOR, LABEL_FONT, LABEL_FONT_SIZE, MARKER_SIZE, SHADOW_COLOR, SHADOW_OFFSET, STICKY_FONT, STICKY_FONT_SIZE, STICKY_RADIUS, STICKY_SIZE, } from './consts';
+import { CLOUD, CLOUD_VERTICES, CM_BUBBLE, DOT_SIZE, LABEL_COLOR, LABEL_FONT, LABEL_FONT_SIZE, MARKER_SIZE, SHADOW_COLOR, SHADOW_OFFSET, STICKY_FONT, STICKY_FONT_SIZE, STICKY_RADIUS, STICKY_SIZE, } from './consts.js';
 const NO_STROKE = '#00000000';
+/**
+ * Build one DDD artefact at the viewport centre and select it, leaving the
+ * palette open so several can be added in a row. This is the old
+ * `DddMenuBase.finish` — moved here when PF3 turned the three menus into pure
+ * renderers over the command registry, since the placement is what the command
+ * bodies need and the menu no longer has any.
+ */
+export function placeDddElement(std, build) {
+    const gfx = std.get(GfxControllerIdentifier);
+    const surface = gfx.surface;
+    if (!surface)
+        return;
+    const { centerX, centerY } = gfx.viewport;
+    const id = build(surface, centerX, centerY);
+    gfx.doc.captureSync();
+    gfx.tool.setTool(DefaultTool);
+    gfx.selection.set({ elements: [id], editing: false });
+}
 /** Group several element ids; returns the group id (or the first id on failure). */
 export function groupIds(std, ids) {
     const [, result] = std.command.exec(createGroupCommand, { elements: ids });

package/dist/templates/components.js

@@ -1,6 +1,6 @@
 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';
+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

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.30.1",
+  "version": "0.32.0",
   "type": "module",
   "sideEffects": false,
   "author": "lajola",
@@ -19,7 +19,7 @@
     "dist"
   ],
   "dependencies": {
-    "@formicoidea/labre-core": "0.30.1",
+    "@formicoidea/labre-core": "0.32.0",
     "lit": "^3.2.0"
   }
 }

package/dist/toolbar/menu-base.d.ts

@@ -1,23 +0,0 @@
-import { EmptyTool } from '@formicoidea/labre-core/gfx/pointer';
-import { LitElement } from 'lit';
-declare const DddMenuBase_base: typeof LitElement & import("@formicoidea/labre-core/_pkgs/global/utils").Constructor<import("@formicoidea/labre-core/_pkgs/affine-widget-edgeless-toolbar").EdgelessToolbarToolClass>;
-/**
- * Shared base for the three DDD popover menus: the menu shell styles, the
- * "create then return to selection (palette stays open)" finish helper and
- * the telemetry track helper. Each subclass adds its own create* methods (built
- * from the shared prefab builders) and its own render().
- */
-export declare abstract class DddMenuBase extends DddMenuBase_base {
-    static styles: import("lit").CSSResult;
-    type: typeof EmptyTool;
-    /** Framework id for telemetry. */
-    protected abstract framework: 'event-storming' | 'core-domain' | 'context-map';
-    protected get surface(): import("@formicoidea/labre-core/std/gfx").SurfaceBlockModel | null;
-    protected get center(): {
-        cx: number;
-        cy: number;
-    };
-    protected finish(id: string): void;
-    protected track(event: 'FrameworkElementAdded' | 'FrameworkToolPicked', element: string): void;
-}
-export {};

package/dist/toolbar/menu-base.js

@@ -1,62 +0,0 @@
-import { DefaultTool } from '@formicoidea/labre-core/blocks/surface';
-import { EmptyTool } from '@formicoidea/labre-core/gfx/pointer';
-import { TelemetryProvider } from '@formicoidea/labre-core/shared/services';
-import { EdgelessToolbarToolMixin } from '@formicoidea/labre-core/widgets/edgeless-toolbar';
-import { css, LitElement } from 'lit';
-/**
- * Shared base for the three DDD popover menus: the menu shell styles, the
- * "create then return to selection (palette stays open)" finish helper and
- * the telemetry track helper. Each subclass adds its own create* methods (built
- * from the shared prefab builders) and its own render().
- */
-export class DddMenuBase extends EdgelessToolbarToolMixin(LitElement) {
-    constructor() {
-        super(...arguments);
-        this.type = EmptyTool;
-    }
-    static { this.styles = css `
-    :host {
-      display: flex;
-      z-index: -1;
-      justify-content: center;
-    }
-    .menu-content {
-      display: flex;
-      align-items: center;
-      justify-content: center;
-    }
-    .button-group-container {
-      display: flex;
-      align-items: center;
-      gap: 10px;
-      fill: var(--affine-icon-color);
-    }
-    .button-group-container svg {
-      width: 24px;
-      height: 24px;
-    }
-  `; }
-    get surface() {
-        return this.gfx.surface;
-    }
-    get center() {
-        const { centerX, centerY } = this.gfx.viewport;
-        return { cx: centerX, cy: centerY };
-    }
-    finish(id) {
-        const { gfx } = this;
-        gfx.doc.captureSync();
-        gfx.tool.setTool(DefaultTool);
-        gfx.selection.set({ elements: [id], editing: false });
-        // Palette stays open so several objects can be added in a row.
-    }
-    track(event, element) {
-        this.edgeless.std.getOptional(TelemetryProvider)?.track(event, {
-            framework: this.framework,
-            element,
-            page: 'whiteboard editor',
-            segment: 'ddd toolbox',
-            module: `${this.framework} menu`,
-        });
-    }
-}