@formicoidea/labre-core 0.40.0 → 0.42.0

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

@@ -0,0 +1,64 @@
+import { type ChromeWording } from '../affine-shared/services/index.js';
+/**
+ * The frame's own seed: the default title a newly created frame is stamped
+ * with (`Frame 3`), written into the document at creation
+ * (`EdgelessFrameManager._addFrameBlock`, `FrameTool.dragMove`). Resolved at
+ * PLACEMENT and never again — a frame renamed by its author keeps its name,
+ * and a frame created before this key existed keeps the plain text it was
+ * given.
+ *
+ * `{{n}}` is the frame's 1-based ordinal among the frames already on the doc;
+ * the host interpolates it, and the fallback keeps it neutral for the same
+ * reason a count never gets its own key (see the translation-service README).
+ */
+export declare const FRAME_SEED_NAME: ChromeWording;
+/**
+ * This package's contribution to the translation-key manifest — a single seed,
+ * listed in `PACKAGE_SEED_WORDINGS` under source `seed`
+ * (`packages/affine/all/src/translations.ts`).
+ */
+export declare const FRAME_WORDINGS: readonly ChromeWording[];
+/**
+ * "Custom" (pick the freeform frame tool rather than a preset ratio) —
+ * reused verbatim by both the dense menu (`frame-dense-menu.ts`) and the
+ * slide-out menu (`frame-menu.ts`).
+ */
+export declare const FRAME_DENSE_MENU_CUSTOM: ChromeWording;
+/** `{{name}}` is a preset ratio ("1:1", "16:9"), not translated. */
+export declare const FRAME_DENSE_MENU_SLIDE: ChromeWording;
+export declare const FRAME_TOOLBAR_INSERT_INTO_PAGE: ChromeWording;
+/**
+ * The success notification's message body AND the standalone-playground
+ * fallback (`toast(...)`, when no `NotificationProvider` is registered) —
+ * the exact same sentence, one key for both.
+ */
+export declare const FRAME_TOAST_INSERTED_MESSAGE: ChromeWording;
+export declare const FRAME_TOOLBAR_UNGROUP: ChromeWording;
+export declare const FRAME_TOOLBAR_BACKGROUND: ChromeWording;
+export declare const FRAME_PRESENT_TOOL_TOOLTIP: ChromeWording;
+export declare const FRAME_PRESENT_PREVIOUS: ChromeWording;
+export declare const FRAME_PRESENT_NEXT: ChromeWording;
+export declare const FRAME_PRESENT_EXIT_FULLSCREEN: ChromeWording;
+export declare const FRAME_PRESENT_ENTER_FULLSCREEN: ChromeWording;
+export declare const FRAME_PRESENT_REACHED_LAST: ChromeWording;
+export declare const FRAME_PRESENT_REACHED_FIRST: ChromeWording;
+export declare const FRAME_PRESENT_REQUIRES_ONE_FRAME: ChromeWording;
+/** The frame navigator's title placeholder before any frame exists. */
+export declare const FRAME_PRESENT_NO_FRAME_TITLE: ChromeWording;
+/**
+ * The frame-order button's tooltip AND its section header in the settings
+ * menu (`present/frame-order-button.ts`, `present/navigator-setting-button.ts`)
+ * — the exact same word, one key for both.
+ */
+export declare const FRAME_PRESENT_FRAME_ORDER: ChromeWording;
+export declare const FRAME_PRESENT_BLACK_BACKGROUND: ChromeWording;
+/**
+ * This package's CHROME contribution to the translation-key manifest, listed
+ * in `PACKAGE_WORDINGS` under source `chrome`
+ * (`packages/affine/all/src/translations.ts`) — separate from
+ * {@link FRAME_WORDINGS} above, which stays under `PACKAGE_SEED_WORDINGS`
+ * (source `seed`). The shared verbs it reuses (Rename, Frame, Settings,
+ * Hide toolbar, Playback Settings…) travel with
+ * `@labre/affine-shared/services` instead, so they are not restated here.
+ */
+export declare const FRAME_CHROME_WORDINGS: readonly ChromeWording[];

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

