@formicoidea/labre-core 0.40.0 → 0.42.0

package/dist/_pkgs/affine-block-root/edgeless/utils/pinch-zoom.js

@@ -0,0 +1,24 @@
+import { isTouchPadPinchEvent } from '../../../affine-shared/utils/index.js';
+/**
+ * The class `createSimplePortal` stamps on every portal root it appends to
+ * `document.body` — the only thing a popup rendered OUTSIDE the editor host
+ * still has in common with the editor that opened it.
+ */
+export const PORTAL_CLASS = 'blocksuite-portal';
+/**
+ * The whole decision, readable from the event and the host alone so it can be
+ * tested without a live editor.
+ */
+export function pinchZoomAction(event, host) {
+    // A plain wheel still belongs to whatever is under the pointer: an
+    // overflowing toolbar, a bubble, a panel. Only the zoom gesture is claimed.
+    if (!isTouchPadPinchEvent(event))
+        return 'ignore';
+    const path = event.composedPath();
+    if (path.includes(host))
+        return 'zoom';
+    if (path.some(node => node instanceof Element && node.classList.contains(PORTAL_CLASS))) {
+        return 'swallow';
+    }
+    return 'ignore';
+}

package/dist/_pkgs/affine-block-root/edgeless/utils/query.js

@@ -43,6 +43,14 @@ export function getCursorMode(edgelessTool) {
             return drawingCursor;
         case 'eraser':
         case 'shape':
+        // The polygon tool is armed long before it draws anything — the first
+        // click only places a corner — so the cursor is the only thing that says
+        // the next click lands on the canvas rather than selecting.
+        case 'polygon':
+        // An armed framework artefact: the ghost says WHAT lands, the crosshair
+        // says WHERE — and it is all there is for an artefact with nothing drawable
+        // to preview (a lone connector).
+        case 'artefact-placement':
         case 'connector':
         case 'frame':
         case 'affine:note':

package/dist/_pkgs/affine-block-root/keyboard/keymap.js

@@ -1,20 +1,5 @@
+import { isNativeFocusableTarget } from '../../affine-shared/utils/index.js';
 import { KeymapExtension } from '../../std/index.js';
-const NATIVE_FOCUSABLE_SELECTOR = 'button, a[href], input, select, textarea, [tabindex]:not([tabindex="-1"])';
-/**
- * The editor host swallows Tab and Shift-Tab so that indentation stays under
- * the control of the block-scoped handlers. That would however trap the focus
- * on the native controls the editor renders (the collapse button of headings
- * and lists, for instance), which then could neither be reached nor left with
- * the keyboard. When the event originates from such a control — and not from
- * editable text — the native tabbing behaviour is let through.
- */
-const isNativeFocusableTarget = (target) => {
-    if (!(target instanceof Element))
-        return false;
-    if (target instanceof HTMLElement && target.isContentEditable)
-        return false;
-    return !!target.closest(NATIVE_FOCUSABLE_SELECTOR);
-};
 export const fallbackKeymap = KeymapExtension(() => {
     return {
         Tab: ctx => {

package/dist/_pkgs/affine-block-root/translations.d.ts

@@ -0,0 +1,61 @@
+import { type ChromeWording } from '../affine-shared/services/index.js';
+/**
+ * This package's own wordings, joined into `PACKAGE_WORDINGS` /
+ * `PACKAGE_SEED_WORDINGS` in `@labre/affine/translations` — see that file and
+ * `packages/affine/shared/src/services/translation-service/README.md`.
+ */
+export declare const ROOT_TOOLBAR_CONVERSIONS_ARIA: ChromeWording;
+export declare const ROOT_TOOLBAR_TURN_INTO: ChromeWording;
+export declare const ROOT_TOOLBAR_CREATE_TABLE: ChromeWording;
+/**
+ * An alias (L7 dedupe): the same Title Case word as
+ * {@link TOOLBAR_CREATE_LINKED_DOC_TITLE}, distinct from the shared
+ * sentence-case `TOOLBAR_CREATE_LINKED_DOC` chrome wording
+ * (`com.labre.toolbar.create-linked-doc`, "Create linked doc").
+ */
+export declare const ROOT_TOOLBAR_CREATE_LINKED_DOC: ChromeWording;
+export declare const ROOT_ALIGNMENT_MENU_ARIA: ChromeWording;
+export declare const ROOT_ALIGN_LEFT: ChromeWording;
+export declare const ROOT_ALIGN_HORIZONTALLY: ChromeWording;
+export declare const ROOT_ALIGN_RIGHT: ChromeWording;
+export declare const ROOT_DISTRIBUTE_HORIZONTALLY: ChromeWording;
+export declare const ROOT_ALIGN_TOP: ChromeWording;
+export declare const ROOT_ALIGN_VERTICALLY: ChromeWording;
+export declare const ROOT_ALIGN_BOTTOM: ChromeWording;
+export declare const ROOT_DISTRIBUTE_VERTICALLY: ChromeWording;
+export declare const ROOT_AUTO_ARRANGE: ChromeWording;
+export declare const ROOT_RESIZE_AND_ALIGN: ChromeWording;
+export declare const ROOT_TOOLBAR_RELEASE_FROM_GROUP: ChromeWording;
+export declare const ROOT_TOOLBAR_FRAME: ChromeWording;
+export declare const ROOT_TOOLBAR_GROUP: ChromeWording;
+export declare const ROOT_TOOLBAR_ALIGN_OBJECTS: ChromeWording;
+export declare const ROOT_TOOLBAR_CLICK_TO_UNLOCK: ChromeWording;
+export declare const ROOT_TOOLBAR_FRAME_SECTION: ChromeWording;
+export declare const ROOT_TOOLBAR_GROUP_SECTION: ChromeWording;
+export declare const ROOT_TOOLBAR_BRING_FORWARD: ChromeWording;
+export declare const ROOT_TOOLBAR_SEND_BACKWARD: ChromeWording;
+export declare const ROOT_TOOLBAR_RELOAD: ChromeWording;
+export declare const ROOT_TOOLBAR_TURN_INTO_LINKED_DOC: ChromeWording;
+export declare const ROOT_TOOLBAR_EDIT_LINK: ChromeWording;
+export declare const ROOT_TOOLBAR_REMOVE_LINK: ChromeWording;
+export declare const ROOT_TOAST_ZOOM_TO_SELECTION: ChromeWording;
+/**
+ * The Tab/Enter mindmap shortcuts' seed for a freshly added node — the same
+ * word `MindmapElementModel.addNode`'s own default falls back to (that
+ * default is model/red-zone, left untouched: the creation site now passes
+ * this text explicitly instead of relying on it). Declared here rather than
+ * in `@labre/affine-gfx-mindmap` because that package's own translations
+ * table does not carry this key yet (see that lot's own translations.ts,
+ * owned by a different lot — imported, never edited, per this lot's brief).
+ */
+export declare const ROOT_MINDMAP_SEED_NEW_NODE: ChromeWording;
+/**
+ * This package's own CHROME wordings — L7 dedupe aliased
+ * `ROOT_TOOLBAR_CREATE_LINKED_DOC`, `ROOT_TOOLBAR_FRAME`, `ROOT_TOOLBAR_RELOAD`
+ * and `ROOT_TOOLBAR_REMOVE_LINK` to `chrome.ts` wordings — not listed again
+ * here, same rule the note/slash-menu packages' own chrome aliases already
+ * follow.
+ */
+export declare const ROOT_CHROME_WORDINGS: readonly ChromeWording[];
+/** This package's own seed, joined into `PACKAGE_SEED_WORDINGS`. */
+export declare const ROOT_SEED_WORDINGS: readonly ChromeWording[];

package/dist/_pkgs/affine-block-root/translations.js

@@ -0,0 +1,172 @@
+import { TOOL_NAME_FRAME, TOOLBAR_CREATE_LINKED_DOC_TITLE, TOOLBAR_RELOAD, TOOLBAR_REMOVE_LINK, } from '../affine-shared/services/index.js';
+/**
+ * This package's own wordings, joined into `PACKAGE_WORDINGS` /
+ * `PACKAGE_SEED_WORDINGS` in `@labre/affine/translations` — see that file and
+ * `packages/affine/shared/src/services/translation-service/README.md`.
+ */
+/* ── The block contextual toolbar (`configs/toolbar.ts`) ──────────────── */
+export const ROOT_TOOLBAR_CONVERSIONS_ARIA = [
+    'com.labre.root.toolbar.conversions',
+    'Conversions',
+];
+export const ROOT_TOOLBAR_TURN_INTO = [
+    'com.labre.root.toolbar.turn-into',
+    'Turn into',
+];
+export const ROOT_TOOLBAR_CREATE_TABLE = [
+    'com.labre.root.toolbar.create-table',
+    'Create Table',
+];
+/**
+ * An alias (L7 dedupe): the same Title Case word as
+ * {@link TOOLBAR_CREATE_LINKED_DOC_TITLE}, distinct from the shared
+ * sentence-case `TOOLBAR_CREATE_LINKED_DOC` chrome wording
+ * (`com.labre.toolbar.create-linked-doc`, "Create linked doc").
+ */
+export const ROOT_TOOLBAR_CREATE_LINKED_DOC = TOOLBAR_CREATE_LINKED_DOC_TITLE;
+/* ── The edgeless alignment menu (`edgeless/configs/toolbar/alignment.ts`) ── */
+export const ROOT_ALIGNMENT_MENU_ARIA = [
+    'com.labre.root.toolbar.alignment-menu',
+    'alignment-menu',
+];
+export const ROOT_ALIGN_LEFT = [
+    'com.labre.root.toolbar.align-left',
+    'Align left',
+];
+export const ROOT_ALIGN_HORIZONTALLY = [
+    'com.labre.root.toolbar.align-horizontally',
+    'Align horizontally',
+];
+export const ROOT_ALIGN_RIGHT = [
+    'com.labre.root.toolbar.align-right',
+    'Align right',
+];
+export const ROOT_DISTRIBUTE_HORIZONTALLY = [
+    'com.labre.root.toolbar.distribute-horizontally',
+    'Distribute horizontally',
+];
+export const ROOT_ALIGN_TOP = [
+    'com.labre.root.toolbar.align-top',
+    'Align top',
+];
+export const ROOT_ALIGN_VERTICALLY = [
+    'com.labre.root.toolbar.align-vertically',
+    'Align vertically',
+];
+export const ROOT_ALIGN_BOTTOM = [
+    'com.labre.root.toolbar.align-bottom',
+    'Align bottom',
+];
+export const ROOT_DISTRIBUTE_VERTICALLY = [
+    'com.labre.root.toolbar.distribute-vertically',
+    'Distribute vertically',
+];
+export const ROOT_AUTO_ARRANGE = [
+    'com.labre.root.toolbar.auto-arrange',
+    'Auto arrange',
+];
+export const ROOT_RESIZE_AND_ALIGN = [
+    'com.labre.root.toolbar.resize-and-align',
+    'Resize & Align',
+];
+/* ── The edgeless misc contextual toolbar (`edgeless/configs/toolbar/misc.ts`) ── */
+export const ROOT_TOOLBAR_RELEASE_FROM_GROUP = [
+    'com.labre.root.toolbar.release-from-group',
+    'Release from group',
+];
+export const ROOT_TOOLBAR_FRAME = TOOL_NAME_FRAME;
+export const ROOT_TOOLBAR_GROUP = [
+    'com.labre.root.toolbar.group',
+    'Group',
+];
+export const ROOT_TOOLBAR_ALIGN_OBJECTS = [
+    'com.labre.root.toolbar.align-objects',
+    'Align objects',
+];
+export const ROOT_TOOLBAR_CLICK_TO_UNLOCK = [
+    'com.labre.root.toolbar.click-to-unlock',
+    'Click to unlock',
+];
+/* ── The edgeless "More" sub-menu (`edgeless/configs/toolbar/more.ts`) ─── */
+export const ROOT_TOOLBAR_FRAME_SECTION = [
+    'com.labre.root.toolbar.frame-section',
+    'Frame section',
+];
+export const ROOT_TOOLBAR_GROUP_SECTION = [
+    'com.labre.root.toolbar.group-section',
+    'Group section',
+];
+export const ROOT_TOOLBAR_BRING_FORWARD = [
+    'com.labre.root.toolbar.bring-forward',
+    'Bring Forward',
+];
+export const ROOT_TOOLBAR_SEND_BACKWARD = [
+    'com.labre.root.toolbar.send-backward',
+    'Send Backward',
+];
+export const ROOT_TOOLBAR_RELOAD = TOOLBAR_RELOAD;
+export const ROOT_TOOLBAR_TURN_INTO_LINKED_DOC = [
+    'com.labre.root.toolbar.turn-into-linked-doc',
+    'Turn into linked doc',
+];
+export const ROOT_TOOLBAR_EDIT_LINK = [
+    'com.labre.root.toolbar.edit-link',
+    'Edit link',
+];
+export const ROOT_TOOLBAR_REMOVE_LINK = TOOLBAR_REMOVE_LINK;
+/* ── The edgeless keyboard shortcuts (`edgeless/edgeless-keyboard.ts`) ─── */
+export const ROOT_TOAST_ZOOM_TO_SELECTION = [
+    'com.labre.root.toast.zoom-to-selection',
+    'Zoom to selection',
+];
+/**
+ * The Tab/Enter mindmap shortcuts' seed for a freshly added node — the same
+ * word `MindmapElementModel.addNode`'s own default falls back to (that
+ * default is model/red-zone, left untouched: the creation site now passes
+ * this text explicitly instead of relying on it). Declared here rather than
+ * in `@labre/affine-gfx-mindmap` because that package's own translations
+ * table does not carry this key yet (see that lot's own translations.ts,
+ * owned by a different lot — imported, never edited, per this lot's brief).
+ */
+export const ROOT_MINDMAP_SEED_NEW_NODE = [
+    'com.labre.mindmap.seed.new-node',
+    'New node',
+];
+/**
+ * This package's own CHROME wordings — L7 dedupe aliased
+ * `ROOT_TOOLBAR_CREATE_LINKED_DOC`, `ROOT_TOOLBAR_FRAME`, `ROOT_TOOLBAR_RELOAD`
+ * and `ROOT_TOOLBAR_REMOVE_LINK` to `chrome.ts` wordings — not listed again
+ * here, same rule the note/slash-menu packages' own chrome aliases already
+ * follow.
+ */
+export const ROOT_CHROME_WORDINGS = [
+    ROOT_TOOLBAR_CONVERSIONS_ARIA,
+    ROOT_TOOLBAR_TURN_INTO,
+    ROOT_TOOLBAR_CREATE_TABLE,
+    ROOT_ALIGNMENT_MENU_ARIA,
+    ROOT_ALIGN_LEFT,
+    ROOT_ALIGN_HORIZONTALLY,
+    ROOT_ALIGN_RIGHT,
+    ROOT_DISTRIBUTE_HORIZONTALLY,
+    ROOT_ALIGN_TOP,
+    ROOT_ALIGN_VERTICALLY,
+    ROOT_ALIGN_BOTTOM,
+    ROOT_DISTRIBUTE_VERTICALLY,
+    ROOT_AUTO_ARRANGE,
+    ROOT_RESIZE_AND_ALIGN,
+    ROOT_TOOLBAR_RELEASE_FROM_GROUP,
+    ROOT_TOOLBAR_GROUP,
+    ROOT_TOOLBAR_ALIGN_OBJECTS,
+    ROOT_TOOLBAR_CLICK_TO_UNLOCK,
+    ROOT_TOOLBAR_FRAME_SECTION,
+    ROOT_TOOLBAR_GROUP_SECTION,
+    ROOT_TOOLBAR_BRING_FORWARD,
+    ROOT_TOOLBAR_SEND_BACKWARD,
+    ROOT_TOOLBAR_TURN_INTO_LINKED_DOC,
+    ROOT_TOOLBAR_EDIT_LINK,
+    ROOT_TOAST_ZOOM_TO_SELECTION,
+];
+/** This package's own seed, joined into `PACKAGE_SEED_WORDINGS`. */
+export const ROOT_SEED_WORDINGS = [
+    ROOT_MINDMAP_SEED_NEW_NODE,
+];

package/dist/_pkgs/affine-block-surface/element-model/index.d.ts

@@ -1,4 +1,4 @@
-import { BpmnNodeElementModel, BpmnPoolElementModel, BrushElementModel, C4BoardElementModel, C4BoundaryElementModel, C4NodeElementModel, ConnectorElementModel, ContextMapBoardElementModel, CoreDomainChartElementModel, CynefinElementModel, EdgyBoardElementModel, EdgyFacetsElementModel, EdgyNodeElementModel, EstuarineElementModel, EventStormingBoardElementModel, GroupElementModel, HighlighterElementModel, MindmapElementModel, ShapeElementModel, TextElementModel, WardleyBackgroundElementModel, WardleyNodeElementModel } from '../../affine-model/index.js';
+import { BpmnNodeElementModel, BpmnPoolElementModel, BrushElementModel, C4BoardElementModel, C4BoundaryElementModel, C4NodeElementModel, ConnectorElementModel, ContextMapBoardElementModel, CoreDomainChartElementModel, CynefinElementModel, EdgyBoardElementModel, EdgyFacetsElementModel, EdgyNodeElementModel, EstuarineElementModel, EventStormingBoardElementModel, GroupElementModel, HighlighterElementModel, MindmapElementModel, ShapeElementModel, TextElementModel, UmlDiagramElementModel, UmlFragmentElementModel, UmlNodeElementModel, UmlPartitionElementModel, UmlRegionElementModel, UmlSubjectElementModel, WardleyBackgroundElementModel, WardleyNodeElementModel } from '../../affine-model/index.js';
 import { SurfaceElementModel } from './base.js';
 export declare const elementsCtorMap: {
     group: typeof GroupElementModel;
@@ -23,8 +23,14 @@ export declare const elementsCtorMap: {
     c4Node: typeof C4NodeElementModel;
     c4Board: typeof C4BoardElementModel;
     c4Boundary: typeof C4BoundaryElementModel;
+    umlNode: typeof UmlNodeElementModel;
+    umlDiagram: typeof UmlDiagramElementModel;
+    umlSubject: typeof UmlSubjectElementModel;
+    umlPartition: typeof UmlPartitionElementModel;
+    umlRegion: typeof UmlRegionElementModel;
+    umlFragment: typeof UmlFragmentElementModel;
 };
-export { BpmnNodeElementModel, BpmnPoolElementModel, BrushElementModel, C4BoardElementModel, C4BoundaryElementModel, C4NodeElementModel, ConnectorElementModel, ContextMapBoardElementModel, CoreDomainChartElementModel, CynefinElementModel, EdgyBoardElementModel, EdgyFacetsElementModel, EdgyNodeElementModel, EstuarineElementModel, EventStormingBoardElementModel, GroupElementModel, HighlighterElementModel, MindmapElementModel, ShapeElementModel, SurfaceElementModel, TextElementModel, WardleyBackgroundElementModel, WardleyNodeElementModel, };
+export { BpmnNodeElementModel, BpmnPoolElementModel, BrushElementModel, C4BoardElementModel, C4BoundaryElementModel, C4NodeElementModel, ConnectorElementModel, ContextMapBoardElementModel, CoreDomainChartElementModel, CynefinElementModel, EdgyBoardElementModel, EdgyFacetsElementModel, EdgyNodeElementModel, EstuarineElementModel, EventStormingBoardElementModel, GroupElementModel, HighlighterElementModel, MindmapElementModel, ShapeElementModel, SurfaceElementModel, TextElementModel, UmlDiagramElementModel, UmlFragmentElementModel, UmlNodeElementModel, UmlPartitionElementModel, UmlRegionElementModel, UmlSubjectElementModel, WardleyBackgroundElementModel, WardleyNodeElementModel, };
 export declare enum CanvasElementType {
     BRUSH = "brush",
     CONNECTOR = "connector",
@@ -47,7 +53,13 @@ export declare enum CanvasElementType {
     BPMNPOOL = "bpmnPool",
     C4NODE = "c4Node",
     C4BOARD = "c4Board",
-    C4BOUNDARY = "c4Boundary"
+    C4BOUNDARY = "c4Boundary",
+    UMLNODE = "umlNode",
+    UMLDIAGRAM = "umlDiagram",
+    UMLSUBJECT = "umlSubject",
+    UMLPARTITION = "umlPartition",
+    UMLREGION = "umlRegion",
+    UMLFRAGMENT = "umlFragment"
 }
 export type ElementModelMap = {
     ['shape']: ShapeElementModel;
@@ -72,5 +84,11 @@ export type ElementModelMap = {
     ['c4Node']: C4NodeElementModel;
     ['c4Board']: C4BoardElementModel;
     ['c4Boundary']: C4BoundaryElementModel;
+    ['umlNode']: UmlNodeElementModel;
+    ['umlDiagram']: UmlDiagramElementModel;
+    ['umlSubject']: UmlSubjectElementModel;
+    ['umlPartition']: UmlPartitionElementModel;
+    ['umlRegion']: UmlRegionElementModel;
+    ['umlFragment']: UmlFragmentElementModel;
 };
 export declare function isCanvasElementType(type: string): type is CanvasElementType;

package/dist/_pkgs/affine-block-surface/element-model/index.js

@@ -1,4 +1,4 @@
-import { BpmnNodeElementModel, BpmnPoolElementModel, BrushElementModel, C4BoardElementModel, C4BoundaryElementModel, C4NodeElementModel, ConnectorElementModel, ContextMapBoardElementModel, CoreDomainChartElementModel, CynefinElementModel, EdgyBoardElementModel, EdgyFacetsElementModel, EdgyNodeElementModel, EstuarineElementModel, EventStormingBoardElementModel, GroupElementModel, HighlighterElementModel, MindmapElementModel, ShapeElementModel, TextElementModel, WardleyBackgroundElementModel, WardleyNodeElementModel, } from '../../affine-model/index.js';
+import { BpmnNodeElementModel, BpmnPoolElementModel, BrushElementModel, C4BoardElementModel, C4BoundaryElementModel, C4NodeElementModel, ConnectorElementModel, ContextMapBoardElementModel, CoreDomainChartElementModel, CynefinElementModel, EdgyBoardElementModel, EdgyFacetsElementModel, EdgyNodeElementModel, EstuarineElementModel, EventStormingBoardElementModel, GroupElementModel, HighlighterElementModel, MindmapElementModel, ShapeElementModel, TextElementModel, UmlDiagramElementModel, UmlFragmentElementModel, UmlNodeElementModel, UmlPartitionElementModel, UmlRegionElementModel, UmlSubjectElementModel, WardleyBackgroundElementModel, WardleyNodeElementModel, } from '../../affine-model/index.js';
 import { SurfaceElementModel } from './base.js';
 export const elementsCtorMap = {
     group: GroupElementModel,
@@ -23,8 +23,14 @@ export const elementsCtorMap = {
     c4Node: C4NodeElementModel,
     c4Board: C4BoardElementModel,
     c4Boundary: C4BoundaryElementModel,
+    umlNode: UmlNodeElementModel,
+    umlDiagram: UmlDiagramElementModel,
+    umlSubject: UmlSubjectElementModel,
+    umlPartition: UmlPartitionElementModel,
+    umlRegion: UmlRegionElementModel,
+    umlFragment: UmlFragmentElementModel,
 };
-export { BpmnNodeElementModel, BpmnPoolElementModel, BrushElementModel, C4BoardElementModel, C4BoundaryElementModel, C4NodeElementModel, ConnectorElementModel, ContextMapBoardElementModel, CoreDomainChartElementModel, CynefinElementModel, EdgyBoardElementModel, EdgyFacetsElementModel, EdgyNodeElementModel, EstuarineElementModel, EventStormingBoardElementModel, GroupElementModel, HighlighterElementModel, MindmapElementModel, ShapeElementModel, SurfaceElementModel, TextElementModel, WardleyBackgroundElementModel, WardleyNodeElementModel, };
+export { BpmnNodeElementModel, BpmnPoolElementModel, BrushElementModel, C4BoardElementModel, C4BoundaryElementModel, C4NodeElementModel, ConnectorElementModel, ContextMapBoardElementModel, CoreDomainChartElementModel, CynefinElementModel, EdgyBoardElementModel, EdgyFacetsElementModel, EdgyNodeElementModel, EstuarineElementModel, EventStormingBoardElementModel, GroupElementModel, HighlighterElementModel, MindmapElementModel, ShapeElementModel, SurfaceElementModel, TextElementModel, UmlDiagramElementModel, UmlFragmentElementModel, UmlNodeElementModel, UmlPartitionElementModel, UmlRegionElementModel, UmlSubjectElementModel, WardleyBackgroundElementModel, WardleyNodeElementModel, };
 export var CanvasElementType;
 (function (CanvasElementType) {
     CanvasElementType["BRUSH"] = "brush";
@@ -49,6 +55,12 @@ export var CanvasElementType;
     CanvasElementType["C4NODE"] = "c4Node";
     CanvasElementType["C4BOARD"] = "c4Board";
     CanvasElementType["C4BOUNDARY"] = "c4Boundary";
+    CanvasElementType["UMLNODE"] = "umlNode";
+    CanvasElementType["UMLDIAGRAM"] = "umlDiagram";
+    CanvasElementType["UMLSUBJECT"] = "umlSubject";
+    CanvasElementType["UMLPARTITION"] = "umlPartition";
+    CanvasElementType["UMLREGION"] = "umlRegion";
+    CanvasElementType["UMLFRAGMENT"] = "umlFragment";
 })(CanvasElementType || (CanvasElementType = {}));
 export function isCanvasElementType(type) {
     return type.toLocaleUpperCase() in CanvasElementType;

package/dist/_pkgs/affine-block-surface/extensions/export-manager/export-manager.js

@@ -1,6 +1,7 @@
 import { ImageBlockModel } from '../../../affine-model/index.js';
 import { FetchUtils, ImageProxyService } from '../../../affine-shared/adapters/index.js';
 import { CANVAS_EXPORT_IGNORE_TAGS } from '../../../affine-shared/consts/index.js';
+import { CHROME_UNTITLED, translateKey } from '../../../affine-shared/services/index.js';
 import { isInsidePageEditor, matchModels } from '../../../affine-shared/utils/index.js';
 import { BlockSuiteError, ErrorCode } from '../../../global/exceptions/index.js';
 import { deserializeXYWH } from '../../../global/gfx/index.js';
@@ -388,7 +389,8 @@ export class ExportManager {
         if (!canvasImage) {
             return;
         }
-        FileExporter.exportPng(this.doc.root.props.title.toString(), canvasImage.toDataURL('image/png'));
+        const title = this.doc.root.props.title.toString();
+        FileExporter.exportPng(title.trim() || translateKey(this.std, ...CHROME_UNTITLED), canvasImage.toDataURL('image/png'));
     }
 }
 export const ExportManagerExtension = {

package/dist/_pkgs/affine-block-surface/extensions/export-svg/command.d.ts

@@ -0,0 +1,23 @@
+import { FrameworkBackgroundElementModel } from '../../../affine-model/index.js';
+import type { AnyCommandDescriptor, BlockStdScope } from '../../../std/index.js';
+/**
+ * The framework boards in the current canvas selection.
+ *
+ * `FrameworkBackgroundElementModel` is the whole test, and that is the point of
+ * this command: eleven board kinds today — a Wardley map, a BPMN pool, a C4
+ * board and its boundaries, the three DDD boards, Cynefin, Estuarine, the two
+ * EDGY ones — and whatever a framework adds next, because a board IS the class
+ * and nothing about SVG is per framework (ADR 0025).
+ */
+export declare function selectedBoards(std: BlockStdScope): FrameworkBackgroundElementModel[];
+/**
+ * Render the selected board and hand it to the browser.
+ *
+ * ponytail: ONE board per click, the first of the selection. Browsers throttle
+ * (and Safari silently drops) programmatic downloads fired in a burst, so a
+ * selection of three boards would yield one file, two files or three depending
+ * on the browser — a result nobody can read off the gesture. One board, one
+ * file, every time.
+ */
+export declare function exportBoardSvg(std: BlockStdScope): void;
+export declare const exportSvgCommands: AnyCommandDescriptor[];

package/dist/_pkgs/affine-block-surface/extensions/export-svg/command.js

@@ -0,0 +1,89 @@
+import { FrameworkBackgroundElementModel } from '../../../affine-model/index.js';
+import { downloadBlob, safeFilename } from '../../../affine-shared/utils/index.js';
+import { GfxControllerIdentifier } from '../../../std/gfx/index.js';
+import { renderBoardSvg } from './render.js';
+/** What the file is, told to the browser. */
+const SVG_MIME = 'image/svg+xml';
+/** The name a board with no document title falls back to. */
+const SVG_FILENAME_FALLBACK = 'board';
+/**
+ * The framework boards in the current canvas selection.
+ *
+ * `FrameworkBackgroundElementModel` is the whole test, and that is the point of
+ * this command: eleven board kinds today — a Wardley map, a BPMN pool, a C4
+ * board and its boundaries, the three DDD boards, Cynefin, Estuarine, the two
+ * EDGY ones — and whatever a framework adds next, because a board IS the class
+ * and nothing about SVG is per framework (ADR 0025).
+ */
+export function selectedBoards(std) {
+    return std
+        .get(GfxControllerIdentifier)
+        .selection.selectedElements.filter((element) => element instanceof FrameworkBackgroundElementModel);
+}
+/**
+ * Render the selected board and hand it to the browser.
+ *
+ * ponytail: ONE board per click, the first of the selection. Browsers throttle
+ * (and Safari silently drops) programmatic downloads fired in a burst, so a
+ * selection of three boards would yield one file, two files or three depending
+ * on the browser — a result nobody can read off the gesture. One board, one
+ * file, every time.
+ */
+export function exportBoardSvg(std) {
+    const [board] = selectedBoards(std);
+    if (!board)
+        return;
+    const { svg } = renderBoardSvg(std, board);
+    const title = std.store.workspace.meta.getDocMeta(std.store.id)?.title;
+    downloadBlob(
+    // The charset is the browser's business, not the format's: `image/svg+xml`
+    // is what the file IS, and this is how a blob is told to carry it.
+    new Blob([svg], { type: `${SVG_MIME};charset=utf-8` }), `${safeFilename(title, SVG_FILENAME_FALLBACK)}.svg`);
+}
+/**
+ * "Export SVG", in the command registry (ADR 0025).
+ *
+ * `owner: 'core'` and not a framework's, for the reason `map.audit` and
+ * `validation.mapQuality` are core: the command belongs to no framework —
+ * it renders whatever board is selected with the renderer that already paints
+ * it — and a framework owner would have forced the id prefix `wardley.` and
+ * then a second, identical command for every framework that follows. `'core'`
+ * owners are exempt from the id-prefix rule (ADR 0008).
+ *
+ * It READS, so there is no read-only guard: taking a picture of a board you
+ * cannot edit is precisely what a reader does.
+ *
+ * No `telemetry` field: `CommandTelemetry.framework` is typed on `FrameworkId`,
+ * and this command cannot name one — the surface package knows a board by its
+ * MODEL CLASS, and nothing in it maps `bpmnPool` back to `bpmn` without
+ * importing the framework packages the layering forbids. Usage is still
+ * measured, because `runCommand` records it outside the telemetry condition.
+ */
+const exportSvg = {
+    id: 'export.svg',
+    owner: 'core',
+    kind: 'action',
+    labelKey: 'com.labre.command.export.svg',
+    labelFallback: 'Export SVG',
+    descriptionKey: 'com.labre.command.export.svg.description',
+    descriptionFallback: 'Download the selected board and everything drawn on it as an SVG file.',
+    // The category the framework exports already file under: this is the same
+    // shelf as `wardley.exportOwm`, `bpmn.exportXml` and `c4.exportMermaid`, and
+    // a host catalogue groups them together.
+    category: 'interchange',
+    // Deliberately NOT `'senior-menu'`: those slots are for artefacts you DRAW,
+    // and "Export SVG" answers no question asked of a row of shapes — the same
+    // arbitration `bpmn.exportXml` is filed under (ADR 0014, R4).
+    surfaces: ['catalogue', 'contextual-toolbar', 'palette', 'agent'],
+    scope: 'edgeless',
+    // Keyless by intent. Still bindable from Settings › Shortcuts, which is what
+    // `toShortcutDescriptor` being total buys.
+    defaultKeys: { mac: [], other: [] },
+    // The serializable precondition a host catalogue can show; `when` narrows it
+    // to "…and that selection contains a board", which no member of the closed
+    // union can express.
+    availability: 'selection:framework',
+    when: std => selectedBoards(std).length > 0,
+    run: std => exportBoardSvg(std),
+};
+export const exportSvgCommands = [exportSvg];

package/dist/_pkgs/affine-block-surface/extensions/export-svg/index.d.ts

@@ -0,0 +1,7 @@
+export { exportBoardSvg, exportSvgCommands, selectedBoards, } from './command.js';
+export type { BoardSvgExport } from './render.js';
+export { exportBoundOf, renderBoardSvg, selectBoardElements, } from './render.js';
+export { taggedPath2D } from './tagged-path.js';
+export type { SvgContext } from './svg-context.js';
+export { createSvgContext, runWithRecordingPath2D } from './svg-context.js';
+export { exportSvgToolbarConfig, exportSvgToolbarExtension, } from './toolbar.js';

package/dist/_pkgs/affine-block-surface/extensions/export-svg/index.js

@@ -0,0 +1,5 @@
+export { exportBoardSvg, exportSvgCommands, selectedBoards, } from './command.js';
+export { exportBoundOf, renderBoardSvg, selectBoardElements, } from './render.js';
+export { taggedPath2D } from './tagged-path.js';
+export { createSvgContext, runWithRecordingPath2D } from './svg-context.js';
+export { exportSvgToolbarConfig, exportSvgToolbarExtension, } from './toolbar.js';

package/dist/_pkgs/affine-block-surface/extensions/export-svg/render.d.ts

@@ -0,0 +1,41 @@
+import { FrameworkBackgroundElementModel } from '../../../affine-model/index.js';
+import { Bound } from '../../../global/gfx/index.js';
+import type { BlockStdScope } from '../../../std/index.js';
+import { type GfxPrimitiveElementModel } from '../../../std/gfx/index.js';
+export interface BoardSvgExport {
+    /** A standalone SVG document. */
+    svg: string;
+    /** The world-space rectangle the document covers. */
+    bound: Bound;
+}
+/**
+ * The canvas elements that make up `board`'s picture, in paint order.
+ *
+ * `candidates` comes from a bound query, so it also holds whatever a NEIGHBOUR
+ * board happens to overlap with. Another framework background is kept only
+ * when its frame lies ENTIRELY inside the exported one (edges may touch): that
+ * is a nested frame — a UML subject, partition, region or fragment inside its
+ * diagram frame, a C4 boundary inside a C4 board — and it is part of the
+ * picture. One that merely overlaps is a neighbour and is dropped: without
+ * that, a map sitting next to this one would paint its whole frame into this
+ * file. So is one that ENCLOSES the board, the diagram frame around an
+ * exported partition. Non-background elements are kept whoever owns them — an
+ * element inside the exported frame belongs to the picture.
+ *
+ * Containment is read on the stored `xywh`, the same rectangle
+ * {@link exportBoundOf} starts from; a background at exactly the board's own
+ * rectangle therefore counts as nested.
+ */
+export declare function selectBoardElements<T extends GfxPrimitiveElementModel>(board: FrameworkBackgroundElementModel, candidates: readonly T[]): (FrameworkBackgroundElementModel | T)[];
+/**
+ * The board's frame, widened to the union of what is painted on it: a Wardley
+ * label overhanging the right edge, or a connector ending just outside, is part
+ * of the picture and must not be cut off.
+ */
+export declare function exportBoundOf(board: FrameworkBackgroundElementModel, elements: readonly GfxPrimitiveElementModel[]): Bound;
+/**
+ * The selected board and everything painted within its frame, as an SVG
+ * document — a true vector export, produced by replaying the very element
+ * renderers the canvas uses into an SVG-emitting 2D context.
+ */
+export declare function renderBoardSvg(std: BlockStdScope, board: FrameworkBackgroundElementModel): BoardSvgExport;

package/dist/_pkgs/affine-block-surface/extensions/export-svg/render.js

@@ -0,0 +1,70 @@
+import { FrameworkBackgroundElementModel } from '../../../affine-model/index.js';
+import { Bound } from '../../../global/gfx/index.js';
+import { GfxControllerIdentifier, } from '../../../std/gfx/index.js';
+import { CanvasRenderer } from '../../renderer/canvas-renderer.js';
+import { RoughCanvas } from '../../utils/rough/canvas.js';
+import { createSvgContext, runWithRecordingPath2D } from './svg-context.js';
+/**
+ * The canvas elements that make up `board`'s picture, in paint order.
+ *
+ * `candidates` comes from a bound query, so it also holds whatever a NEIGHBOUR
+ * board happens to overlap with. Another framework background is kept only
+ * when its frame lies ENTIRELY inside the exported one (edges may touch): that
+ * is a nested frame — a UML subject, partition, region or fragment inside its
+ * diagram frame, a C4 boundary inside a C4 board — and it is part of the
+ * picture. One that merely overlaps is a neighbour and is dropped: without
+ * that, a map sitting next to this one would paint its whole frame into this
+ * file. So is one that ENCLOSES the board, the diagram frame around an
+ * exported partition. Non-background elements are kept whoever owns them — an
+ * element inside the exported frame belongs to the picture.
+ *
+ * Containment is read on the stored `xywh`, the same rectangle
+ * {@link exportBoundOf} starts from; a background at exactly the board's own
+ * rectangle therefore counts as nested.
+ */
+export function selectBoardElements(board, candidates) {
+    const frame = Bound.deserialize(board.xywh);
+    const kept = candidates.filter(element => element === board ||
+        !(element instanceof FrameworkBackgroundElementModel) ||
+        frame.contains(Bound.deserialize(element.xywh)));
+    // A background paints under everything, so a board missing from the query
+    // (an empty bound, a stub) goes in front of the list, not at the end.
+    return kept.some(element => element === board)
+        ? kept
+        : [board, ...kept];
+}
+/**
+ * The board's frame, widened to the union of what is painted on it: a Wardley
+ * label overhanging the right edge, or a connector ending just outside, is part
+ * of the picture and must not be cut off.
+ */
+export function exportBoundOf(board, elements) {
+    let bound = Bound.deserialize(board.xywh);
+    for (const element of elements) {
+        bound = bound.unite(Bound.deserialize(element.xywh));
+    }
+    return bound;
+}
+/**
+ * The selected board and everything painted within its frame, as an SVG
+ * document — a true vector export, produced by replaying the very element
+ * renderers the canvas uses into an SVG-emitting 2D context.
+ */
+export function renderBoardSvg(std, board) {
+    const gfx = std.get(GfxControllerIdentifier);
+    const renderer = gfx.surfaceComponent?.renderer;
+    if (!(renderer instanceof CanvasRenderer)) {
+        throw new Error('SVG export needs the surface to be painted by a CanvasRenderer.');
+    }
+    // Already sorted by `layer.compare`, which is the canvas' own z-order.
+    const candidates = gfx.getElementsByBound(Bound.deserialize(board.xywh), {
+        type: 'canvas',
+    });
+    const elements = selectBoardElements(board, candidates);
+    const bound = exportBoundOf(board, elements);
+    return runWithRecordingPath2D(() => {
+        const { ctx, canvas, serialize } = createSvgContext(bound.w, bound.h);
+        renderer.renderBoundTo(ctx, new RoughCanvas(canvas), bound, elements);
+        return { svg: serialize(), bound };
+    });
+}