@formicoidea/labre-core 0.32.0 → 0.34.1

package/dist/_pkgs/affine-block-surface/renderer/element-highlight-overlay.js

@@ -0,0 +1,66 @@
+import { ThemeProvider } from '../../affine-shared/services/index.js';
+import { DisposableGroup } from '../../global/disposable/index.js';
+import { effect } from '@preact/signals-core';
+import { Overlay } from './overlay.js';
+/** Ring thickness, in screen pixels. */
+const HIGHLIGHT_STROKE_WIDTH = 2;
+/** Gap between the element bounds and the ring, in screen pixels. */
+const HIGHLIGHT_GAP = 4;
+/** Ring corner radius, in screen pixels. */
+const HIGHLIGHT_RADIUS = 4;
+/** Used when no theme is provided, matches the legacy frame highlight. */
+const FALLBACK_HIGHLIGHT_COLOR = '#1E96EB';
+/**
+ * Draws the transient emphasis ring around the elements held by
+ * `gfx.highlight` (`ElementHighlightManager`).
+ *
+ * The overlay is a pure renderer: it owns no state, reads nothing from the
+ * store and mutates nothing, which makes it safe on a read-only editor.
+ */
+export class ElementHighlightOverlay extends Overlay {
+    static { this.overlayName = 'element-highlight'; }
+    get _strokeColor() {
+        return (this.gfx.std
+            .getOptional(ThemeProvider)
+            ?.getCssVariableColor('--affine-primary-color') ??
+            FALLBACK_HIGHLIGHT_COLOR);
+    }
+    constructor(gfx) {
+        super(gfx);
+        this._disposables = new DisposableGroup();
+        this._disposables.add(effect(() => {
+            // Repaint the canvas whenever the highlighted set changes.
+            this.gfx.highlight.highlighted$.value;
+            this.refresh();
+        }));
+    }
+    dispose() {
+        this._disposables.dispose();
+    }
+    render(ctx) {
+        const elements = this.gfx.highlight.highlightedElements;
+        if (elements.length === 0)
+            return;
+        const { zoom } = this.gfx.viewport;
+        const gap = HIGHLIGHT_GAP / zoom;
+        const radius = HIGHLIGHT_RADIUS / zoom;
+        ctx.save();
+        ctx.strokeStyle = this._strokeColor;
+        ctx.lineWidth = HIGHLIGHT_STROKE_WIDTH / zoom;
+        for (const element of elements) {
+            const [x, y, w, h] = element.deserializedXYWH;
+            ctx.save();
+            // Rotate around the element center so rotated elements keep a tight
+            // ring; connectors and other non-rotatable elements use their bound box.
+            ctx.translate(x + w / 2, y + h / 2);
+            if (element.rotate) {
+                ctx.rotate((element.rotate * Math.PI) / 180);
+            }
+            ctx.beginPath();
+            ctx.roundRect(-w / 2 - gap, -h / 2 - gap, w + gap * 2, h + gap * 2, radius);
+            ctx.stroke();
+            ctx.restore();
+        }
+        ctx.restore();
+    }
+}

package/dist/_pkgs/affine-block-surface/renderer/overlay.js

@@ -1,6 +1,6 @@
 import { createIdentifier } from '../../global/di/index.js';
 import { BlockSuiteError, ErrorCode } from '../../global/exceptions/index.js';
