@formicoidea/labre-core 0.40.0 → 0.42.0

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/bookmark-block.js

@@ -35,7 +35,7 @@ var __runInitializers = (this && this.__runInitializers) || function (thisArg, i
 import { CaptionedBlockComponent, SelectedStyle, } from '../affine-components/caption/index.js';
 import { ImageProxyService } from '../affine-shared/adapters/index.js';
 import { BlockCommentManager, CitationProvider, DocModeProvider, LinkPreviewServiceIdentifier, } from '../affine-shared/services/index.js';
-import { normalizeUrl } from '../affine-shared/utils/index.js';
+import { normalizeUrl, shouldRefreshOnPropsUpdate, } from '../affine-shared/utils/index.js';
 import { BlockSelection } from '../std/index.js';
 import { computed, signal } from '@preact/signals-core';
 import { html } from 'lit';
@@ -241,7 +241,7 @@ let BookmarkBlockComponent = (() => {
                 this.refreshData();
             }
             this.disposables.add(this.model.propsUpdated.subscribe(({ key }) => {
-                if (key === 'url') {
+                if (shouldRefreshOnPropsUpdate(this.store, key)) {
                     this.refreshData();
                 }
             }));

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[];

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>
     `;