@formicoidea/labre-core 0.39.3 → 0.41.0

package/dist/_pkgs/affine-gfx-text/toolbar/actions.d.ts

@@ -1,5 +1,5 @@
 import { type SurfaceTextModelMap, type TextStyleProps } from '../../affine-model/index.js';
-import type { ToolbarContext } from '../../affine-shared/services/index.js';
+import { type ToolbarContext } from '../../affine-shared/services/index.js';
 export declare function createTextActions<K extends abstract new (...args: any) => any, T extends keyof SurfaceTextModelMap>(klass: K, type: T, update?: (ctx: ToolbarContext, model: InstanceType<K>, props: Partial<TextStyleProps>) => void, mapInto?: (model: InstanceType<K>) => TextStyleProps, stash?: <P extends keyof TextStyleProps>(model: InstanceType<K>, type: 'stash' | 'pop', field: P) => void): [{
     readonly id: "a.font";
     readonly content: (ctx: ToolbarContext) => import("lit-html").TemplateResult<1> | null;

package/dist/_pkgs/affine-gfx-text/toolbar/actions.js

@@ -2,24 +2,29 @@ import { EdgelessCRUDIdentifier, TextUtils } from '../../affine-block-surface/in
 import { packColor, } from '../../affine-components/color-picker/index.js';
 import { EditorChevronDown } from '../../affine-components/toolbar/index.js';
 import { DefaultTheme, FontFamily, FontStyle, FontWeight, resolveColor, TextAlign, } from '../../affine-model/index.js';
+import { translateKey, } from '../../affine-shared/services/index.js';
 import { getMostCommonResolvedValue, getMostCommonValue, } from '../../affine-shared/utils/index.js';
-import { renderCurrentMenuItemWith, renderMenu, } from '../../affine-widget-edgeless-toolbar/index.js';
+import { renderMenu, resolveMenuItemLabel, } from '../../affine-widget-edgeless-toolbar/index.js';
 import { TextAlignCenterIcon, TextAlignLeftIcon, TextAlignRightIcon, } from '@blocksuite/icons/lit';
 import { signal } from '@preact/signals-core';
 import { html } from 'lit';
 import { styleMap } from 'lit/directives/style-map.js';
 import { isFontStyleSupported, isFontWeightSupported, } from '../element-renderer/utils.js';
+import { TEXT_ALIGN_CENTER, TEXT_ALIGN_LEFT, TEXT_ALIGN_RIGHT, TEXT_TOOLBAR_ALIGNMENT, TEXT_TOOLBAR_FONT, TEXT_TOOLBAR_FONT_STYLE, TEXT_TOOLBAR_FONT_STYLE_ITALIC, TEXT_TOOLBAR_FONT_WEIGHT_LIGHT, TEXT_TOOLBAR_FONT_WEIGHT_REGULAR, TEXT_TOOLBAR_FONT_WEIGHT_SEMIBOLD, TEXT_TOOLBAR_FONT_SIZE, TEXT_TOOLBAR_TEXT_COLOR, } from '../translations.js';
 const FONT_WEIGHT_LIST = [
     {
         key: 'Light',
+        keyWording: TEXT_TOOLBAR_FONT_WEIGHT_LIGHT,
         value: FontWeight.Light,
     },
     {
         key: 'Regular',
+        keyWording: TEXT_TOOLBAR_FONT_WEIGHT_REGULAR,
         value: FontWeight.Regular,
     },
     {
         key: 'Semibold',
+        keyWording: TEXT_TOOLBAR_FONT_WEIGHT_SEMIBOLD,
         value: FontWeight.SemiBold,
     },
 ];
@@ -29,6 +34,7 @@ const FONT_STYLE_LIST = [
     },
     {
         key: 'Italic',
+        keyWording: TEXT_TOOLBAR_FONT_STYLE_ITALIC,
         value: FontStyle.Italic,
     },
 ];
@@ -43,16 +49,19 @@ const FONT_SIZE_LIST = [
 const TEXT_ALIGN_LIST = [
     {
         key: 'Left',
+        keyWording: TEXT_ALIGN_LEFT,
         value: TextAlign.Left,
         icon: TextAlignLeftIcon(),
     },
     {
         key: 'Center',
+        keyWording: TEXT_ALIGN_CENTER,
         value: TextAlign.Center,
         icon: TextAlignCenterIcon(),
     },
     {
         key: 'Right',
+        keyWording: TEXT_ALIGN_RIGHT,
         value: TextAlign.Right,
         icon: TextAlignRightIcon(),
     },
@@ -90,8 +99,8 @@ export function createTextActions(klass, type, update = (ctx, model, props) => c
             .contentPadding="${'8px'}"
             .button=${html `
               <editor-icon-button
-                aria-label="Font"
-                .tooltip="${'Font'}"
+                aria-label="${translateKey(ctx.std, ...TEXT_TOOLBAR_FONT)}"
+                .tooltip="${translateKey(ctx.std, ...TEXT_TOOLBAR_FONT)}"
                 .justify="${'space-between'}"
                 .iconContainerWidth="${'40px'}"
               >
@@ -161,10 +170,11 @@ export function createTextActions(klass, type, update = (ctx, model, props) => c
                 return html `
           <edgeless-color-picker-button
             class="text-color"
-            .label="${'Text color'}"
+            .label="${translateKey(ctx.std, ...TEXT_TOOLBAR_TEXT_COLOR)}"
             .pick=${onPick}
             .color=${color}
             .theme=${theme}
+            .std=${ctx.std}
             .isText=${true}
             .hollowCircle=${true}
             .originalColor=${originalColor}
@@ -204,15 +214,15 @@ export function createTextActions(klass, type, update = (ctx, model, props) => c
             .contentPadding="${'8px'}"
             .button=${html `
               <editor-icon-button
-                aria-label="Font style"
-                .tooltip="${'Font style'}"
+                aria-label="${translateKey(ctx.std, ...TEXT_TOOLBAR_FONT_STYLE)}"
+                .tooltip="${translateKey(ctx.std, ...TEXT_TOOLBAR_FONT_STYLE)}"
                 .justify="${'space-between'}"
                 .iconContainerWidth="${'90px'}"
                 .disabled=${disabled}
               >
                 <span class="label ellipsis">
-                  ${renderCurrentMenuItemWith(FONT_WEIGHT_LIST, fontWeight, 'key')}
-                  ${renderCurrentMenuItemWith(FONT_STYLE_LIST, fontStyle, 'key')}
+                  ${resolveMenuItemLabel(FONT_WEIGHT_LIST, fontWeight, ctx.std)}
+                  ${resolveMenuItemLabel(FONT_STYLE_LIST, fontStyle, ctx.std)}
                 </span>
                 ${EditorChevronDown}
               </editor-icon-button>
@@ -223,6 +233,7 @@ export function createTextActions(klass, type, update = (ctx, model, props) => c
               .fontWeight=${fontWeight}
               .fontStyle=${fontStyle}
               .onSelect=${onPick}
+              .std=${ctx.std}
             ></edgeless-font-weight-and-style-panel>
           </editor-menu-button>
         `;
@@ -249,7 +260,7 @@ export function createTextActions(klass, type, update = (ctx, model, props) => c
                 };
                 return html `<affine-size-dropdown-menu
           @select=${onPick}
-          .label="${'Font size'}"
+          .label="${translateKey(ctx.std, ...TEXT_TOOLBAR_FONT_SIZE)}"
           .sizes=${FONT_SIZE_LIST}
           .size$=${fontSize$}
         ></affine-size-dropdown-menu>`;
@@ -273,9 +284,11 @@ export function createTextActions(klass, type, update = (ctx, model, props) => c
                 };
                 return renderMenu({
                     label: 'Alignment',
+                    labelWording: TEXT_TOOLBAR_ALIGNMENT,
                     items: TEXT_ALIGN_LIST,
                     currentValue: textAlign,
                     onPick,
+                    std: ctx.std,
                 });
             },
         },

package/dist/_pkgs/affine-gfx-text/toolbar/text-menu.js

@@ -73,6 +73,7 @@ let EdgelessTextMenu = (() => {
             class="one-way"
             .value=${this.color}
             .theme=${this._theme$.value}
+            .std=${this.edgeless.std}
             .palettes=${DefaultTheme.StrokeColorShortPalettes}
             @select=${(e) => this.onChange({ color: e.detail })}
           ></edgeless-color-panel>

package/dist/_pkgs/affine-gfx-text/translations.d.ts

@@ -0,0 +1,31 @@
+import { type ChromeWording } from '../affine-shared/services/index.js';
+/**
+ * The shared text toolbar's own wordings (`createTextActions`, rendered by
+ * every framework that draws real text — shape, mindmap, connector,
+ * edgeless-text). `FONT_SIZE_LABEL` / `FONT_WEIGHT_*` / `FONT_STYLE_ITALIC`
+ * are declared once in `chrome.ts` (shared with `widgets/edgeless-toolbar`'s
+ * own font-weight-and-style panel, and `blocks/edgeless-text`'s font-size
+ * dropdown) and re-exported here under this package's own name.
+ */
+export declare const TEXT_TOOLBAR_FONT_SIZE: ChromeWording;
+export declare const TEXT_TOOLBAR_FONT_WEIGHT_LIGHT: ChromeWording;
+export declare const TEXT_TOOLBAR_FONT_WEIGHT_REGULAR: ChromeWording;
+export declare const TEXT_TOOLBAR_FONT_WEIGHT_SEMIBOLD: ChromeWording;
+export declare const TEXT_TOOLBAR_FONT_STYLE_ITALIC: ChromeWording;
+export declare const TEXT_TOOLBAR_FONT: ChromeWording;
+export declare const TEXT_TOOLBAR_TEXT_COLOR: ChromeWording;
+export declare const TEXT_TOOLBAR_FONT_STYLE: ChromeWording;
+export declare const TEXT_TOOLBAR_ALIGNMENT: ChromeWording;
+/**
+ * The three alignment values — a different concept from a mindmap's own
+ * "Left" / "Right" layout direction (`gfx/mindmap`'s
+ * `MINDMAP_LAYOUT_LEFT`/`RIGHT`), so kept as this package's own keys rather
+ * than shared: the English word coincides, the meaning does not.
+ */
+export declare const TEXT_ALIGN_LEFT: ChromeWording;
+export declare const TEXT_ALIGN_CENTER: ChromeWording;
+export declare const TEXT_ALIGN_RIGHT: ChromeWording;
+/** The editor's own placeholder for an empty standalone text element. */
+export declare const TEXT_EDITOR_PLACEHOLDER: ChromeWording;
+/** Every wording this package DECLARES (see `SHAPE_WORDINGS`'s own note). */
+export declare const TEXT_WORDINGS: readonly ChromeWording[];

package/dist/_pkgs/affine-gfx-text/translations.js

@@ -0,0 +1,64 @@
+import { FONT_SIZE_LABEL, FONT_STYLE_ITALIC, FONT_WEIGHT_LIGHT, FONT_WEIGHT_REGULAR, FONT_WEIGHT_SEMIBOLD, } from '../affine-shared/services/index.js';
+/**
+ * The shared text toolbar's own wordings (`createTextActions`, rendered by
+ * every framework that draws real text — shape, mindmap, connector,
+ * edgeless-text). `FONT_SIZE_LABEL` / `FONT_WEIGHT_*` / `FONT_STYLE_ITALIC`
+ * are declared once in `chrome.ts` (shared with `widgets/edgeless-toolbar`'s
+ * own font-weight-and-style panel, and `blocks/edgeless-text`'s font-size
+ * dropdown) and re-exported here under this package's own name.
+ */
+export const TEXT_TOOLBAR_FONT_SIZE = FONT_SIZE_LABEL;
+export const TEXT_TOOLBAR_FONT_WEIGHT_LIGHT = FONT_WEIGHT_LIGHT;
+export const TEXT_TOOLBAR_FONT_WEIGHT_REGULAR = FONT_WEIGHT_REGULAR;
+export const TEXT_TOOLBAR_FONT_WEIGHT_SEMIBOLD = FONT_WEIGHT_SEMIBOLD;
+export const TEXT_TOOLBAR_FONT_STYLE_ITALIC = FONT_STYLE_ITALIC;
+export const TEXT_TOOLBAR_FONT = [
+    'com.labre.text-toolbar.font',
+    'Font',
+];
+export const TEXT_TOOLBAR_TEXT_COLOR = [
+    'com.labre.text-toolbar.text-color',
+    'Text color',
+];
+export const TEXT_TOOLBAR_FONT_STYLE = [
+    'com.labre.text-toolbar.font-style',
+    'Font style',
+];
+export const TEXT_TOOLBAR_ALIGNMENT = [
+    'com.labre.text-toolbar.alignment',
+    'Alignment',
+];
+/**
+ * The three alignment values — a different concept from a mindmap's own
+ * "Left" / "Right" layout direction (`gfx/mindmap`'s
+ * `MINDMAP_LAYOUT_LEFT`/`RIGHT`), so kept as this package's own keys rather
+ * than shared: the English word coincides, the meaning does not.
+ */
+export const TEXT_ALIGN_LEFT = [
+    'com.labre.text-toolbar.align.left',
+    'Left',
+];
+export const TEXT_ALIGN_CENTER = [
+    'com.labre.text-toolbar.align.center',
+    'Center',
+];
+export const TEXT_ALIGN_RIGHT = [
+    'com.labre.text-toolbar.align.right',
+    'Right',
+];
+/** The editor's own placeholder for an empty standalone text element. */
+export const TEXT_EDITOR_PLACEHOLDER = [
+    'com.labre.text-toolbar.editor-placeholder',
+    'Type from here',
+];
+/** Every wording this package DECLARES (see `SHAPE_WORDINGS`'s own note). */
+export const TEXT_WORDINGS = [
+    TEXT_TOOLBAR_FONT,
+    TEXT_TOOLBAR_TEXT_COLOR,
+    TEXT_TOOLBAR_FONT_STYLE,
+    TEXT_TOOLBAR_ALIGNMENT,
+    TEXT_ALIGN_LEFT,
+    TEXT_ALIGN_CENTER,
+    TEXT_ALIGN_RIGHT,
+    TEXT_EDITOR_PLACEHOLDER,
+];

package/dist/_pkgs/affine-inline-footnote/footnote-node/footnote-popup.js

@@ -33,8 +33,9 @@ var __runInitializers = (this && this.__runInitializers) || function (thisArg, i
     return useValue ? value : void 0;
 };
 import { getAttachmentFileIcon, LoadingIcon, WebIcon16, } from '../../affine-components/icons/index.js';
+import { FAVICON_ALT } from '../../affine-components/translations.js';
 import { ImageProxyService } from '../../affine-shared/adapters/index.js';
-import { DocDisplayMetaProvider, LinkPreviewServiceIdentifier, } from '../../affine-shared/services/index.js';
+import { DocDisplayMetaProvider, LinkPreviewServiceIdentifier, translateKey, } from '../../affine-shared/services/index.js';
 import { unsafeCSSVar, unsafeCSSVarV2 } from '../../affine-shared/theme/index.js';
 import { SignalWatcher, WithDisposable } from '../../global/lit/index.js';
 import { computed, signal } from '@preact/signals-core';
@@ -205,7 +206,12 @@ let FootNotePopup = (() => {
                     const imageSrc = favicon
                         ? this.imageProxyService.buildUrl(favicon)
                         : undefined;
-                    return imageSrc ? html `<img src=${imageSrc} alt="favicon" />` : WebIcon16;
+                    return imageSrc
+                        ? html `<img
+            src=${imageSrc}
+            alt="${translateKey(this.std, ...FAVICON_ALT)}"
+          />`
+                        : WebIcon16;
                 }
                 return undefined;
             });

package/dist/_pkgs/affine-inline-latex/latex-node/latex-editor-menu.js

@@ -33,7 +33,7 @@ var __runInitializers = (this && this.__runInitializers) || function (thisArg, i
     return useValue ? value : void 0;
 };
 import { ColorScheme } from '../../affine-model/index.js';
-import { ThemeProvider } from '../../affine-shared/services/index.js';
+import { ThemeProvider, translateKey } from '../../affine-shared/services/index.js';
 import { unsafeCSSVar } from '../../affine-shared/theme/index.js';
 import { SignalWatcher, WithDisposable } from '../../global/lit/index.js';
 import { noop } from '../../global/utils/index.js';
@@ -46,6 +46,7 @@ import { property } from 'lit/decorators.js';
 import { codeToTokensBase } from 'shiki';
 import * as Y from 'yjs';
 import { LatexEditorUnitSpecExtension } from '../inline-spec.js';
+import { LATEX_LINE_BREAK_HINT } from '../translations.js';
 export const LatexEditorInlineManagerExtension = InlineManagerExtension({
     id: 'latex-inline-editor',
     enableMarkdown: false,
@@ -215,7 +216,9 @@ let LatexEditorMenu = (() => {
             })}</span
         >
       </div>
-      <div class="latex-editor-hint">Shift Enter to line break</div>
+      <div class="latex-editor-hint">
+        ${translateKey(this.std, ...LATEX_LINE_BREAK_HINT)}
+      </div>
     </div>`;
         }
         #abortController_accessor_storage;

package/dist/_pkgs/affine-inline-latex/latex-node/latex-node.js

@@ -33,6 +33,7 @@ var __runInitializers = (this && this.__runInitializers) || function (thisArg, i
     return useValue ? value : void 0;
 };
 import { createLitPortal } from '../../affine-components/portal/index.js';
+import { EQUATION_EMPTY_LABEL, EQUATION_ERROR_LABEL, translateKey, } from '../../affine-shared/services/index.js';
 import { unsafeCSSVar, unsafeCSSVarV2 } from '../../affine-shared/theme/index.js';
 import { SignalWatcher, WithDisposable } from '../../global/lit/index.js';
 import { ShadowlessElement, } from '../../std/index.js';
@@ -170,7 +171,9 @@ let AffineLatexNode = (() => {
                     // @ts-expect-error lit hack won't fix
                     delete latexContainer['_$litPart$'];
                     if (latex.length === 0) {
-                        render(html `<span class="placeholder">Equation</span>`, latexContainer);
+                        render(html `<span class="placeholder"
+                  >${translateKey(this.std, ...EQUATION_EMPTY_LABEL)}</span
+                >`, latexContainer);
                     }
                     else {
                         try {
@@ -182,7 +185,9 @@ let AffineLatexNode = (() => {
                             latexContainer.replaceChildren();
                             // @ts-expect-error lit hack won't fix
                             delete latexContainer['_$litPart$'];
-                            render(html `<span class="error-placeholder">Error equation</span>`, latexContainer);
+                            render(html `<span class="error-placeholder"
+                    >${translateKey(this.std, ...EQUATION_ERROR_LABEL)}</span
+                  >`, latexContainer);
                         }
                     }
                 })

package/dist/_pkgs/affine-inline-latex/translations.d.ts

@@ -0,0 +1,13 @@
+import { type ChromeWording } from '../affine-shared/services/index.js';
+/**
+ * `@labre/affine-inline-latex`'s own wordings — the editor popup's help
+ * text. The empty-state and KaTeX-error words are shared with `blocks/latex`
+ * and declared in `chrome.ts` instead (`EQUATION_EMPTY_LABEL` /
+ * `EQUATION_ERROR_LABEL`), so they are not restated here.
+ */
+export declare const LATEX_LINE_BREAK_HINT: ChromeWording;
+/**
+ * Every wording declared above, in declaration order — walked by
+ * `PACKAGE_WORDINGS` in `packages/affine/all/src/translations.ts`.
+ */
+export declare const LATEX_WORDINGS: readonly ChromeWording[];

package/dist/_pkgs/affine-inline-latex/translations.js

@@ -0,0 +1,16 @@
+import {} from '../affine-shared/services/index.js';
+/**
+ * `@labre/affine-inline-latex`'s own wordings — the editor popup's help
+ * text. The empty-state and KaTeX-error words are shared with `blocks/latex`
+ * and declared in `chrome.ts` instead (`EQUATION_EMPTY_LABEL` /
+ * `EQUATION_ERROR_LABEL`), so they are not restated here.
+ */
+export const LATEX_LINE_BREAK_HINT = [
+    'com.labre.latex.line-break-hint',
+    'Shift Enter to line break',
+];
+/**
+ * Every wording declared above, in declaration order — walked by
+ * `PACKAGE_WORDINGS` in `packages/affine/all/src/translations.ts`.
+ */
+export const LATEX_WORDINGS = [LATEX_LINE_BREAK_HINT];

package/dist/_pkgs/affine-inline-link/link-node/configs/toolbar.d.ts

@@ -7,12 +7,12 @@ export declare const builtinInlineLinkToolbarConfig: {
         readonly id: "b.copy-link-and-edit";
         readonly actions: [{
             readonly id: "copy-link";
-            readonly tooltip: "Copy link";
+            readonly tooltipWording: import("../../../affine-shared/services/index.js").ChromeWording;
             readonly icon: import("lit-html").TemplateResult<1>;
             readonly run: (ctx: ToolbarContext) => void;
         }, {
             readonly id: "edit";
-            readonly tooltip: "Edit";
+            readonly tooltipWording: import("../../../affine-shared/services/index.js").ChromeWording;
             readonly icon: import("lit-html").TemplateResult<1>;
             readonly run: (ctx: ToolbarContext) => void;
         }];
@@ -36,7 +36,7 @@ export declare const builtinInlineLinkToolbarConfig: {
     }, {
         readonly placement: ActionPlacement.More;
         readonly id: "b.remove-link";
-        readonly label: "Remove link";
+        readonly labelWording: import("../../../affine-shared/services/index.js").ChromeWording;
         readonly icon: import("lit-html").TemplateResult<1>;
         readonly run: (ctx: ToolbarContext) => void;
     }, {

package/dist/_pkgs/affine-inline-link/link-node/configs/toolbar.js

@@ -1,5 +1,5 @@
 import { toast } from '../../../affine-components/toast/index.js';
-import { ActionPlacement, EmbedIframeService, EmbedOptionProvider, TOOLBAR_CARD_VIEW, TOOLBAR_DELETE, TOOLBAR_EMBED_VIEW, TOOLBAR_INLINE_VIEW, toolbarActionLabel, } from '../../../affine-shared/services/index.js';
+import { ActionPlacement, EmbedIframeService, EmbedOptionProvider, TOOLBAR_CARD_VIEW, TOOLBAR_DELETE, TOOLBAR_EMBED_VIEW, TOOLBAR_INLINE_VIEW, toolbarActionLabel, translateKey, } from '../../../affine-shared/services/index.js';
 import { CopyIcon, DeleteIcon, EditIcon, UnlinkIcon, } from '@blocksuite/icons/lit';
 import { BlockSelection } from '../../../std/index.js';
 import { signal } from '@preact/signals-core';
@@ -7,6 +7,7 @@ import { html } from 'lit-html';
 import { keyed } from 'lit-html/directives/keyed.js';
 import { AffineLink } from '../affine-link.js';
 import { toggleLinkPopup } from '../link-popup/toggle-link-popup.js';
+import { LINK_TOOLBAR_COPIED_TOAST, LINK_TOOLBAR_COPY_LINK, LINK_TOOLBAR_EDIT, LINK_TOOLBAR_REMOVE_LINK, } from '../../translations.js';
 const trackBaseProps = {
     segment: 'doc',
     page: 'doc editor',
@@ -74,7 +75,7 @@ export const builtinInlineLinkToolbarConfig = {
             actions: [
                 {
                     id: 'copy-link',
-                    tooltip: 'Copy link',
+                    tooltipWording: LINK_TOOLBAR_COPY_LINK,
                     icon: CopyIcon(),
                     run(ctx) {
                         const target = ctx.message$.peek()?.element;
@@ -86,7 +87,7 @@ export const builtinInlineLinkToolbarConfig = {
                         // Clears
                         ctx.reset();
                         navigator.clipboard.writeText(link).catch(console.error);
-                        toast(ctx.host, 'Copied link to clipboard');
+                        toast(ctx.host, translateKey(ctx.std, ...LINK_TOOLBAR_COPIED_TOAST));
                         ctx.track('CopiedLink', {
                             ...trackBaseProps,
                             control: 'copy link',
@@ -95,7 +96,7 @@ export const builtinInlineLinkToolbarConfig = {
                 },
                 {
                     id: 'edit',
-                    tooltip: 'Edit',
+                    tooltipWording: LINK_TOOLBAR_EDIT,
                     icon: EditIcon(),
                     run(ctx) {
                         const target = ctx.message$.peek()?.element;
@@ -304,7 +305,7 @@ export const builtinInlineLinkToolbarConfig = {
         {
             placement: ActionPlacement.More,
             id: 'b.remove-link',
-            label: 'Remove link',
+            labelWording: LINK_TOOLBAR_REMOVE_LINK,
             icon: UnlinkIcon(),
             run(ctx) {
                 const target = ctx.message$.peek()?.element;

package/dist/_pkgs/affine-inline-link/link-node/link-popup/link-popup.js

@@ -32,6 +32,7 @@ var __runInitializers = (this && this.__runInitializers) || function (thisArg, i
     }
     return useValue ? value : void 0;
 };
+import { translateKey } from '../../../affine-shared/services/index.js';
 import { isValidUrl, normalizeUrl, stopPropagation, } from '../../../affine-shared/utils/index.js';
 import { WithDisposable } from '../../../global/lit/index.js';
 import { DoneIcon } from '@blocksuite/icons/lit';
@@ -41,6 +42,7 @@ import { html } from 'lit';
 import { property, query } from 'lit/decorators.js';
 import { choose } from 'lit/directives/choose.js';
 import { linkPopupStyle } from './styles.js';
+import { LINK_POPUP_LINK_LABEL, LINK_POPUP_LINK_PLACEHOLDER, LINK_POPUP_TEXT_LABEL, LINK_POPUP_TEXT_PLACEHOLDER, } from '../../translations.js';
 let LinkPopup = (() => {
     let _classSuper = WithDisposable(ShadowlessElement);
     let _abortController_decorators;
@@ -317,7 +319,7 @@ let LinkPopup = (() => {
           class="affine-link-popover-input"
           type="text"
           spellcheck="false"
-          placeholder="Paste or type a link"
+          placeholder=${translateKey(this.std, ...LINK_POPUP_LINK_PLACEHOLDER)}
           @paste=${this._updateConfirmBtn}
           @input=${this._updateConfirmBtn}
         />
@@ -346,10 +348,12 @@ let LinkPopup = (() => {
             class="affine-edit-input"
             id="text-input"
             type="text"
-            placeholder="Enter text"
+            placeholder=${translateKey(this.std, ...LINK_POPUP_TEXT_PLACEHOLDER)}
             @input=${this._updateConfirmBtn}
           />
-          <label class="affine-edit-label" for="text-input">Text</label>
+          <label class="affine-edit-label" for="text-input"
+            >${translateKey(this.std, ...LINK_POPUP_TEXT_LABEL)}</label
+          >
         </div>
         <div class="affine-edit-area link">
           <input
@@ -357,10 +361,12 @@ let LinkPopup = (() => {
             class="affine-edit-input"
             type="text"
             spellcheck="false"
-            placeholder="Paste or type a link"
+            placeholder=${translateKey(this.std, ...LINK_POPUP_LINK_PLACEHOLDER)}
             @input=${this._updateConfirmBtn}
           />
-          <label class="affine-edit-label" for="link-input">Link</label>
+          <label class="affine-edit-label" for="link-input"
+            >${translateKey(this.std, ...LINK_POPUP_LINK_LABEL)}</label
+          >
         </div>
         ${this._confirmBtnTemplate()}
       </div>

package/dist/_pkgs/affine-inline-link/translations.d.ts

@@ -0,0 +1,23 @@
+import { type ChromeWording } from '../affine-shared/services/index.js';
+/**
+ * `@labre/affine-inline-link`'s own wordings — the inline link's toolbar
+ * (`configs/toolbar.ts`) and its create/edit popup (`link-popup/link-popup.ts`).
+ * `LINK_TOOLBAR_EDIT` / `LINK_TOOLBAR_REMOVE_LINK` (L7 dedupe: shared verbatim
+ * with the generic iframe embed's error state / the root block's edgeless
+ * "More" sub-menu) are declared once in `chrome.ts` and re-exported here
+ * under this package's own name.
+ */
+export declare const LINK_TOOLBAR_COPY_LINK: ChromeWording;
+export declare const LINK_TOOLBAR_COPIED_TOAST: ChromeWording;
+export declare const LINK_TOOLBAR_EDIT: ChromeWording;
+export declare const LINK_TOOLBAR_REMOVE_LINK: ChromeWording;
+export declare const LINK_POPUP_LINK_PLACEHOLDER: ChromeWording;
+export declare const LINK_POPUP_TEXT_PLACEHOLDER: ChromeWording;
+export declare const LINK_POPUP_TEXT_LABEL: ChromeWording;
+/** An alias (L7 dedupe): the same word as {@link TOOLBAR_LINK}, one key. */
+export declare const LINK_POPUP_LINK_LABEL: ChromeWording;
+/**
+ * Every wording declared above, in declaration order — walked by
+ * `PACKAGE_WORDINGS` in `packages/affine/all/src/translations.ts`.
+ */
+export declare const LINK_WORDINGS: readonly ChromeWording[];

package/dist/_pkgs/affine-inline-link/translations.js

@@ -0,0 +1,44 @@
+import { TOOLBAR_EDIT, TOOLBAR_LINK, TOOLBAR_REMOVE_LINK, } from '../affine-shared/services/index.js';
+/**
+ * `@labre/affine-inline-link`'s own wordings — the inline link's toolbar
+ * (`configs/toolbar.ts`) and its create/edit popup (`link-popup/link-popup.ts`).
+ * `LINK_TOOLBAR_EDIT` / `LINK_TOOLBAR_REMOVE_LINK` (L7 dedupe: shared verbatim
+ * with the generic iframe embed's error state / the root block's edgeless
+ * "More" sub-menu) are declared once in `chrome.ts` and re-exported here
+ * under this package's own name.
+ */
+export const LINK_TOOLBAR_COPY_LINK = [
+    'com.labre.inline-link.toolbar.copy-link',
+    'Copy link',
+];
+export const LINK_TOOLBAR_COPIED_TOAST = [
+    'com.labre.inline-link.toolbar.copied-toast',
+    'Copied link to clipboard',
+];
+export const LINK_TOOLBAR_EDIT = TOOLBAR_EDIT;
+export const LINK_TOOLBAR_REMOVE_LINK = TOOLBAR_REMOVE_LINK;
+export const LINK_POPUP_LINK_PLACEHOLDER = [
+    'com.labre.inline-link.popup.link-placeholder',
+    'Paste or type a link',
+];
+export const LINK_POPUP_TEXT_PLACEHOLDER = [
+    'com.labre.inline-link.popup.text-placeholder',
+    'Enter text',
+];
+export const LINK_POPUP_TEXT_LABEL = [
+    'com.labre.inline-link.popup.text-label',
+    'Text',
+];
+/** An alias (L7 dedupe): the same word as {@link TOOLBAR_LINK}, one key. */
+export const LINK_POPUP_LINK_LABEL = TOOLBAR_LINK;
+/**
+ * Every wording declared above, in declaration order — walked by
+ * `PACKAGE_WORDINGS` in `packages/affine/all/src/translations.ts`.
+ */
+export const LINK_WORDINGS = [
+    LINK_TOOLBAR_COPY_LINK,
+    LINK_TOOLBAR_COPIED_TOAST,
+    LINK_POPUP_LINK_PLACEHOLDER,
+    LINK_POPUP_TEXT_PLACEHOLDER,
+    LINK_POPUP_TEXT_LABEL,
+];

package/dist/_pkgs/affine-inline-mention/affine-mention.js

@@ -32,13 +32,14 @@ var __runInitializers = (this && this.__runInitializers) || function (thisArg, i
     }
     return useValue ? value : void 0;
 };
-import { UserProvider } from '../affine-shared/services/index.js';
+import { translateKey, UserProvider } from '../affine-shared/services/index.js';
 import { unsafeCSSVarV2 } from '../affine-shared/theme/index.js';
 import { SignalWatcher, WithDisposable } from '../global/lit/index.js';
 import { ShadowlessElement } from '../std/index.js';
 import { ZERO_WIDTH_FOR_EMBED_NODE, ZERO_WIDTH_FOR_EMPTY_LINE, } from '../std/inline/index.js';
 import { css, html } from 'lit';
 import { property } from 'lit/decorators.js';
+import { MENTION_INACTIVE_MEMBER, MENTION_LOADING, MENTION_UNKNOWN_MEMBER, MENTION_UNKNOWN_NAME_FALLBACK, } from './translations.js';
 let AffineMention = (() => {
     let _classSuper = SignalWatcher(WithDisposable(ShadowlessElement));
     let _delta_decorators;
@@ -133,7 +134,9 @@ let AffineMention = (() => {
       data-selected=${this.selected}
       data-type="error"
       class="affine-mention"
-      >@Unknown Member<v-text .str=${ZERO_WIDTH_FOR_EMBED_NODE}></v-text
+      >${translateKey(this.std, ...MENTION_UNKNOWN_MEMBER)}<v-text
+        .str=${ZERO_WIDTH_FOR_EMBED_NODE}
+      ></v-text
     ></span>`;
             const userService = this.std.getOptional(UserProvider);
             const memberId = this.delta.attributes?.mention?.member;
@@ -149,7 +152,9 @@ let AffineMention = (() => {
           data-selected=${this.selected}
           data-type="removed"
           class="affine-mention"
-          >@Inactive Member<v-text .str=${ZERO_WIDTH_FOR_EMBED_NODE}></v-text
+          >${translateKey(this.std, ...MENTION_INACTIVE_MEMBER)}<v-text
+            .str=${ZERO_WIDTH_FOR_EMBED_NODE}
+          ></v-text
         ></span>`;
                 }
                 else {
@@ -157,7 +162,8 @@ let AffineMention = (() => {
           data-selected=${this.selected}
           data-type="default"
           class="affine-mention"
-          >@${userInfo$.value.name ?? 'Unknown'}<v-text
+          >@${userInfo$.value.name ??
+                        translateKey(this.std, ...MENTION_UNKNOWN_NAME_FALLBACK)}<v-text
             .str=${ZERO_WIDTH_FOR_EMBED_NODE}
           ></v-text
         ></span>`;
@@ -168,7 +174,7 @@ let AffineMention = (() => {
         data-selected=${this.selected}
         data-type="loading"
         class="affine-mention"
-        >@loading<span class="dots"
+        >${translateKey(this.std, ...MENTION_LOADING)}<span class="dots"
           ><span class="dot">.</span><span class="dot">.</span
           ><span class="dot">.</span></span
         ><v-text .str=${ZERO_WIDTH_FOR_EMBED_NODE}></v-text

package/dist/_pkgs/affine-inline-mention/translations.d.ts

@@ -0,0 +1,16 @@
+import { type ChromeWording } from '../affine-shared/services/index.js';
+/** `@labre/affine-inline-mention`'s own wordings — the @-mention chip's states. */
+export declare const MENTION_UNKNOWN_MEMBER: ChromeWording;
+export declare const MENTION_INACTIVE_MEMBER: ChromeWording;
+export declare const MENTION_LOADING: ChromeWording;
+/**
+ * The fallback name shown when a resolved member's own name is empty — the
+ * member's REAL name (`userInfo$.value.name`) is never translated, only this
+ * one word that stands in for it.
+ */
+export declare const MENTION_UNKNOWN_NAME_FALLBACK: ChromeWording;
+/**
+ * Every wording declared above, in declaration order — walked by
+ * `PACKAGE_WORDINGS` in `packages/affine/all/src/translations.ts`.
+ */
+export declare const MENTION_WORDINGS: readonly ChromeWording[];