@formicoidea/labre-core 0.30.1 → 0.32.0

package/dist/_pkgs/affine-block-frame/edgeless-toolbar/index.d.ts

@@ -1,5 +1,5 @@
-export * from './config';
-export * from './frame-dense-menu';
-export * from './frame-menu';
-export * from './frame-tool-button';
-export * from './quick-tool';
+export * from './config.js';
+export * from './frame-dense-menu.js';
+export * from './frame-menu.js';
+export * from './frame-tool-button.js';
+export * from './quick-tool.js';

package/dist/_pkgs/affine-block-frame/edgeless-toolbar/index.js

@@ -1,5 +1,5 @@
-export * from './config';
-export * from './frame-dense-menu';
-export * from './frame-menu';
-export * from './frame-tool-button';
-export * from './quick-tool';
+export * from './config.js';
+export * from './frame-dense-menu.js';
+export * from './frame-menu.js';
+export * from './frame-tool-button.js';
+export * from './quick-tool.js';

package/dist/_pkgs/affine-block-frame/edgeless-toolbar/presentation-toolbar.d.ts

@@ -1,7 +1,7 @@
 import type { FrameBlockModel } from '../../affine-model/index.js';
 import type { BlockComponent } from '../../std/index.js';
 import { LitElement, type PropertyValues } from 'lit';