@@ -0,0 +1,131 @@
+import { TOOLBAR_INSERT_INTO_PAGE, TOOLBAR_UNGROUP, } from '../affine-shared/services/index.js';
+/**
+ * The frame's own seed: the default title a newly created frame is stamped
+ * with (`Frame 3`), written into the document at creation
+ * (`EdgelessFrameManager._addFrameBlock`, `FrameTool.dragMove`). Resolved at
+ * PLACEMENT and never again — a frame renamed by its author keeps its name,
+ * and a frame created before this key existed keeps the plain text it was
+ * given.
+ *
+ * `{{n}}` is the frame's 1-based ordinal among the frames already on the doc;
+ * the host interpolates it, and the fallback keeps it neutral for the same
+ * reason a count never gets its own key (see the translation-service README).
+ */
+export const FRAME_SEED_NAME = [
+    'com.labre.frame.seed.name',
+    'Frame {{n}}',
+];
+/**
+ * This package's contribution to the translation-key manifest — a single seed,
+ * listed in `PACKAGE_SEED_WORDINGS` under source `seed`
+ * (`packages/affine/all/src/translations.ts`).
+ */
+export const FRAME_WORDINGS = [FRAME_SEED_NAME];
+/* ── Chrome: the edgeless toolbar's frame dense-menu (`edgeless-toolbar/`) ── */
+/**
+ * "Custom" (pick the freeform frame tool rather than a preset ratio) —
+ * reused verbatim by both the dense menu (`frame-dense-menu.ts`) and the
+ * slide-out menu (`frame-menu.ts`).
+ */
+export const FRAME_DENSE_MENU_CUSTOM = [
+    'com.labre.frame.dense-menu.custom',
+    'Custom',
+];
+/** `{{name}}` is a preset ratio ("1:1", "16:9"), not translated. */
+export const FRAME_DENSE_MENU_SLIDE = [
+    'com.labre.frame.dense-menu.slide',
+    'Slide {{name}}',
+];
+/* ── Chrome: the frame's own surface toolbar (`frame-toolbar.ts`) ────────── */
+export const FRAME_TOOLBAR_INSERT_INTO_PAGE = TOOLBAR_INSERT_INTO_PAGE;
+/**
+ * The success notification's message body AND the standalone-playground
+ * fallback (`toast(...)`, when no `NotificationProvider` is registered) —
+ * the exact same sentence, one key for both.
+ */
+export const FRAME_TOAST_INSERTED_MESSAGE = [
+    'com.labre.frame.toast.inserted-message',
+    'Frame has been inserted into doc',
+];
+export const FRAME_TOOLBAR_UNGROUP = TOOLBAR_UNGROUP;
+export const FRAME_TOOLBAR_BACKGROUND = [
+    'com.labre.frame.toolbar.background',
+    'Background',
+];
+/* ── Chrome: presentation mode (`present/`) ──────────────────────────────── */
+export const FRAME_PRESENT_TOOL_TOOLTIP = [
+    'com.labre.frame.present.tool-tooltip',
+    'Present',
+];
+export const FRAME_PRESENT_PREVIOUS = [
+    'com.labre.frame.present.previous',
+    'Previous',
+];
+export const FRAME_PRESENT_NEXT = [
+    'com.labre.frame.present.next',
+    'Next',
+];
+export const FRAME_PRESENT_EXIT_FULLSCREEN = [
+    'com.labre.frame.present.exit-fullscreen',
+    'Exit Full Screen',
+];
+export const FRAME_PRESENT_ENTER_FULLSCREEN = [
+    'com.labre.frame.present.enter-fullscreen',
+    'Enter Full Screen',
+];
+export const FRAME_PRESENT_REACHED_LAST = [
+    'com.labre.frame.present.reached-last',
+    'You have reached the last frame',
+];
+export const FRAME_PRESENT_REACHED_FIRST = [
+    'com.labre.frame.present.reached-first',
+    'You have reached the first frame',
+];
+export const FRAME_PRESENT_REQUIRES_ONE_FRAME = [
+    'com.labre.frame.present.requires-one-frame',
+    'The presentation requires at least 1 frame. You can firstly create a frame.',
+];
+/** The frame navigator's title placeholder before any frame exists. */
+export const FRAME_PRESENT_NO_FRAME_TITLE = [
+    'com.labre.frame.present.no-frame-title',
+    'no frame',
+];
+/**
+ * The frame-order button's tooltip AND its section header in the settings
+ * menu (`present/frame-order-button.ts`, `present/navigator-setting-button.ts`)
+ * — the exact same word, one key for both.
+ */
+export const FRAME_PRESENT_FRAME_ORDER = [
+    'com.labre.frame.present.frame-order',
+    'Frame Order',
+];
+export const FRAME_PRESENT_BLACK_BACKGROUND = [
+    'com.labre.frame.present.black-background',
+    'Black background',
+];
+/**
+ * This package's CHROME contribution to the translation-key manifest, listed
+ * in `PACKAGE_WORDINGS` under source `chrome`
+ * (`packages/affine/all/src/translations.ts`) — separate from
+ * {@link FRAME_WORDINGS} above, which stays under `PACKAGE_SEED_WORDINGS`
+ * (source `seed`). The shared verbs it reuses (Rename, Frame, Settings,
+ * Hide toolbar, Playback Settings…) travel with
+ * `@labre/affine-shared/services` instead, so they are not restated here.
+ */
+export const FRAME_CHROME_WORDINGS = [
+    FRAME_DENSE_MENU_CUSTOM,
+    FRAME_DENSE_MENU_SLIDE,
+    FRAME_TOAST_INSERTED_MESSAGE,
+    FRAME_TOOLBAR_BACKGROUND,
+    FRAME_PRESENT_TOOL_TOOLTIP,
+    FRAME_PRESENT_PREVIOUS,
+    FRAME_PRESENT_NEXT,
+    FRAME_PRESENT_EXIT_FULLSCREEN,
+    FRAME_PRESENT_ENTER_FULLSCREEN,
+    FRAME_PRESENT_REACHED_LAST,
+    FRAME_PRESENT_REACHED_FIRST,
+    FRAME_PRESENT_REQUIRES_ONE_FRAME,
+    FRAME_PRESENT_NO_FRAME_TITLE,
+    FRAME_PRESENT_FRAME_ORDER,
+    FRAME_PRESENT_BLACK_BACKGROUND,
+];

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

