@formicoidea/labre-core 0.40.0 → 0.41.0

package/dist/_pkgs/affine-block-bookmark/translations.js

@@ -0,0 +1,55 @@
+import { TOOLBAR_LINK, } from '../affine-shared/services/index.js';
+/**
+ * The slash-menu "Link" item: `nameWording` doubles as its tooltip's
+ * `captionWording` — the same word names the item and captions the
+ * illustration (`configs/slash-menu.ts`). An alias (L7 dedupe): the same word
+ * as {@link TOOLBAR_LINK}, one key.
+ */
+export const BOOKMARK_SLASH_NAME = TOOLBAR_LINK;
+export const BOOKMARK_SLASH_DESCRIPTION = [
+    'com.labre.bookmark.slash.description',
+    'Add a bookmark for reference.',
+];
+/** The create-link modal's title and body (`configs/slash-menu.ts`). */
+export const BOOKMARK_MODAL_TITLE = [
+    'com.labre.bookmark.modal.title',
+    'Links',
+];
+export const BOOKMARK_MODAL_DESCRIPTION = [
+    'com.labre.bookmark.modal.description',
+    'The added link will be displayed as a card view.',
+];
+/** The card's decorative `alt` text (`components/bookmark-card.ts`). */
+export const BOOKMARK_ALT_ICON = [
+    'com.labre.bookmark.card.alt-icon',
+    'icon',
+];
+export const BOOKMARK_ALT_BANNER = [
+    'com.labre.bookmark.card.alt-banner',
+    'banner',
+];
+/** The card's title, once loaded, when the link preview has none. */
+export const BOOKMARK_LINK_CARD_FALLBACK = [
+    'com.labre.bookmark.card.link-fallback',
+    'Link card',
+];
+export const BOOKMARK_RETRIEVE_FAILED = [
+    'com.labre.bookmark.card.retrieve-failed',
+    'Failed to retrieve link information.',
+];
+/**
+ * This package's contribution to the translation-key manifest, listed in
+ * `PACKAGE_WORDINGS` under source `chrome`
+ * (`packages/affine/all/src/translations.ts`). The shared verbs it reuses
+ * (Caption, Reload, the card-style switcher's four wordings…) travel with
+ * `@labre/affine-shared/services` instead, so they are not restated here.
+ */
+export const BOOKMARK_WORDINGS = [
+    BOOKMARK_SLASH_DESCRIPTION,
+    BOOKMARK_MODAL_TITLE,
+    BOOKMARK_MODAL_DESCRIPTION,
+    BOOKMARK_ALT_ICON,
+    BOOKMARK_ALT_BANNER,
+    BOOKMARK_LINK_CARD_FALLBACK,
+    BOOKMARK_RETRIEVE_FAILED,
+];

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

@@ -3,6 +3,7 @@ import { FeatureFlagService } from '../../affine-shared/services/index.js';
 import { isInsideBlockByFlavour } from '../../affine-shared/utils/index.js';
 import {} from '../../affine-widget-slash-menu/index.js';
 import { FontIcon } from '@blocksuite/icons/lit';
+import { CALLOUT_SLASH_CAPTION, CALLOUT_SLASH_DESCRIPTION, CALLOUT_SLASH_NAME, } from '../translations.js';
 import { calloutTooltip } from './tooltips.js';
 // No `disableWhen` here on purpose. The widget ORs every config's `disableWhen`
 // together and then refuses to open at all, so the callout's own guard used to