-import { PresentTool } from '../present-tool';
+import { PresentTool } from '../present-tool.js';
 declare const PresentationToolbar_base: typeof LitElement & import("../../global/utils/types.js").Constructor<import("../../affine-widget-edgeless-toolbar/index.js").EdgelessToolbarToolClass>;
 export declare class PresentationToolbar extends PresentationToolbar_base {
     static styles: import("lit").CSSResult;

package/dist/_pkgs/affine-block-frame/edgeless-toolbar/presentation-toolbar.js

@@ -44,8 +44,8 @@ import { effect } from '@preact/signals-core';
 import { cssVar } from '@toeverything/theme';
 import { css, html, LitElement, nothing } from 'lit';
 import { property, state } from 'lit/decorators.js';
-import { EdgelessFrameManagerIdentifier, isFrameBlock, } from '../frame-manager';
-import { PresentTool } from '../present-tool';
+import { EdgelessFrameManagerIdentifier, isFrameBlock, } from '../frame-manager.js';
+import { PresentTool } from '../present-tool.js';
 let PresentationToolbar = (() => {
     let _classSuper = EdgelessToolbarToolMixin(SignalWatcher(LitElement));
     let __currentFrameIndex_decorators;

package/dist/_pkgs/affine-block-frame/edgeless-toolbar/quick-tool.js

@@ -1,6 +1,6 @@
 import { QuickToolExtension } from '../../affine-widget-edgeless-toolbar/index.js';
 import { html } from 'lit';
-import { buildFrameDenseMenu } from './frame-dense-menu';
+import { buildFrameDenseMenu } from './frame-dense-menu.js';
 export const frameQuickTool = QuickToolExtension('frame', ({ block, gfx }) => {
     return {
         type: 'frame',

package/dist/_pkgs/affine-block-frame/effects.d.ts

@@ -1,11 +1,11 @@
-import { EdgelessFrameMenu, EdgelessFrameToolButton } from './edgeless-toolbar';
-import { PresentationToolbar } from './edgeless-toolbar/presentation-toolbar';
-import { FrameBlockComponent } from './frame-block';
-import { EdgelessFrameOrderButton } from './present/frame-order-button';
-import { EdgelessFrameOrderMenu } from './present/frame-order-menu';
-import { EdgelessNavigatorBlackBackgroundWidget } from './present/navigator-bg-widget';
-import { EdgelessNavigatorSettingButton } from './present/navigator-setting-button';
-import { EdgelessPresentButton } from './present/present-button';
+import { EdgelessFrameMenu, EdgelessFrameToolButton } from './edgeless-toolbar/index.js';
+import { PresentationToolbar } from './edgeless-toolbar/presentation-toolbar.js';
+import { FrameBlockComponent } from './frame-block.js';
+import { EdgelessFrameOrderButton } from './present/frame-order-button.js';
+import { EdgelessFrameOrderMenu } from './present/frame-order-menu.js';
+import { EdgelessNavigatorBlackBackgroundWidget } from './present/navigator-bg-widget.js';
+import { EdgelessNavigatorSettingButton } from './present/navigator-setting-button.js';
+import { EdgelessPresentButton } from './present/present-button.js';
 export declare function effects(): void;
 declare global {
     interface HTMLElementTagNameMap {

package/dist/_pkgs/affine-block-frame/effects.js

@@ -1,11 +1,11 @@
-import { EdgelessFrameMenu, EdgelessFrameToolButton } from './edgeless-toolbar';
-import { PresentationToolbar } from './edgeless-toolbar/presentation-toolbar';
-import { FrameBlockComponent } from './frame-block';
-import { EdgelessFrameOrderButton } from './present/frame-order-button';
-import { EdgelessFrameOrderMenu } from './present/frame-order-menu';
-import { EDGELESS_NAVIGATOR_BLACK_BACKGROUND_WIDGET, EdgelessNavigatorBlackBackgroundWidget, } from './present/navigator-bg-widget';
-import { EdgelessNavigatorSettingButton } from './present/navigator-setting-button';
-import { EdgelessPresentButton } from './present/present-button';
+import { EdgelessFrameMenu, EdgelessFrameToolButton } from './edgeless-toolbar/index.js';
+import { PresentationToolbar } from './edgeless-toolbar/presentation-toolbar.js';
+import { FrameBlockComponent } from './frame-block.js';
+import { EdgelessFrameOrderButton } from './present/frame-order-button.js';
+import { EdgelessFrameOrderMenu } from './present/frame-order-menu.js';
+import { EDGELESS_NAVIGATOR_BLACK_BACKGROUND_WIDGET, EdgelessNavigatorBlackBackgroundWidget, } from './present/navigator-bg-widget.js';
+import { EdgelessNavigatorSettingButton } from './present/navigator-setting-button.js';
+import { EdgelessPresentButton } from './present/present-button.js';
 export function effects() {
     customElements.define('affine-frame', FrameBlockComponent);
     customElements.define('edgeless-frame-tool-button', EdgelessFrameToolButton);

package/dist/_pkgs/affine-block-frame/frame-block.js

@@ -43,7 +43,7 @@ import { html } from 'lit';
 import { state } from 'lit/decorators.js';
 import { repeat } from 'lit/directives/repeat.js';
 import { styleMap } from 'lit/directives/style-map.js';
-import { EdgelessFrameManagerIdentifier, } from './frame-manager';
+import { EdgelessFrameManagerIdentifier, } from './frame-manager.js';
 let FrameBlockComponent = (() => {
     let _classSuper = GfxBlockComponent;
     let _showBorder_decorators;

package/dist/_pkgs/affine-block-frame/frame-highlight-manager.d.ts

@@ -1,5 +1,5 @@
 import { InteractivityExtension } from '../std/gfx/index.js';
-import { type EdgelessFrameManager, type FrameOverlay } from './frame-manager';
+import { type EdgelessFrameManager, type FrameOverlay } from './frame-manager.js';
 export declare class FrameHighlightManager extends InteractivityExtension {
     static key: string;
     get frameMgr(): EdgelessFrameManager;

package/dist/_pkgs/affine-block-frame/frame-highlight-manager.js

@@ -1,7 +1,7 @@
 import { OverlayIdentifier } from '../affine-block-surface/index.js';
 import { FrameBlockModel, MindmapElementModel } from '../affine-model/index.js';
 import { getTopElements, GfxExtensionIdentifier, InteractivityExtension, } from '../std/gfx/index.js';
-import { isFrameBlock, } from './frame-manager';
+import { isFrameBlock, } from './frame-manager.js';
 export class FrameHighlightManager extends InteractivityExtension {
     static { this.key = 'frame-highlight-manager'; }
     get frameMgr() {

package/dist/_pkgs/affine-block-frame/frame-manager.d.ts

@@ -36,6 +36,19 @@ export declare class EdgelessFrameManager extends GfxExtension {
     private _addChildrenToLegacyFrame;
     private _addFrameBlock;
     private _watchElementAdded;
+    /**
+     * Whether `element` fully encloses `frame`.
+     *
+     * A frame always renders behind everything it owns (`compare` short-circuits
+     * on the ancestor relationship, ignoring indexes) and "bring to front" only
+     * reorders top-level siblings — a grouped child is no longer one. So if a
+     * frame auto-adopted an element that encloses it (a Wardley map background
+     * the frame was drawn on top of, matched only because its center happened to
+     * fall inside the frame), the frame would be permanently buried behind its
+     * own child with no way to raise it. Such a backdrop must never become frame
+     * content. Mirrors the existing frame-inside-frame guard for canvas elements.
+     */
+    private _enclosesFrame;
     /**
      * Adopt an element that was just created inside the frame's bounds.
      *

package/dist/_pkgs/affine-block-frame/frame-manager.js

@@ -1,4 +1,5 @@
 import { Overlay } from '../affine-block-surface/index.js';
+import { FrameworkBackgroundElementModel } from '../affine-model/index.js';
 import { EditPropsStore } from '../affine-shared/services/index.js';
 import { DisposableGroup } from '../global/disposable/index.js';
 import { BlockSuiteError, ErrorCode } from '../global/exceptions/index.js';
@@ -186,8 +187,10 @@ export class EdgelessFrameManager extends GfxExtension {
                         element.hasChild(frame)) {
                         return;
                     }
-                    // Only add elements that aren't already grouped and have a valid frame
-                    if (!element.group && frame) {
+                    // Only add elements that aren't already grouped and have a valid
+                    // frame, and never let the frame swallow a backdrop that encloses
+                    // it (e.g. a Wardley map background the frame was drawn on top of).
+                    if (!element.group && frame && !this._enclosesFrame(element, frame)) {
                         this._adoptNewlyCreatedElement(frame, element);
                     }
                 });
@@ -204,6 +207,12 @@ export class EdgelessFrameManager extends GfxExtension {
                     payload.model.containsBound(frame.elementBound)) {
                     return;
                 }
+                // A block that encloses the frame is a backdrop, not frame content —
+                // adopting it would bury the frame behind its own child (see
+                // `_enclosesFrame`).
+                if (this._enclosesFrame(payload.model, frame)) {
+                    return;
+                }
                 if (payload.isLocal) {
                     this._adoptNewlyCreatedElement(frame, payload.model);
                 }
@@ -216,6 +225,27 @@ export class EdgelessFrameManager extends GfxExtension {
             }
         }));
     }
+    /**
+     * Whether `element` fully encloses `frame`.
+     *
+     * A frame always renders behind everything it owns (`compare` short-circuits
+     * on the ancestor relationship, ignoring indexes) and "bring to front" only
+     * reorders top-level siblings — a grouped child is no longer one. So if a
+     * frame auto-adopted an element that encloses it (a Wardley map background
+     * the frame was drawn on top of, matched only because its center happened to
+     * fall inside the frame), the frame would be permanently buried behind its
+     * own child with no way to raise it. Such a backdrop must never become frame
+     * content. Mirrors the existing frame-inside-frame guard for canvas elements.
+     */
+    _enclosesFrame(element, frame) {
+        // A framework background is never frame content, whatever its geometry:
+        // the geometric test below has a hole (a frame TALLER than the map
+        // satisfies center-in-frame adoption without being fully enclosed), and
+        // since PF2 the model says outright what the geometry only hinted at.
+        if (element instanceof FrameworkBackgroundElementModel)
+            return true;
+        return element.elementBound.contains(frame.elementBound);
+    }
     /**
      * Adopt an element that was just created inside the frame's bounds.
      *

package/dist/_pkgs/affine-block-frame/frame-spec.js

@@ -1,8 +1,8 @@
 import { FrameBlockSchema } from '../affine-model/index.js';
 import { BlockViewExtension } from '../std/index.js';
 import { literal } from 'lit/static-html.js';
-import { FrameBlockInteraction } from './frame-block';
-import { EdgelessFrameManager, FrameOverlay } from './frame-manager';
+import { FrameBlockInteraction } from './frame-block.js';
+import { EdgelessFrameManager, FrameOverlay } from './frame-manager.js';
 const flavour = FrameBlockSchema.model.flavour;
 export const FrameBlockSpec = [
     BlockViewExtension(flavour, literal `affine-frame`),

package/dist/_pkgs/affine-block-frame/frame-tool.d.ts

@@ -1,11 +1,11 @@
 import type { PointerEventState } from '../std/index.js';
 import { BaseTool } from '../std/gfx/index.js';
-import { type FrameOverlay } from './frame-manager';
+import { type FrameOverlay } from './frame-manager.js';
 export declare class FrameTool extends BaseTool {
     static toolName: string;
     private _frame;
     private _startPoint;
-    get frameManager(): import("./frame-manager").EdgelessFrameManager;
+    get frameManager(): import("./frame-manager.js").EdgelessFrameManager;
     get frameOverlay(): FrameOverlay;
     private _toModelCoord;
     dragEnd(): void;

package/dist/_pkgs/affine-block-frame/frame-tool.js

@@ -4,7 +4,7 @@ import { Bound, Vec } from '../global/gfx/index.js';
 import { BaseTool, getTopElements } from '../std/gfx/index.js';
 import { Text } from '../store/index.js';
 import * as Y from 'yjs';
-import { EdgelessFrameManagerIdentifier, } from './frame-manager';
+import { EdgelessFrameManagerIdentifier, } from './frame-manager.js';
 export class FrameTool extends BaseTool {
     constructor() {
         super(...arguments);

package/dist/_pkgs/affine-block-frame/frame-toolbar.js

@@ -10,7 +10,7 @@ import { EditIcon, InsertIntoPageIcon, UngroupIcon, } from '@blocksuite/icons/li
 import { BlockFlavourIdentifier } from '../std/index.js';
 import { GfxControllerIdentifier } from '../std/gfx/index.js';
 import { html } from 'lit';
-import { EdgelessFrameManagerIdentifier } from './frame-manager';
+import { EdgelessFrameManagerIdentifier } from './frame-manager.js';
 function getRootBlock(ctx) {
     const rootModel = ctx.store.root;
     if (!rootModel)

package/dist/_pkgs/affine-block-frame/index.d.ts

@@ -1,9 +1,9 @@
-export * from './edgeless-clipboard-config';
-export * from './edgeless-toolbar';
-export * from './frame-block';
-export * from './frame-highlight-manager';
-export * from './frame-manager';
-export * from './frame-spec';
-export * from './frame-tool';
-export * from './frame-toolbar';
-export * from './present-tool';
+export * from './edgeless-clipboard-config.js';
+export * from './edgeless-toolbar/index.js';
+export * from './frame-block.js';
+export * from './frame-highlight-manager.js';
+export * from './frame-manager.js';
+export * from './frame-spec.js';
+export * from './frame-tool.js';
+export * from './frame-toolbar.js';
+export * from './present-tool.js';

package/dist/_pkgs/affine-block-frame/index.js

@@ -1,9 +1,9 @@
-export * from './edgeless-clipboard-config';
-export * from './edgeless-toolbar';
-export * from './frame-block';
-export * from './frame-highlight-manager';
-export * from './frame-manager';
-export * from './frame-spec';
-export * from './frame-tool';
-export * from './frame-toolbar';
-export * from './present-tool';
+export * from './edgeless-clipboard-config.js';
+export * from './edgeless-toolbar/index.js';
+export * from './frame-block.js';
+export * from './frame-highlight-manager.js';
+export * from './frame-manager.js';
+export * from './frame-spec.js';
+export * from './frame-tool.js';
+export * from './frame-toolbar.js';
+export * from './present-tool.js';

package/dist/_pkgs/affine-block-frame/present/frame-order-menu.js

@@ -39,7 +39,7 @@ import { generateKeyBetweenV2 } from '../../std/gfx/index.js';
 import { css, html, LitElement, nothing } from 'lit';
 import { property, query, state } from 'lit/decorators.js';
 import { repeat } from 'lit/directives/repeat.js';
-import { EdgelessFrameManagerIdentifier } from '../frame-manager';
+import { EdgelessFrameManagerIdentifier } from '../frame-manager.js';
 let EdgelessFrameOrderMenu = (() => {
     let _classSuper = SignalWatcher(WithDisposable(LitElement));
     let __clone_decorators;

package/dist/_pkgs/affine-block-frame/present/navigator-bg-widget.js

@@ -41,7 +41,7 @@ import { effect } from '@preact/signals-core';
 import { css, html, nothing } from 'lit';
 import { state } from 'lit/decorators.js';
 import { literal, unsafeStatic } from 'lit/static-html.js';
-import { PresentTool } from '../present-tool';
+import { PresentTool } from '../present-tool.js';
 export const EDGELESS_NAVIGATOR_BLACK_BACKGROUND_WIDGET = 'edgeless-navigator-black-background';
 let EdgelessNavigatorBlackBackgroundWidget = (() => {
     let _classSuper = WidgetComponent;

package/dist/_pkgs/affine-block-frame/present/present-button.d.ts

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

package/dist/_pkgs/affine-block-frame/present/present-button.js

@@ -1,7 +1,7 @@
 import { EdgelessToolbarToolMixin, QuickToolMixin, } from '../../affine-widget-edgeless-toolbar/index.js';
 import { PresentationIcon } from '@blocksuite/icons/lit';
 import { css, html, LitElement } from 'lit';
-import { PresentTool } from '../present-tool';
+import { PresentTool } from '../present-tool.js';
 export class EdgelessPresentButton extends QuickToolMixin(EdgelessToolbarToolMixin(LitElement)) {
     constructor() {
         super(...arguments);

package/dist/_pkgs/affine-block-frame/present-tool.d.ts

@@ -1,5 +1,5 @@
 import { BaseTool } from '../std/gfx/index.js';
-import type { NavigatorMode } from './frame-manager';
+import type { NavigatorMode } from './frame-manager.js';
 export type PresentToolOption = {
     mode?: NavigatorMode;
     restoredAfterPan?: boolean;

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

@@ -1,14 +1,14 @@
 import { ViewExtensionProvider, } from '../affine-ext-loader/index.js';
-import { EdgelessClipboardFrameConfig } from './edgeless-clipboard-config';
-import { frameQuickTool } from './edgeless-toolbar';
-import { effects } from './effects';
-import { FrameBlockInteraction } from './frame-block';
-import { FrameHighlightManager } from './frame-highlight-manager';
-import { FrameBlockSpec } from './frame-spec';
-import { FrameTool } from './frame-tool';
-import { frameToolbarExtension } from './frame-toolbar';
-import { edgelessNavigatorBgWidget } from './present/navigator-bg-widget';
-import { PresentTool } from './present-tool';
+import { EdgelessClipboardFrameConfig } from './edgeless-clipboard-config.js';
+import { frameQuickTool } from './edgeless-toolbar/index.js';
+import { effects } from './effects.js';
+import { FrameBlockInteraction } from './frame-block.js';
+import { FrameHighlightManager } from './frame-highlight-manager.js';
+import { FrameBlockSpec } from './frame-spec.js';
+import { FrameTool } from './frame-tool.js';
+import { frameToolbarExtension } from './frame-toolbar.js';
+import { edgelessNavigatorBgWidget } from './present/navigator-bg-widget.js';
+import { PresentTool } from './present-tool.js';
 export class FrameViewExtension extends ViewExtensionProvider {
     constructor() {
         super(...arguments);

package/dist/_pkgs/affine-block-image/adapters/html.js

@@ -1,7 +1,7 @@
 import { ImageBlockSchema } from '../../affine-model/index.js';
 import { BlockHtmlAdapterExtension, HastUtils, } from '../../affine-shared/adapters/index.js';
 import { getAssetName } from '../../store/index.js';
-import { processImageNodeToBlock } from './utils';
+import { processImageNodeToBlock } from './utils.js';
 export const imageBlockHtmlAdapterMatcher = {
     flavour: ImageBlockSchema.model.flavour,
     toMatch: o => HastUtils.isElement(o.node) && o.node.tagName === 'img',

package/dist/_pkgs/affine-block-image/adapters/markdown.js

@@ -1,7 +1,7 @@
 import { ImageBlockSchema } from '../../affine-model/index.js';
 import { BlockMarkdownAdapterExtension, } from '../../affine-shared/adapters/index.js';
 import { getAssetName } from '../../store/index.js';
-import { processImageNodeToBlock } from './utils';
+import { processImageNodeToBlock } from './utils.js';
 const isImageNode = (node) => node.type === 'image';
 export const imageBlockMarkdownAdapterMatcher = {
     flavour: ImageBlockSchema.model.flavour,

package/dist/_pkgs/affine-block-image/adapters/notion-html.js

@@ -1,6 +1,6 @@
 import { ImageBlockSchema } from '../../affine-model/index.js';
 import { BlockNotionHtmlAdapterExtension, HastUtils, } from '../../affine-shared/adapters/index.js';
-import { processImageNodeToBlock } from './utils';
+import { processImageNodeToBlock } from './utils.js';
 export const imageBlockNotionHtmlAdapterMatcher = {
     flavour: ImageBlockSchema.model.flavour,
     toMatch: o => {

package/dist/_pkgs/affine-block-image/commands/insert-images.js

@@ -1,5 +1,5 @@
 import { getImageFilesFromLocal } from '../../affine-shared/utils/index.js';
-import { addSiblingImageBlocks } from '../utils';
+import { addSiblingImageBlocks } from '../utils.js';
 export const insertImagesCommand = (ctx, next) => {
     const { selectedModels, placement, removeEmptyLine, std } = ctx;
     if (!selectedModels?.length)

package/dist/_pkgs/affine-block-image/components/page-image-block.d.ts

@@ -1,7 +1,7 @@
 import type { ResolvedStateInfo } from '../../affine-components/resource/index.js';
 import { ShadowlessElement } from '../../std/index.js';
 import { type PropertyValues } from 'lit';
-import type { ImageBlockComponent } from '../image-block';
+import type { ImageBlockComponent } from '../image-block.js';
 declare const ImageBlockPageComponent_base: typeof ShadowlessElement & import("../../global/utils/types.js").Constructor<import("../../global/lit/with-disposable.js").DisposableClass>;
 export declare class ImageBlockPageComponent extends ImageBlockPageComponent_base {
     static styles: import("lit").CSSResult;

package/dist/_pkgs/affine-block-image/components/page-image-block.js

@@ -43,9 +43,9 @@ import { property, query } from 'lit/decorators.js';
 import { classMap } from 'lit/directives/class-map.js';
 import { styleMap } from 'lit/directives/style-map.js';
 import { when } from 'lit/directives/when.js';
-import { ImageResizeManager } from '../image-resize-manager';
-import { shouldResizeImage } from '../utils';
-import { ImageSelectedRect } from './image-selected-rect';
+import { ImageResizeManager } from '../image-resize-manager.js';
+import { shouldResizeImage } from '../utils.js';
+import { ImageSelectedRect } from './image-selected-rect.js';
 let ImageBlockPageComponent = (() => {
     let _classSuper = SignalWatcher(WithDisposable(ShadowlessElement));
     let _block_decorators;

package/dist/_pkgs/affine-block-image/configs/slash-menu.js

@@ -1,8 +1,8 @@
 import { getSelectedModelsCommand } from '../../affine-shared/commands/index.js';
 import {} from '../../affine-widget-slash-menu/index.js';
 import { ImageIcon } from '@blocksuite/icons/lit';
-import { insertImagesCommand } from '../commands';
-import { PhotoTooltip } from './tooltips';
+import { insertImagesCommand } from '../commands/index.js';
+import { PhotoTooltip } from './tooltips.js';
 export const imageSlashMenuConfig = {
     items: [
         {

package/dist/_pkgs/affine-block-image/configs/toolbar.js

@@ -2,9 +2,9 @@ import { ImageBlockModel } from '../../affine-model/index.js';
 import { ActionPlacement, blockCommentToolbarButton, ToolbarModuleExtension, } from '../../affine-shared/services/index.js';
 import { BookmarkIcon, CaptionIcon, CopyIcon, DeleteIcon, DownloadIcon, DuplicateIcon, } from '@blocksuite/icons/lit';
 import { BlockFlavourIdentifier } from '../../std/index.js';
-import { ImageBlockComponent } from '../image-block';
-import { ImageEdgelessBlockComponent } from '../image-edgeless-block';
-import { duplicate } from '../utils';
+import { ImageBlockComponent } from '../image-block.js';
+import { ImageEdgelessBlockComponent } from '../image-edgeless-block.js';
+import { duplicate } from '../utils.js';
 const trackBaseProps = {
     category: 'image',
     type: 'card view',

package/dist/_pkgs/affine-block-image/image-block.js

@@ -49,7 +49,7 @@ import { html } from 'lit';
 import { query } from 'lit/decorators.js';
 import { styleMap } from 'lit/directives/style-map.js';
 import { when } from 'lit/directives/when.js';
-import { copyImageBlob, downloadImageBlob, refreshData, turnImageIntoCardView, } from './utils';
+import { copyImageBlob, downloadImageBlob, refreshData, turnImageIntoCardView, } from './utils.js';
 let ImageBlockComponent = (() => {
     let _classDecorators = [Peekable({
             enableOn: () => !IS_MOBILE,

package/dist/_pkgs/affine-block-image/image-edgeless-block.js

@@ -46,7 +46,7 @@ import { css, html } from 'lit';
 import { query } from 'lit/decorators.js';
 import { styleMap } from 'lit/directives/style-map.js';
 import { when } from 'lit/directives/when.js';
-import { copyImageBlob, downloadImageBlob, refreshData, turnImageIntoCardView, } from './utils';
+import { copyImageBlob, downloadImageBlob, refreshData, turnImageIntoCardView, } from './utils.js';
 let ImageEdgelessBlockComponent = (() => {
     let _classDecorators = [Peekable()];
     let _classDescriptor;

package/dist/_pkgs/affine-block-image/image-spec.js

@@ -2,10 +2,10 @@ import { ImageBlockSchema } from '../affine-model/index.js';
 import { SlashMenuConfigExtension } from '../affine-widget-slash-menu/index.js';
 import { BlockViewExtension, FlavourExtension } from '../std/index.js';
 import { literal } from 'lit/static-html.js';
-import { imageSlashMenuConfig } from './configs/slash-menu';
-import { createBuiltinToolbarConfigExtension } from './configs/toolbar';
-import { ImageEdgelessBlockInteraction } from './image-edgeless-block';
-import { ImageDropOption } from './image-service';
+import { imageSlashMenuConfig } from './configs/slash-menu.js';
+import { createBuiltinToolbarConfigExtension } from './configs/toolbar.js';
+import { ImageEdgelessBlockInteraction } from './image-edgeless-block.js';
+import { ImageDropOption } from './image-service.js';
 const flavour = ImageBlockSchema.model.flavour;
 export const ImageBlockSpec = [
     FlavourExtension(flavour),

package/dist/_pkgs/affine-block-image/index.d.ts

@@ -1,11 +1,11 @@
-export * from './adapters';
-export * from './commands';
-export * from './edgeless-clipboard-config';
-export * from './image-block';
-export * from './image-edgeless-block';
-export * from './image-service';
-export * from './image-spec';
-export * from './turbo/image-layout-handler';
-export * from './turbo/image-painter.worker';
-export { addImages, addSiblingImageBlocks, downloadImageBlob } from './utils';
+export * from './adapters/index.js';
+export * from './commands/index.js';
+export * from './edgeless-clipboard-config.js';
+export * from './image-block.js';
+export * from './image-edgeless-block.js';
+export * from './image-service.js';
+export * from './image-spec.js';
+export * from './turbo/image-layout-handler.js';
+export * from './turbo/image-painter.worker.js';
+export { addImages, addSiblingImageBlocks, downloadImageBlob } from './utils.js';
 export { ImageSelection } from '../affine-shared/selection/index.js';

package/dist/_pkgs/affine-block-image/index.js

@@ -1,11 +1,11 @@
-export * from './adapters';
-export * from './commands';
-export * from './edgeless-clipboard-config';
-export * from './image-block';
-export * from './image-edgeless-block';
-export * from './image-service';
-export * from './image-spec';
-export * from './turbo/image-layout-handler';
-export * from './turbo/image-painter.worker';
-export { addImages, addSiblingImageBlocks, downloadImageBlob } from './utils';
+export * from './adapters/index.js';
+export * from './commands/index.js';
+export * from './edgeless-clipboard-config.js';
+export * from './image-block.js';
+export * from './image-edgeless-block.js';
+export * from './image-service.js';
+export * from './image-spec.js';
+export * from './turbo/image-layout-handler.js';
+export * from './turbo/image-painter.worker.js';
+export { addImages, addSiblingImageBlocks, downloadImageBlob } from './utils.js';
 export { ImageSelection } from '../affine-shared/selection/index.js';

package/dist/_pkgs/affine-block-image/store.js

@@ -1,7 +1,7 @@
 import { StoreExtensionProvider, } from '../affine-ext-loader/index.js';
 import { ImageBlockSchemaExtension } from '../affine-model/index.js';
 import { ImageSelectionExtension } from '../affine-shared/selection/index.js';
-import { ImageBlockAdapterExtensions } from './adapters/extension';
+import { ImageBlockAdapterExtensions } from './adapters/extension.js';
 export class ImageStoreExtension extends StoreExtensionProvider {
     constructor() {
         super(...arguments);

package/dist/_pkgs/affine-block-image/turbo/image-layout-handler.d.ts

@@ -4,7 +4,7 @@ import type { Container } from '../../global/di/index.js';
 import type { EditorHost } from '../../std/index.js';
 import { type ViewportRecord } from '../../std/gfx/index.js';
 import type { BlockModel } from '../../store/index.js';
-import type { ImageLayout } from './image-painter.worker';
+import type { ImageLayout } from './image-painter.worker.js';
 export declare class ImageLayoutHandlerExtension extends BlockLayoutHandlerExtension<ImageLayout> {
     readonly blockType = "affine:image";
     static setup(di: Container): void;

package/dist/_pkgs/affine-block-image/utils.d.ts

@@ -1,8 +1,8 @@
 import { Bound, type IVec } from '../global/gfx/index.js';
 import { type BlockStdScope } from '../std/index.js';
 import type { BlockModel } from '../store/index.js';
-import type { ImageBlockComponent } from './image-block';
-import type { ImageEdgelessBlockComponent } from './image-edgeless-block';
+import type { ImageBlockComponent } from './image-block.js';
+import type { ImageEdgelessBlockComponent } from './image-edgeless-block.js';
 export declare function refreshData(block: ImageBlockComponent | ImageEdgelessBlockComponent): Promise<void>;
 export declare function downloadImageBlob(block: ImageBlockComponent | ImageEdgelessBlockComponent): Promise<void>;
 export declare function resetImageSize(block: ImageBlockComponent | ImageEdgelessBlockComponent): Promise<void>;

package/dist/_pkgs/affine-block-image/utils.js

@@ -6,7 +6,7 @@ import { convertToPng, formatSize, getBlockProps, isInsidePageEditor, readImageS
 import { Bound, Vec } from '../global/gfx/index.js';
 import { BlockSelection } from '../std/index.js';
 import { GfxControllerIdentifier } from '../std/gfx/index.js';
-import { SURFACE_IMAGE_CARD_HEIGHT, SURFACE_IMAGE_CARD_WIDTH, } from './components/image-block-fallback';
+import { SURFACE_IMAGE_CARD_HEIGHT, SURFACE_IMAGE_CARD_WIDTH, } from './components/image-block-fallback.js';
 const DEFAULT_ATTACHMENT_NAME = 'affine-attachment';
 async function getImageBlob(model) {
     const sourceId = model.props.sourceId$.peek();

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

@@ -1,8 +1,8 @@
 import { ViewExtensionProvider, } from '../affine-ext-loader/index.js';
-import { EdgelessClipboardImageConfig } from './edgeless-clipboard-config';
-import { effects } from './effects';
-import { ImageEdgelessBlockInteraction } from './image-edgeless-block';
-import { ImageBlockSpec } from './image-spec';
+import { EdgelessClipboardImageConfig } from './edgeless-clipboard-config.js';
+import { effects } from './effects.js';
+import { ImageEdgelessBlockInteraction } from './image-edgeless-block.js';
+import { ImageBlockSpec } from './image-spec.js';
 export class ImageViewExtension extends ViewExtensionProvider {
     constructor() {
         super(...arguments);