-import { GfxControllerIdentifier, } from '../../std/gfx/index.js';
+import { GfxControllerIdentifier } from '../../std/gfx/index.js';
 import { Extension } from '../../store/index.js';
 /**
  * An overlay is a layer covered on top of elements,

package/dist/_pkgs/affine-block-surface/view.js

@@ -4,6 +4,7 @@ import { literal } from 'lit/static-html.js';
 import { effects } from './effects.js';
 import { auditCommands, EdgelessCRUDExtension, EdgelessLegacySlotExtension, EditPropsMiddlewareBuilder, mapQualityCommands, mapQualityWidget, ReadingManager, readingProposalWidget, readingToolbarExtension, SpotlightManager, ValidationManager, validationExceptionToolbarExtension, ValidationOverlay, violationDetailWidget, } from './extensions/index.js';
 import { ExportManagerExtension } from './extensions/export-manager/export-manager.js';
+import { ElementHighlightOverlay } from './renderer/element-highlight-overlay.js';
 import { DefaultTool } from './tool/default-tool.js';
 export class SurfaceViewExtension extends ViewExtensionProvider {
     constructor() {
@@ -26,6 +27,10 @@ export class SurfaceViewExtension extends ViewExtensionProvider {
             context.register(DefaultTool);
             context.register(BlockViewExtension('affine:surface', literal `affine-surface`));
             context.register(EditPropsMiddlewareBuilder);
+            // Draws `gfx.highlightElements(...)`. Registered for `preview-edgeless`
+            // too — embedded read-only windows are the API's primary consumer — and
+            // paints nothing until a host asks for a highlight.
+            context.register(ElementHighlightOverlay);
             // No-op until a framework registers a SpotlightHostExtension.
             context.register(SpotlightManager);
             // No-op until a framework registers a ValidationRuleExtension — which

package/dist/_pkgs/affine-block-surface-ref/configs/toolbar.js

@@ -1,6 +1,6 @@
 import { toast } from '../../affine-components/toast/index.js';
 import { copySelectedModelsCommand, draftSelectedModelsCommand, } from '../../affine-shared/commands/index.js';
-import { ActionPlacement, blockCommentToolbarButton, } from '../../affine-shared/services/index.js';
+import { ActionPlacement, blockCommentToolbarButton, TOAST_COPIED_TO_CLIPBOARD, TOOLBAR_COPY, TOOLBAR_DELETE, translateKey, } from '../../affine-shared/services/index.js';
 import { CaptionIcon, CopyIcon, DeleteIcon } from '@blocksuite/icons/lit';
 import { html } from 'lit';
 import { SurfaceRefBlockComponent } from '../surface-ref-block.js';
@@ -20,7 +20,7 @@ export const surfaceRefToolbarModuleConfig = {
         },
         {
             id: 'c.copy-surface-ref',
-            label: 'Copy',
+            labelWording: TOOLBAR_COPY,
             icon: CopyIcon(),
             run: ctx => {
                 const surfaceRefBlock = ctx.getCurrentBlockByType(SurfaceRefBlockComponent);
@@ -32,7 +32,7 @@ export const surfaceRefToolbarModuleConfig = {
                 })
                     .pipe(copySelectedModelsCommand)
                     .run();
-                toast(surfaceRefBlock.std.host, 'Copied to clipboard');
+                toast(surfaceRefBlock.std.host, translateKey(surfaceRefBlock.std, ...TOAST_COPIED_TO_CLIPBOARD));
             },
         },
         {
@@ -64,7 +64,7 @@ export const surfaceRefToolbarModuleConfig = {
         },
         {
             id: 'g.surface-ref-deletion',
-            label: 'Delete',
+            labelWording: TOOLBAR_DELETE,
             icon: DeleteIcon(),
             placement: ActionPlacement.More,
             variant: 'destructive',

package/dist/_pkgs/affine-block-surface-ref/portal/note.js

@@ -33,12 +33,12 @@ var __runInitializers = (this && this.__runInitializers) || function (thisArg, i
     return useValue ? value : void 0;
 };
 import { ViewExtensionManagerIdentifier } from '../../affine-ext-loader/index.js';
-import { DefaultTheme, NoteDisplayMode, NoteShadow, } from '../../affine-model/index.js';
+import { DefaultTheme, NoteDisplayMode, NoteShadow } from '../../affine-model/index.js';
 import { EDGELESS_BLOCK_CHILD_BORDER_WIDTH, EDGELESS_BLOCK_CHILD_PADDING, } from '../../affine-shared/consts/index.js';
 import { ThemeProvider } from '../../affine-shared/services/index.js';
 import { deserializeXYWH } from '../../global/gfx/index.js';
 import { WithDisposable } from '../../global/lit/index.js';
-import { BlockStdScope, ShadowlessElement, } from '../../std/index.js';
+import { BlockStdScope, ShadowlessElement } from '../../std/index.js';
 import { RANGE_QUERY_EXCLUDE_ATTR } from '../../std/inline/index.js';
 import {} from '../../store/index.js';
 import { css, nothing } from 'lit';

package/dist/_pkgs/affine-block-table/commands.js

@@ -1,4 +1,4 @@
-import { TableModelFlavour, } from '../affine-model/index.js';
+import { TableModelFlavour } from '../affine-model/index.js';
 import {} from '../store/index.js';
 import { TableDataManager } from './table-data-manager.js';
 export const insertTableBlockCommand = (ctx, next) => {

package/dist/_pkgs/affine-components/edgeless-shape-color-picker/color-picker.js

@@ -34,7 +34,7 @@ var __runInitializers = (this && this.__runInitializers) || function (thisArg, i
 };
 import { DefaultTheme, resolveColor, } from '../../affine-model/index.js';
 import { unsafeCSSVarV2 } from '../../affine-shared/theme/index.js';
-import { stopPropagation, } from '../../affine-shared/utils/index.js';
+import { stopPropagation } from '../../affine-shared/utils/index.js';
 import { SignalWatcher, WithDisposable } from '../../global/lit/index.js';
 import { batch, signal } from '@preact/signals-core';
 import { css, html, LitElement } from 'lit';

package/dist/_pkgs/affine-components/embed-card-modal/embed-card-edit-modal.js

@@ -36,7 +36,7 @@ import { EmbedLinkedDocModel, EmbedSyncedDocModel, isInternalEmbedModel, } from
 import { TelemetryProvider, } from '../../affine-shared/services/index.js';
 import { fontSMStyle, fontXSStyle } from '../../affine-shared/styles/index.js';
 import { unsafeCSSVarV2 } from '../../affine-shared/theme/index.js';
-import { listenClickAway, stopPropagation, } from '../../affine-shared/utils/index.js';
+import { listenClickAway, stopPropagation } from '../../affine-shared/utils/index.js';
 import { SignalWatcher, WithDisposable } from '../../global/lit/index.js';
 import { nextTick } from '../../global/utils/index.js';
 import { EditorLifeCycleExtension, } from '../../std/index.js';

package/dist/_pkgs/affine-components/filterable-list/styles.js

@@ -1,4 +1,4 @@
-import { panelBaseStyle, scrollbarStyle, } from '../../affine-shared/styles/index.js';
+import { panelBaseStyle, scrollbarStyle } from '../../affine-shared/styles/index.js';
 import { css } from 'lit';
 export const filterableListStyles = css `
   ${panelBaseStyle(':host')}

package/dist/_pkgs/affine-components/highlight-dropdown-menu/highlight-duotone-icon.js

@@ -1,14 +1,14 @@
 import { HighLightDuotoneIcon } from '@blocksuite/icons/lit';
 import { css, LitElement } from 'lit';
 export class HighlightDuotoneIcon extends LitElement {
-    static { this.styles = css `
-    svg {
-      display: flex;
-      font-size: 20px;
-    }
-    svg > path:nth-child(1) {
-      fill: var(--color, unset);
-    }
+    static { this.styles = css `
+    svg {
+      display: flex;
+      font-size: 20px;
+    }
+    svg > path:nth-child(1) {
+      fill: var(--color, unset);
+    }
   `; }
     render() {
         return HighLightDuotoneIcon();

package/dist/_pkgs/affine-components/highlight-dropdown-menu/text-duotone-icon.js

@@ -1,17 +1,17 @@
 import { TextBackgroundDuotoneIcon } from '@blocksuite/icons/lit';
 import { css, LitElement } from 'lit';
 export class TextDuotoneIcon extends LitElement {
-    static { this.styles = css `
-    svg {
-      display: flex;
-      font-size: 20px;
-    }
-    svg > path:nth-child(1) {
-      fill: var(--background, unset);
-    }
-    svg > path:nth-child(3) {
-      fill: var(--color, unset);
-    }
+    static { this.styles = css `
+    svg {
+      display: flex;
+      font-size: 20px;
+    }
+    svg > path:nth-child(1) {
+      fill: var(--background, unset);
+    }
+    svg > path:nth-child(3) {
+      fill: var(--color, unset);
+    }
   `; }
     render() {
         return TextBackgroundDuotoneIcon();