@formicoidea/labre-core 0.43.1 → 0.46.0

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

@@ -58,7 +58,11 @@ export class SurfaceBlockTransformer extends BaseBlockTransformer {
             yMap.set(key, element);
         });
         const elements = this._internal.Boxed(yMap);
+        // Every other surface prop (ADR 0031: `layers`, `showGrid`, and any key
+        // a newer client wrote) crosses the snapshot unchanged; only `elements`
+        // needs rebuilding into a Y.Map.
         snapshotRet.props = {
+            ...snapshotRet.props,
             elements,
         };
         return snapshotRet;
@@ -79,6 +83,7 @@ export class SurfaceBlockTransformer extends BaseBlockTransformer {
             });
         }
         snapshot.props = {
+            ...snapshot.props,
             elements: value,
         };
         return snapshot;

package/dist/_pkgs/affine-block-surface/tool/default-tool.js

@@ -78,6 +78,9 @@ export class DefaultTool extends BaseTool {
     static { this.toolName = 'default'; }
     _scrollViewport(delta) {
         this.gfx.viewport.applyDeltaCenter(delta[0], delta[1]);
+        // `viewportMoved` is what an element move listens to in order to keep the
+        // dragged elements under a pointer that stays still while the board pans.
+        this.gfx.viewport.viewportMoved.next(delta);
     }
     /**
      * Get the end position of the dragging area in the model coordinate
@@ -144,7 +147,7 @@ export class DefaultTool extends BaseTool {
             }
         }
     }
-    initializeDragState(dragType, event) {
+    initializeDragState(dragType, event, cloned = false) {
         this.dragType = dragType;
         this._clearDisposable();
         this._disposables = new DisposableGroup();
@@ -161,11 +164,16 @@ export class DefaultTool extends BaseTool {
         }
         if (this.dragType === DefaultModeDragType.ContentMoving) {
             if (this.interactivity) {
-                this.doc.captureSync();
+                // An alt+drag captured BEFORE its clone: a capture here would close
+                // the step between the copy and its move, and the first undo would
+                // only put the copy back on its source (`alt-drag-clone.spec.ts`).
+                if (!cloned)
+                    this.doc.captureSync();
                 this.interactivity.handleElementMove({
                     movingElements: this._toBeMoved,
                     event: event.raw,
                     onDragEnd: () => {
+                        this._stopEdgeScrolling();
                         this.doc.captureSync();
                     },
                 });
@@ -230,6 +238,17 @@ export class DefaultTool extends BaseTool {
                 break;
             }
             case DefaultModeDragType.ContentMoving: {
+                // Only an accepted move pans: `handleElementMove` refuses a readonly
+                // store and an extension may cancel it, and neither leaves an active
+                // interaction behind.
+                const moving = this.interactivity?.activeInteraction$.peek()?.type === 'move';
+                const moveDelta = moving ? calPanDelta(viewport, e) : null;
+                if (moveDelta) {
+                    this._enableEdgeScrolling(moveDelta);
+                }
+                else {
+                    this._stopEdgeScrolling();
+                }
                 break;
             }
             case DefaultModeDragType.NativeEditing: {
@@ -266,12 +285,16 @@ export class DefaultTool extends BaseTool {
             }
         });
         this._toBeMoved = Array.from(toBeMoved);
-        // If alt key is pressed and content is moving, clone the content
-        if (dragType === DefaultModeDragType.ContentMoving && e.keys.alt) {
+        // If alt key is pressed and content is moving, clone the content. One
+        // gesture, one undo step: close what came before, then nothing closes the
+        // step between the clone's writes and the move's end.
+        const cloning = dragType === DefaultModeDragType.ContentMoving && e.keys.alt;
+        if (cloning) {
+            this.doc.captureSync();
             await this._cloneContent();
         }
         // Set up drag state
-        this.initializeDragState(dragType, e);
+        this.initializeDragState(dragType, e, cloning);
     }
     mounted() {
         this.disposable.add(effect(() => {

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

@@ -1,8 +1,9 @@
 import { ViewExtensionProvider, } from '../affine-ext-loader/index.js';
+import { CanvasGrid, CanvasLocalVisibility, } from '../affine-shared/services/index.js';
 import { BlockViewExtension, CommandExtension, FlavourExtension, } from '../std/index.js';
 import { literal } from 'lit/static-html.js';
 import { effects } from './effects.js';
-import { auditCommands, EdgelessCRUDExtension, EdgelessLegacySlotExtension, EditPropsMiddlewareBuilder, exportSvgCommands, exportSvgToolbarExtension, mapQualityCommands, mapQualityWidget, ReadingManager, readingProposalWidget, readingToolbarExtension, SpotlightManager, ValidationManager, validationExceptionToolbarExtension, ValidationOverlay, violationDetailWidget, } from './extensions/index.js';
+import { auditCommands, CanvasActiveLayer, canvasGridCommands, EdgelessCRUDExtension, EdgelessLegacySlotExtension, EditPropsMiddlewareBuilder, exportSvgCommands, exportSvgToolbarExtension, mapQualityCommands, mapQualityWidget, ReadingManager, readingProposalWidget, readingToolbarExtension, selectionPaneCommands, SelectionPaneModel, SpotlightManager, UserLayerMiddlewareBuilder, userLayerCommands, ValidationManager, validationExceptionToolbarExtension, ValidationOverlay, violationDetailWidget, } from './extensions/index.js';
 import { ExportManagerExtension } from './extensions/export-manager/export-manager.js';
 import { BackgroundStackingExtension } from './framework-background/stacking.js';
 import { ElementHighlightOverlay } from './renderer/element-highlight-overlay.js';
@@ -72,6 +73,27 @@ export class SurfaceViewExtension extends ViewExtensionProvider {
             // (`docs/adr/0025`). Nothing is offered until a board is selected.
             context.register(CommandExtension(exportSvgCommands));
             context.register(exportSvgToolbarExtension);
+            // The selection pane's headless half (ADR 0031): the live tree a pane
+            // renders from, and the commands its rows run. Core chrome, never a
+            // framework's, and nothing it lists is gated — a flag gates tooling,
+            // the rows are content. The panel itself is the edgeless toolbar's.
+            context.register(SelectionPaneModel);
+            // This viewer's local hide (ADR 0031 §8): registers into
+            // `gfx.localVisibility` and persists per document, never in it.
+            context.register(CanvasLocalVisibility);
+            context.register(CommandExtension(selectionPaneCommands));
+            // The grid as a setting (ADR 0031 §11): this viewer's override, the
+            // document's `showGrid`, the host default, the library default. Read by
+            // the edgeless root's background, the surface container and the PNG
+            // export; previews follow the document setting alone.
+            context.register(CanvasGrid);
+            context.register(CommandExtension(canvasGridCommands));
+            // User layers (ADR 0031 §2-§6): the viewer's active layer (session
+            // only), the `beforeAdd` middleware that stamps it on what is created,
+            // and the commands the pane's layer rows run. Content, never gated.
+            context.register(CanvasActiveLayer);
+            context.register(UserLayerMiddlewareBuilder);
+            context.register(CommandExtension(userLayerCommands));
         }
         else {
             context.register(BlockViewExtension('affine:surface', literal `affine-surface-void`));

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

@@ -39,7 +39,7 @@ import { Peekable } from '../affine-components/peek/index.js';
 import { ViewExtensionManagerIdentifier } from '../affine-ext-loader/index.js';
 import { RefNodeSlotsProvider } from '../affine-inline-reference/index.js';
 import { FrameBlockModel, } from '../affine-model/index.js';
-import { BlockCommentManager, DocModeProvider, EditPropsStore, ThemeProvider, ToolbarRegistryIdentifier, ViewportElementExtension, } from '../affine-shared/services/index.js';
+import { BlockCommentManager, DocModeProvider, documentShowsGrid, EditPropsStore, ThemeProvider, ToolbarRegistryIdentifier, ViewportElementExtension, } from '../affine-shared/services/index.js';
 import { unsafeCSSVarV2 } from '../affine-shared/theme/index.js';
 import { requestConnectedFrame } from '../affine-shared/utils/index.js';
 import { DisposableGroup } from '../global/disposable/index.js';
@@ -128,6 +128,11 @@ let SurfaceRefBlockComponent = (() => {
       );
     }
 
+    /* ADR 0031 §11: a reference follows the document's showGrid alone. */
+    .ref-content.grid-hidden {
+      background: var(--affine-background-primary-color);
+    }
+
     .ref-viewport {
       max-width: 100%;
       margin: 0 auto;
@@ -351,7 +356,12 @@ let SurfaceRefBlockComponent = (() => {
             const aspectRatio = h !== 0 ? w / h : 1;
             const _previewSpec = this._previewSpec.concat(this._runtimePreviewExt);
             const edgelessTheme = this.std.get(ThemeProvider).edgeless$.value;
-            return html `<div class="ref-content">
+            // A reference is a picture of the referenced document: its saved grid,
+            // never this viewer's override.
+            const showGrid = documentShowsGrid(this._previewDoc ? getSurfaceBlock(this._previewDoc) : null);
+            return html `<div
+      class=${classMap({ 'ref-content': true, 'grid-hidden': !showGrid })}
+    >
       <div
         class="ref-viewport"
         style=${styleMap({

package/dist/_pkgs/affine-components/context-menu/button.js

@@ -90,6 +90,20 @@ let MenuButton = (() => {
     .affine-menu-button.delete-item:hover .affine-menu-action-text {
       color: var(--affine-error-color);
     }
+
+    /*
+      An entry whose effect reaches every viewer of the document ("Hide for
+      everyone", ADR 0031): the theme's warning tokens, always on, so it reads
+      differently from its local twin before it is hovered.
+    */
+    .affine-menu-button.warning-item,
+    .affine-menu-button.warning-item .affine-menu-action-text {
+      color: var(--affine-warning-color);
+    }
+
+    .affine-menu-button.warning-item:hover {
+      background-color: var(--affine-background-warning-color);
+    }
   `; }
         connectedCallback() {
             super.connectedCallback();

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

@@ -126,19 +126,25 @@ let FilterableListComponent = (() => {
             });
         }
         _filterItems() {
-            const searchFilter = !this._filterText
-                ? this.options.items
-                : this.options.items.filter(item => item.name.startsWith(this._filterText.toLowerCase()) ||
-                    item.aliases?.some(alias => alias.startsWith(this._filterText.toLowerCase())));
-            return searchFilter.sort((a, b) => {
-                const isActiveA = this.options.active?.(a);
-                const isActiveB = this.options.active?.(b);
+            const query = this._filterText.toLowerCase();
+            // A copy: the caller's array is its own state (the language button keeps
+            // its most-recently-used order in it), so sorting must not reorder it.
+            const ranked = this.options.items
+                .map(item => ({ item, rank: matchRank(item, query) }))
+                .filter(entry => entry.rank !== -1);
+            return ranked
+                .sort((a, b) => {
+                const isActiveA = this.options.active?.(a.item);
+                const isActiveB = this.options.active?.(b.item);
                 if (isActiveA && !isActiveB)
                     return -1;
                 if (!isActiveA && isActiveB)
                     return 1;
-                return this.listFilter?.(a, b) ?? 0;
-            });
+                if (a.rank !== b.rank)
+                    return a.rank - b.rank;
+                return this.listFilter?.(a.item, b.item) ?? 0;
+            })
+                .map(entry => entry.item);
         }
         _scrollFocusedItemIntoView() {
             this.updateComplete
@@ -256,6 +262,21 @@ let FilterableListComponent = (() => {
     };
 })();
 export { FilterableListComponent };
+/**
+ * Prefix match on both sides lowercased: 0 for a name or alias hit, 1 for a
+ * hit on the display label only (it sorts after an id hit), -1 for no match.
+ * An empty query matches everything at rank 0.
+ */
+function matchRank(item, query) {
+    if (!query)
+        return 0;
+    const hits = (value) => !!value && value.toLowerCase().startsWith(query);
+    if (hits(item.name) || item.aliases?.some(hits))
+        return 0;
+    if (hits(item.label))
+        return 1;
+    return -1;
+}
 export function showPopFilterableList({ options, filter, abortController = new AbortController(), referenceElement, container, maxHeight = 440, portalStyles, }) {
     const portalPadding = {
         top: PAGE_HEADER_HEIGHT + 12,

package/dist/_pkgs/affine-components/icons/index.d.ts

@@ -1,6 +1,5 @@
 export * from './ai.js';
 export * from './file-icons.js';
-export * from './file-icons-rc.js';
 export * from './import-export.js';
 export * from './list.js';
 export * from './loading.js';

package/dist/_pkgs/affine-components/icons/index.js

@@ -1,6 +1,5 @@
 export * from './ai.js';
 export * from './file-icons.js';
-export * from './file-icons-rc.js';
 export * from './import-export.js';
 export * from './list.js';
 export * from './loading.js';

package/dist/_pkgs/affine-components/icons/text.d.ts

@@ -29,6 +29,7 @@ export declare const DividerIcon: import("lit-html").TemplateResult<1>;
 export declare const BoldIcon: import("lit-html").TemplateResult<1>;
 export declare const ItalicIcon: import("lit-html").TemplateResult<1>;
 export declare const UnderlineIcon: import("lit-html").TemplateResult<1>;
+export declare const OverlineIcon: import("lit-html").TemplateResult<1>;
 export declare const StrikethroughIcon: import("lit-html").TemplateResult<1>;
 export declare const CodeIcon: import("lit-html").TemplateResult<1>;
 export declare const LinkIcon: import("lit-html").TemplateResult<1>;

package/dist/_pkgs/affine-components/icons/text.js

@@ -97,6 +97,17 @@ export const UnderlineIcon = icons.UnderLineIcon({
     width: '20',
     height: '20',
 });
+/**
+ * The icon set ships no overline, so it is drawn here: the underline icon's
+ * own letter and rule, the rule moved above the letter (ADR 0030).
+ */
+const OverlineSVG = svg `<path
+  fill="currentColor"
+  fill-rule="evenodd"
+  clip-rule="evenodd"
+  d="M4.458 3.064a.808.808 0 0 0 0 1.616h15.084a.808.808 0 1 0 0-1.616zM7.744 7.968a.808.808 0 1 0-1.616 0v7.003a5.656 5.656 0 1 0 11.313 0V7.968a.808.808 0 1 0-1.616 0v7.003a4.04 4.04 0 1 1-8.08 0z"
+/>`;
+export const OverlineIcon = icon(OverlineSVG, 20);
 export const StrikethroughIcon = icons.StrikeThroughIcon({
     width: '20',
     height: '20',

package/dist/_pkgs/affine-components/portal/portal.d.ts

@@ -17,7 +17,7 @@ import { LitElement, type TemplateResult } from 'lit';
  */
 export declare class Portal extends LitElement {
     private _portalRoot;
-    createRenderRoot(): HTMLDivElement | ShadowRoot;
+    createRenderRoot(): ShadowRoot | HTMLDivElement;
     disconnectedCallback(): void;
     render(): TemplateResult | undefined;
     accessor container: HTMLElement;

package/dist/_pkgs/affine-foundation/view.d.ts

@@ -23,13 +23,13 @@ declare const optionsSchema: z.ZodObject<{
         style: z.ZodString;
     }, "strip", z.ZodTypeAny, {
         style: string;
-        font: string;
         url: string;
+        font: string;
         weight: string;
     }, {
         style: string;
-        font: string;
         url: string;
+        font: string;
         weight: string;
     }>, "many">>;
     telemetry: z.ZodOptional<z.ZodType<TelemetryService, z.ZodTypeDef, TelemetryService>>;
@@ -42,8 +42,8 @@ declare const optionsSchema: z.ZodObject<{
     } | undefined;
     fontConfig?: {
         style: string;
-        font: string;
         url: string;
+        font: string;
         weight: string;
     }[] | undefined;
     telemetry?: TelemetryService | undefined;
@@ -56,8 +56,8 @@ declare const optionsSchema: z.ZodObject<{
     } | undefined;
     fontConfig?: {
         style: string;
-        font: string;
         url: string;
+        font: string;
         weight: string;
     }[] | undefined;
     telemetry?: TelemetryService | undefined;
@@ -87,13 +87,13 @@ export declare class FoundationViewExtension extends ViewExtensionProvider<Found
             style: z.ZodString;
         }, "strip", z.ZodTypeAny, {
             style: string;
-            font: string;
             url: string;
+            font: string;
             weight: string;
         }, {
             style: string;
-            font: string;
             url: string;
+            font: string;
             weight: string;
         }>, "many">>;
         telemetry: z.ZodOptional<z.ZodType<TelemetryService, z.ZodTypeDef, TelemetryService>>;
@@ -106,8 +106,8 @@ export declare class FoundationViewExtension extends ViewExtensionProvider<Found
         } | undefined;
         fontConfig?: {
             style: string;
-            font: string;
             url: string;
+            font: string;
             weight: string;
         }[] | undefined;
         telemetry?: TelemetryService | undefined;
@@ -120,8 +120,8 @@ export declare class FoundationViewExtension extends ViewExtensionProvider<Found
         } | undefined;
         fontConfig?: {
             style: string;
-            font: string;
             url: string;
+            font: string;
             weight: string;
         }[] | undefined;
         telemetry?: TelemetryService | undefined;

package/dist/_pkgs/affine-fragment-adapter-panel/adapter-panel.d.ts

@@ -1,5 +1,5 @@
-import type { BlockStdScope } from '../../std/index.js';
-import type { Store, TransformerMiddleware } from '../../store/index.js';
+import type { BlockStdScope } from '../std/index.js';
+import type { Store, TransformerMiddleware } from '../store/index.js';
 import { LitElement, type PropertyValues } from 'lit';
 export declare const AFFINE_ADAPTER_PANEL = "affine-adapter-panel";
 declare const AdapterPanel_base: typeof LitElement & import("../global/utils/types.js").Constructor<import("../global/lit/with-disposable.js").DisposableClass>;

package/dist/_pkgs/affine-fragment-frame-panel/body/frame-panel-body.d.ts

@@ -11,8 +11,15 @@ export declare class FramePanelBody extends FramePanelBody_base {
      */
     private readonly _clickBlank;
     private _docDisposables;
-    private _frameElementHeight;
     private _frameItems;
+    /** The side panels' one reorder gesture (ADR 0034), made on connect. */
+    private _reorder;
+    /** The card a press landed on: what a pick-up picks up. */
+    private _pressed;
+    /** The dragged cards' copies following the pointer, top one last. */
+    private _ghosts;
+    /** The list's `gap`, read once at the pick-up: the drop line sits in it. */
+    private _listGap;
     private _indicatorTranslateY;
     private _lastEdgelessRootId;
     private get _gfx();
@@ -20,10 +27,36 @@ export declare class FramePanelBody extends FramePanelBody_base {
     private readonly _updateFrameItems;
     get frames(): FrameBlockModel[];
     get viewportPadding(): [number, number, number, number];
+    private _createReorderDrag;
+    /** The cards on screen, in presentation order. */
+    private _cards;
+    /** A press on a card: the controller decides whether it becomes a drag. */
     private _drag;
+    /**
+     * The press became a drag. The pressed card is selected if it was not
+     * (shift adds it to the selection), and every selected card moves: their
+     * copies — the last two, the top one counting them — follow the pointer,
+     * and the cards themselves stay in place as placeholders.
+     */
+    private _pickUp;
+    /**
+     * A release at the gap `gap` puts the selected cards right before the first
+     * card at or after it that does not move, or at the end. The line sits in
+     * the middle of the list's gap: above the card under the gap, or under the
+     * last card — the frame panel's own drag used to draw that last one at 0.
+     */
+    private _dropAt;
     private _fitToElement;
     private _renderEmptyContent;
     private _renderFrameList;
+    /**
+     * Move the selected cards, as one block, right before the frame `before`
+     * (`null` = at the end; `_dropAt` picks it). The write is
+     * `canvas.frame.reorder` (ADR 0034): the read-only refusal, the no-op check
+     * and the one undo step live in its action, run through the imported
+     * descriptor so the panel reorders in page mode too, where the command is
+     * not registered.
+     */
     private _reorderFrames;
     private _setDocDisposables;
     private _updateFrames;
@@ -34,7 +67,6 @@ export declare class FramePanelBody extends FramePanelBody_base {
     updated(_changedProperties: PropertyValues): void;
     private accessor _dragging;
     private accessor _selected;
-    accessor domHost: Document | HTMLElement;
     accessor editorHost: EditorHost;
     accessor fitPadding: number[];
     accessor frameListContainer: HTMLElement;