@formicoidea/labre-core 0.25.0 → 0.26.1

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

@@ -24,6 +24,7 @@ import { databaseBlockStyles, databaseContentStyles, databaseHeaderBarStyles, da
 import { BlockRenderer } from './detail-panel/block-renderer.js';
 import { NoteRenderer } from './detail-panel/note-renderer.js';
 import { DatabaseSelection } from './selection.js';
+import { DatabaseDataSourceProvider } from './service/index.js';
 import { currentViewStorage } from './utils/current-view.js';
 import { getSingleDocIdFromText } from './utils/title-doc.js';
 export class DatabaseBlockComponent extends CaptionedBlockComponent {
@@ -88,14 +89,18 @@ export class DatabaseBlockComponent extends CaptionedBlockComponent {
             });
         };
         this.dataSource = lazy(() => {
-            const dataSource = new DatabaseBlockDataSource(this.model, dataSource => {
+            const initFn = (dataSource) => {
                 dataSource.serviceSet(EditorHostKey, this.host);
                 this.std.provider
                     .getAll(ExternalGroupByConfigProvider)
                     .forEach(config => {
                     dataSource.serviceSet(ExternalGroupByConfigProvider(config.name), config);
                 });
-            });
+            };
+            const provider = this.std.getOptional(DatabaseDataSourceProvider);
+            const dataSource = provider && this.model.props.externalSourceId
+                ? provider.createDataSource(this.model, initFn)
+                : new DatabaseBlockDataSource(this.model, initFn);
             const id = currentViewStorage.getCurrentView(this.model.id);
             if (id && dataSource.viewManager.viewGet(id)) {
                 dataSource.viewManager.setCurrentView(id);

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

@@ -11,4 +11,5 @@ export * from './properties/rich-text/cell-renderer';
 export * from './selection.js';
 export * from './service';
 export * from './utils/block-utils';
+export * from './views';
 export * from '../data-view/index.js';

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

@@ -11,4 +11,5 @@ export * from './properties/rich-text/cell-renderer';
 export * from './selection.js';
 export * from './service';
 export * from './utils/block-utils';
+export * from './views';
 export * from '../data-view/index.js';

package/dist/_pkgs/affine-block-database/service/index.d.ts

@@ -1,5 +1,16 @@
-import type { PropertyMetaConfig } from '../../data-view/index.js';
+import type { DatabaseBlockModel } from '../../affine-model/index.js';
+import type { DataSourceBase, PropertyMetaConfig } from '../../data-view/index.js';
 export interface DatabaseBlockConfigService {
     propertiesPresets: PropertyMetaConfig[];
 }
 export declare const DatabaseBlockConfigService: import("../../global/di/types.js").ServiceIdentifier<DatabaseBlockConfigService> & (<U extends DatabaseBlockConfigService = DatabaseBlockConfigService>(variant: import("../../global/di/types.js").ServiceVariant) => import("../../global/di/types.js").ServiceIdentifier<U>);
+/**
+ * Injection seam: a host app may register this provider to back an
+ * `affine:database` block with its own data source (e.g. an external
+ * collection). Only used when the block carries an `externalSourceId`; with no
+ * provider registered the block falls back to the inline blob source.
+ */
+export interface DatabaseDataSourceProvider {
+    createDataSource(model: DatabaseBlockModel, init?: (ds: DataSourceBase) => void): DataSourceBase;
+}
+export declare const DatabaseDataSourceProvider: import("../../global/di/types.js").ServiceIdentifier<DatabaseDataSourceProvider> & (<U extends DatabaseDataSourceProvider = DatabaseDataSourceProvider>(variant: import("../../global/di/types.js").ServiceVariant) => import("../../global/di/types.js").ServiceIdentifier<U>);

package/dist/_pkgs/affine-block-database/service/index.js

@@ -1,2 +1,3 @@
 import { createIdentifier } from '../../global/di/index.js';
 export const DatabaseBlockConfigService = createIdentifier('AffineDatabaseBlockConfigService');
+export const DatabaseDataSourceProvider = createIdentifier('affine:database-data-source-provider');

package/dist/_pkgs/affine-components/toolbar/toolbar.js

@@ -6,8 +6,14 @@ export class EditorToolbar extends WithDisposable(LitElement) {
     static { this.styles = css `
     ${panelBaseStyle(':host')}
     :host {
-      height: 36px;
+      min-height: 36px;
       box-sizing: content-box;
+      /* ponytail: wrap to a second row instead of overflowing on mobile. The
+         width is capped to availableWidth by floating-ui's size middleware;
+         wrapping (not scrolling) keeps the "More" dropdown clickable — it is a
+         descendant of this toolbar, so an overflow container would clip it. */
+      flex-wrap: wrap;
+      row-gap: 4px;
     }
 
     :host([data-without-bg]) {
@@ -18,7 +24,9 @@ export class EditorToolbar extends WithDisposable(LitElement) {
 
     ::slotted(*) {
       display: flex;
-      height: 100%;
+      /* fixed row height (not 100%) so each item stays one row tall when the
+         toolbar wraps to multiple rows */
+      height: 36px;
       justify-content: center;
       align-items: center;
       gap: 8px;

package/dist/_pkgs/affine-gfx-mindmap/toolbar/mindmap-menu.js

@@ -91,7 +91,7 @@ let EdgelessMindmapMenu = (() => {
     :host {
       display: flex;
       z-index: -1;
-      justify-content: flex-end;
+      justify-content: center;
     }
     .text-and-mindmap {
       display: flex;

package/dist/_pkgs/affine-gfx-mindmap/toolbar/mindmap-tool-button.js

@@ -77,11 +77,6 @@ let EdgelessMindmapToolButton = (() => {
       display: flex;
       justify-content: center;
       align-items: center;
-      /* Make this button the containing block of the popup's clip wrapper so
-         the "Others" sub-menu anchors to THIS button (not the whole toolbar)
-         and can be right-aligned to it — mirrors the framework senior buttons.
-         Without this the menu drifts when senior buttons are hidden. */
-      position: relative;
     }
     .partial-clip {
       flex-shrink: 0;
@@ -196,20 +191,6 @@ let EdgelessMindmapToolButton = (() => {
                     });
                 },
             });
-            // Right-align the menu's right edge to this button's right edge, like the
-            // framework senior buttons. Stays correct however many buttons are hidden.
-            const el = menu.element;
-            const wrap = el.parentElement;
-            if (wrap) {
-                wrap.style.overflow = 'visible';
-                wrap.style.justifyContent = 'flex-end';
-            }
-            Object.assign(el.style, {
-                position: 'static',
-                width: 'max-content',
-                maxWidth: 'calc(100vw - 16px)',
-                marginLeft: '0',
-            });
         }
         initDragController() {
             if (!this.edgeless || !this.toolbarContainer)

package/dist/_pkgs/affine-model/blocks/database/database-model.d.ts

@@ -7,6 +7,7 @@ export type DatabaseBlockProps = {
     cells: SerializedCells;
     columns: Array<ColumnDataType>;
     comments?: Record<string, boolean>;
+    externalSourceId?: string;
 };
 export declare class DatabaseBlockModel extends BlockModel<DatabaseBlockProps> {
 }

package/dist/_pkgs/affine-model/blocks/database/database-model.js

@@ -9,10 +9,11 @@ export const DatabaseBlockSchema = defineBlockSchema({
         cells: Object.create(null),
         columns: [],
         comments: undefined,
+        externalSourceId: undefined,
     }),
     metadata: {
         role: 'hub',
-        version: 3,
+        version: 4,
         parent: ['affine:note'],
         children: ['affine:paragraph', 'affine:list'],
     },

package/dist/_pkgs/affine-widget-edgeless-toolbar/edgeless-toolbar.js

@@ -65,6 +65,10 @@ const SENIOR_TOOL_NAV_SIZE = 20;
 const DIVIDER_WIDTH = 8;
 const DIVIDER_SPACE = 8;
 const SAFE_AREA_WIDTH = 64;
+// Cap the whole toolbar width so the centered senior sub-menus land close to
+// the buttons. The ResizeObserver reads the host width, so the senior-tool
+// scroll adapts to this cap; on viewports narrower than it, it has no effect.
+const TOOLBAR_MAX_WIDTH = 900;
 export const EDGELESS_TOOLBAR_WIDGET = 'edgeless-toolbar-widget';
 let EdgelessToolbarWidget = (() => {
     let _classSuper = WidgetComponent;
@@ -109,6 +113,8 @@ let EdgelessToolbarWidget = (() => {
       -webkit-user-select: none;
       user-select: none;
       width: 100%;
+      /* cap + center the toolbar so centered senior sub-menus stay near the buttons */
+      max-width: ${unsafeCSS(TOOLBAR_MAX_WIDTH)}px;
       pointer-events: none;
     }
     .edgeless-toolbar-wrapper {

package/dist/_pkgs/affine-widget-toolbar/utils.js

@@ -46,8 +46,12 @@ export function autoUpdatePosition(signal, toolbar, referenceElement, flavour, p
             middleware: [
                 offset(10 + offsetY),
                 size({
-                    apply: ({ elements }) => {
+                    padding: 10,
+                    apply: ({ elements, availableWidth }) => {
                         elements.floating.style.width = 'fit-content';
+                        // ponytail: cap to viewport so the toolbar scrolls instead of
+                        // overflowing off-screen on mobile; drop into "⋮" if scroll feels off
+                        elements.floating.style.maxWidth = `${availableWidth}px`;
                     },
                 }),
                 isInline ? inline() : undefined,

package/dist/_pkgs/std/effects.js

@@ -3,11 +3,18 @@ import { VElement, VLine, VText } from './inline/index.js';
 import { EditorHost } from './view/index.js';
 export function effects() {
     // editor host
-    customElements.define('editor-host', EditorHost);
+    define('editor-host', EditorHost);
     // gfx
-    customElements.define('gfx-viewport', GfxViewportElement);
+    define('gfx-viewport', GfxViewportElement);
     // inline
-    customElements.define('v-element', VElement);
-    customElements.define('v-line', VLine);
-    customElements.define('v-text', VText);
+    define('v-element', VElement);
+    define('v-line', VLine);
+    define('v-text', VText);
+}
+// ponytail: idempotent so effects() can run more than once (e.g. across browser
+// unit-test files sharing a registry) without throwing on re-registration.
+function define(name, ctor) {
+    if (!customElements.get(name)) {
+        customElements.define(name, ctor);
+    }
 }

package/package.json

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