@formicoidea/labre-core 0.56.0 → 0.58.0

package/dist/host-panels.js

@@ -57,8 +57,18 @@ import { frameworkDescriptor } from './frameworks.js';
  */
 export { getCommandIcon, getCommandsForSurface, getRegisteredCommands, runCommand, runCommandAsync, } from './_pkgs/std/index.js';
 export { armArtefact } from './_pkgs/affine-widget-edgeless-toolbar/index.js';
-export { selectionPaneTree, } from './_pkgs/affine-block-surface/index.js';
+export { selectionPaneCommands, selectionPaneTree, } from './_pkgs/affine-block-surface/index.js';
 export { frameCommands, reorderFramesParams, } from './_pkgs/affine-block-frame/index.js';
+/*
+ * The side panels' one drag-to-reorder gesture (ADR 0034 §6), the one the
+ * library's frame panel and selection pane run: a host's slide list hands it
+ * its rows, its drop rule and its write (`canvas.frame.reorder`), and gets the
+ * threshold, the read-only refusal, the cursor mask, Escape and
+ * `pointercancel` as cancels and the swallowed click. A factory, not a class:
+ * the controller it returns is the host's, disposed with its panel. DOM types
+ * only, so a React panel types it without Lit (recette 1, P0-1.3).
+ */
+export { createPanelReorderDrag, panelReorderGap, } from './_pkgs/affine-shared/utils/index.js';
 /*
  * The properties panel (ADR 0035 §9b and §11). The editor asks the host to
  * show it through `PropertiesPanelExtension` and feeds the title band through
@@ -124,9 +134,12 @@ export function fitToModel(std, id, padding = [0, 0, 0, 0]) {
  * thumbnail renders one through `ExportManager` instead.
  *
  * Returns the element ready to be appended; `width` and `height` are the
- * preview box in CSS pixels (the panel's card is 280 × 166), `fillScreen`
- * covers the box instead of containing the frame. One mini editor per
- * preview: mount only the cards on screen. The element is defined by the
+ * preview box in CSS pixels, `fillScreen` covers the box instead of
+ * containing the frame. `fluid` (0.57) replaces the fixed box: the preview
+ * takes its container's width and the frame's proportions, never taller than
+ * wide, and follows the container as it is resized — the library's own panel
+ * cards draw it that way (recette 1, P0-1.2); `width` and `height` are then
+ * ignored. One mini editor per preview: mount only the cards on screen. The element is defined by the
  * frame panel's view extension, so it renders nothing in an assembly where the
  * `frame` flag is off (ADR 0009) — the same assembly where there is no frame
  * to preview.
@@ -141,6 +154,8 @@ export function createFramePreview(std, frame, options = {}) {
         preview.surfaceHeight = options.height;
     if (options.fillScreen !== undefined)
         preview.fillScreen = options.fillScreen;
+    if (options.fluid !== undefined)
+        preview.fluid = options.fluid;
     return preview;
 }
 /**

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@formicoidea/labre-core",
   "description": "Labre editor — the full BlockSuite-derived editor as one package.",
-  "version": "0.56.0",
+  "version": "0.58.0",
   "type": "module",
   "sideEffects": false,
   "author": "lajola",

package/dist/_pkgs/affine-fragment-frame-panel/card/frame-card-title-editor.d.ts

@@ -1,25 +0,0 @@
-import type { FrameBlockModel } from '../../affine-model/index.js';
-import type { RichText } from '../../affine-rich-text/index.js';
-import { ShadowlessElement } from '../../std/index.js';
-export declare const AFFINE_FRAME_TITLE_EDITOR = "affine-frame-card-title-editor";
-declare const FrameCardTitleEditor_base: typeof ShadowlessElement & import("../../global/utils/types.js").Constructor<import("../../global/lit/with-disposable.js").DisposableClass>;
-export declare class FrameCardTitleEditor extends FrameCardTitleEditor_base {
-    static styles: import("lit").CSSResult;
-    private readonly _isComposing;
-    get inlineEditor(): import("../../affine-shared/types/index.js").AffineInlineEditor | null;
-    private _unmount;
-    firstUpdated(): void;
-    getUpdateComplete(): Promise<boolean>;
-    render(): import("lit-html").TemplateResult<1>;
-    accessor frameModel: FrameBlockModel;
-    accessor left: number;
-    accessor maxWidth: number;
-    accessor richText: RichText;
-    accessor titleContentElement: HTMLElement;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        [AFFINE_FRAME_TITLE_EDITOR]: FrameCardTitleEditor;
-    }
-}
-export {};

package/dist/_pkgs/affine-fragment-frame-panel/card/frame-card-title-editor.js

@@ -1,181 +0,0 @@
-var __esDecorate = (this && this.__esDecorate) || function (ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {
-    function accept(f) { if (f !== void 0 && typeof f !== "function") throw new TypeError("Function expected"); return f; }
-    var kind = contextIn.kind, key = kind === "getter" ? "get" : kind === "setter" ? "set" : "value";
-    var target = !descriptorIn && ctor ? contextIn["static"] ? ctor : ctor.prototype : null;
-    var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});
-    var _, done = false;
-    for (var i = decorators.length - 1; i >= 0; i--) {
-        var context = {};
-        for (var p in contextIn) context[p] = p === "access" ? {} : contextIn[p];
-        for (var p in contextIn.access) context.access[p] = contextIn.access[p];
-        context.addInitializer = function (f) { if (done) throw new TypeError("Cannot add initializers after decoration has completed"); extraInitializers.push(accept(f || null)); };
-        var result = (0, decorators[i])(kind === "accessor" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);
-        if (kind === "accessor") {
-            if (result === void 0) continue;
-            if (result === null || typeof result !== "object") throw new TypeError("Object expected");
-            if (_ = accept(result.get)) descriptor.get = _;
-            if (_ = accept(result.set)) descriptor.set = _;
-            if (_ = accept(result.init)) initializers.unshift(_);
-        }
-        else if (_ = accept(result)) {
-            if (kind === "field") initializers.unshift(_);
-            else descriptor[key] = _;
-        }
-    }
-    if (target) Object.defineProperty(target, contextIn.name, descriptor);
-    done = true;
-};
-var __runInitializers = (this && this.__runInitializers) || function (thisArg, initializers, value) {
-    var useValue = arguments.length > 2;
-    for (var i = 0; i < initializers.length; i++) {
-        value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);
-    }
-    return useValue ? value : void 0;
-};
-import { WithDisposable } from '../../global/lit/index.js';
-import { ShadowlessElement } from '../../std/index.js';
-import { css, html } from 'lit';
-import { property, query } from 'lit/decorators.js';
-import { styleMap } from 'lit/directives/style-map.js';
-const styles = css `
-  frame-card-title-editor rich-text .nowrap-lines::-webkit-scrollbar {
-    display: none;
-  }
-`;
-export const AFFINE_FRAME_TITLE_EDITOR = 'affine-frame-card-title-editor';
-let FrameCardTitleEditor = (() => {
-    let _classSuper = WithDisposable(ShadowlessElement);
-    let _frameModel_decorators;
-    let _frameModel_initializers = [];
-    let _frameModel_extraInitializers = [];
-    let _left_decorators;
-    let _left_initializers = [];
-    let _left_extraInitializers = [];
-    let _maxWidth_decorators;
-    let _maxWidth_initializers = [];
-    let _maxWidth_extraInitializers = [];
-    let _richText_decorators;
-    let _richText_initializers = [];
-    let _richText_extraInitializers = [];
-    let _titleContentElement_decorators;
-    let _titleContentElement_initializers = [];
-    let _titleContentElement_extraInitializers = [];
-    return class FrameCardTitleEditor extends _classSuper {
-        static {
-            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
-            _frameModel_decorators = [property({ attribute: false })];
-            _left_decorators = [property({ attribute: false })];
-            _maxWidth_decorators = [property({ attribute: false })];
-            _richText_decorators = [query('rich-text')];
-            _titleContentElement_decorators = [property({ attribute: false })];
-            __esDecorate(this, null, _frameModel_decorators, { kind: "accessor", name: "frameModel", static: false, private: false, access: { has: obj => "frameModel" in obj, get: obj => obj.frameModel, set: (obj, value) => { obj.frameModel = value; } }, metadata: _metadata }, _frameModel_initializers, _frameModel_extraInitializers);
-            __esDecorate(this, null, _left_decorators, { kind: "accessor", name: "left", static: false, private: false, access: { has: obj => "left" in obj, get: obj => obj.left, set: (obj, value) => { obj.left = value; } }, metadata: _metadata }, _left_initializers, _left_extraInitializers);
-            __esDecorate(this, null, _maxWidth_decorators, { kind: "accessor", name: "maxWidth", static: false, private: false, access: { has: obj => "maxWidth" in obj, get: obj => obj.maxWidth, set: (obj, value) => { obj.maxWidth = value; } }, metadata: _metadata }, _maxWidth_initializers, _maxWidth_extraInitializers);
-            __esDecorate(this, null, _richText_decorators, { kind: "accessor", name: "richText", static: false, private: false, access: { has: obj => "richText" in obj, get: obj => obj.richText, set: (obj, value) => { obj.richText = value; } }, metadata: _metadata }, _richText_initializers, _richText_extraInitializers);
-            __esDecorate(this, null, _titleContentElement_decorators, { kind: "accessor", name: "titleContentElement", static: false, private: false, access: { has: obj => "titleContentElement" in obj, get: obj => obj.titleContentElement, set: (obj, value) => { obj.titleContentElement = value; } }, metadata: _metadata }, _titleContentElement_initializers, _titleContentElement_extraInitializers);
-            if (_metadata) Object.defineProperty(this, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
-        }
-        static { this.styles = styles; }
-        get inlineEditor() {
-            return this.richText.inlineEditor;
-        }
-        _unmount() {
-            // dispose in advance to avoid execute `this.remove()` twice
-            this.disposables.dispose();
-            this.remove();
-            this.titleContentElement.style.display = 'block';
-        }
-        firstUpdated() {
-            this.updateComplete
-                .then(() => {
-                if (this.inlineEditor === null)
-                    return;
-                this.titleContentElement.style.display = 'none';
-                this.inlineEditor.selectAll();
-                this.inlineEditor.slots.renderComplete.subscribe(() => {
-                    this.requestUpdate();
-                });
-                const inlineEditorContainer = this.inlineEditor.rootElement;
-                if (!inlineEditorContainer)
-                    return;
-                this.disposables.addFromEvent(inlineEditorContainer, 'blur', () => {
-                    this._unmount();
-                });
-                this.disposables.addFromEvent(inlineEditorContainer, 'click', e => {
-                    e.stopPropagation();
-                });
-                this.disposables.addFromEvent(inlineEditorContainer, 'dblclick', e => {
-                    e.stopPropagation();
-                });
-                this.disposables.addFromEvent(inlineEditorContainer, 'keydown', e => {
-                    e.stopPropagation();
-                    if (e.key === 'Enter' && !this._isComposing) {
-                        this._unmount();
-                    }
-                });
-            })
-                .catch(console.error);
-        }
-        async getUpdateComplete() {
-            const result = await super.getUpdateComplete();
-            await this.richText?.updateComplete;
-            return result;
-        }
-        render() {
-            const inlineEditorStyle = styleMap({
-                transformOrigin: 'top left',
-                borderRadius: '4px',
-                maxWidth: `${this.maxWidth}px`,
-                maxHeight: '20px',
-                width: 'fit-content',
-                height: '20px',
-                fontSize: 'var(--affine-font-sm)',
-                lineHeight: '20px',
-                position: 'absolute',
-                left: `${this.left}px`,
-                top: '0px',
-                minWidth: '8px',
-                background: 'var(--affine-background-primary-color)',
-                border: '1px solid var(--affine-primary-color)',
-                color: 'var(--affine-text-primary-color)',
-                boxShadow: '0px 0px 0px 2px color-mix(in srgb, var(--affine-primary-color) 30%, transparent)',
-                zIndex: '1',
-                display: 'block',
-            });
-            return html `<rich-text
-      .yText=${this.frameModel.props.title.yText}
-      .enableFormat=${false}
-      .enableAutoScrollHorizontally=${true}
-      .enableUndoRedo=${false}
-      .wrapText=${false}
-      style=${inlineEditorStyle}
-    ></rich-text>`;
-        }
-        #frameModel_accessor_storage;
-        get frameModel() { return this.#frameModel_accessor_storage; }
-        set frameModel(value) { this.#frameModel_accessor_storage = value; }
-        #left_accessor_storage;
-        get left() { return this.#left_accessor_storage; }
-        set left(value) { this.#left_accessor_storage = value; }
-        #maxWidth_accessor_storage;
-        get maxWidth() { return this.#maxWidth_accessor_storage; }
-        set maxWidth(value) { this.#maxWidth_accessor_storage = value; }
-        #richText_accessor_storage;
-        get richText() { return this.#richText_accessor_storage; }
-        set richText(value) { this.#richText_accessor_storage = value; }
-        #titleContentElement_accessor_storage;
-        get titleContentElement() { return this.#titleContentElement_accessor_storage; }
-        set titleContentElement(value) { this.#titleContentElement_accessor_storage = value; }
-        constructor() {
-            super(...arguments);
-            this._isComposing = false;
-            this.#frameModel_accessor_storage = __runInitializers(this, _frameModel_initializers, void 0);
-            this.#left_accessor_storage = (__runInitializers(this, _frameModel_extraInitializers), __runInitializers(this, _left_initializers, void 0));
-            this.#maxWidth_accessor_storage = (__runInitializers(this, _left_extraInitializers), __runInitializers(this, _maxWidth_initializers, void 0));
-            this.#richText_accessor_storage = (__runInitializers(this, _maxWidth_extraInitializers), __runInitializers(this, _richText_initializers, void 0));
-            this.#titleContentElement_accessor_storage = (__runInitializers(this, _richText_extraInitializers), __runInitializers(this, _titleContentElement_initializers, void 0));
-            __runInitializers(this, _titleContentElement_extraInitializers);
-        }
-    };
-})();
-export { FrameCardTitleEditor };