@formicoidea/labre-core 0.30.1 → 0.32.0

package/dist/_pkgs/affine-fragment-outline/card/outline-preview.js

@@ -43,7 +43,7 @@ import { property } from 'lit/decorators.js';
 import { classMap } from 'lit/directives/class-map.js';
 import { placeholderMap, previewIconMap, tocContext, } from '../config.js';
 import { isHeadingBlock, isRootBlock } from '../utils/query.js';
-import * as styles from './outline-preview.css';
+import * as styles from './outline-preview.css.js';
 function assertType(value) {
     noop(value);
 }

package/dist/_pkgs/affine-fragment-outline/effects.js

@@ -1,12 +1,12 @@
-import { AFFINE_OUTLINE_NOTICE, OutlineNotice } from './body/outline-notice';
-import { AFFINE_OUTLINE_PANEL_BODY, OutlinePanelBody, } from './body/outline-panel-body';
-import { AFFINE_OUTLINE_NOTE_CARD, OutlineNoteCard } from './card/outline-card';
-import { AFFINE_OUTLINE_BLOCK_PREVIEW, OutlineBlockPreview, } from './card/outline-preview';
-import { AFFINE_OUTLINE_PANEL_HEADER, OutlinePanelHeader, } from './header/outline-panel-header';
-import { AFFINE_OUTLINE_NOTE_PREVIEW_SETTING_MENU, OutlineNotePreviewSettingMenu, } from './header/outline-setting-menu';
-import { AFFINE_MOBILE_OUTLINE_MENU, MobileOutlineMenu, } from './mobile-outline-panel';
-import { AFFINE_OUTLINE_PANEL, OutlinePanel } from './outline-panel';
-import { AFFINE_OUTLINE_VIEWER, OutlineViewer } from './outline-viewer';
+import { AFFINE_OUTLINE_NOTICE, OutlineNotice } from './body/outline-notice.js';
+import { AFFINE_OUTLINE_PANEL_BODY, OutlinePanelBody, } from './body/outline-panel-body.js';
+import { AFFINE_OUTLINE_NOTE_CARD, OutlineNoteCard } from './card/outline-card.js';
+import { AFFINE_OUTLINE_BLOCK_PREVIEW, OutlineBlockPreview, } from './card/outline-preview.js';
+import { AFFINE_OUTLINE_PANEL_HEADER, OutlinePanelHeader, } from './header/outline-panel-header.js';
+import { AFFINE_OUTLINE_NOTE_PREVIEW_SETTING_MENU, OutlineNotePreviewSettingMenu, } from './header/outline-setting-menu.js';
+import { AFFINE_MOBILE_OUTLINE_MENU, MobileOutlineMenu, } from './mobile-outline-panel.js';
+import { AFFINE_OUTLINE_PANEL, OutlinePanel } from './outline-panel.js';
+import { AFFINE_OUTLINE_VIEWER, OutlineViewer } from './outline-viewer.js';
 export function effects() {
     customElements.define(AFFINE_OUTLINE_NOTE_PREVIEW_SETTING_MENU, OutlineNotePreviewSettingMenu);
     customElements.define(AFFINE_OUTLINE_NOTICE, OutlineNotice);

package/dist/_pkgs/affine-fragment-outline/header/outline-panel-header.js

@@ -40,8 +40,8 @@ import { consume } from '@lit/context';
 import { signal } from '@preact/signals-core';
 import { html } from 'lit';
 import { query } from 'lit/decorators.js';
-import { tocContext } from '../config';
-import * as styles from './outline-panel-header.css';
+import { tocContext } from '../config.js';
+import * as styles from './outline-panel-header.css.js';
 export const AFFINE_OUTLINE_PANEL_HEADER = 'affine-outline-panel-header';
 let OutlinePanelHeader = (() => {
     let _classSuper = SignalWatcher(WithDisposable(ShadowlessElement));

package/dist/_pkgs/affine-fragment-outline/header/outline-setting-menu.js

@@ -36,8 +36,8 @@ import { SignalWatcher, WithDisposable } from '../../global/lit/index.js';
 import { ShadowlessElement } from '../../std/index.js';
 import { consume } from '@lit/context';
 import { html } from 'lit';
-import { tocContext } from '../config';
-import * as styles from './outline-setting-menu.css';
+import { tocContext } from '../config.js';
+import * as styles from './outline-setting-menu.css.js';
 export const AFFINE_OUTLINE_NOTE_PREVIEW_SETTING_MENU = 'affine-outline-note-preview-setting-menu';
 let OutlineNotePreviewSettingMenu = (() => {
     let _classSuper = SignalWatcher(WithDisposable(ShadowlessElement));

package/dist/_pkgs/affine-fragment-outline/outline-panel.js

@@ -40,7 +40,7 @@ import { effect, signal } from '@preact/signals-core';
 import { html } from 'lit';
 import { property } from 'lit/decorators.js';
 import { outlineSettingsKey, tocContext } from './config.js';
-import * as styles from './outline-panel.css';
+import * as styles from './outline-panel.css.js';
 export const AFFINE_OUTLINE_PANEL = 'affine-outline-panel';
 let OutlinePanel = (() => {
     let _classDecorators = [requiredProperties({

package/dist/_pkgs/affine-fragment-outline/view.js

@@ -1,5 +1,5 @@
 import { ViewExtensionProvider } from '../affine-ext-loader/index.js';
-import { effects } from './effects';
+import { effects } from './effects.js';
 export class OutlineViewExtension extends ViewExtensionProvider {
     constructor() {
         super(...arguments);

package/dist/_pkgs/affine-gfx-brush/adapter/index.d.ts

@@ -1,2 +1,2 @@
-export * from './markdown';
-export * from './plain-text';
+export * from './markdown/index.js';
+export * from './plain-text/index.js';

package/dist/_pkgs/affine-gfx-brush/adapter/index.js

@@ -1,2 +1,2 @@
-export * from './markdown';
-export * from './plain-text';
+export * from './markdown/index.js';
+export * from './plain-text/index.js';

package/dist/_pkgs/affine-gfx-brush/effects.d.ts

@@ -1,6 +1,6 @@
-import { EdgelessEraserToolButton } from './toolbar/components/eraser/eraser-tool-button';
-import { EdgelessPenMenu } from './toolbar/components/pen/pen-menu';
-import { EdgelessPenToolButton } from './toolbar/components/pen/pen-tool-button';
+import { EdgelessEraserToolButton } from './toolbar/components/eraser/eraser-tool-button.js';
+import { EdgelessPenMenu } from './toolbar/components/pen/pen-menu.js';
+import { EdgelessPenToolButton } from './toolbar/components/pen/pen-tool-button.js';
 export declare function effects(): void;
 declare global {
     interface HTMLElementTagNameMap {

package/dist/_pkgs/affine-gfx-brush/effects.js

@@ -1,6 +1,6 @@
-import { EdgelessEraserToolButton } from './toolbar/components/eraser/eraser-tool-button';
-import { EdgelessPenMenu } from './toolbar/components/pen/pen-menu';
-import { EdgelessPenToolButton } from './toolbar/components/pen/pen-tool-button';
+import { EdgelessEraserToolButton } from './toolbar/components/eraser/eraser-tool-button.js';
+import { EdgelessPenMenu } from './toolbar/components/pen/pen-menu.js';
+import { EdgelessPenToolButton } from './toolbar/components/pen/pen-tool-button.js';
 export function effects() {
     customElements.define('edgeless-eraser-tool-button', EdgelessEraserToolButton);
     customElements.define('edgeless-pen-tool-button', EdgelessPenToolButton);

package/dist/_pkgs/affine-gfx-brush/index.d.ts

@@ -1,7 +1,8 @@
-export * from './adapter';
-export * from './brush-tool';
-export * from './element-renderer';
-export * from './eraser-tool';
-export * from './highlighter-tool';
-export * from './toolbar/configs';
-export * from './toolbar/senior-tool';
+export * from './adapter/index.js';
+export * from './brush-tool.js';
+export * from './element-renderer.js';
+export * from './eraser-tool.js';
+export * from './highlighter-tool.js';
+export * from './renderer/index.js';
+export * from './toolbar/configs/index.js';
+export * from './toolbar/senior-tool.js';

package/dist/_pkgs/affine-gfx-brush/index.js

@@ -1,7 +1,8 @@
-export * from './adapter';
-export * from './brush-tool';
-export * from './element-renderer';
-export * from './eraser-tool';
-export * from './highlighter-tool';
-export * from './toolbar/configs';
-export * from './toolbar/senior-tool';
+export * from './adapter/index.js';
+export * from './brush-tool.js';
+export * from './element-renderer.js';
+export * from './eraser-tool.js';
+export * from './highlighter-tool.js';
+export * from './renderer/index.js';
+export * from './toolbar/configs/index.js';
+export * from './toolbar/senior-tool.js';

package/dist/_pkgs/affine-gfx-brush/renderer/dom/brush.d.ts

@@ -0,0 +1 @@
+export declare const BrushDomRendererExtension: import("../../../store/index.js").ExtensionType;

package/dist/_pkgs/affine-gfx-brush/renderer/dom/brush.js

@@ -0,0 +1,11 @@
+import { DomElementRendererExtension, } from '../../../affine-block-surface/index.js';
+import { DefaultTheme } from '../../../affine-model/index.js';
+import { renderBrushLikeDom } from './shared.js';
+export const BrushDomRendererExtension = DomElementRendererExtension('brush', (model, domElement, renderer) => {
+    renderBrushLikeDom({
+        model,
+        domElement,
+        renderer,
+        color: renderer.getColorValue(model.color, DefaultTheme.black, true),
+    });
+});

package/dist/_pkgs/affine-gfx-brush/renderer/dom/highlighter.d.ts

@@ -0,0 +1 @@
+export declare const HighlighterDomRendererExtension: import("../../../store/index.js").ExtensionType;

package/dist/_pkgs/affine-gfx-brush/renderer/dom/highlighter.js

@@ -0,0 +1,11 @@
+import { DomElementRendererExtension, } from '../../../affine-block-surface/index.js';
+import { DefaultTheme } from '../../../affine-model/index.js';
+import { renderBrushLikeDom } from './shared.js';
+export const HighlighterDomRendererExtension = DomElementRendererExtension('highlighter', (model, domElement, renderer) => {
+    renderBrushLikeDom({
+        model,
+        domElement,
+        renderer,
+        color: renderer.getColorValue(model.color, DefaultTheme.hightlighterColor, true),
+    });
+});

package/dist/_pkgs/affine-gfx-brush/renderer/dom/index.d.ts

@@ -0,0 +1,2 @@
+export { BrushDomRendererExtension } from './brush.js';
+export { HighlighterDomRendererExtension } from './highlighter.js';

package/dist/_pkgs/affine-gfx-brush/renderer/dom/index.js

@@ -0,0 +1,2 @@
+export { BrushDomRendererExtension } from './brush.js';
+export { HighlighterDomRendererExtension } from './highlighter.js';

package/dist/_pkgs/affine-gfx-brush/renderer/dom/shared.d.ts

@@ -0,0 +1,14 @@
+import type { DomRenderer } from '../../../affine-block-surface/index.js';
+import type { BrushElementModel, HighlighterElementModel } from '../../../affine-model/index.js';
+type BrushLikeModel = BrushElementModel | HighlighterElementModel;
+/**
+ * Paints a brush or highlighter stroke into its host element. The z-index is
+ * owned by `DomRenderer`, which reads it from the layer manager.
+ */
+export declare function renderBrushLikeDom({ color, domElement, model, renderer, }: {
+    color: string;
+    domElement: HTMLElement;
+    model: BrushLikeModel;
+    renderer: DomRenderer;
+}): void;
+export {};

package/dist/_pkgs/affine-gfx-brush/renderer/dom/shared.js

@@ -0,0 +1,54 @@
+const SVG_NS = 'http://www.w3.org/2000/svg';
+/**
+ * The nodes a stroke host already owns, kept across renders. Rebuilding the
+ * `<svg>` on every frame allocated one element per stroke per pan or zoom;
+ * the attributes are cheap to overwrite in place.
+ */
+const retainedBrushDom = new WeakMap();
+function clearBrushLikeDom(domElement) {
+    retainedBrushDom.delete(domElement);
+    domElement.replaceChildren();
+}
+function getRetainedBrushDom(domElement) {
+    const existing = retainedBrushDom.get(domElement);
+    if (existing) {
+        return existing;
+    }
+    const svg = document.createElementNS(SVG_NS, 'svg');
+    svg.style.position = 'absolute';
+    svg.style.left = '0';
+    svg.style.top = '0';
+    svg.style.overflow = 'visible';
+    svg.style.pointerEvents = 'none';
+    const path = document.createElementNS(SVG_NS, 'path');
+    path.setAttribute('stroke', 'none');
+    svg.append(path);
+    const retained = { svg, path };
+    retainedBrushDom.set(domElement, retained);
+    domElement.replaceChildren(svg);
+    return retained;
+}
+/**
+ * Paints a brush or highlighter stroke into its host element. The z-index is
+ * owned by `DomRenderer`, which reads it from the layer manager.
+ */
+export function renderBrushLikeDom({ color, domElement, model, renderer, }) {
+    const { zoom } = renderer.viewport;
+    const [, , w, h] = model.deserializedXYWH;
+    if (w <= 0 || h <= 0 || !model.commands) {
+        clearBrushLikeDom(domElement);
+        return;
+    }
+    const { path, svg } = getRetainedBrushDom(domElement);
+    svg.style.width = `${w * zoom}px`;
+    svg.style.height = `${h * zoom}px`;
+    svg.style.transform = model.rotate === 0 ? '' : `rotate(${model.rotate}deg)`;
+    svg.style.transformOrigin = model.rotate === 0 ? '' : 'center';
+    svg.setAttribute('viewBox', `0 0 ${w} ${h}`);
+    path.setAttribute('d', model.commands);
+    path.setAttribute('fill', color);
+    domElement.style.width = `${w * zoom}px`;
+    domElement.style.height = `${h * zoom}px`;
+    domElement.style.overflow = 'visible';
+    domElement.style.pointerEvents = 'none';
+}

package/dist/_pkgs/affine-gfx-brush/renderer/index.d.ts

@@ -0,0 +1 @@
+export * from './dom/index.js';

package/dist/_pkgs/affine-gfx-brush/renderer/index.js

@@ -0,0 +1,4 @@
+// The canvas (2d context) renderers still live in `../element-renderer.ts`
+// (brush) and in `@labre/affine-gfx-shape` (highlighter); only the DOM
+// variants are collected here.
+export * from './dom/index.js';

package/dist/_pkgs/affine-gfx-brush/store.js

@@ -1,5 +1,5 @@
 import { StoreExtensionProvider, } from '../affine-ext-loader/index.js';
-import { brushToMarkdownAdapterMatcher, brushToPlainTextAdapterMatcher, } from './adapter';
+import { brushToMarkdownAdapterMatcher, brushToPlainTextAdapterMatcher, } from './adapter/index.js';
 export class BrushStoreExtension extends StoreExtensionProvider {
     constructor() {
         super(...arguments);

package/dist/_pkgs/affine-gfx-brush/toolbar/components/eraser/eraser-tool-button.d.ts

@@ -1,5 +1,5 @@
 import { LitElement } from 'lit';
-import { EraserTool } from '../../../eraser-tool';
+import { EraserTool } from '../../../eraser-tool.js';
 declare const EdgelessEraserToolButton_base: typeof LitElement & import("../../../../global/utils/types.js").Constructor<import("../../../../affine-widget-edgeless-toolbar/index.js").EdgelessToolbarToolClass>;
 export declare class EdgelessEraserToolButton extends EdgelessEraserToolButton_base {
     static styles: import("lit").CSSResult;

package/dist/_pkgs/affine-gfx-brush/toolbar/components/eraser/eraser-tool-button.js

@@ -2,7 +2,7 @@ import { DefaultTool } from '../../../../affine-block-surface/index.js';
 import { ThemeProvider } from '../../../../affine-shared/services/index.js';
 import { EdgelessToolbarToolMixin } from '../../../../affine-widget-edgeless-toolbar/index.js';
 import { css, html, LitElement } from 'lit';
-import { EraserTool } from '../../../eraser-tool';
+import { EraserTool } from '../../../eraser-tool.js';
 import { EdgelessEraserDarkIcon, EdgelessEraserLightIcon } from './icons.js';
 export class EdgelessEraserToolButton extends EdgelessToolbarToolMixin(LitElement) {
     constructor() {

package/dist/_pkgs/affine-gfx-brush/toolbar/components/pen/consts.d.ts

@@ -1,4 +1,4 @@
-import type { Pen } from './types';
+import type { Pen } from './types.js';
 export declare const penIconMap: {
     dark: {
         brush: import("lit-html").TemplateResult<1>;

package/dist/_pkgs/affine-gfx-brush/toolbar/components/pen/consts.js

@@ -1,4 +1,4 @@
-import { EdgelessBrushDarkIcon, EdgelessBrushLightIcon, EdgelessHighlighterDarkIcon, EdgelessHighlighterLightIcon, } from './icons';
+import { EdgelessBrushDarkIcon, EdgelessBrushLightIcon, EdgelessHighlighterDarkIcon, EdgelessHighlighterLightIcon, } from './icons.js';
 export const penIconMap = {
     dark: {
         brush: EdgelessBrushDarkIcon,

package/dist/_pkgs/affine-gfx-brush/toolbar/components/pen/pen-menu.d.ts

@@ -1,8 +1,8 @@
 import { type ReadonlySignal, type Signal } from '@preact/signals-core';
 import { LitElement, type TemplateResult } from 'lit';
-import { BrushTool } from '../../../brush-tool';
-import { HighlighterTool } from '../../../highlighter-tool';
-import type { Pen, PenMap } from './types';
+import { BrushTool } from '../../../brush-tool.js';
+import { HighlighterTool } from '../../../highlighter-tool.js';
+import type { Pen, PenMap } from './types.js';
 declare const EdgelessPenMenu_base: typeof LitElement & import("../../../../global/utils/types.js").Constructor<import("../../../../affine-widget-edgeless-toolbar/index.js").EdgelessToolbarToolClass>;
 export declare class EdgelessPenMenu extends EdgelessPenMenu_base {
     static styles: import("lit").CSSResult;

package/dist/_pkgs/affine-gfx-brush/toolbar/components/pen/pen-menu.js

@@ -41,9 +41,9 @@ import { computed, } from '@preact/signals-core';
 import { css, html, LitElement } from 'lit';
 import { property } from 'lit/decorators.js';
 import { styleMap } from 'lit/directives/style-map.js';
-import { BrushTool } from '../../../brush-tool';
-import { HighlighterTool } from '../../../highlighter-tool';
-import { penInfoMap } from './consts';
+import { BrushTool } from '../../../brush-tool.js';
+import { HighlighterTool } from '../../../highlighter-tool.js';
+import { penInfoMap } from './consts.js';
 let EdgelessPenMenu = (() => {
     let _classSuper = EdgelessToolbarToolMixin(SignalWatcher(LitElement));
     let _onChange_decorators;

package/dist/_pkgs/affine-gfx-brush/toolbar/components/pen/pen-tool-button.d.ts

@@ -1,7 +1,7 @@
 import { EditPropsStore } from '../../../../affine-shared/services/index.js';
 import { LitElement } from 'lit';
-import { BrushTool } from '../../../brush-tool';
-import { HighlighterTool } from '../../../highlighter-tool';
+import { BrushTool } from '../../../brush-tool.js';
+import { HighlighterTool } from '../../../highlighter-tool.js';
 declare const EdgelessPenToolButton_base: typeof LitElement & import("../../../../global/utils/types.js").Constructor<import("../../../../affine-widget-edgeless-toolbar/index.js").EdgelessToolbarToolClass>;
 export declare class EdgelessPenToolButton extends EdgelessPenToolButton_base {
     static styles: import("lit").CSSResult;

package/dist/_pkgs/affine-gfx-brush/toolbar/components/pen/pen-tool-button.js

@@ -6,9 +6,9 @@ import { computed, signal } from '@preact/signals-core';
 import { css, html, LitElement, nothing } from 'lit';
 import { styleMap } from 'lit/directives/style-map.js';
 import { when } from 'lit/directives/when.js';
-import { BrushTool } from '../../../brush-tool';
-import { HighlighterTool } from '../../../highlighter-tool';
-import { penIconMap, penInfoMap } from './consts';
+import { BrushTool } from '../../../brush-tool.js';
+import { HighlighterTool } from '../../../highlighter-tool.js';
+import { penIconMap, penInfoMap } from './consts.js';
 export class EdgelessPenToolButton extends EdgelessToolbarToolMixin(SignalWatcher(LitElement)) {
     constructor() {
         super(...arguments);

package/dist/_pkgs/affine-gfx-brush/toolbar/configs/index.d.ts

@@ -1,2 +1,2 @@
-export * from './brush';
-export * from './highlighter';
+export * from './brush.js';
+export * from './highlighter.js';

package/dist/_pkgs/affine-gfx-brush/toolbar/configs/index.js

@@ -1,2 +1,2 @@
-export * from './brush';
-export * from './highlighter';
+export * from './brush.js';
+export * from './highlighter.js';

package/dist/_pkgs/affine-gfx-brush/view.d.ts

@@ -1,4 +1,18 @@
 import { type ViewExtensionContext, ViewExtensionProvider } from '../affine-ext-loader/index.js';
+/**
+ * Brush / highlighter rendering — ALWAYS registered, independent of any flag.
+ * Disabling `brush` hides only the pen senior button and the tools it opens
+ * (see {@link BrushViewExtension}); strokes already drawn must still paint,
+ * stay selectable and keep their contextual toolbar. See `docs/adr/0009`.
+ */
+export declare class BrushRenderViewExtension extends ViewExtensionProvider {
+    name: string;
+    setup(context: ViewExtensionContext): void;
+}
+/**
+ * Pen creation tooling — flag-gated (`brush`): the senior toolbar button and
+ * the brush / highlighter / eraser tools it opens.
+ */
 export declare class BrushViewExtension extends ViewExtensionProvider {
     name: string;
     effect(): void;

package/dist/_pkgs/affine-gfx-brush/view.js

@@ -1,11 +1,39 @@
 import { ViewExtensionProvider, } from '../affine-ext-loader/index.js';
-import { BrushTool } from './brush-tool';
-import { effects } from './effects';
-import { BrushElementRendererExtension } from './element-renderer';
-import { EraserTool } from './eraser-tool';
-import { HighlighterTool } from './highlighter-tool';
-import { brushToolbarExtension, highlighterToolbarExtension, } from './toolbar/configs';
-import { penSeniorTool } from './toolbar/senior-tool';
+import { BrushTool } from './brush-tool.js';
+import { effects } from './effects.js';
+import { BrushElementRendererExtension } from './element-renderer.js';
+import { EraserTool } from './eraser-tool.js';
+import { HighlighterTool } from './highlighter-tool.js';
+import { BrushDomRendererExtension, HighlighterDomRendererExtension, } from './renderer/index.js';
+import { brushToolbarExtension, highlighterToolbarExtension, } from './toolbar/configs/index.js';
+import { penSeniorTool } from './toolbar/senior-tool.js';
+/**
+ * Brush / highlighter rendering — ALWAYS registered, independent of any flag.
+ * Disabling `brush` hides only the pen senior button and the tools it opens
+ * (see {@link BrushViewExtension}); strokes already drawn must still paint,
+ * stay selectable and keep their contextual toolbar. See `docs/adr/0009`.
+ */
+export class BrushRenderViewExtension extends ViewExtensionProvider {
+    constructor() {
+        super(...arguments);
+        this.name = 'affine-brush-render-gfx';
+    }
+    setup(context) {
+        super.setup(context);
+        context.register(BrushElementRendererExtension);
+        // DOM variants of the same two strokes. The canvas renderer for the
+        // highlighter still ships with `@labre/affine-gfx-shape`; both providers
+        // are always-on, so the pair stays complete whatever the `brush` flag says.
+        context.register(BrushDomRendererExtension);
+        context.register(HighlighterDomRendererExtension);
+        context.register(brushToolbarExtension);
+        context.register(highlighterToolbarExtension);
+    }
+}
+/**
+ * Pen creation tooling — flag-gated (`brush`): the senior toolbar button and
+ * the brush / highlighter / eraser tools it opens.
+ */
 export class BrushViewExtension extends ViewExtensionProvider {
     constructor() {
         super(...arguments);
@@ -13,6 +41,7 @@ export class BrushViewExtension extends ViewExtensionProvider {
     }
     effect() {
         super.effect();
+        // Defines the pen/eraser tool buttons and the pen menu — tooling only.
         effects();
     }
     setup(context) {
@@ -20,9 +49,6 @@ export class BrushViewExtension extends ViewExtensionProvider {
         context.register(BrushTool);
         context.register(EraserTool);
         context.register(HighlighterTool);
-        context.register(BrushElementRendererExtension);
-        context.register(brushToolbarExtension);
-        context.register(highlighterToolbarExtension);
         context.register(penSeniorTool);
     }
 }

package/dist/_pkgs/affine-gfx-connector/adapter/index.d.ts

@@ -1,2 +1,2 @@
-export * from './markdown';
-export * from './plain-text';
+export * from './markdown/index.js';
+export * from './plain-text/index.js';

package/dist/_pkgs/affine-gfx-connector/adapter/index.js

@@ -1,2 +1,2 @@
-export * from './markdown';
-export * from './plain-text';
+export * from './markdown/index.js';
+export * from './plain-text/index.js';

package/dist/_pkgs/affine-gfx-connector/adapter/markdown/index.js

@@ -1,5 +1,5 @@
 import { ElementToMarkdownAdapterExtension } from '../../../affine-block-surface/index.js';
-import { getConnectorText } from '../text';
+import { getConnectorText } from '../text.js';
 export const connectorToMarkdownAdapterMatcher = ElementToMarkdownAdapterExtension({
     name: 'connector',
     match: elementModel => elementModel.type === 'connector',

package/dist/_pkgs/affine-gfx-connector/adapter/plain-text/index.js

@@ -1,5 +1,5 @@
 import { ElementToPlainTextAdapterExtension } from '../../../affine-block-surface/index.js';
-import { getConnectorText } from '../text';
+import { getConnectorText } from '../text.js';
 export const connectorToPlainTextAdapterMatcher = ElementToPlainTextAdapterExtension({
     name: 'connector',
     match: elementModel => elementModel.type === 'connector',

package/dist/_pkgs/affine-gfx-connector/components/connector-handle.d.ts

@@ -2,7 +2,7 @@ import type { ConnectorElementModel } from '../../affine-model/index.js';
 import { type BlockComponent, type BlockStdScope } from '../../std/index.js';
 import type { Store } from '../../store/index.js';
 import { LitElement, nothing } from 'lit';
-import type { ConnectionOverlay } from '../connector-manager';
+import type { ConnectionOverlay } from '../connector-manager.js';
 declare const EdgelessConnectorHandle_base: typeof LitElement & import("../../global/utils/types.js").Constructor<import("../../global/lit/with-disposable.js").DisposableClass>;
 export declare class EdgelessConnectorHandle extends EdgelessConnectorHandle_base {
     static styles: import("lit").CSSResult;

package/dist/_pkgs/affine-gfx-connector/connector-manager.js

@@ -5,7 +5,7 @@ import { BlockSuiteError } from '../global/exceptions/index.js';
 import { almostEqual, Bound, getBezierCurveBoundingBox, getBezierParameters, getBoundFromPoints, getBoundWithRotation, getPointFromBoundsWithRotation, isOverlap, isVecZero, lineIntersects, PI2, PointLocation, polygonCentroid, sign, toRadian, Vec, } from '../global/gfx/index.js';
 import { assertType } from '../global/utils/index.js';
 import { effect } from '@preact/signals-core';
-import last from 'lodash-es/last';
+import last from 'lodash-es/last.js';
 export const ConnectorEndpointLocations = [
     // At top
     [0.5, 0],
@@ -985,6 +985,17 @@ export class ConnectorPathGenerator extends PathGenerator {
             getElementById: elementGetter ?? (() => null),
         });
         const points = path ?? instance._generateConnectorPath(connector) ?? [];
+        // Degraded state: no resolvable endpoints (an endpoint references a
+        // missing element and has no fallback position). Keep the last bound and
+        // paint nothing rather than derive a bbox from an empty point set.
+        if (points.length === 0) {
+            if (connector.path.length > 0) {
+                connector.updatingPath = true;
+                connector.path = [];
+                connector.updatingPath = false;
+            }
+            return;
+        }
         const bound = connector.mode === ConnectorMode.Curve
             ? getBezierCurveBoundingBox(getBezierParameters(points))
             : getBoundFromPoints(points);
@@ -1052,6 +1063,11 @@ export class ConnectorPathGenerator extends PathGenerator {
             const start = this._getConnectorEndElement(connector, 'source');
             const end = this._getConnectorEndElement(connector, 'target');
             const [startPoint, endPoint] = this._computeStartEndPoint(connector);
+            // _computeStartEndPoint returns [] when an endpoint cannot be resolved
+            // (e.g. its element is gone and no position is stored) — bail out
+            // instead of feeding undefined points to the orthogonal router.
+            if (!startPoint || !endPoint)
+                return [];
             const startBound = start
                 ? Bound.from(getBoundWithRotation(rBound(start)))
                 : null;
@@ -1076,9 +1092,12 @@ export class ConnectorPathGenerator extends PathGenerator {
         let startPoint = null;
         let endPoint = null;
         if (source.id || target.id) {
-            if (!source.position && !target.position) {
-                const start = this._getConnectorEndElement(connector, 'source');
-                const end = this._getConnectorEndElement(connector, 'target');
+            const start = this._getConnectorEndElement(connector, 'source');
+            const end = this._getConnectorEndElement(connector, 'target');
+            // An endpoint id may reference an element that no longer exists.
+            // Only take the anchor-to-anchor shortcut when both resolve; otherwise
+            // degrade through _getConnectionPoint (stored position or empty path).
+            if (start && end && !source.position && !target.position) {
                 const sb = Bound.deserialize(start.xywh);
                 const eb = Bound.deserialize(end.xywh);
                 startPoint = getNearestConnectableAnchor(start, eb.center);
@@ -1150,9 +1169,16 @@ export class ConnectorPathGenerator extends PathGenerator {
     }
     _generateStraightConnectorPath(connector) {
         const { source, target } = connector;
-        if (source.id && !source.position && target.id && !target.position) {
-            const start = this._getConnectorEndElement(connector, 'source');
-            const end = this._getConnectorEndElement(connector, 'target');
+        const start = this._getConnectorEndElement(connector, 'source');
+        const end = this._getConnectorEndElement(connector, 'target');
+        // Same degraded state as in _generateCurveConnectorPath: an endpoint id
+        // whose element is gone falls through to _getConnectionPoint.
+        if (source.id &&
+            !source.position &&
+            target.id &&
+            !target.position &&
+            start &&
+            end) {
             const sb = Bound.deserialize(start.xywh);
             const eb = Bound.deserialize(end.xywh);
             const startPoint = getNearestConnectableAnchor(start, eb.center);

package/dist/_pkgs/affine-gfx-connector/connector-tool.d.ts

@@ -4,6 +4,13 @@ import type { PointerEventState } from '../std/index.js';
 import { BaseTool, type GfxModel } from '../std/gfx/index.js';
 export type ConnectorToolOptions = {
     mode: ConnectorMode;
+    /**
+     * Semantic role (`<framework>:<role>`) stamped on the connectors drawn while
+     * this activation lasts — a framework toolbox activates the tool for a typed
+     * edge (e.g. `wardley:dependency`). Left out for the plain connector tool:
+     * the edge then stays neutral and no `role` key is written.
+     */
+    role?: string;
 };
 export declare class ConnectorTool extends BaseTool<ConnectorToolOptions> {
     static toolName: string;

package/dist/_pkgs/affine-gfx-connector/connector-tool.js

@@ -3,7 +3,7 @@ import { ConnectorMode, DEFAULT_POLYGON_VERTICES, GroupElementModel, ShapeElemen
 import { EditPropsStore, TelemetryProvider, } from '../affine-shared/services/index.js';
 import { Bound, polygonCentroid } from '../global/gfx/index.js';
 import { BaseTool } from '../std/gfx/index.js';
-import { calculateNearestLocation, ConnectorEndpointLocations, ConnectorEndpointLocationsOnTriangle, ConnectorEndpointLocationsWithCenter, isCenterAnchorEligible, } from './connector-manager';
+import { calculateNearestLocation, ConnectorEndpointLocations, ConnectorEndpointLocationsOnTriangle, ConnectorEndpointLocationsWithCenter, isCenterAnchorEligible, } from './connector-manager.js';
 var ConnectorToolMode;
 (function (ConnectorToolMode) {
     // Dragging connect
@@ -37,7 +37,8 @@ export class ConnectorTool extends BaseTool {
         const id = this.gfx.surface.addElement({
             type: CanvasElementType.CONNECTOR,
             mode: this.activatedOption.mode,
-            controllers: [],
+            // `undefined` writes nothing: a neutral edge keeps no `role` key.
+            role: this.activatedOption.role,
             source: this._source,
             target: { position: this._startPoint },
         });