@formicoidea/labre-core 0.39.3 → 0.41.0

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

@@ -0,0 +1,478 @@
+import { ACTION_CANCEL, ACTION_CONFIRM, COLOR_LABEL, FILL_COLOR_LABEL, ICON_BUTTON_COMING_SOON, TOOLBAR_RELOAD, } from '../affine-shared/services/index.js';
+/**
+ * `@labre/affine-components`'s own wordings — the placeholders, aria-labels,
+ * toasts and button captions of the shared panels rendered by many blocks
+ * (image/attachment resource popovers, embed-card modals, colour and icon
+ * pickers, the generic context menu…).
+ *
+ * Most of these components have no `std` of their own (they are leaves with
+ * no framework context, reused across blocks this lot does not own). Where a
+ * component genuinely renders inside the editor's DOM (a popup, a modal, a
+ * slotted panel) it now consumes `stdContext` — the SAME seam
+ * `caption/block-caption.ts` already used — so a host's catalogue reaches it
+ * with zero change to the (out-of-lot) callers that render it; with no
+ * provider registered (or truly detached, e.g. a story) `std` stays
+ * `undefined` and the component reads exactly as it did before any of this
+ * existed.
+ */
+/* ── Caption ──────────────────────────────────────────────────────────── */
+export const CAPTION_PLACEHOLDER = [
+    'com.labre.caption.placeholder',
+    'Write a caption',
+];
+/* ── Card style / view switcher ──────────────────────────────────────── */
+export const CARD_STYLE_LABEL = [
+    'com.labre.embed.card-style.label',
+    'Card style',
+];
+/* ── Citation card ───────────────────────────────────────────────────── */
+export const FAVICON_ALT = [
+    'com.labre.citation.favicon-alt',
+    'favicon',
+];
+/* ── Colour picker (edgeless custom colour) ─────────────────────────── */
+export const COLOR_PICKER_TAB_COLORS = [
+    'com.labre.color-picker.tab.colors',
+    'Colors',
+];
+export const COLOR_PICKER_TAB_CUSTOM = [
+    'com.labre.color-picker.tab.custom',
+    'Custom',
+];
+export const COLOR_PICKER_MODE_NORMAL = [
+    'com.labre.color-picker.mode.normal',
+    'Normal',
+];
+export const COLOR_PICKER_MODE_LIGHT = [
+    'com.labre.color-picker.mode.light',
+    'Light',
+];
+export const COLOR_PICKER_MODE_DARK = [
+    'com.labre.color-picker.mode.dark',
+    'Dark',
+];
+/* ── Shape colour picker ─────────────────────────────────────────────── */
+export { COLOR_LABEL, FILL_COLOR_LABEL };
+export const BORDER_COLOR_LABEL = [
+    'com.labre.color.border-color',
+    'Border color',
+];
+/* ── Context menu (generic popup used by slash menu, right-click menus…) */
+export const CONTEXT_MENU_NO_RESULTS = [
+    'com.labre.context-menu.no-results',
+    'No Results',
+];
+export const CONTEXT_MENU_DONE = [
+    'com.labre.context-menu.done',
+    'Done',
+];
+/* ── Edgeless line style / width panels ─────────────────────────────── */
+export const LINE_STYLE_SOLID = [
+    'com.labre.line-style.solid',
+    'Solid',
+];
+export const LINE_STYLE_DASH = [
+    'com.labre.line-style.dash',
+    'Dash',
+];
+export const LINE_STYLE_NONE = [
+    'com.labre.line-style.none',
+    'None',
+];
+export const LINE_WIDTH_THICKNESS = [
+    'com.labre.line-width.thickness',
+    'Thickness',
+];
+/* ── Embed card modals (create / edit) ───────────────────────────────── */
+export const EMBED_CARD_INVALID_LINK = [
+    'com.labre.embed.card.invalid-link',
+    'Invalid link',
+];
+export const EMBED_CARD_LINK_PLACEHOLDER = [
+    'com.labre.embed.card.link-placeholder',
+    'Input in https://...',
+];
+export const EMBED_CARD_TITLE_EMPTY = [
+    'com.labre.embed.card.title-empty',
+    'Title can not be empty',
+];
+export const EMBED_CARD_TITLE_ALIAS_PLACEHOLDER = [
+    'com.labre.embed.card.title-alias-placeholder',
+    'Add title alias',
+];
+export const EMBED_CARD_DESCRIPTION_ALIAS_PLACEHOLDER = [
+    'com.labre.embed.card.description-alias-placeholder',
+    'Add description alias (empty to inherit document content)',
+];
+export const EMBED_CARD_TITLE_PLACEHOLDER = [
+    'com.labre.embed.card.title-placeholder',
+    'Write a title',
+];
+export const EMBED_CARD_DESCRIPTION_PLACEHOLDER = [
+    'com.labre.embed.card.description-placeholder',
+    'Write a description...',
+];
+/**
+ * Generic verbs shared by the two embed-card modals and reused, within this
+ * same lot, by the inline reference popup (`@labre/affine-inline-reference`
+ * already depends on this package) — the exact same words, so one key each
+ * rather than a second "Reset"/"Save" minted per package.
+ */
+export const CONFIRM_LABEL = ACTION_CONFIRM;
+export const CANCEL_LABEL = ACTION_CANCEL;
+export const SAVE_LABEL = ['com.labre.action.save', 'Save'];
+export const RESET_LABEL = ['com.labre.action.reset', 'Reset'];
+/* ── Filterable list (generic search list: @ mention, slash menu…) ───── */
+export const FILTERABLE_LIST_SEARCH_PLACEHOLDER = [
+    'com.labre.filterable-list.search-placeholder',
+    'Search',
+];
+/* ── Highlight (text colour) dropdown ────────────────────────────────── */
+export const HIGHLIGHT_LABEL = [
+    'com.labre.highlight.label',
+    'Highlight',
+];
+export const HIGHLIGHT_BACKGROUND_LABEL = [
+    'com.labre.highlight.background-label',
+    'Background',
+];
+export const HIGHLIGHT_DEFAULT_FOREGROUND = [
+    'com.labre.highlight.option.default-foreground',
+    'default color',
+];
+export const HIGHLIGHT_DEFAULT_BACKGROUND = [
+    'com.labre.highlight.option.default-background',
+    'default background',
+];
+/**
+ * The colour names shared by the highlight menu's foreground/background
+ * lists AND the icon picker's tint swatches (`icon-data.ts`) — the same
+ * closed palette rendered as a word in one place and a `title=` in the
+ * other, so one key per colour rather than two.
+ */
+export const COLOR_NAME_RED = [
+    'com.labre.color-name.red',
+    'red',
+];
+export const COLOR_NAME_ORANGE = [
+    'com.labre.color-name.orange',
+    'orange',
+];
+export const COLOR_NAME_YELLOW = [
+    'com.labre.color-name.yellow',
+    'yellow',
+];
+export const COLOR_NAME_GREEN = [
+    'com.labre.color-name.green',
+    'green',
+];
+export const COLOR_NAME_TEAL = [
+    'com.labre.color-name.teal',
+    'teal',
+];
+export const COLOR_NAME_BLUE = [
+    'com.labre.color-name.blue',
+    'blue',
+];
+export const COLOR_NAME_PURPLE = [
+    'com.labre.color-name.purple',
+    'purple',
+];
+export const COLOR_NAME_GREY = [
+    'com.labre.color-name.grey',
+    'grey',
+];
+export const COLOR_NAME_MAGENTA = [
+    'com.labre.color-name.magenta',
+    'magenta',
+];
+/** Keyed by the raw colour id both `highlight-dropdown-menu` and `icon-data` use. */
+export const COLOR_NAME_WORDINGS = {
+    red: COLOR_NAME_RED,
+    orange: COLOR_NAME_ORANGE,
+    yellow: COLOR_NAME_YELLOW,
+    green: COLOR_NAME_GREEN,
+    teal: COLOR_NAME_TEAL,
+    blue: COLOR_NAME_BLUE,
+    purple: COLOR_NAME_PURPLE,
+    grey: COLOR_NAME_GREY,
+    magenta: COLOR_NAME_MAGENTA,
+};
+/* ── Icon / emoji picker ──────────────────────────────────────────────── */
+export const ICON_PICKER_FILTER_PLACEHOLDER = [
+    'com.labre.icon-picker.filter-placeholder',
+    'Filter...',
+];
+export const ICON_PICKER_NO_ICON_FOUND = [
+    'com.labre.icon-picker.no-icon-found',
+    'No icon found',
+];
+export const ICON_PICKER_NO_EMOJI_FOUND = [
+    'com.labre.icon-picker.no-emoji-found',
+    'No emoji found',
+];
+export const ICON_PICKER_ICONS_GROUP = [
+    'com.labre.icon-picker.icons-group',
+    'Icons',
+];
+export const ICON_PICKER_RECENT_GROUP = [
+    'com.labre.icon-picker.recent-group',
+    'Recent',
+];
+export const ICON_PICKER_TAB_EMOJI = [
+    'com.labre.icon-picker.tab.emoji',
+    'Emoji',
+];
+export const ICON_PICKER_REMOVE = [
+    'com.labre.icon-picker.remove',
+    'Remove',
+];
+/**
+ * The eight emoji-mart categories `emoji-data.ts`'s `GROUP_ORDER` names, in
+ * the same order.
+ */
+export const EMOJI_GROUP_PEOPLE = [
+    'com.labre.emoji-group.people',
+    'Smileys & People',
+];
+export const EMOJI_GROUP_NATURE = [
+    'com.labre.emoji-group.nature',
+    'Animals & Nature',
+];
+export const EMOJI_GROUP_FOODS = [
+    'com.labre.emoji-group.foods',
+    'Food & Drink',
+];
+export const EMOJI_GROUP_ACTIVITY = [
+    'com.labre.emoji-group.activity',
+    'Activity',
+];
+export const EMOJI_GROUP_PLACES = [
+    'com.labre.emoji-group.places',
+    'Travel & Places',
+];
+export const EMOJI_GROUP_OBJECTS = [
+    'com.labre.emoji-group.objects',
+    'Objects',
+];
+export const EMOJI_GROUP_SYMBOLS = [
+    'com.labre.emoji-group.symbols',
+    'Symbols',
+];
+export const EMOJI_GROUP_FLAGS = [
+    'com.labre.emoji-group.flags',
+    'Flags',
+];
+/** Keyed by `emoji-data.ts`'s own group id (`people`, `nature`…). */
+export const EMOJI_GROUP_WORDINGS = {
+    people: EMOJI_GROUP_PEOPLE,
+    nature: EMOJI_GROUP_NATURE,
+    foods: EMOJI_GROUP_FOODS,
+    activity: EMOJI_GROUP_ACTIVITY,
+    places: EMOJI_GROUP_PLACES,
+    objects: EMOJI_GROUP_OBJECTS,
+    symbols: EMOJI_GROUP_SYMBOLS,
+    flags: EMOJI_GROUP_FLAGS,
+};
+/* ── Linked doc title chip ───────────────────────────────────────────── */
+export const DOC_TITLE_ARIA = [
+    'com.labre.linked-doc.title-aria',
+    'Doc title',
+];
+/* ── Linked-doc notifications ─────────────────────────────────────────── */
+export const NOTIFY_SWITCHED_TO_CARD_TITLE = [
+    'com.labre.notify.linked-doc.switched-to-card.title',
+    'View Updated',
+];
+export const NOTIFY_SWITCHED_TO_CARD_MESSAGE = [
+    'com.labre.notify.linked-doc.switched-to-card.message',
+    'The alias modification has disabled sync. The embed has been updated to a card view.',
+];
+export const NOTIFY_SWITCHED_TO_EMBED_TITLE = [
+    'com.labre.notify.linked-doc.switched-to-embed.title',
+    'Embed View Restored',
+];
+export const NOTIFY_SWITCHED_TO_EMBED_MESSAGE = [
+    'com.labre.notify.linked-doc.switched-to-embed.message',
+    'Custom alias removed. The linked doc now displays the original title and description.',
+];
+export const NOTIFY_CLEARED_ALIASES_TITLE = [
+    'com.labre.notify.linked-doc.cleared-aliases.title',
+    'Reset successful',
+];
+export const NOTIFY_CLEARED_ALIASES_MESSAGE = [
+    'com.labre.notify.linked-doc.cleared-aliases.message',
+    'Card view has been restored to original doc title and description. All custom aliases have been removed.',
+];
+/* ── Open-doc dropdown ────────────────────────────────────────────────── */
+export const OPEN_LABEL = ['com.labre.open-doc.open', 'Open'];
+export const OPEN_DOC_MENU_ARIA = [
+    'com.labre.open-doc.menu-aria',
+    'Open doc menu',
+];
+export const OPEN_DOC_WITH_ARIA = [
+    'com.labre.open-doc.with-aria',
+    'Open doc with',
+];
+/* ── Resource popover (attachment / image not-found or retrieve error) ─ */
+/**
+ * `resource.ts`'s `ResourceController.blob()` interpolates a KIND word into
+ * two sentences ("Image not found", "Failed to retrieve Image"). `kind` is a
+ * closed set (`ResourceKind`: `'Blob' | 'File' | 'Image'`), so — per the
+ * brief's own guidance for exactly this shape — this is one key per
+ * kind×message (six keys) rather than two keys with a `{{kind}}` parameter:
+ * the seam has no grammar, and "Image not found" reads better translated
+ * whole than word-by-word recomposed from an English noun the host never
+ * chose to inline.
+ */
+export const RESOURCE_BLOB_NOT_FOUND = [
+    'com.labre.resource.not-found.blob',
+    'Blob not found',
+];
+export const RESOURCE_FILE_NOT_FOUND = [
+    'com.labre.resource.not-found.file',
+    'File not found',
+];
+export const RESOURCE_IMAGE_NOT_FOUND = [
+    'com.labre.resource.not-found.image',
+    'Image not found',
+];
+export const RESOURCE_BLOB_RETRIEVE_FAILED = [
+    'com.labre.resource.retrieve-failed.blob',
+    'Failed to retrieve Blob',
+];
+export const RESOURCE_FILE_RETRIEVE_FAILED = [
+    'com.labre.resource.retrieve-failed.file',
+    'Failed to retrieve File',
+];
+export const RESOURCE_IMAGE_RETRIEVE_FAILED = [
+    'com.labre.resource.retrieve-failed.image',
+    'Failed to retrieve Image',
+];
+/** Keyed by `ResourceKind` (`'Blob' | 'File' | 'Image'`). */
+export const RESOURCE_NOT_FOUND_WORDINGS = {
+    Blob: RESOURCE_BLOB_NOT_FOUND,
+    File: RESOURCE_FILE_NOT_FOUND,
+    Image: RESOURCE_IMAGE_NOT_FOUND,
+};
+export const RESOURCE_RETRIEVE_FAILED_WORDINGS = {
+    Blob: RESOURCE_BLOB_RETRIEVE_FAILED,
+    File: RESOURCE_FILE_RETRIEVE_FAILED,
+    Image: RESOURCE_IMAGE_RETRIEVE_FAILED,
+};
+/**
+ * `status.ts`'s popover header — the same closed-set choice: `needUpload`
+ * picks between exactly two sentences, so two whole keys rather than one
+ * with a `{{type}}` hole.
+ */
+export const RESOURCE_STATUS_UPLOAD_FAILED = [
+    'com.labre.resource.status.upload-failed',
+    'Upload failed',
+];
+export const RESOURCE_STATUS_DOWNLOAD_FAILED = [
+    'com.labre.resource.status.download-failed',
+    'Download failed',
+];
+export const RESOURCE_STATUS_RETRY = [
+    'com.labre.resource.status.retry',
+    'Retry',
+];
+export const RESOURCE_STATUS_RELOAD = TOOLBAR_RELOAD;
+/* ── Size (scale) dropdown ────────────────────────────────────────────── */
+export const SIZE_LABEL_SCALE = [
+    'com.labre.size-dropdown.label',
+    'Scale',
+];
+/* ── Toggle (expand/collapse) button ─────────────────────────────────── */
+export const TOGGLE_EXPAND_ARIA = [
+    'com.labre.toggle.expand-aria',
+    'Expand content',
+];
+export const TOGGLE_COLLAPSE_ARIA = [
+    'com.labre.toggle.collapse-aria',
+    'Collapse content',
+];
+/* ── Generic toolbar icon button ──────────────────────────────────────── */
+export { ICON_BUTTON_COMING_SOON };
+/**
+ * Every wording declared above, in declaration order — walked by
+ * `PACKAGE_WORDINGS` in `packages/affine/all/src/translations.ts` rather than
+ * restated there.
+ */
+export const COMPONENTS_WORDINGS = [
+    CAPTION_PLACEHOLDER,
+    CARD_STYLE_LABEL,
+    FAVICON_ALT,
+    COLOR_PICKER_TAB_COLORS,
+    COLOR_PICKER_TAB_CUSTOM,
+    COLOR_PICKER_MODE_NORMAL,
+    COLOR_PICKER_MODE_LIGHT,
+    COLOR_PICKER_MODE_DARK,
+    BORDER_COLOR_LABEL,
+    CONTEXT_MENU_NO_RESULTS,
+    CONTEXT_MENU_DONE,
+    LINE_STYLE_SOLID,
+    LINE_STYLE_DASH,
+    LINE_STYLE_NONE,
+    LINE_WIDTH_THICKNESS,
+    EMBED_CARD_INVALID_LINK,
+    EMBED_CARD_LINK_PLACEHOLDER,
+    EMBED_CARD_TITLE_EMPTY,
+    EMBED_CARD_TITLE_ALIAS_PLACEHOLDER,
+    EMBED_CARD_DESCRIPTION_ALIAS_PLACEHOLDER,
+    EMBED_CARD_TITLE_PLACEHOLDER,
+    EMBED_CARD_DESCRIPTION_PLACEHOLDER,
+    SAVE_LABEL,
+    RESET_LABEL,
+    FILTERABLE_LIST_SEARCH_PLACEHOLDER,
+    HIGHLIGHT_LABEL,
+    HIGHLIGHT_BACKGROUND_LABEL,
+    HIGHLIGHT_DEFAULT_FOREGROUND,
+    HIGHLIGHT_DEFAULT_BACKGROUND,
+    COLOR_NAME_RED,
+    COLOR_NAME_ORANGE,
+    COLOR_NAME_YELLOW,
+    COLOR_NAME_GREEN,
+    COLOR_NAME_TEAL,
+    COLOR_NAME_BLUE,
+    COLOR_NAME_PURPLE,
+    COLOR_NAME_GREY,
+    COLOR_NAME_MAGENTA,
+    ICON_PICKER_FILTER_PLACEHOLDER,
+    ICON_PICKER_NO_ICON_FOUND,
+    ICON_PICKER_NO_EMOJI_FOUND,
+    ICON_PICKER_ICONS_GROUP,
+    ICON_PICKER_RECENT_GROUP,
+    ICON_PICKER_TAB_EMOJI,
+    ICON_PICKER_REMOVE,
+    EMOJI_GROUP_PEOPLE,
+    EMOJI_GROUP_NATURE,
+    EMOJI_GROUP_FOODS,
+    EMOJI_GROUP_ACTIVITY,
+    EMOJI_GROUP_PLACES,
+    EMOJI_GROUP_OBJECTS,
+    EMOJI_GROUP_SYMBOLS,
+    EMOJI_GROUP_FLAGS,
+    DOC_TITLE_ARIA,
+    NOTIFY_SWITCHED_TO_CARD_TITLE,
+    NOTIFY_SWITCHED_TO_CARD_MESSAGE,
+    NOTIFY_SWITCHED_TO_EMBED_TITLE,
+    NOTIFY_SWITCHED_TO_EMBED_MESSAGE,
+    NOTIFY_CLEARED_ALIASES_TITLE,
+    NOTIFY_CLEARED_ALIASES_MESSAGE,
+    OPEN_LABEL,
+    OPEN_DOC_MENU_ARIA,
+    OPEN_DOC_WITH_ARIA,
+    RESOURCE_BLOB_NOT_FOUND,
+    RESOURCE_FILE_NOT_FOUND,
+    RESOURCE_IMAGE_NOT_FOUND,
+    RESOURCE_BLOB_RETRIEVE_FAILED,
+    RESOURCE_FILE_RETRIEVE_FAILED,
+    RESOURCE_IMAGE_RETRIEVE_FAILED,
+    RESOURCE_STATUS_UPLOAD_FAILED,
+    RESOURCE_STATUS_DOWNLOAD_FAILED,
+    RESOURCE_STATUS_RETRY,
+    SIZE_LABEL_SCALE,
+    TOGGLE_EXPAND_ARIA,
+    TOGGLE_COLLAPSE_ARIA,
+];

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

