@formicoidea/labre-core 0.40.0 → 0.41.0

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

@@ -54,6 +54,7 @@ import { filter } from 'rxjs/operators';
 import { AttachmentEmbedProvider } from './embed.js';
 import { styles } from './styles.js';
 import { downloadAttachmentBlob, getFileType, refreshData } from './utils.js';
+import { ATTACHMENT_BUTTON_RELOAD, ATTACHMENT_BUTTON_RETRY, ATTACHMENT_BUTTON_UPGRADE, } from './translations.js';
 let AttachmentBlockComponent = (() => {
     let _classDecorators = [Peekable({
             enableOn: ({ model }) => {
@@ -191,12 +192,16 @@ let AttachmentBlockComponent = (() => {
                     }
                 }}
         >
-          ${UpgradeIcon()} Upgrade
+          ${UpgradeIcon()}
+          ${translateKey(this.std, ...ATTACHMENT_BUTTON_UPGRADE)}
         </button>
       `);
             };
             this.renderNormalButton = (needUpload) => {
                 const label = needUpload ? 'retry' : 'reload';
+                const labelWording = needUpload
+                    ? ATTACHMENT_BUTTON_RETRY
+                    : ATTACHMENT_BUTTON_RELOAD;
                 const run = async () => {
                     if (needUpload) {
                         await this.resourceController.upload();
@@ -226,7 +231,7 @@ let AttachmentBlockComponent = (() => {
                     }
                 }}
       >
-        ${ResetIcon()} ${label}
+        ${ResetIcon()} ${translateKey(this.std, ...labelWording)}
       </button>
     `;
             };

package/dist/_pkgs/affine-block-attachment/components/rename-model.js

@@ -1,8 +1,9 @@
 import { ConfirmIcon } from '../../affine-components/icons/index.js';
 import { toast } from '../../affine-components/toast/index.js';
-import { CitationProvider } from '../../affine-shared/services/index.js';
+import { CitationProvider, translateKey } from '../../affine-shared/services/index.js';
 import { html } from 'lit';
 import { createRef, ref } from 'lit/directives/ref.js';
+import { ATTACHMENT_RENAME_EMPTY_NAME } from '../translations.js';
 import { renameStyles } from './styles.js';
 export const RenameModal = ({ editorHost, model, abortController, }) => {
     const inputRef = createRef();
@@ -22,7 +23,7 @@ export const RenameModal = ({ editorHost, model, abortController, }) => {
     const onConfirm = () => {
         const newFileName = fileName + extension;
         if (!newFileName) {
-            toast(editorHost, 'File name cannot be empty');
+            toast(editorHost, translateKey(editorHost.std, ...ATTACHMENT_RENAME_EMPTY_NAME));
             return;
         }
         model.store.updateBlock(model, {

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

@@ -1,17 +1,21 @@
 import { openSingleFileWith } from '../../affine-shared/utils/index.js';
 import {} from '../../affine-widget-slash-menu/index.js';
 import { ExportToPdfIcon, FileIcon } from '@blocksuite/icons/lit';
+import { ATTACHMENT_SLASH_DESCRIPTION, ATTACHMENT_SLASH_NAME, ATTACHMENT_SLASH_PDF_DESCRIPTION, ATTACHMENT_SLASH_PDF_NAME, } from '../translations.js';
 import { addSiblingAttachmentBlocks } from '../utils.js';
 import { AttachmentTooltip, PDFTooltip } from './tooltips.js';
 export const attachmentSlashMenuConfig = {
     items: [
         {
             name: 'Attachment',
+            nameWording: ATTACHMENT_SLASH_NAME,
             description: 'Attach a file to document.',
+            descriptionWording: ATTACHMENT_SLASH_DESCRIPTION,
             icon: FileIcon(),
             tooltip: {
                 figure: AttachmentTooltip,
                 caption: 'Attachment',
+                captionWording: ATTACHMENT_SLASH_NAME,
             },
             searchAlias: ['file'],
             group: '4_Content & Media@3',
@@ -30,11 +34,14 @@ export const attachmentSlashMenuConfig = {
         },
         {
             name: 'PDF',
+            nameWording: ATTACHMENT_SLASH_PDF_NAME,
             description: 'Upload a PDF to document.',
+            descriptionWording: ATTACHMENT_SLASH_PDF_DESCRIPTION,
             icon: ExportToPdfIcon(),
             tooltip: {
                 figure: PDFTooltip,
                 caption: 'PDF',
+                captionWording: ATTACHMENT_SLASH_PDF_NAME,
             },
             group: '4_Content & Media@4',
             when: ({ model }) => model.store.schema.flavourSchemaMap.has('affine:attachment'),

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

@@ -1,7 +1,7 @@
 import { createLitPortal } from '../../affine-components/portal/index.js';
 import { AttachmentBlockModel, defaultAttachmentProps, } from '../../affine-model/index.js';
 import { EMBED_CARD_HEIGHT, EMBED_CARD_WIDTH, } from '../../affine-shared/consts/index.js';
-import { ActionPlacement, blockCommentToolbarButton, TOOLBAR_CARD_VIEW, TOOLBAR_COPY, TOOLBAR_DELETE, TOOLBAR_DUPLICATE, TOOLBAR_EMBED_VIEW, toolbarActionLabel, ToolbarModuleExtension, } from '../../affine-shared/services/index.js';
+import { ActionPlacement, blockCommentToolbarButton, TOOLBAR_CAPTION, TOOLBAR_CARD_VIEW, TOOLBAR_COPY, TOOLBAR_DELETE, TOOLBAR_DOWNLOAD, TOOLBAR_DUPLICATE, TOOLBAR_EMBED_VIEW, TOOLBAR_RELOAD, TOOLBAR_RENAME, toolbarActionLabel, ToolbarModuleExtension, translateKey, } from '../../affine-shared/services/index.js';
 import { getBlockProps } from '../../affine-shared/utils/index.js';
 import { Bound } from '../../global/gfx/index.js';
 import { CaptionIcon, CopyIcon, DeleteIcon, DownloadIcon, DuplicateIcon, EditIcon, ReplaceIcon, ResetIcon, } from '@blocksuite/icons/lit';
@@ -13,6 +13,7 @@ import { keyed } from 'lit/directives/keyed.js';
 import { AttachmentBlockComponent } from '../attachment-block.js';
 import { RenameModal } from '../components/rename-model.js';
 import { AttachmentEmbedProvider } from '../embed.js';
+import { ATTACHMENT_TOOLBAR_HORIZONTAL_STYLE, ATTACHMENT_TOOLBAR_REPLACE, ATTACHMENT_TOOLBAR_VERTICAL_STYLE, } from '../translations.js';
 const trackBaseProps = {
     category: 'attachment',
     type: 'card view',
@@ -117,6 +118,7 @@ export const attachmentViewDropdownMenu = {
 const replaceAction = {
     id: 'c.replace',
     tooltip: 'Replace attachment',
+    tooltipWording: ATTACHMENT_TOOLBAR_REPLACE,
     icon: ReplaceIcon(),
     disabled(ctx) {
         const block = ctx.getCurrentBlockByType(AttachmentBlockComponent);
@@ -133,6 +135,7 @@ const replaceAction = {
 const downloadAction = {
     id: 'd.download',
     tooltip: 'Download',
+    tooltipWording: TOOLBAR_DOWNLOAD,
     icon: DownloadIcon(),
     run(ctx) {
         const block = ctx.getCurrentBlockByType(AttachmentBlockComponent);
@@ -149,6 +152,7 @@ const downloadAction = {
 const captionAction = {
     id: 'e.caption',
     tooltip: 'Caption',
+    tooltipWording: TOOLBAR_CAPTION,
     icon: CaptionIcon(),
     run(ctx) {
         const block = ctx.getCurrentBlockByType(AttachmentBlockComponent);
@@ -169,10 +173,11 @@ const builtinToolbarConfig = {
                     return null;
                 const abortController = new AbortController();
                 abortController.signal.onabort = () => ctx.show();
+                const renameLabel = translateKey(ctx.std, ...TOOLBAR_RENAME);
                 return html `
           <editor-icon-button
-            aria-label="Rename"
-            .tooltip="${'Rename'}"
+            aria-label=${renameLabel}
+            .tooltip="${renameLabel}"
             @click=${() => {
                     ctx.hide();
                     createLitPortal({
@@ -240,6 +245,7 @@ const builtinToolbarConfig = {
             placement: ActionPlacement.More,
             id: 'b.refresh',
             label: 'Reload',
+            labelWording: TOOLBAR_RELOAD,
             icon: ResetIcon(),
             run(ctx) {
                 const block = ctx.getCurrentBlockByType(AttachmentBlockComponent);
@@ -278,10 +284,12 @@ const builtinSurfaceToolbarConfig = {
                 {
                     id: 'horizontalThin',
                     label: 'Horizontal style',
+                    labelWording: ATTACHMENT_TOOLBAR_HORIZONTAL_STYLE,
                 },
                 {
                     id: 'cubeThick',
                     label: 'Vertical style',
+                    labelWording: ATTACHMENT_TOOLBAR_VERTICAL_STYLE,
                 },
             ],
             content(ctx) {

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

@@ -18,9 +18,9 @@ export const AttachmentTooltip = html `<svg width="170" height="68" viewBox="0 0
 <g clip-path="url(#clip0_16460_1013)">
 <path fill-rule="evenodd" clip-rule="evenodd" d="M20.1088 36.804L17.0887 39.8241C16.1371 40.7509 16.1371 42.2492 17.0886 43.1759C18.0457 44.108 19.6014 44.108 20.5584 43.1759L23.5034 40.3144C23.6519 40.1701 23.8893 40.1735 24.0337 40.322C24.178 40.4706 24.1746 40.708 24.026 40.8523L21.0817 43.7132C21.0817 43.7133 21.0818 43.7131 21.0817 43.7132C19.8334 44.9288 17.8136 44.9289 16.5653 43.7132C15.3122 42.4926 15.3116 40.5099 16.5635 39.2886L19.5838 36.2683C20.4645 35.4105 21.8884 35.4106 22.7691 36.2683C23.6548 37.1309 23.6554 38.5332 22.771 39.3965L19.7507 42.4169C19.2376 42.9167 18.4095 42.9166 17.8964 42.4168C17.3777 41.9116 17.3777 41.0884 17.8964 40.5832L20.9956 37.5647C21.1439 37.4202 21.3813 37.4233 21.5259 37.5717C21.6704 37.7201 21.6672 37.9575 21.5189 38.102L18.4197 41.1205C18.2033 41.3312 18.2033 41.6688 18.4197 41.8796C18.6411 42.0952 19.0038 42.0957 19.2259 41.881L22.2458 38.861C22.8298 38.2923 22.8298 37.3744 22.2459 36.8056C21.6569 36.232 20.6984 36.2315 20.1088 36.804Z" fill="#77757D"/>
 </g>
-<text fill="#121212" xml:space="preserve" style="white-space: pre" font-family="Inter" font-size="10" font-weight="600" letter-spacing="0em"><tspan x="30" y="43.6364">Rickroll.mp3</tspan></text>
+<rect x="30" y="36.1364" width="66" height="8" rx="4" fill="#121212" fill-opacity="0.3"/>
 </g>
-<text fill="#8E8D91" xml:space="preserve" style="white-space: pre" font-family="Inter" font-size="10" letter-spacing="0px"><tspan x="10" y="18.6364">Attach a file.</tspan></text>
+<rect x="10" y="11.1364" width="77" height="8" rx="4" fill="#8E8D91" fill-opacity="0.55"/>
 </g>
 <defs>
 <filter id="filter0_d_16460_1013" x="118.277" y="34.2783" width="48.7936" height="55.3602" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
@@ -56,9 +56,9 @@ export const PDFTooltip = html `<svg width="170" height="68" viewBox="0 0 170 68
 <path d="M153.295 43.1135C152.819 42.4792 151.818 42.7394 151.708 43.5259L150.416 52.7614C150.251 53.9385 151.067 55.0268 152.239 55.1922L161.432 56.4901C162.215 56.6007 162.74 55.7051 162.264 55.0708L153.295 43.1135Z" fill="white"/>
 </g>
 <path fill-rule="evenodd" clip-rule="evenodd" d="M18 35.125C17.2406 35.125 16.625 35.7406 16.625 36.5V38C16.625 38.2071 16.7929 38.375 17 38.375C17.2071 38.375 17.375 38.2071 17.375 38V36.5C17.375 36.1548 17.6548 35.875 18 35.875H20.5H21.7609C21.9538 35.875 22.1359 35.964 22.2543 36.1163L23.4933 37.7094C23.5787 37.8191 23.625 37.9541 23.625 38.0931V40V43C23.625 43.3452 23.3452 43.625 23 43.625H18C17.6548 43.625 17.375 43.3452 17.375 43V42.25C17.375 42.0429 17.2071 41.875 17 41.875C16.7929 41.875 16.625 42.0429 16.625 42.25V43C16.625 43.7594 17.2406 44.375 18 44.375H23C23.7594 44.375 24.375 43.7594 24.375 43V40V38.0931C24.375 37.7873 24.2731 37.4903 24.0854 37.2489L22.8463 35.6558C22.5858 35.3209 22.1852 35.125 21.7609 35.125H20.5H18ZM15.3965 40.9614C15.3965 41.1694 15.5093 41.2866 15.707 41.2866C15.9048 41.2866 16.0176 41.1694 16.0176 40.9614V40.6729H16.3193C16.813 40.6729 17.1484 40.3726 17.1484 39.9067C17.1484 39.4365 16.832 39.1362 16.3618 39.1362H15.707C15.5093 39.1362 15.3965 39.2534 15.3965 39.4614V40.9614ZM16.1919 40.2144H16.0176V39.6035H16.1963C16.3984 39.6035 16.5215 39.7075 16.5215 39.9082C16.5215 40.1104 16.3984 40.2144 16.1919 40.2144ZM17.3682 40.9248C17.3682 41.1328 17.481 41.25 17.6787 41.25H18.272C18.9121 41.25 19.29 40.8545 19.29 40.1777C19.29 39.501 18.9136 39.1362 18.272 39.1362H17.6787C17.481 39.1362 17.3682 39.2534 17.3682 39.4614V40.9248ZM18.1841 40.7563H17.9893V39.6299H18.1841C18.4814 39.6299 18.6572 39.8218 18.6572 40.1777C18.6572 40.5674 18.4946 40.7563 18.1841 40.7563ZM19.5332 40.9614C19.5332 41.1694 19.646 41.2866 19.8438 41.2866C20.0415 41.2866 20.1543 41.1694 20.1543 40.9614V40.5015H20.7109C20.8691 40.5015 20.9658 40.4165 20.9658 40.2686C20.9658 40.1206 20.8662 40.0356 20.7109 40.0356H20.1543V39.6313H20.7739C20.938 39.6313 21.0479 39.542 21.0479 39.3838C21.0479 39.2256 20.9409 39.1362 20.7739 39.1362H19.8438C19.646 39.1362 19.5332 39.2534 19.5332 39.4614V40.9614Z" fill="#7A7A7A"/>
-<text fill="#121212" xml:space="preserve" style="white-space: pre" font-family="Inter" font-size="10" font-weight="600" letter-spacing="0em"><tspan x="30" y="43.6364">Rickroll.pdf</tspan></text>
+<rect x="30" y="36.1364" width="66" height="8" rx="4" fill="#121212" fill-opacity="0.3"/>
 </g>
-<text fill="#8E8D91" xml:space="preserve" style="white-space: pre" font-family="Inter" font-size="10" letter-spacing="0px"><tspan x="10" y="18.6364">Upload a pdf to document.</tspan></text>
+<rect x="10" y="11.1364" width="137.5" height="8" rx="4" fill="#8E8D91" fill-opacity="0.55"/>
 </g>
 <defs>
 <filter id="filter0_d_689_35293" x="118.277" y="34.2783" width="48.7936" height="55.3604" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">

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

@@ -0,0 +1,49 @@
+import { type ChromeWording } from '../affine-shared/services/index.js';
+/**
+ * The slash-menu "Attachment" item: `nameWording` doubles as its tooltip's
+ * `captionWording` (`configs/slash-menu.ts`, `configs/tooltips.ts`) — the same
+ * word names the item and captions the illustration. Declared in `chrome.ts`
+ * (L7 dedupe: also shared with the outline panel's own placeholder for an
+ * untitled attachment) and re-exported here under this package's own name.
+ */
+export declare const ATTACHMENT_SLASH_NAME: ChromeWording;
+export declare const ATTACHMENT_SLASH_DESCRIPTION: ChromeWording;
+/** The slash-menu "PDF" item, same pattern as {@link ATTACHMENT_SLASH_NAME}. */
+export declare const ATTACHMENT_SLASH_PDF_NAME: ChromeWording;
+export declare const ATTACHMENT_SLASH_PDF_DESCRIPTION: ChromeWording;
+/** The toolbar's "Replace attachment" tooltip (`configs/toolbar.ts`). */
+export declare const ATTACHMENT_TOOLBAR_REPLACE: ChromeWording;
+/**
+ * The surface toolbar's two style labels — plain, unlike the "Large / Small"
+ * pairs the card-style switchers of bookmark / embed / embed-doc share
+ * (`TOOLBAR_LARGE_HORIZONTAL_STYLE`…): the attachment card has only the two
+ * cube styles, so its own words stay here rather than in `chrome.ts`.
+ */
+export declare const ATTACHMENT_TOOLBAR_HORIZONTAL_STYLE: ChromeWording;
+export declare const ATTACHMENT_TOOLBAR_VERTICAL_STYLE: ChromeWording;
+/** The rename modal's empty-name toast (`components/rename-model.ts`). */
+export declare const ATTACHMENT_RENAME_EMPTY_NAME: ChromeWording;
+/**
+ * The download toasts (`utils.ts`), named with the (possibly shortened) file
+ * name — `{{name}}` is that name, not a count, so the host translates the
+ * sentence around it rather than pluralising anything.
+ */
+export declare const ATTACHMENT_TOAST_DOWNLOADING: ChromeWording;
+export declare const ATTACHMENT_TOAST_DOWNLOAD_FAILED: ChromeWording;
+/**
+ * The resource-state buttons (`attachment-block.ts`). `label` there also
+ * feeds `AttachmentReloadedEvent`'s telemetry `control` field, so it stays a
+ * stable lowercase English identifier — only the RENDERED text goes through
+ * `translateKey`, via these separate wordings.
+ */
+export declare const ATTACHMENT_BUTTON_UPGRADE: ChromeWording;
+export declare const ATTACHMENT_BUTTON_RETRY: ChromeWording;
+export declare const ATTACHMENT_BUTTON_RELOAD: 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, Rename…) travel with `@labre/affine-shared/services`
+ * instead, so they are not restated here.
+ */
+export declare const ATTACHMENT_WORDINGS: readonly ChromeWording[];

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

@@ -0,0 +1,98 @@
+import { ATTACHMENT_LABEL, } from '../affine-shared/services/index.js';
+/**
+ * The slash-menu "Attachment" item: `nameWording` doubles as its tooltip's
+ * `captionWording` (`configs/slash-menu.ts`, `configs/tooltips.ts`) — the same
+ * word names the item and captions the illustration. Declared in `chrome.ts`
+ * (L7 dedupe: also shared with the outline panel's own placeholder for an
+ * untitled attachment) and re-exported here under this package's own name.
+ */
+export const ATTACHMENT_SLASH_NAME = ATTACHMENT_LABEL;
+export const ATTACHMENT_SLASH_DESCRIPTION = [
+    'com.labre.attachment.slash.description',
+    'Attach a file to document.',
+];
+/** The slash-menu "PDF" item, same pattern as {@link ATTACHMENT_SLASH_NAME}. */
+export const ATTACHMENT_SLASH_PDF_NAME = [
+    'com.labre.attachment.slash.pdf.name',
+    'PDF',
+];
+export const ATTACHMENT_SLASH_PDF_DESCRIPTION = [
+    'com.labre.attachment.slash.pdf.description',
+    'Upload a PDF to document.',
+];
+/** The toolbar's "Replace attachment" tooltip (`configs/toolbar.ts`). */
+export const ATTACHMENT_TOOLBAR_REPLACE = [
+    'com.labre.attachment.toolbar.replace',
+    'Replace attachment',
+];
+/**
+ * The surface toolbar's two style labels — plain, unlike the "Large / Small"
+ * pairs the card-style switchers of bookmark / embed / embed-doc share
+ * (`TOOLBAR_LARGE_HORIZONTAL_STYLE`…): the attachment card has only the two
+ * cube styles, so its own words stay here rather than in `chrome.ts`.
+ */
+export const ATTACHMENT_TOOLBAR_HORIZONTAL_STYLE = [
+    'com.labre.attachment.toolbar.style.horizontal',
+    'Horizontal style',
+];
+export const ATTACHMENT_TOOLBAR_VERTICAL_STYLE = [
+    'com.labre.attachment.toolbar.style.vertical',
+    'Vertical style',
+];
+/** The rename modal's empty-name toast (`components/rename-model.ts`). */
+export const ATTACHMENT_RENAME_EMPTY_NAME = [
+    'com.labre.attachment.rename.empty-name',
+    'File name cannot be empty',
+];
+/**
+ * The download toasts (`utils.ts`), named with the (possibly shortened) file
+ * name — `{{name}}` is that name, not a count, so the host translates the
+ * sentence around it rather than pluralising anything.
+ */
+export const ATTACHMENT_TOAST_DOWNLOADING = [
+    'com.labre.attachment.toast.downloading',
+    'Downloading {{name}}',
+];
+export const ATTACHMENT_TOAST_DOWNLOAD_FAILED = [
+    'com.labre.attachment.toast.download-failed',
+    'Failed to download {{name}}!',
+];
+/**
+ * The resource-state buttons (`attachment-block.ts`). `label` there also
+ * feeds `AttachmentReloadedEvent`'s telemetry `control` field, so it stays a
+ * stable lowercase English identifier — only the RENDERED text goes through
+ * `translateKey`, via these separate wordings.
+ */
+export const ATTACHMENT_BUTTON_UPGRADE = [
+    'com.labre.attachment.button.upgrade',
+    'Upgrade',
+];
+export const ATTACHMENT_BUTTON_RETRY = [
+    'com.labre.attachment.button.retry',
+    'retry',
+];
+export const ATTACHMENT_BUTTON_RELOAD = [
+    'com.labre.attachment.button.reload',
+    'reload',
+];
+/**
+ * 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, Rename…) travel with `@labre/affine-shared/services`
+ * instead, so they are not restated here.
+ */
+export const ATTACHMENT_WORDINGS = [
+    ATTACHMENT_SLASH_DESCRIPTION,
+    ATTACHMENT_SLASH_PDF_NAME,
+    ATTACHMENT_SLASH_PDF_DESCRIPTION,
+    ATTACHMENT_TOOLBAR_REPLACE,
+    ATTACHMENT_TOOLBAR_HORIZONTAL_STYLE,
+    ATTACHMENT_TOOLBAR_VERTICAL_STYLE,
+    ATTACHMENT_RENAME_EMPTY_NAME,
+    ATTACHMENT_TOAST_DOWNLOADING,
+    ATTACHMENT_TOAST_DOWNLOAD_FAILED,
+    ATTACHMENT_BUTTON_UPGRADE,
+    ATTACHMENT_BUTTON_RETRY,
+    ATTACHMENT_BUTTON_RELOAD,
+];

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

@@ -1,10 +1,11 @@
 import { toast } from '../affine-components/toast/index.js';
 import { AttachmentBlockSchema, } from '../affine-model/index.js';
 import { EMBED_CARD_HEIGHT, EMBED_CARD_WIDTH, } from '../affine-shared/consts/index.js';
-import { FileSizeLimitProvider, TelemetryProvider, } from '../affine-shared/services/index.js';
+import { FileSizeLimitProvider, TelemetryProvider, TOAST_DOWNLOAD_IN_PROGRESS, TOAST_UPLOAD_SIZE_LIMIT, translateKey, } from '../affine-shared/services/index.js';
 import { formatSize } from '../affine-shared/utils/index.js';
 import { Bound, Vec } from '../global/gfx/index.js';
 import { GfxControllerIdentifier } from '../std/gfx/index.js';
+import { ATTACHMENT_TOAST_DOWNLOAD_FAILED, ATTACHMENT_TOAST_DOWNLOADING, } from './translations.js';
 export async function getAttachmentBlob(model) {
     const { sourceId$, type$ } = model.props;
     const sourceId = sourceId$.peek();
@@ -22,19 +23,21 @@ export async function getAttachmentBlob(model) {
  * the download process may take a long time!
  */
 export function downloadAttachmentBlob(block) {
-    const { host, model, blobUrl, resourceController } = block;
+    const { host, model, blobUrl, resourceController, std } = block;
     if (resourceController.state$.peek().downloading) {
-        toast(host, 'Download in progress...');
+        toast(host, translateKey(std, ...TOAST_DOWNLOAD_IN_PROGRESS));
         return;
     }
     const name = model.props.name;
     const shortName = name.length < 20 ? name : name.slice(0, 20) + '...';
     if (!blobUrl) {
-        toast(host, `Failed to download ${shortName}!`);
+        toast(host, translateKey(std, ...ATTACHMENT_TOAST_DOWNLOAD_FAILED, {
+            name: shortName,
+        }));
         return;
     }
     resourceController.updateState({ downloading: true });
-    toast(host, `Downloading ${shortName}`);
+    toast(host, translateKey(std, ...ATTACHMENT_TOAST_DOWNLOADING, { name: shortName }));
     const tmpLink = document.createElement('a');
     const event = new MouseEvent('click');
     tmpLink.download = name;
@@ -61,7 +64,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;
 }

package/dist/_pkgs/affine-block-bookmark/components/bookmark-card.js

@@ -35,7 +35,7 @@ var __runInitializers = (this && this.__runInitializers) || function (thisArg, i
 import { getEmbedCardIcons } from '../../affine-block-embed/index.js';
 import { LoadingIcon, WebIcon16 } from '../../affine-components/icons/index.js';
 import { ImageProxyService } from '../../affine-shared/adapters/index.js';
-import { ThemeProvider } from '../../affine-shared/services/index.js';
+import { CHROME_LOADING, ThemeProvider, translateKey, } from '../../affine-shared/services/index.js';
 import { getHostName } from '../../affine-shared/utils/index.js';
 import { SignalWatcher, WithDisposable } from '../../global/lit/index.js';
 import { OpenInNewIcon } from '@blocksuite/icons/lit';
@@ -44,6 +44,7 @@ import { html } from 'lit';
 import { property } from 'lit/decorators.js';
 import { classMap } from 'lit/directives/class-map.js';
 import { styles } from '../styles.js';
+import { BOOKMARK_ALT_BANNER, BOOKMARK_ALT_ICON, BOOKMARK_LINK_CARD_FALLBACK, BOOKMARK_RETRIEVE_FAILED, } from '../translations.js';
 let BookmarkCard = (() => {
     let _classSuper = SignalWatcher(WithDisposable(ShadowlessElement));
     let _bookmark_decorators;
@@ -88,30 +89,36 @@ let BookmarkCard = (() => {
                 'comment-highlighted': this.bookmark.isCommentHighlighted,
             });
             const domainName = url.match(/^(?:https?:\/\/)?(?:[^@\n]+@)?(?:www\.)?([^:/\n]+)/im)?.[1];
+            const { std } = this.bookmark;
             const titleText = this.loading
-                ? 'Loading...'
+                ? translateKey(std, ...CHROME_LOADING)
                 : !title
                     ? this.error
-                        ? (domainName ?? 'Link card')
+                        ? (domainName ?? translateKey(std, ...BOOKMARK_LINK_CARD_FALLBACK))
                         : ''
                     : title;
             const theme = this.bookmark.std.get(ThemeProvider).theme;
             const { EmbedCardBannerIcon } = getEmbedCardIcons(theme);
             const imageProxyService = this.bookmark.store.get(ImageProxyService);
+            const iconAlt = translateKey(std, ...BOOKMARK_ALT_ICON);
+            const bannerAlt = translateKey(std, ...BOOKMARK_ALT_BANNER);
             const titleIcon = this.loading
                 ? LoadingIcon()
                 : icon
-                    ? html `<img src=${imageProxyService.buildUrl(icon)} alt="icon" />`
+                    ? html `<img src=${imageProxyService.buildUrl(icon)} alt=${iconAlt} />`
                     : WebIcon16;
             const descriptionText = this.loading
                 ? ''
                 : !description
                     ? this.error
-                        ? 'Failed to retrieve link information.'
+                        ? translateKey(std, ...BOOKMARK_RETRIEVE_FAILED)
                         : url
                     : (description ?? '');
             const bannerImage = !this.loading && image
-                ? html `<img src=${imageProxyService.buildUrl(image)} alt="banner" />`
+                ? html `<img
+            src=${imageProxyService.buildUrl(image)}
+            alt=${bannerAlt}
+          />`
                 : EmbedCardBannerIcon;
             return html `
       <div

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

@@ -1,19 +1,24 @@
 import { DefaultTool } from '../../affine-block-surface/index.js';
 import { toggleEmbedCardCreateModal } from '../../affine-components/embed-card-modal/index.js';
 import { BookmarkBlockSchema } from '../../affine-model/index.js';
+import { translateKey } from '../../affine-shared/services/index.js';
 import { SlashMenuConfigIdentifier, } from '../../affine-widget-slash-menu/index.js';
 import { LinkIcon } from '@blocksuite/icons/lit';
 import { GfxControllerIdentifier } from '../../std/gfx/index.js';
+import { BOOKMARK_MODAL_DESCRIPTION, BOOKMARK_MODAL_TITLE, BOOKMARK_SLASH_DESCRIPTION, BOOKMARK_SLASH_NAME, } from '../translations.js';
 import { LinkTooltip } from './tooltips.js';
 const bookmarkSlashMenuConfig = {
     items: [
         {
             name: 'Link',
+            nameWording: BOOKMARK_SLASH_NAME,
             description: 'Add a bookmark for reference.',
+            descriptionWording: BOOKMARK_SLASH_DESCRIPTION,
             icon: LinkIcon(),
             tooltip: {
                 figure: LinkTooltip,
                 caption: 'Link',
+                captionWording: BOOKMARK_SLASH_NAME,
             },
             group: '4_Content & Media@2',
             when: ({ model }) => model.store.schema.flavourSchemaMap.has('affine:bookmark'),
@@ -24,7 +29,7 @@ const bookmarkSlashMenuConfig = {
                     return;
                 }
                 const index = parentModel.children.indexOf(model) + 1;
-                toggleEmbedCardCreateModal(host, 'Links', 'The added link will be displayed as a card view.', { mode: 'page', parentModel, index }, ({ mode }) => {
+                toggleEmbedCardCreateModal(host, translateKey(std, ...BOOKMARK_MODAL_TITLE), translateKey(std, ...BOOKMARK_MODAL_DESCRIPTION), { mode: 'page', parentModel, index }, ({ mode }) => {
                     if (mode === 'edgeless') {
                         const gfx = std.get(GfxControllerIdentifier);
                         gfx.tool.setTool(DefaultTool);

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

@@ -3,7 +3,7 @@ import { reassociateConnectorsCommand } from '../../affine-block-surface/index.j
 import { toast } from '../../affine-components/toast/index.js';
 import { BookmarkBlockModel, BookmarkStyles, } from '../../affine-model/index.js';
 import { EMBED_CARD_HEIGHT, EMBED_CARD_WIDTH, } from '../../affine-shared/consts/index.js';
-import { ActionPlacement, blockCommentToolbarButton, EmbedIframeService, EmbedOptionProvider, TOAST_COPIED_TO_CLIPBOARD, TOOLBAR_CARD_VIEW, TOOLBAR_COPY, TOOLBAR_DELETE, TOOLBAR_DUPLICATE, TOOLBAR_EMBED_VIEW, TOOLBAR_INLINE_VIEW, toolbarActionLabel, ToolbarModuleExtension, translateKey, } from '../../affine-shared/services/index.js';
+import { ActionPlacement, blockCommentToolbarButton, EmbedIframeService, EmbedOptionProvider, TOAST_COPIED_TO_CLIPBOARD, TOOLBAR_CAPTION, TOOLBAR_CARD_VIEW, TOOLBAR_COPY, TOOLBAR_DELETE, TOOLBAR_DUPLICATE, TOOLBAR_EMBED_VIEW, TOOLBAR_INLINE_VIEW, TOOLBAR_LARGE_HORIZONTAL_STYLE, TOOLBAR_LARGE_VERTICAL_STYLE, TOOLBAR_RELOAD, TOOLBAR_SMALL_HORIZONTAL_STYLE, TOOLBAR_SMALL_VERTICAL_STYLE, toolbarActionLabel, ToolbarModuleExtension, translateKey, } from '../../affine-shared/services/index.js';
 import { getBlockProps } from '../../affine-shared/utils/index.js';
 import { Bound } from '../../global/gfx/index.js';
 import { CaptionIcon, CopyIcon, DeleteIcon, DuplicateIcon, ResetIcon, } from '@blocksuite/icons/lit';
@@ -31,6 +31,7 @@ const previewAction = {
 const captionAction = {
     id: 'd.caption',
     tooltip: 'Caption',
+    tooltipWording: TOOLBAR_CAPTION,
     icon: CaptionIcon(),
     run(ctx) {
         const block = ctx.getCurrentBlockByType(BookmarkBlockComponent);
@@ -169,10 +170,12 @@ const builtinToolbarConfig = {
                 {
                     id: 'horizontal',
                     label: 'Large horizontal style',
+                    labelWording: TOOLBAR_LARGE_HORIZONTAL_STYLE,
                 },
                 {
                     id: 'list',
                     label: 'Small horizontal style',
+                    labelWording: TOOLBAR_SMALL_HORIZONTAL_STYLE,
                 },
             ],
             content(ctx) {
@@ -243,6 +246,7 @@ const builtinToolbarConfig = {
             placement: ActionPlacement.More,
             id: 'b.refresh',
             label: 'Reload',
+            labelWording: TOOLBAR_RELOAD,
             icon: ResetIcon(),
             run(ctx) {
                 const block = ctx.getCurrentBlockByType(BookmarkBlockComponent);
@@ -368,18 +372,22 @@ const builtinSurfaceToolbarConfig = {
                 {
                     id: 'horizontal',
                     label: 'Large horizontal style',
+                    labelWording: TOOLBAR_LARGE_HORIZONTAL_STYLE,
                 },
                 {
                     id: 'list',
                     label: 'Small horizontal style',
+                    labelWording: TOOLBAR_SMALL_HORIZONTAL_STYLE,
                 },
                 {
                     id: 'vertical',
                     label: 'Large vertical style',
+                    labelWording: TOOLBAR_LARGE_VERTICAL_STYLE,
                 },
                 {
                     id: 'cube',
                     label: 'Small vertical style',
+                    labelWording: TOOLBAR_SMALL_VERTICAL_STYLE,
                 },
             ].filter(action => BookmarkStyles.includes(action.id)),
             content(ctx) {

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

@@ -6,8 +6,8 @@ export const LinkTooltip = html `<svg width="170" height="68" viewBox="0 0 170 6
 <rect width="170" height="68" rx="2" fill="white"/>
 </mask>
 <g mask="url(#mask0_16460_1007)">
-<text fill="#121212" xml:space="preserve" style="white-space: pre" font-family="Inter" font-size="10" letter-spacing="0px"><tspan x="8" y="15.6364">In a decentralized system, we can have a kaleidoscopic </tspan><tspan x="8" y="27.6364">complexity to our data.&#10;</tspan><tspan x="8" y="63.6364">Any user may have a different perspective on what data they </tspan><tspan x="8" y="75.6364">either have, choose to share, or accept.&#10;</tspan><tspan x="8" y="111.636">For example, one user&#x2019;s edits to a document might be on </tspan><tspan x="8" y="123.636">their laptop on an airplane; when the plane lands and the </tspan><tspan x="8" y="135.636">computer reconnects, those changes are distributed to </tspan><tspan x="8" y="147.636">other users.&#10;</tspan><tspan x="8" y="183.636">Other users might choose to accept all, some, or none of </tspan><tspan x="8" y="195.636">those changes to their version of the document.</tspan></text>
-<text fill="#1E67AF" xml:space="preserve" style="white-space: pre" font-family="Inter" font-size="11" letter-spacing="0em"><tspan x="8" y="45.5">Learn about AFFiNE</tspan></text>
+<rect x="8" y="8.1364" width="162" height="8" rx="4" fill="#121212" fill-opacity="0.3"/><rect x="8" y="20.1364" width="126.5" height="8" rx="4" fill="#121212" fill-opacity="0.3"/><rect x="8" y="56.1364" width="162" height="8" rx="4" fill="#121212" fill-opacity="0.3"/><rect x="8" y="68.1364" width="162" height="8" rx="4" fill="#121212" fill-opacity="0.3"/><rect x="8" y="104.136" width="162" height="8" rx="4" fill="#121212" fill-opacity="0.3"/><rect x="8" y="116.136" width="162" height="8" rx="4" fill="#121212" fill-opacity="0.3"/><rect x="8" y="128.136" width="162" height="8" rx="4" fill="#121212" fill-opacity="0.3"/><rect x="8" y="140.136" width="66" height="8" rx="4" fill="#121212" fill-opacity="0.3"/><rect x="8" y="176.136" width="162" height="8" rx="4" fill="#121212" fill-opacity="0.3"/><rect x="8" y="188.136" width="162" height="8" rx="4" fill="#121212" fill-opacity="0.3"/>
+<rect x="8" y="37.25" width="108.9" height="8.8" rx="4.4" fill="#1E67AF" fill-opacity="0.3"/>
 </g>
 </svg>
 `;

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

@@ -0,0 +1,26 @@
+import { type ChromeWording } 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 declare const BOOKMARK_SLASH_NAME: ChromeWording;
+export declare const BOOKMARK_SLASH_DESCRIPTION: ChromeWording;
+/** The create-link modal's title and body (`configs/slash-menu.ts`). */
+export declare const BOOKMARK_MODAL_TITLE: ChromeWording;
+export declare const BOOKMARK_MODAL_DESCRIPTION: ChromeWording;
+/** The card's decorative `alt` text (`components/bookmark-card.ts`). */
+export declare const BOOKMARK_ALT_ICON: ChromeWording;
+export declare const BOOKMARK_ALT_BANNER: ChromeWording;
+/** The card's title, once loaded, when the link preview has none. */
+export declare const BOOKMARK_LINK_CARD_FALLBACK: ChromeWording;
+export declare const BOOKMARK_RETRIEVE_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, Reload, the card-style switcher's four wordings…) travel with
+ * `@labre/affine-shared/services` instead, so they are not restated here.
+ */
+export declare const BOOKMARK_WORDINGS: readonly ChromeWording[];