@@ -12,11 +13,14 @@ export const calloutSlashMenuConfig = {
     items: [
         {
             name: 'Callout',
+            nameWording: CALLOUT_SLASH_NAME,
             description: 'Let your words stand out.',
+            descriptionWording: CALLOUT_SLASH_DESCRIPTION,
             icon: FontIcon(),
             tooltip: {
                 figure: calloutTooltip,
                 caption: 'Callout',
+                captionWording: CALLOUT_SLASH_CAPTION,
             },
             searchAlias: ['callout'],
             group: '0_Basic@9',

package/dist/_pkgs/affine-block-callout/configs/tooltips.js

@@ -3,14 +3,14 @@ import { html } from 'lit';
 export const calloutTooltip = html `<svg width="170" height="106" viewBox="0 0 170 106" fill="none" xmlns="http://www.w3.org/2000/svg">
 <g clip-path="url(#clip0_3479_144688)">
 <rect width="170" height="106" fill="white"/>
-<text fill="#8E8D91" xml:space="preserve" style="white-space: pre" font-family="Inter" font-size="10" letter-spacing="0px"><tspan x="8" y="16.6364">Highlight important notes.</tspan></text>
+<rect x="8" y="9.1364" width="143" height="8" rx="4" fill="#8E8D91" fill-opacity="0.55"/>
 <path d="M8 32.1816C8 29.3199 10.3199 27 13.1816 27H489.892C492.754 27 495.073 29.3199 495.073 32.1816V90.8403C495.073 93.702 492.754 96.0219 489.892 96.0219H13.1816C10.3199 96.0219 8 93.702 8 90.8403V32.1816Z" fill="#EEFFFD"/>
 <g clip-path="url(#clip1_3479_144688)">
 <g clip-path="url(#clip2_3479_144688)">
 <text fill="black" xml:space="preserve" style="white-space: pre" font-family="Inter" font-size="15" font-weight="500" letter-spacing="0em"><tspan x="14.7494" y="50.1658">&#x1f44b;</tspan></text>
 </g>
 </g>
-<text fill="#141414" xml:space="preserve" style="white-space: pre" font-family="Inter" font-size="10" letter-spacing="0px"><tspan x="44.9541" y="49.4196">A storyboard is a visual representation of a story, typically presented in the form of sequential </tspan><tspan x="44.9541" y="64.9645">panels. Each panel features illustrations or images accompanied by notes describing key </tspan><tspan x="44.9541" y="80.5094">scenes or shots, including details of action and dialogue. </tspan></text>
+<rect x="44.9541" y="41.9196" width="125.0459" height="8" rx="4" fill="#141414" fill-opacity="0.3"/><rect x="44.9541" y="57.4645" width="125.0459" height="8" rx="4" fill="#141414" fill-opacity="0.3"/><rect x="44.9541" y="73.0094" width="125.0459" height="8" rx="4" fill="#141414" fill-opacity="0.3"/>
 </g>
 <defs>
 <clipPath id="clip0_3479_144688">

package/dist/_pkgs/affine-block-callout/translations.d.ts

@@ -0,0 +1,16 @@
+import type { ChromeWording } from '../affine-shared/services/index.js';
+/**
+ * This package's own wordings, declared beside the code that renders them —
+ * the slash-menu's single "Callout" item.
+ */
+export declare const CALLOUT_SLASH_NAME: ChromeWording;
+export declare const CALLOUT_SLASH_DESCRIPTION: ChromeWording;
+/** The item's tooltip caption says the exact same word as its name. */
+export declare const CALLOUT_SLASH_CAPTION: ChromeWording;
+/**
+ * Every wording declared above, in declaration order — walked by
+ * `PACKAGE_WORDINGS` in `packages/affine/all/src/translations.ts`. The
+ * caption alias is not listed again, same rule other packages' chrome
+ * aliases already follow.
+ */
+export declare const CALLOUT_WORDINGS: readonly ChromeWording[];

package/dist/_pkgs/affine-block-callout/translations.js

@@ -0,0 +1,24 @@
+/**
+ * This package's own wordings, declared beside the code that renders them —
+ * the slash-menu's single "Callout" item.
+ */
+export const CALLOUT_SLASH_NAME = [
+    'com.labre.callout.slash-menu.name',
+    'Callout',
+];
+export const CALLOUT_SLASH_DESCRIPTION = [
+    'com.labre.callout.slash-menu.description',
+    'Let your words stand out.',
+];
+/** The item's tooltip caption says the exact same word as its name. */
+export const CALLOUT_SLASH_CAPTION = CALLOUT_SLASH_NAME;
+/**
+ * Every wording declared above, in declaration order — walked by
+ * `PACKAGE_WORDINGS` in `packages/affine/all/src/translations.ts`. The
+ * caption alias is not listed again, same rule other packages' chrome
+ * aliases already follow.
+ */
+export const CALLOUT_WORDINGS = [
+    CALLOUT_SLASH_NAME,
+    CALLOUT_SLASH_DESCRIPTION,
+];

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

@@ -54,6 +54,7 @@ import { CodeBlockHighlighter } from './code-block-service.js';
 import { CodeBlockPreviewIdentifier } from './code-preview-extension.js';
 import { readGlobalLineNumbers, resolveShowLineNumbers, } from './line-numbers.js';
 import { codeBlockStyles } from './styles.js';
+import { CODE_COPY_FAILED, CODE_PLAIN_TEXT_LANGUAGE } from './translations.js';
 let CodeBlockComponent = (() => {
     let _classSuper = CaptionedBlockComponent;
     let __richTextElement_decorators;
@@ -76,10 +77,12 @@ let CodeBlockComponent = (() => {
             this.languageName$ = computed(() => {
                 const lang = this.model.props.language$.value;
                 if (lang === null) {
-                    return 'Plain Text';
+                    return translateKey(this.std, ...CODE_PLAIN_TEXT_LANGUAGE);
                 }
                 const matchedInfo = this.langs.find(info => info.id === lang);
-                return matchedInfo ? matchedInfo.name : 'Plain Text';
+                return matchedInfo
+                    ? matchedInfo.name
+                    : translateKey(this.std, ...CODE_PLAIN_TEXT_LANGUAGE);
             });
             /**
              * Stable signal: true when the global editor setting enables line numbers.
@@ -389,7 +392,7 @@ let CodeBlockComponent = (() => {
                 this.notificationService?.toast(translateKey(this.std, ...TOAST_COPIED_TO_CLIPBOARD));
             })
                 .catch(e => {
-                this.notificationService?.toast('Copied failed, something went wrong');
+                this.notificationService?.toast(translateKey(this.std, ...CODE_COPY_FAILED));
                 console.error(e);
             });
         }

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

@@ -34,6 +34,7 @@ var __runInitializers = (this && this.__runInitializers) || function (thisArg, i
 };
 import { createLitPortal } from '../../../affine-components/portal/index.js';
 import { renderGroups } from '../../../affine-components/toolbar/index.js';
+import { translateKey } from '../../../affine-shared/services/index.js';
 import { unsafeCSSVarV2 } from '../../../affine-shared/theme/index.js';
 import { WithDisposable } from '../../../global/lit/index.js';
 import { noop } from '../../../global/utils/index.js';
@@ -42,6 +43,7 @@ import { flip, offset } from '@floating-ui/dom';
 import { effect } from '@preact/signals-core';
 import { css, html, LitElement } from 'lit';
 import { property, query, state } from 'lit/decorators.js';
+import { CODE_TOOLBAR_MORE } from '../../translations.js';
 let AffineCodeToolbar = (() => {
     let _classSuper = WithDisposable(LitElement);
     let __moreButton_decorators;
@@ -170,8 +172,8 @@ let AffineCodeToolbar = (() => {
         <editor-icon-button
           class="code-toolbar-button more"
           data-testid="more"
-          aria-label="More"
-          .tooltip=${'More'}
+          aria-label=${translateKey(this.context.blockComponent.std, ...CODE_TOOLBAR_MORE)}
+          .tooltip=${translateKey(this.context.blockComponent.std, ...CODE_TOOLBAR_MORE)}
           .tooltipOffset=${4}
           .iconSize=${'16px'}
           .iconContainerPadding=${4}

package/dist/_pkgs/affine-block-code/code-toolbar/components/lang-button.js

@@ -34,7 +34,7 @@ var __runInitializers = (this && this.__runInitializers) || function (thisArg, i
 };
 import { showPopFilterableList, } from '../../../affine-components/filterable-list/index.js';
 import { ArrowDownIcon } from '../../../affine-components/icons/index.js';
-import { DocModeProvider, TelemetryProvider, } from '../../../affine-shared/services/index.js';
+import { DocModeProvider, TelemetryProvider, translateKey, } from '../../../affine-shared/services/index.js';
 import { unsafeCSSVarV2 } from '../../../affine-shared/theme/index.js';
 import { SignalWatcher, WithDisposable } from '../../../global/lit/index.js';
 import { noop } from '../../../global/utils/index.js';
@@ -42,6 +42,7 @@ import { css, LitElement, nothing } from 'lit';
 import { property, query } from 'lit/decorators.js';
 import { styleMap } from 'lit/directives/style-map.js';
 import { html } from 'lit/static-html.js';
+import { CODE_SEARCH_FOR_LANGUAGE } from '../../translations.js';
 let LanguageListButton = (() => {
     let _classSuper = WithDisposable(SignalWatcher(LitElement));
     let __langButton_decorators;
@@ -159,7 +160,7 @@ let LanguageListButton = (() => {
                 });
                 this.onActiveStatusChange(true);
                 const options = {
-                    placeholder: 'Search for a language',
+                    placeholder: translateKey(this.blockComponent.std, ...CODE_SEARCH_FOR_LANGUAGE),
                     onSelect: item => {
                         const sortedBundledLanguages = this._sortedBundledLanguages;
                         const index = sortedBundledLanguages.indexOf(item);

package/dist/_pkgs/affine-block-code/code-toolbar/components/preview-button.js

@@ -32,13 +32,14 @@ var __runInitializers = (this && this.__runInitializers) || function (thisArg, i
     }
     return useValue ? value : void 0;
 };
-import { DocModeProvider, TelemetryProvider, } from '../../../affine-shared/services/index.js';
+import { DocModeProvider, TelemetryProvider, translateKey, } from '../../../affine-shared/services/index.js';
 import { unsafeCSSVarV2 } from '../../../affine-shared/theme/index.js';
 import { SignalWatcher, WithDisposable } from '../../../global/lit/index.js';
 import { css, html, LitElement, nothing } from 'lit';
 import { property } from 'lit/decorators.js';
 import { classMap } from 'lit/directives/class-map.js';
 import { CodeBlockPreviewIdentifier } from '../../code-preview-extension.js';
+import { CODE_PREVIEW_TOGGLE_CODE, CODE_PREVIEW_TOGGLE_PREVIEW, } from '../../translations.js';
 let PreviewButton = (() => {
     let _classSuper = WithDisposable(SignalWatcher(LitElement));
     let _blockComponent_decorators;
@@ -112,7 +113,7 @@ let PreviewButton = (() => {
             })}
           @click=${() => this._toggle(false)}
         >
-          Code
+          ${translateKey(this.blockComponent.std, ...CODE_PREVIEW_TOGGLE_CODE)}
         </div>
         <div
           class=${classMap({
@@ -121,7 +122,7 @@ let PreviewButton = (() => {
             })}
           @click=${() => this._toggle(true)}
         >
-          Preview
+          ${translateKey(this.blockComponent.std, ...CODE_PREVIEW_TOGGLE_PREVIEW)}
         </div>
       </div>
     `;

package/dist/_pkgs/affine-block-code/code-toolbar/config.js

@@ -1,12 +1,12 @@
 import { CancelWrapIcon, CaptionIcon, CopyIcon, DeleteIcon, DuplicateIcon, WrapIcon, } from '../../affine-components/icons/index.js';
-import { CommentProviderIdentifier, DocModeProvider, TelemetryProvider, } from '../../affine-shared/services/index.js';
+import { CommentProviderIdentifier, DocModeProvider, TelemetryProvider, translateKey, } from '../../affine-shared/services/index.js';
 import { isInsidePageEditor } from '../../affine-shared/utils/index.js';
 import { noop, sleep } from '../../global/utils/index.js';
 import { CollapseIcon, CommentIcon, NumberedListIcon, ToggleRightIcon, } from '@blocksuite/icons/lit';
 import { BlockSelection } from '../../std/index.js';
 import { html } from 'lit';
-import { ifDefined } from 'lit/directives/if-defined.js';
 import { CodeBlockConfigExtension } from '../code-block-config.js';
+import { CODE_TOOLBAR_CANCEL_LINE_NUMBER, CODE_TOOLBAR_CANCEL_WRAP, CODE_TOOLBAR_CAPTION, CODE_TOOLBAR_COLLAPSE, CODE_TOOLBAR_COMMENT, CODE_TOOLBAR_COPY_CODE, CODE_TOOLBAR_DELETE, CODE_TOOLBAR_DUPLICATE, CODE_TOOLBAR_EXPAND, CODE_TOOLBAR_LINE_NUMBER, CODE_TOOLBAR_WRAP, } from '../translations.js';
 import { duplicateCodeBlock } from './utils.js';
 // Upstream keeps these two in `@blocksuite/affine-components/icons`; we build
 // them here so the code block owns its own toolbar glyphs.
@@ -59,22 +59,25 @@ export const PRIMARY_GROUPS = [
                         action: () => {
                             blockComponent.copyCode();
                         },
-                        render: item => html `
-              <editor-icon-button
-                class="code-toolbar-button copy-code"
-                aria-label=${ifDefined(item.label)}
-                .tooltip=${item.label}
-                .tooltipOffset=${4}
-                .iconSize=${'16px'}
-                .iconContainerPadding=${4}
-                @click=${(e) => {
-                            e.stopPropagation();
-                            item.action();
-                        }}
-              >
-                ${item.icon}
-              </editor-icon-button>
-            `,
+                        render: item => {
+                            const label = translateKey(blockComponent.std, ...CODE_TOOLBAR_COPY_CODE);
+                            return html `
+                <editor-icon-button
+                  class="code-toolbar-button copy-code"
+                  aria-label=${label}
+                  .tooltip=${label}
+                  .tooltipOffset=${4}
+                  .iconSize=${'16px'}
+                  .iconContainerPadding=${4}
+                  @click=${(e) => {
+                                e.stopPropagation();
+                                item.action();
+                            }}
+                >
+                  ${item.icon}
+                </editor-icon-button>
+              `;
+                        },
                     };
                 },
             },
@@ -101,7 +104,7 @@ export const PRIMARY_GROUPS = [
                         render: item => {
                             const collapsed = blockComponent.collapsed$.value;
                             const icon = collapsed ? ExpandCodeIcon : CollapseCodeIcon;
-                            const label = collapsed ? 'Expand code' : 'Collapse code';
+                            const label = translateKey(blockComponent.std, ...(collapsed ? CODE_TOOLBAR_EXPAND : CODE_TOOLBAR_COLLAPSE));
                             return html `
                 <editor-icon-button
                   class="code-toolbar-button collapse"
@@ -132,22 +135,25 @@ export const PRIMARY_GROUPS = [
                         action: () => {
                             blockComponent.captionEditor?.show();
                         },
-                        render: item => html `
-              <editor-icon-button
-                class="code-toolbar-button caption"
-                aria-label=${ifDefined(item.label)}
-                .tooltip=${item.label}
-                .tooltipOffset=${4}
-                .iconSize=${'16px'}
-                .iconContainerPadding=${4}
-                @click=${(e) => {
-                            e.stopPropagation();
-                            item.action();
-                        }}
-              >
-                ${item.icon}
-              </editor-icon-button>
-            `,
+                        render: item => {
+                            const label = translateKey(blockComponent.std, ...CODE_TOOLBAR_CAPTION);
+                            return html `
+                <editor-icon-button
+                  class="code-toolbar-button caption"
+                  aria-label=${label}
+                  .tooltip=${label}
+                  .tooltipOffset=${4}
+                  .iconSize=${'16px'}
+                  .iconContainerPadding=${4}
+                  @click=${(e) => {
+                                e.stopPropagation();
+                                item.action();
+                            }}
+                >
+                  ${item.icon}
+                </editor-icon-button>
+              `;
+                        },
                     };
                 },
             },
@@ -172,20 +178,23 @@ export const PRIMARY_GROUPS = [
                                 }),
                             ]);
                         },
-                        render: item => html `<editor-icon-button
+                        render: item => {
+                            const label = translateKey(blockComponent.std, ...CODE_TOOLBAR_COMMENT);
+                            return html `<editor-icon-button
                 class="code-toolbar-button comment"
-                aria-label=${ifDefined(item.label)}
-                .tooltip=${item.label}
+                aria-label=${label}
+                .tooltip=${label}
                 .tooltipOffset=${4}
                 .iconSize=${'16px'}
                 .iconContainerPadding=${4}
                 @click=${(e) => {
-                            e.stopPropagation();
-                            item.action();
-                        }}
+                                e.stopPropagation();
+                                item.action();
+                            }}
               >
                 ${item.icon}
-              </editor-icon-button>`,
+              </editor-icon-button>`;
+                        },
                     };
                 },
             },
@@ -202,7 +211,7 @@ export const toggleGroup = {
                     action: () => { },
                     render: () => {
                         const wrapped = blockComponent.model.props.wrap;
-                        const label = wrapped ? 'Cancel wrap' : 'Wrap';
+                        const label = translateKey(blockComponent.std, ...(wrapped ? CODE_TOOLBAR_CANCEL_WRAP : CODE_TOOLBAR_WRAP));
                         const icon = wrapped ? CancelWrapIcon : WrapIcon;
                         return html `
               <editor-menu-action
@@ -233,7 +242,9 @@ export const toggleGroup = {
                     action: () => { },
                     render: () => {
                         const lineNumber = blockComponent.showLineNumbers;
-                        const label = lineNumber ? 'Cancel line number' : 'Line number';
+                        const label = translateKey(blockComponent.std, ...(lineNumber
+                            ? CODE_TOOLBAR_CANCEL_LINE_NUMBER
+                            : CODE_TOOLBAR_LINE_NUMBER));
                         return html `
               <editor-menu-action
                 @click=${() => {
@@ -263,32 +274,49 @@ export const clipboardGroup = {
     items: [
         {
             type: 'duplicate',
-            // NOT a `ToolbarAction`: the code block's "⋮" is a `MenuItemGroup`,
-            // rendered by `renderGroups` over a context that is generic and carries
-            // no `std`, so the wording seam cannot reach it. Left English with the
-            // rest of that menu's vocabulary rather than keying two of its five
-            // entries — see the changeset.
-            label: 'Duplicate',
+            // `MenuItemGroup`'s default renderer (`renderActions`,
+            // `@labre/affine-components/toolbar`) draws a plain `action` item's
+            // static `label` with no wording seam of its own — but `generate` DOES
+            // reach `std` (via `blockComponent`, exactly like every other item in
+            // this file), so the wording is resolved in a `render` override instead
+            // of relying on the generic renderer.
             icon: DuplicateIcon,
             when: ({ doc }) => !doc.readonly,
-            action: ({ host, blockComponent, close }) => {
-                const codeId = duplicateCodeBlock(blockComponent.model);
-                host.updateComplete
-                    .then(() => {
-                    host.selection.setGroup('note', [
-                        host.selection.create(BlockSelection, {
-                            blockId: codeId,
-                        }),
-                    ]);
-                    if (isInsidePageEditor(host)) {
-                        const duplicateElement = host.view.getBlock(codeId);
-                        if (duplicateElement) {
-                            duplicateElement.scrollIntoView({ block: 'nearest' });
-                        }
-                    }
-                })
-                    .catch(console.error);
-                close();
+            generate: ({ host, blockComponent, close }) => {
+                return {
+                    action: () => {
+                        const codeId = duplicateCodeBlock(blockComponent.model);
+                        host.updateComplete
+                            .then(() => {
+                            host.selection.setGroup('note', [
+                                host.selection.create(BlockSelection, {
+                                    blockId: codeId,
+                                }),
+                            ]);
+                            if (isInsidePageEditor(host)) {
+                                const duplicateElement = host.view.getBlock(codeId);
+                                if (duplicateElement) {
+                                    duplicateElement.scrollIntoView({ block: 'nearest' });
+                                }
+                            }
+                        })
+                            .catch(console.error);
+                        close();
+                    },
+                    render: item => {
+                        const label = translateKey(blockComponent.std, ...CODE_TOOLBAR_DUPLICATE);
+                        return html `
+              <editor-menu-action
+                class="code-toolbar-button duplicate"
+                aria-label=${label}
+                @click=${() => item.action()}
+              >
+                ${item.icon}
+                <span class="label">${label}</span>
+              </editor-menu-action>
+            `;
+                    },
+                };
             },
         },
     ],
@@ -300,12 +328,28 @@ export const deleteGroup = {
         {
             type: 'delete',
             // See the note on `duplicate` above.
-            label: 'Delete',
             icon: DeleteIcon,
             when: ({ doc }) => !doc.readonly,
-            action: ({ doc, blockComponent, close }) => {
-                doc.deleteBlock(blockComponent.model);
-                close();
+            generate: ({ doc, blockComponent, close }) => {
+                return {
+                    action: () => {
+                        doc.deleteBlock(blockComponent.model);
+                        close();
+                    },
+                    render: item => {
+                        const label = translateKey(blockComponent.std, ...CODE_TOOLBAR_DELETE);
+                        return html `
+              <editor-menu-action
+                class="code-toolbar-button delete"
+                aria-label=${label}
+                @click=${() => item.action()}
+              >
+                ${item.icon}
+                <span class="label">${label}</span>
+              </editor-menu-action>
+            `;
+                    },
+                };
             },
         },
     ],

package/dist/_pkgs/affine-block-code/translations.d.ts

@@ -0,0 +1,30 @@
+import { type ChromeWording, TOOLBAR_DELETE, TOOLBAR_DUPLICATE, TOOLBAR_MORE } from '../affine-shared/services/index.js';
+/**
+ * This package's own wordings, declared beside the code that renders them —
+ * the code block's own chrome (the "Plain Text" language fallback, the copy
+ * failure toast) and its floating toolbar / "⋮" menu. Verbs the editor
+ * already shares everywhere ("More", "Duplicate", "Delete") are re-exported
+ * from `chrome.ts` instead of declared again.
+ */
+export { TOOLBAR_DELETE as CODE_TOOLBAR_DELETE, TOOLBAR_DUPLICATE as CODE_TOOLBAR_DUPLICATE, TOOLBAR_MORE as CODE_TOOLBAR_MORE, };
+export declare const CODE_PLAIN_TEXT_LANGUAGE: ChromeWording;
+export declare const CODE_COPY_FAILED: ChromeWording;
+export declare const CODE_SEARCH_FOR_LANGUAGE: ChromeWording;
+export declare const CODE_PREVIEW_TOGGLE_CODE: ChromeWording;
+export declare const CODE_PREVIEW_TOGGLE_PREVIEW: ChromeWording;
+export declare const CODE_TOOLBAR_COPY_CODE: ChromeWording;
+export declare const CODE_TOOLBAR_EXPAND: ChromeWording;
+export declare const CODE_TOOLBAR_COLLAPSE: ChromeWording;
+export declare const CODE_TOOLBAR_CAPTION: ChromeWording;
+/** PO decision: "Comment" (code toolbar) gets a key. */
+export declare const CODE_TOOLBAR_COMMENT: ChromeWording;
+export declare const CODE_TOOLBAR_CANCEL_WRAP: ChromeWording;
+export declare const CODE_TOOLBAR_WRAP: ChromeWording;
+export declare const CODE_TOOLBAR_CANCEL_LINE_NUMBER: ChromeWording;
+export declare const CODE_TOOLBAR_LINE_NUMBER: ChromeWording;
+/**
+ * Every wording DECLARED IN THIS FILE (not re-exported from `chrome.ts`), in
+ * declaration order — walked by `PACKAGE_WORDINGS` in
+ * `packages/affine/all/src/translations.ts`.
+ */
+export declare const CODE_WORDINGS: readonly ChromeWording[];

package/dist/_pkgs/affine-block-code/translations.js

@@ -0,0 +1,84 @@
+import { PREVIEW_LABEL, TOOLBAR_CAPTION, TOOLBAR_COMMENT, TOOLBAR_DELETE, TOOLBAR_DUPLICATE, TOOLBAR_MORE, } from '../affine-shared/services/index.js';
+/**
+ * This package's own wordings, declared beside the code that renders them —
+ * the code block's own chrome (the "Plain Text" language fallback, the copy
+ * failure toast) and its floating toolbar / "⋮" menu. Verbs the editor
+ * already shares everywhere ("More", "Duplicate", "Delete") are re-exported
+ * from `chrome.ts` instead of declared again.
+ */
+export { TOOLBAR_DELETE as CODE_TOOLBAR_DELETE, TOOLBAR_DUPLICATE as CODE_TOOLBAR_DUPLICATE, TOOLBAR_MORE as CODE_TOOLBAR_MORE, };
+/* ── `./code-block.ts` ────────────────────────────────────────────────────
+ * "Plain Text" is the fallback name shown when the block has no language, or
+ * its language id isn't found among the bundled ones — both branches say the
+ * exact same word, one key.
+ */
+export const CODE_PLAIN_TEXT_LANGUAGE = [
+    'com.labre.code.language.plain-text',
+    'Plain Text',
+];
+export const CODE_COPY_FAILED = [
+    'com.labre.code.toast.copy-failed',
+    'Copied failed, something went wrong',
+];
+/* ── `./code-toolbar/components/lang-button.ts` ──────────────────────────── */
+export const CODE_SEARCH_FOR_LANGUAGE = [
+    'com.labre.code.language.search-placeholder',
+    'Search for a language',
+];
+/* ── `./code-toolbar/components/preview-button.ts` ───────────────────────── */
+export const CODE_PREVIEW_TOGGLE_CODE = [
+    'com.labre.code.preview.toggle-code',
+    'Code',
+];
+export const CODE_PREVIEW_TOGGLE_PREVIEW = PREVIEW_LABEL;
+/* ── `./code-toolbar/config.ts` — the floating toolbar's buttons ─────────── */
+export const CODE_TOOLBAR_COPY_CODE = [
+    'com.labre.code.toolbar.copy-code',
+    'Copy code',
+];
+export const CODE_TOOLBAR_EXPAND = [
+    'com.labre.code.toolbar.expand',
+    'Expand code',
+];
+export const CODE_TOOLBAR_COLLAPSE = [
+    'com.labre.code.toolbar.collapse',
+    'Collapse code',
+];
+export const CODE_TOOLBAR_CAPTION = TOOLBAR_CAPTION;
+/** PO decision: "Comment" (code toolbar) gets a key. */
+export const CODE_TOOLBAR_COMMENT = TOOLBAR_COMMENT;
+/* ── `./code-toolbar/config.ts` — the "⋮" more menu ───────────────────────── */
+export const CODE_TOOLBAR_CANCEL_WRAP = [
+    'com.labre.code.toolbar.cancel-wrap',
+    'Cancel wrap',
+];
+export const CODE_TOOLBAR_WRAP = [
+    'com.labre.code.toolbar.wrap',
+    'Wrap',
+];
+export const CODE_TOOLBAR_CANCEL_LINE_NUMBER = [
+    'com.labre.code.toolbar.cancel-line-number',
+    'Cancel line number',
+];
+export const CODE_TOOLBAR_LINE_NUMBER = [
+    'com.labre.code.toolbar.line-number',
+    'Line number',
+];
+/**
+ * Every wording DECLARED IN THIS FILE (not re-exported from `chrome.ts`), in
+ * declaration order — walked by `PACKAGE_WORDINGS` in
+ * `packages/affine/all/src/translations.ts`.
+ */
+export const CODE_WORDINGS = [
+    CODE_PLAIN_TEXT_LANGUAGE,
+    CODE_COPY_FAILED,
+    CODE_SEARCH_FOR_LANGUAGE,
+    CODE_PREVIEW_TOGGLE_CODE,
+    CODE_TOOLBAR_COPY_CODE,
+    CODE_TOOLBAR_EXPAND,
+    CODE_TOOLBAR_COLLAPSE,
+    CODE_TOOLBAR_CANCEL_WRAP,
+    CODE_TOOLBAR_WRAP,
+    CODE_TOOLBAR_CANCEL_LINE_NUMBER,
+    CODE_TOOLBAR_LINE_NUMBER,
+];