@@ -1,3 +1,4 @@
+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";
@@ -16,6 +17,8 @@ export declare class AdapterPanel extends AdapterPanel_base {
     firstUpdated(): void;
     render(): import("lit-html").TemplateResult<1>;
     accessor store: Store;
+    /** See `AdapterPanelContext['std']`. */
+    accessor std: BlockStdScope | undefined;
     accessor transformerMiddlewares: TransformerMiddleware[];
     private accessor _context;
 }

package/dist/_pkgs/affine-fragment-adapter-panel/adapter-panel.js

@@ -46,6 +46,9 @@ let AdapterPanel = (() => {
     let _store_decorators;
     let _store_initializers = [];
     let _store_extraInitializers = [];
+    let _std_decorators;
+    let _std_initializers = [];
+    let _std_extraInitializers = [];
     let _transformerMiddlewares_decorators;
     let _transformerMiddlewares_initializers = [];
     let _transformerMiddlewares_extraInitializers = [];
@@ -56,9 +59,11 @@ let AdapterPanel = (() => {
         static {
             const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
             _store_decorators = [property({ attribute: false })];
+            _std_decorators = [property({ attribute: false })];
             _transformerMiddlewares_decorators = [property({ attribute: false })];
             __context_decorators = [provide({ context: adapterPanelContext })];
             __esDecorate(this, null, _store_decorators, { kind: "accessor", name: "store", static: false, private: false, access: { has: obj => "store" in obj, get: obj => obj.store, set: (obj, value) => { obj.store = value; } }, metadata: _metadata }, _store_initializers, _store_extraInitializers);
+            __esDecorate(this, null, _std_decorators, { kind: "accessor", name: "std", static: false, private: false, access: { has: obj => "std" in obj, get: obj => obj.std, set: (obj, value) => { obj.std = value; } }, metadata: _metadata }, _std_initializers, _std_extraInitializers);
             __esDecorate(this, null, _transformerMiddlewares_decorators, { kind: "accessor", name: "transformerMiddlewares", static: false, private: false, access: { has: obj => "transformerMiddlewares" in obj, get: obj => obj.transformerMiddlewares, set: (obj, value) => { obj.transformerMiddlewares = value; } }, metadata: _metadata }, _transformerMiddlewares_initializers, _transformerMiddlewares_extraInitializers);
             __esDecorate(this, null, __context_decorators, { kind: "accessor", name: "_context", static: false, private: false, access: { has: obj => "_context" in obj, get: obj => obj._context, set: (obj, value) => { obj._context = value; } }, metadata: _metadata }, __context_initializers, __context_extraInitializers);
             if (_metadata) Object.defineProperty(this, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
@@ -138,6 +143,7 @@ let AdapterPanel = (() => {
                 htmlContent$: signal(''),
                 markdownContent$: signal(''),
                 plainTextContent$: signal(''),
+                std: this.std,
             };
         }
         willUpdate(changedProperties) {
@@ -165,6 +171,10 @@ let AdapterPanel = (() => {
         #store_accessor_storage;
         get store() { return this.#store_accessor_storage; }
         set store(value) { this.#store_accessor_storage = value; }
+        #std_accessor_storage;
+        /** See `AdapterPanelContext['std']`. */
+        get std() { return this.#std_accessor_storage; }
+        set std(value) { this.#std_accessor_storage = value; }
         #transformerMiddlewares_accessor_storage;
         get transformerMiddlewares() { return this.#transformerMiddlewares_accessor_storage; }
         set transformerMiddlewares(value) { this.#transformerMiddlewares_accessor_storage = value; }
@@ -193,7 +203,8 @@ let AdapterPanel = (() => {
                 }
             };
             this.#store_accessor_storage = __runInitializers(this, _store_initializers, void 0);
-            this.#transformerMiddlewares_accessor_storage = (__runInitializers(this, _store_extraInitializers), __runInitializers(this, _transformerMiddlewares_initializers, []));
+            this.#std_accessor_storage = (__runInitializers(this, _store_extraInitializers), __runInitializers(this, _std_initializers, undefined));
+            this.#transformerMiddlewares_accessor_storage = (__runInitializers(this, _std_extraInitializers), __runInitializers(this, _transformerMiddlewares_initializers, []));
             this.#_context_accessor_storage = (__runInitializers(this, _transformerMiddlewares_extraInitializers), __runInitializers(this, __context_initializers, void 0));
             __runInitializers(this, __context_extraInitializers);
         }

package/dist/_pkgs/affine-fragment-adapter-panel/body/adapter-panel-body.js

@@ -38,7 +38,8 @@ import { SignalWatcher } from '../../global/lit/index.js';
 import { consume } from '@lit/context';
 import { css, html, LitElement } from 'lit';
 import { classMap } from 'lit/directives/class-map.js';
-import { adapterPanelContext, ADAPTERS, } from '../config.js';
+import { ADAPTERS, adapterPanelContext, adapterPanelLabel, } from '../config.js';
+import { ADAPTER_PANEL_PREVIEW, ADAPTER_PANEL_SOURCE } from '../translations.js';
 export const AFFINE_ADAPTER_PANEL_BODY = 'affine-adapter-panel-body';
 let AdapterPanelBody = (() => {
     let _classSuper = SignalWatcher(LitElement);
@@ -177,13 +178,13 @@ let AdapterPanelBody = (() => {
             class="html-toggle-item"
             ?active=${!this.isHtmlPreview}
             @click=${() => (this._context.isHtmlPreview$.value = false)}
-            >Source</span
+            >${adapterPanelLabel(this._context.std, ADAPTER_PANEL_SOURCE)}</span
           >
           <span
             class="html-toggle-item"
             ?active=${this.isHtmlPreview}
             @click=${() => (this._context.isHtmlPreview$.value = true)}
-            >Preview</span
+            >${adapterPanelLabel(this._context.std, ADAPTER_PANEL_PREVIEW)}</span
           >
         </div>
       </div>

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

@@ -1,8 +1,11 @@
+import { type ChromeWording } from '../affine-shared/services/index.js';
+import type { BlockStdScope } from '../std/index.js';
 import type { DocSnapshot } from '../store/index.js';
 import type { Signal } from '@preact/signals-core';
 export type AdapterItem = {
     id: string;
     label: string;
+    labelWording: ChromeWording;
 };
 export declare const ADAPTERS: AdapterItem[];
 export type AdapterPanelContext = {
@@ -12,7 +15,17 @@ export type AdapterPanelContext = {
     htmlContent$: Signal<string>;
     markdownContent$: Signal<string>;
     plainTextContent$: Signal<string>;
+    /**
+     * The editor's std scope, when the host mounts this debug panel inside an
+     * editor rather than standalone against a bare `store` — resolves the
+     * wordings above through the translation seam. Optional: a host that
+     * mounts this panel with only a `store` (as the playground's debug tool
+     * does today) keeps the English literal, exactly as before this existed.
+     */
+    std?: BlockStdScope;
 };
 export declare const adapterPanelContext: {
     __context__: AdapterPanelContext;
 };
+/** `translateKey(std, ...wording)` when `std` is available, else the literal. */
+export declare function adapterPanelLabel(std: BlockStdScope | undefined, wording: ChromeWording): string;

package/dist/_pkgs/affine-fragment-adapter-panel/config.js

@@ -1,8 +1,22 @@
+import { translateKey, } from '../affine-shared/services/index.js';
 import { createContext } from '@lit/context';
+import { ADAPTER_FORMAT_HTML, ADAPTER_FORMAT_MARKDOWN, ADAPTER_FORMAT_PLAINTEXT, ADAPTER_FORMAT_SNAPSHOT, } from './translations.js';
 export const ADAPTERS = [
-    { id: 'markdown', label: 'Markdown' },
-    { id: 'plaintext', label: 'PlainText' },
-    { id: 'html', label: 'HTML' },
-    { id: 'snapshot', label: 'Snapshot' },
+    {
+        id: 'markdown',
+        label: 'Markdown',
+        labelWording: ADAPTER_FORMAT_MARKDOWN,
+    },
+    {
+        id: 'plaintext',
+        label: 'PlainText',
+        labelWording: ADAPTER_FORMAT_PLAINTEXT,
+    },
+    { id: 'html', label: 'HTML', labelWording: ADAPTER_FORMAT_HTML },
+    { id: 'snapshot', label: 'Snapshot', labelWording: ADAPTER_FORMAT_SNAPSHOT },
 ];
 export const adapterPanelContext = createContext('adapterPanelContext');
+/** `translateKey(std, ...wording)` when `std` is available, else the literal. */
+export function adapterPanelLabel(std, wording) {
+    return std ? translateKey(std, ...wording) : wording[1];
+}

package/dist/_pkgs/affine-fragment-adapter-panel/header/adapter-menu.js

@@ -37,7 +37,7 @@ import { consume } from '@lit/context';
 import { css, html, LitElement } from 'lit';
 import { property } from 'lit/decorators.js';
 import { classMap } from 'lit/directives/class-map.js';
-import { adapterPanelContext, ADAPTERS, } from '../config.js';
+import { ADAPTERS, adapterPanelContext, adapterPanelLabel, } from '../config.js';
 export const AFFINE_ADAPTER_MENU = 'affine-adapter-menu';
 let AdapterMenu = (() => {
     let _classSuper = SignalWatcher(LitElement);
@@ -101,7 +101,7 @@ let AdapterMenu = (() => {
             class=${classes}
             @click=${() => this._handleAdapterChange(adapter)}
           >
-            ${adapter.label}
+            ${adapterPanelLabel(this._context.std, adapter.labelWording)}
           </button>
         `;
             })}

package/dist/_pkgs/affine-fragment-adapter-panel/header/adapter-panel-header.js

@@ -39,7 +39,7 @@ import { flip, offset } from '@floating-ui/dom';
 import { consume } from '@lit/context';
 import { css, html, LitElement } from 'lit';
 import { property, query } from 'lit/decorators.js';
-import { adapterPanelContext } from '../config.js';
+import { adapterPanelContext, adapterPanelLabel, } from '../config.js';
 export const AFFINE_ADAPTER_PANEL_HEADER = 'affine-adapter-panel-header';
 let AdapterPanelHeader = (() => {
     let _classSuper = SignalWatcher(LitElement);
@@ -117,7 +117,7 @@ let AdapterPanelHeader = (() => {
       <div class="adapter-panel-header">
         <div class="adapter-selector" @click="${this._toggleAdapterMenu}">
           <span class="adapter-selector-label">
-            ${this.activeAdapter.label}
+            ${adapterPanelLabel(this._context.std, this.activeAdapter.labelWording)}
           </span>
           ${ArrowDownSmallIcon({ width: '16px', height: '16px' })}
         </div>