@@ -34,6 +34,7 @@ var __runInitializers = (this && this.__runInitializers) || function (thisArg, i
 };
 import { focusBlockEnd, focusBlockStart, getNextBlockCommand, getPrevBlockCommand, } from '../../affine-shared/commands/index.js';
 import { ImageSelection } from '../../affine-shared/selection/index.js';
+import { translateKey } from '../../affine-shared/services/index.js';
 import { unsafeCSSVarV2 } from '../../affine-shared/theme/index.js';
 import { SignalWatcher, WithDisposable } from '../../global/lit/index.js';
 import { BlockSelection, ShadowlessElement, TextSelection } from '../../std/index.js';
@@ -44,6 +45,7 @@ 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.js';
+import { IMAGE_LABEL, IMAGE_TOAST_DOWNLOAD_FAILED } from '../translations.js';
 import { shouldResizeImage } from '../utils.js';
 import { ImageSelectedRect } from './image-selected-rect.js';
 let ImageBlockPageComponent = (() => {
@@ -229,7 +231,7 @@ let ImageBlockPageComponent = (() => {
         }
         _handleError() {
             this.block.resourceController.updateState({
-                errorMessage: 'Failed to download image!',
+                errorMessage: translateKey(this.block.std, ...IMAGE_TOAST_DOWNLOAD_FAILED),
             });
         }
         _handleSelection() {
@@ -328,7 +330,8 @@ let ImageBlockPageComponent = (() => {
                 ? ImageSelectedRect(this._doc.readonly)
                 : null;
             const blobUrl = this.block.blobUrl;
-            const caption = this.block.model.props.caption$.value ?? 'Image';
+            const caption = this.block.model.props.caption$.value ??
+                translateKey(this.block.std, ...IMAGE_LABEL);
             const { loading, error, icon, description, needUpload } = this.state;
             return html `
       <div

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

@@ -2,16 +2,20 @@ 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/index.js';
+import { IMAGE_LABEL, IMAGE_SLASH_DESCRIPTION, IMAGE_SLASH_PHOTO_CAPTION, } from '../translations.js';
 import { PhotoTooltip } from './tooltips.js';
 export const imageSlashMenuConfig = {
     items: [
         {
             name: 'Image',
+            nameWording: IMAGE_LABEL,
             description: 'Insert an image.',
+            descriptionWording: IMAGE_SLASH_DESCRIPTION,
             icon: ImageIcon(),
             tooltip: {
                 figure: PhotoTooltip,
                 caption: 'Photo',
+                captionWording: IMAGE_SLASH_PHOTO_CAPTION,
             },
             group: '4_Content & Media@1',
             when: ({ model }) => model.store.schema.flavourSchemaMap.has('affine:image'),

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

@@ -1,9 +1,10 @@
 import { ImageBlockModel } from '../../affine-model/index.js';
-import { ActionPlacement, blockCommentToolbarButton, TOOLBAR_COPY, TOOLBAR_DELETE, TOOLBAR_DUPLICATE, ToolbarModuleExtension, } from '../../affine-shared/services/index.js';
+import { ActionPlacement, blockCommentToolbarButton, TOOLBAR_CAPTION, TOOLBAR_COPY, TOOLBAR_DELETE, TOOLBAR_DOWNLOAD, TOOLBAR_DUPLICATE, 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.js';
 import { ImageEdgelessBlockComponent } from '../image-edgeless-block.js';
+import { IMAGE_TOOLBAR_TURN_INTO_CARD_VIEW } from '../translations.js';
 import { duplicate } from '../utils.js';
 const trackBaseProps = {
     category: 'image',
@@ -14,6 +15,7 @@ const builtinToolbarConfig = {
         {
             id: 'a.download',
             tooltip: 'Download',
+            tooltipWording: TOOLBAR_DOWNLOAD,
             icon: DownloadIcon(),
             run(ctx) {
                 const block = ctx.getCurrentBlockByType(ImageBlockComponent);
@@ -23,6 +25,7 @@ const builtinToolbarConfig = {
         {
             id: 'b.caption',
             tooltip: 'Caption',
+            tooltipWording: TOOLBAR_CAPTION,
             icon: CaptionIcon(),
             run(ctx) {
                 const block = ctx.getCurrentBlockByType(ImageBlockComponent);
@@ -70,6 +73,7 @@ const builtinToolbarConfig = {
                 {
                     id: 'a.turn-into-card-view',
                     label: 'Turn into card view',
+                    labelWording: IMAGE_TOOLBAR_TURN_INTO_CARD_VIEW,
                     icon: BookmarkIcon(),
                     when(ctx) {
                         const supported = ctx.store.schema.flavourSchemaMap.has('affine:attachment');
@@ -106,6 +110,7 @@ const builtinSurfaceToolbarConfig = {
         {
             id: 'a.download',
             tooltip: 'Download',
+            tooltipWording: TOOLBAR_DOWNLOAD,
             icon: DownloadIcon(),
             run(ctx) {
                 const block = ctx.getCurrentBlockByType(ImageEdgelessBlockComponent);
@@ -115,6 +120,7 @@ const builtinSurfaceToolbarConfig = {
         {
             id: 'b.caption',
             tooltip: 'Caption',
+            tooltipWording: TOOLBAR_CAPTION,
             icon: CaptionIcon(),
             run(ctx) {
                 const block = ctx.getCurrentBlockByType(ImageEdgelessBlockComponent);

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

@@ -4,7 +4,7 @@ export const PhotoTooltip = html `<svg width="170" height="106" viewBox="0 0 170
 <g clip-path="url(#clip0_24732_2238)">
 <path d="M168 0H2C0.89543 0 0 0.89543 0 2V104C0 105.105 0.89543 106 2 106H168C169.105 106 170 105.105 170 104V2C170 0.89543 169.105 0 168 0Z" fill="white"/>
 <path d="M168 0H2C0.89543 0 0 0.89543 0 2V104C0 105.105 0.89543 106 2 106H168C169.105 106 170 105.105 170 104V2C170 0.89543 169.105 0 168 0Z" fill="white"/>
-<text fill="#8E8D91" xml:space="preserve" style="white-space: pre" font-family="Inter" font-size="10" letter-spacing="0em"><tspan x="10" y="18.2727">Insert a photo.</tspan></text>
+<rect x="10" y="10.7727" width="82.5" height="8" rx="4" fill="#8E8D91" fill-opacity="0.55"/>
 <path d="M191 28H10C8.89543 28 8 28.8954 8 30V113C8 114.105 8.89543 115 10 115H191C192.105 115 193 114.105 193 113V30C193 28.8954 192.105 28 191 28Z" fill="url(#pattern0_24732_2238)"/>
 </g>
 <defs>

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

@@ -38,7 +38,7 @@ import { LoadingIcon } from '../affine-components/icons/index.js';
 import { Peekable } from '../affine-components/peek/index.js';
 import { ResourceController } from '../affine-components/resource/index.js';
 import { ImageSelection } from '../affine-shared/selection/index.js';
-import { BlockCommentManager, ToolbarRegistryIdentifier, } from '../affine-shared/services/index.js';
+import { BlockCommentManager, ToolbarRegistryIdentifier, translateKey, } from '../affine-shared/services/index.js';
 import { formatSize } from '../affine-shared/utils/index.js';
 import { IS_MOBILE } from '../global/env/index.js';
 import { BrokenImageIcon, ImageIcon } from '@blocksuite/icons/lit';
@@ -49,6 +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 { IMAGE_LABEL } from './translations.js';
 import { copyImageBlob, downloadImageBlob, refreshData, turnImageIntoCardView, } from './utils.js';
 let ImageBlockComponent = (() => {
     let _classDecorators = [Peekable({
@@ -168,7 +169,7 @@ let ImageBlockComponent = (() => {
                 }),
                 errorIcon: BrokenImageIcon(),
                 icon: ImageIcon(),
-                title: 'Image',
+                title: translateKey(this.std, ...IMAGE_LABEL),
                 description: formatSize(size),
             });
             return html `

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

@@ -36,6 +36,7 @@ import { LoadingIcon } from '../affine-components/icons/index.js';
 import { Peekable } from '../affine-components/peek/index.js';
 import { ResourceController } from '../affine-components/resource/index.js';
 import { ImageBlockSchema } from '../affine-model/index.js';
+import { translateKey } from '../affine-shared/services/index.js';
 import { cssVarV2, unsafeCSSVarV2 } from '../affine-shared/theme/index.js';
 import { formatSize } from '../affine-shared/utils/index.js';
 import { BrokenImageIcon, ImageIcon } from '@blocksuite/icons/lit';
@@ -46,6 +47,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 { IMAGE_LABEL, IMAGE_TOAST_DOWNLOAD_FAILED } from './translations.js';
 import { copyImageBlob, downloadImageBlob, refreshData, turnImageIntoCardView, } from './utils.js';
 let ImageEdgelessBlockComponent = (() => {
     let _classDecorators = [Peekable()];
@@ -111,7 +113,7 @@ let ImageEdgelessBlockComponent = (() => {
         }
         _handleError() {
             this.resourceController.updateState({
-                errorMessage: 'Failed to download image!',
+                errorMessage: translateKey(this.std, ...IMAGE_TOAST_DOWNLOAD_FAILED),
             });
         }
         connectedCallback() {
@@ -126,7 +128,8 @@ let ImageEdgelessBlockComponent = (() => {
         }
         renderGfxBlock() {
             const blobUrl = this.blobUrl;
-            const { rotate = 0, size = 0, caption = 'Image' } = this.model.props;
+            const imageLabel = translateKey(this.std, ...IMAGE_LABEL);
+            const { rotate = 0, size = 0, caption = imageLabel } = this.model.props;
             const containerStyleMap = styleMap({
                 display: 'flex',
                 position: 'relative',
@@ -142,7 +145,7 @@ let ImageEdgelessBlockComponent = (() => {
                 }),
                 errorIcon: BrokenImageIcon(),
                 icon: ImageIcon(),
-                title: 'Image',
+                title: imageLabel,
                 description: formatSize(size),
             });
             const { loading, icon, description, error, needUpload } = resovledState;

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

@@ -1,7 +1,9 @@
+import { translateKey } from '../../affine-shared/services/index.js';
 import { unsafeCSSVarV2 } from '../../affine-shared/theme/index.js';
 import { ImageIcon } from '@blocksuite/icons/lit';
 import { BlockComponent } from '../../std/index.js';
 import { css, html } from 'lit';
+import { IMAGE_PREVIEW_TITLE } from '../translations.js';
 export class ImagePlaceholderBlockComponent extends BlockComponent {
     static { this.styles = css `
     .affine-placeholder-preview-container {
@@ -39,7 +41,9 @@ export class ImagePlaceholderBlockComponent extends BlockComponent {
     >
       <div class="placeholder-preview-content">
         ${ImageIcon({ width: '24px', height: '24px' })}
-        <span class="text">Image Block</span>
+        <span class="text"
+          >${translateKey(this.std, ...IMAGE_PREVIEW_TITLE)}</span
+        >
       </div>
     </div>`;
     }

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

@@ -0,0 +1,35 @@
+import { type ChromeWording, IMAGE_LABEL } from '../affine-shared/services/index.js';
+/**
+ * The image's own generic name — the slash-menu item, the block's title
+ * used by `resolveStateWith` (page and edgeless), and the `alt`/caption
+ * fallback shown when nothing else names the image
+ * (`components/page-image-block.ts`, `image-block.ts`,
+ * `image-edgeless-block.ts`). One word, one key, reused everywhere it
+ * appears verbatim — declared in `chrome.ts` (L7 dedupe: also shared with
+ * `gfx/note`'s "add to note" menu and the outline panel's placeholder) and
+ * re-exported here under this package's own name.
+ */
+export { IMAGE_LABEL };
+export declare const IMAGE_SLASH_DESCRIPTION: ChromeWording;
+/** The slash-menu tooltip's own caption, distinct from the item's name. */
+export declare const IMAGE_SLASH_PHOTO_CAPTION: ChromeWording;
+export declare const IMAGE_TOOLBAR_TURN_INTO_CARD_VIEW: ChromeWording;
+export declare const IMAGE_PREVIEW_TITLE: ChromeWording;
+/**
+ * The upload/download toasts (`utils.ts`) and the resource controller's
+ * error message (`components/page-image-block.ts`,
+ * `image-edgeless-block.ts`) — all three read the identical literal, so one
+ * key serves all three sites.
+ */
+export declare const IMAGE_TOAST_DOWNLOAD_FAILED: ChromeWording;
+export declare const IMAGE_TOAST_DOWNLOADING: ChromeWording;
+export declare const IMAGE_TOAST_COPIED: ChromeWording;
+export declare const IMAGE_TOAST_READ_SIZE_FAILED: ChromeWording;
+/**
+ * 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, Download, the upload-size-limit toast…) travel with
+ * `@labre/affine-shared/services` instead, so they are not restated here.
+ */
+export declare const IMAGE_WORDINGS: readonly ChromeWording[];

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

@@ -0,0 +1,68 @@
+import { IMAGE_LABEL } from '../affine-shared/services/index.js';
+/**
+ * The image's own generic name — the slash-menu item, the block's title
+ * used by `resolveStateWith` (page and edgeless), and the `alt`/caption
+ * fallback shown when nothing else names the image
+ * (`components/page-image-block.ts`, `image-block.ts`,
+ * `image-edgeless-block.ts`). One word, one key, reused everywhere it
+ * appears verbatim — declared in `chrome.ts` (L7 dedupe: also shared with
+ * `gfx/note`'s "add to note" menu and the outline panel's placeholder) and
+ * re-exported here under this package's own name.
+ */
+export { IMAGE_LABEL };
+export const IMAGE_SLASH_DESCRIPTION = [
+    'com.labre.image.slash.description',
+    'Insert an image.',
+];
+/** The slash-menu tooltip's own caption, distinct from the item's name. */
+export const IMAGE_SLASH_PHOTO_CAPTION = [
+    'com.labre.image.slash.photo-caption',
+    'Photo',
+];
+export const IMAGE_TOOLBAR_TURN_INTO_CARD_VIEW = [
+    'com.labre.image.toolbar.turn-into-card-view',
+    'Turn into card view',
+];
+export const IMAGE_PREVIEW_TITLE = [
+    'com.labre.image.preview.title',
+    'Image Block',
+];
+/**
+ * The upload/download toasts (`utils.ts`) and the resource controller's
+ * error message (`components/page-image-block.ts`,
+ * `image-edgeless-block.ts`) — all three read the identical literal, so one
+ * key serves all three sites.
+ */
+export const IMAGE_TOAST_DOWNLOAD_FAILED = [
+    'com.labre.image.toast.download-failed',
+    'Failed to download image!',
+];
+export const IMAGE_TOAST_DOWNLOADING = [
+    'com.labre.image.toast.downloading',
+    'Downloading image...',
+];
+export const IMAGE_TOAST_COPIED = [
+    'com.labre.image.toast.copied',
+    'Copied image to clipboard',
+];
+export const IMAGE_TOAST_READ_SIZE_FAILED = [
+    'com.labre.image.toast.read-size-failed',
+    'Failed to read image size, please try another image',
+];
+/**
+ * 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, Download, the upload-size-limit toast…) travel with
+ * `@labre/affine-shared/services` instead, so they are not restated here.
+ */
+export const IMAGE_WORDINGS = [
+    IMAGE_SLASH_DESCRIPTION,
+    IMAGE_SLASH_PHOTO_CAPTION,
+    IMAGE_TOOLBAR_TURN_INTO_CARD_VIEW,
+    IMAGE_PREVIEW_TITLE,
+    IMAGE_TOAST_DOWNLOAD_FAILED,
+    IMAGE_TOAST_DOWNLOADING,
+    IMAGE_TOAST_COPIED,
+    IMAGE_TOAST_READ_SIZE_FAILED,
+];

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

@@ -1,12 +1,13 @@
 import { autoResizeElementsCommand } from '../affine-block-surface/index.js';
 import { toast } from '../affine-components/toast/index.js';
 import { ImageBlockSchema, } from '../affine-model/index.js';
-import { FileSizeLimitProvider, NativeClipboardProvider, } from '../affine-shared/services/index.js';
+import { FileSizeLimitProvider, NativeClipboardProvider, TOAST_DOWNLOAD_IN_PROGRESS, TOAST_UPLOAD_SIZE_LIMIT, translateKey, } from '../affine-shared/services/index.js';
 import { convertToPng, formatSize, getBlockProps, isInsidePageEditor, readImageSize, transformModel, withTempBlobData, } from '../affine-shared/utils/index.js';
 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.js';
+import { IMAGE_TOAST_COPIED, IMAGE_TOAST_DOWNLOAD_FAILED, IMAGE_TOAST_DOWNLOADING, IMAGE_TOAST_READ_SIZE_FAILED, } from './translations.js';
 const DEFAULT_ATTACHMENT_NAME = 'affine-attachment';
 async function getImageBlob(model) {
     const sourceId = model.props.sourceId$.peek();
@@ -30,17 +31,17 @@ export async function refreshData(block) {
     await block.resourceController.refreshUrlWith();
 }
 export async function downloadImageBlob(block) {
-    const { host, blobUrl, resourceController } = block;
+    const { host, blobUrl, resourceController, std } = block;
     if (!blobUrl) {
-        toast(host, 'Failed to download image!');
+        toast(host, translateKey(std, ...IMAGE_TOAST_DOWNLOAD_FAILED));
         return;
     }
     if (resourceController.state$.peek().downloading) {
-        toast(host, 'Download in progress...');
+        toast(host, translateKey(std, ...TOAST_DOWNLOAD_IN_PROGRESS));
         return;
     }
     resourceController.updateState({ downloading: true });
-    toast(host, 'Downloading image...');
+    toast(host, translateKey(std, ...IMAGE_TOAST_DOWNLOADING));
     const tmpLink = document.createElement('a');
     const event = new MouseEvent('click');
     tmpLink.download = 'image';
@@ -100,7 +101,7 @@ export async function copyImageBlob(block) {
                 new ClipboardItem({ [blob.type]: blob }),
             ]);
         }
-        toast(host, 'Copied image to clipboard');
+        toast(host, translateKey(std, ...IMAGE_TOAST_COPIED));
     }
     catch (error) {
         console.error(error);
@@ -148,7 +149,7 @@ function hasExceeded(std, files, maxFileSize = std.get(FileSizeLimitProvider).ma
     const exceeded = files.some(file => file.size > maxFileSize);
     if (exceeded) {
         const size = formatSize(maxFileSize);
-        toast(std.host, `You can only upload files less than ${size}`);
+        toast(std.host, translateKey(std, ...TOAST_UPLOAD_SIZE_LIMIT, { size: size ?? '' }));
     }
     return exceeded;
 }
@@ -159,7 +160,7 @@ async function buildPropsWith(std, file) {
         std.store.blobSync.set(file),
     ]);
     if (!(imageSize.width * imageSize.height)) {
-        toast(std.host, 'Failed to read image size, please try another image');
+        toast(std.host, translateKey(std, ...IMAGE_TOAST_READ_SIZE_FAILED));
         throw new Error('Failed to read image size');
     }
     return { size, sourceId, ...imageSize };

package/dist/_pkgs/affine-block-latex/configs/slash-menu.d.ts

@@ -1,2 +1,10 @@
 import { type SlashMenuConfig } from '../../affine-widget-slash-menu/index.js';
+/**
+ * `items` is the function form (`SlashMenuConfig.items` also accepts a plain
+ * array — the widget's own config uses that shape, `blocks/callout`'s does
+ * too) rather than a static array, because THIS package's tooltip figures
+ * bake real prose into their SVG (`LatexTooltip`'s `str` argument), unlike
+ * every skeleton-bar figure elsewhere: resolving it through the seam needs
+ * `std`, which only the function form's `ctx` carries.
+ */
 export declare const latexSlashMenuConfig: SlashMenuConfig;

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

@@ -1,19 +1,32 @@
 import { insertInlineLatex } from '../../affine-inline-latex/index.js';
 import { getSelectedModelsCommand, getTextSelectionCommand, } from '../../affine-shared/commands/index.js';
+import { translateKey } from '../../affine-shared/services/index.js';
 import {} from '../../affine-widget-slash-menu/index.js';
 import { TeXIcon } from '@blocksuite/icons/lit';
 import { insertLatexBlockCommand } from '../commands.js';
+import { LATEX_SLASH_BLOCK_CAPTION, LATEX_SLASH_BLOCK_DESCRIPTION, LATEX_SLASH_BLOCK_NAME, LATEX_SLASH_INLINE_CAPTION, LATEX_SLASH_INLINE_DESCRIPTION, LATEX_SLASH_INLINE_NAME, LATEX_TOOLTIP_BLOCK_INTRO, LATEX_TOOLTIP_INTRO, } from '../translations.js';
 import { LatexTooltip } from './tooltips.js';
+/**
+ * `items` is the function form (`SlashMenuConfig.items` also accepts a plain
+ * array — the widget's own config uses that shape, `blocks/callout`'s does
+ * too) rather than a static array, because THIS package's tooltip figures
+ * bake real prose into their SVG (`LatexTooltip`'s `str` argument), unlike
+ * every skeleton-bar figure elsewhere: resolving it through the seam needs
+ * `std`, which only the function form's `ctx` carries.
+ */
 export const latexSlashMenuConfig = {
-    items: [
+    items: ({ std }) => [
         {
             name: 'Inline equation',
+            nameWording: LATEX_SLASH_INLINE_NAME,
             group: '0_Basic@8',
             description: 'Create a inline equation.',
+            descriptionWording: LATEX_SLASH_INLINE_DESCRIPTION,
             icon: TeXIcon(),
             tooltip: {
-                figure: LatexTooltip('Energy. Mass. Light. In a single equation,', 'E=mc^2', false),
+                figure: LatexTooltip(translateKey(std, ...LATEX_TOOLTIP_INTRO), 'E=mc^2', false),
                 caption: 'Inline equation',
+                captionWording: LATEX_SLASH_INLINE_CAPTION,
             },
             searchAlias: ['inlineMath, inlineEquation', 'inlineLatex'],
             action: ({ std }) => {
@@ -26,11 +39,14 @@ export const latexSlashMenuConfig = {
         },
         {
             name: 'Equation',
+            nameWording: LATEX_SLASH_BLOCK_NAME,
             description: 'Create a equation block.',
+            descriptionWording: LATEX_SLASH_BLOCK_DESCRIPTION,
             icon: TeXIcon(),
             tooltip: {
-                figure: LatexTooltip('Create a equation via LaTeX.', String.raw `\frac{a}{b} \pm \frac{c}{d} = \frac{ad \pm bc}{bd}`, true),
+                figure: LatexTooltip(translateKey(std, ...LATEX_TOOLTIP_BLOCK_INTRO), String.raw `\frac{a}{b} \pm \frac{c}{d} = \frac{ad \pm bc}{bd}`, true),
                 caption: 'Equation',
+                captionWording: LATEX_SLASH_BLOCK_CAPTION,
             },
             searchAlias: ['mathBlock, equationBlock', 'latexBlock'],
             group: '4_Content & Media@10',