@formicoidea/labre-core 0.39.3 → 0.41.0

package/dist/_pkgs/affine-block-note/components/edgeless-note-style-panel.js

@@ -35,7 +35,7 @@ var __runInitializers = (this && this.__runInitializers) || function (thisArg, i
 import { EdgelessCRUDIdentifier } from '../../affine-block-surface/index.js';
 import { packColorsWith, preprocessColor, } from '../../affine-components/color-picker/index.js';
 import { DefaultTheme, NoteBlockModel, resolveColor, } from '../../affine-model/index.js';
-import { ThemeProvider } from '../../affine-shared/services/index.js';
+import { ThemeProvider, translateKey } from '../../affine-shared/services/index.js';
 import { unsafeCSSVarV2 } from '../../affine-shared/theme/index.js';
 import { getMostCommonResolvedValue, stopPropagation, } from '../../affine-shared/utils/index.js';
 import { SignalWatcher, WithDisposable } from '../../global/lit/index.js';
@@ -44,6 +44,7 @@ import { BlockStdScope, PropTypes, requiredProperties } from '../../std/index.js
 import { css, html, LitElement } from 'lit';
 import { property, query, state } from 'lit/decorators.js';
 import { choose } from 'lit/directives/choose.js';
+import { NOTE_STYLE_BACK, NOTE_STYLE_BORDER_SECTION, NOTE_STYLE_CORNER_RADIUS, NOTE_STYLE_CUSTOM_COLOR, NOTE_STYLE_FILL_COLOR, NOTE_STYLE_PANEL_LABEL, NOTE_STYLE_SHADOW_SECTION, } from '../translations.js';
 let EdgelessNoteStylePanel = (() => {
     let _classDecorators = [requiredProperties({
             notes: PropTypes.arrayOf(model => model instanceof NoteBlockModel),
@@ -321,11 +322,14 @@ let EdgelessNoteStylePanel = (() => {
         _renderStylePanel() {
             return html `<div class="edgeless-note-style-panel">
       <div class="edgeless-note-style-section">
-        <div class="edgeless-note-style-section-title">Fill color</div>
+        <div class="edgeless-note-style-section-title">
+          ${translateKey(this.std, ...NOTE_STYLE_FILL_COLOR)}
+        </div>
         <edgeless-color-panel
           role="listbox"
           .value=${this._background}
           .theme=${this._theme}
+          .std=${this.std}
           .palettes=${DefaultTheme.NoteBackgroundColorPalettes}
           .hasTransparent=${false}
           .columns=${DefaultTheme.NoteBackgroundColorPalettes.length + 1}
@@ -338,8 +342,11 @@ let EdgelessNoteStylePanel = (() => {
         </edgeless-color-panel>
       </div>
       <div class="edgeless-note-style-section">
-        <div class="edgeless-note-style-section-title">Shadow</div>
+        <div class="edgeless-note-style-section-title">
+          ${translateKey(this.std, ...NOTE_STYLE_SHADOW_SECTION)}
+        </div>
         <edgeless-note-shadow-menu
+          .std=${this.std}
           .background=${this._background}
           .theme=${this._theme}
           .value=${this._shadow}
@@ -350,7 +357,9 @@ let EdgelessNoteStylePanel = (() => {
         class="edgeless-note-style-section"
         data-testid="affine-note-border-style-panel"
       >
-        <div class="edgeless-note-style-section-title">Border</div>
+        <div class="edgeless-note-style-section-title">
+          ${translateKey(this.std, ...NOTE_STYLE_BORDER_SECTION)}
+        </div>
         <edgeless-line-styles-panel
           .lineSize=${this._borderSize}
           .lineStyle=${this._borderStyle}
@@ -361,7 +370,9 @@ let EdgelessNoteStylePanel = (() => {
         class="edgeless-note-style-section"
         data-testid="affine-note-corner-radius-panel"
       >
-        <div class="edgeless-note-style-section-title">Corner Radius</div>
+        <div class="edgeless-note-style-section-title">
+          ${translateKey(this.std, ...NOTE_STYLE_CORNER_RADIUS)}
+        </div>
         <div class="edgeless-note-corner-radius-panel">
           <affine-slider
             .value=${this._borderRadius}
@@ -398,13 +409,13 @@ let EdgelessNoteStylePanel = (() => {
             return html `<div class="edgeless-note-style-custom-color-panel">
       <div class="edgeless-note-style-section-title">
         <editor-icon-button
-          aria-label="Back"
+          aria-label=${translateKey(this.std, ...NOTE_STYLE_BACK)}
           .iconSize=${'16px'}
           @click=${this._switchToStyleTab}
         >
           ${ArrowLeftSmallIcon()}
         </editor-icon-button>
-        Custom color
+        ${translateKey(this.std, ...NOTE_STYLE_CUSTOM_COLOR)}
       </div>
       <edgeless-color-picker
         class="edgeless-note-custom-color-picker"
@@ -425,7 +436,10 @@ let EdgelessNoteStylePanel = (() => {
       <editor-menu-button
         .contentPadding=${'8px'}
         .button=${html `
-          <editor-icon-button aria-label="Note Style" .tooltip=${'Note Style'}>
+          <editor-icon-button
+            aria-label=${translateKey(this.std, ...NOTE_STYLE_PANEL_LABEL)}
+            .tooltip=${translateKey(this.std, ...NOTE_STYLE_PANEL_LABEL)}
+          >
             ${PaletteIcon()}
           </editor-icon-button>
         `}

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

@@ -6,6 +6,7 @@ import { HeadingsIcon } from '@blocksuite/icons/lit';
 import { BlockSelection } from '../../std/index.js';
 import { updateBlockType } from '../commands/index.js';
 import { tooltips } from './tooltips.js';
+import { NOTE_OTHER_HEADINGS, NOTE_SLASH_ITEM_NAME_WORDINGS, } from '../translations.js';
 let basicIndex = 0;
 const noteSlashMenuConfig = {
     items: [
@@ -14,6 +15,7 @@ const noteSlashMenuConfig = {
             .map(config => createConversionItem(config, `0_Basic@${basicIndex++}`)),
         {
             name: 'Other Headings',
+            nameWording: NOTE_OTHER_HEADINGS,
             icon: HeadingsIcon(),
             group: `0_Basic@${basicIndex++}`,
             subMenu: textConversionConfigs
@@ -38,12 +40,22 @@ const noteSlashMenuConfig = {
             .map((config, index) => createTextFormatItem(config, `2_Style@${index++}`)),
     ],
 };
+/**
+ * `TextConversionConfig.name` / `TextFormatConfig.name` are borrowed from
+ * `@labre/affine-rich-text` / `@labre/affine-inline-preset` — both outside
+ * this lot's packages, so their English literal is out of scope to key. The
+ * NAME each produces, though, is one this package already has a wording for
+ * (the shared block-type names, or this file's own format names), looked up
+ * by the borrowed string in `NOTE_SLASH_ITEM_NAME_WORDINGS`.
+ */
 function createConversionItem(config, group) {
     const { name, description, icon, flavour, type } = config;
     return {
         name,
+        nameWording: config.nameWording ?? NOTE_SLASH_ITEM_NAME_WORDINGS[name],
         group,
         description,
+        descriptionWording: config.descriptionWording,
         icon,
         tooltip: tooltips[name],
         when: ({ model }) => model.store.schema.flavourSchemaMap.has(flavour),
@@ -59,6 +71,7 @@ function createTextFormatItem(config, group) {
     const { name, icon, id, action } = config;
     return {
         name,
+        nameWording: config.nameWording ?? NOTE_SLASH_ITEM_NAME_WORDINGS[name],
         icon,
         group,
         tooltip: tooltips[name],

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

@@ -8,6 +8,7 @@ import { computed } from '@preact/signals-core';
 import { html } from 'lit';
 import { changeNoteDisplayMode } from '../commands/index.js';
 import { NoteConfigExtension } from '../config.js';
+import { NOTE_TOAST_ADDED_TO_PAGE_BODY, NOTE_TOAST_DISPLAYED_IN_PAGE_MODE, NOTE_TOAST_REMOVED_FROM_PAGE_BODY, NOTE_TOAST_VIEW_IN_TOC, NOTE_TOOLBAR_AUTO_HEIGHT, NOTE_TOOLBAR_CUSTOMIZED_HEIGHT, NOTE_TOOLBAR_CUTTING_MODE, NOTE_TOOLBAR_DISPLAY_IN_PAGE, NOTE_TOOLBAR_DISPLAYED_IN_PAGE, NOTE_TOOLBAR_REMOVE_FROM_PAGE_TOOLTIP, NOTE_TOOLBAR_SIZE, NOTE_TOOLBAR_SLICER, } from '../translations.js';
 const trackBaseProps = {
     category: 'note',
 };
@@ -32,6 +33,7 @@ const builtinSurfaceToolbarConfig = {
                 };
                 return html `
           <edgeless-note-display-mode-dropdown-menu
+            .std=${ctx.std}
             @select=${onSelect}
             .displayMode="${displayMode}"
           >
@@ -54,9 +56,10 @@ const builtinSurfaceToolbarConfig = {
                 const firstModel = models[0];
                 const shouldShowTooltip$ = computed(() => firstModel.props.displayMode$.value ===
                     NoteDisplayMode.DocAndEdgeless);
-                const label$ = computed(() => firstModel.props.displayMode$.value === NoteDisplayMode.EdgelessOnly
-                    ? 'Display in Page'
-                    : 'Displayed in Page');
+                const label$ = computed(() => translateKey(ctx.std, ...(firstModel.props.displayMode$.value ===
+                    NoteDisplayMode.EdgelessOnly
+                    ? NOTE_TOOLBAR_DISPLAY_IN_PAGE
+                    : NOTE_TOOLBAR_DISPLAYED_IN_PAGE)));
                 const onSelect = () => {
                     const newMode = firstModel.props.displayMode === NoteDisplayMode.EdgelessOnly
                         ? NoteDisplayMode.DocAndEdgeless
@@ -75,7 +78,7 @@ const builtinSurfaceToolbarConfig = {
                     content: html `<editor-icon-button
             aria-label="${label$.value}"
             .showTooltip="${shouldShowTooltip$.value}"
-            .tooltip="${'This note is part of Page Mode. Click to remove it from the page.'}"
+            .tooltip="${translateKey(ctx.std, ...NOTE_TOOLBAR_REMOVE_FROM_PAGE_TOOLTIP)}"
             data-testid="display-in-page"
             @click=${() => onSelect()}
           >
@@ -112,24 +115,27 @@ const builtinSurfaceToolbarConfig = {
         },
         {
             id: 'e.slicer',
-            label: 'Slicer',
             icon: ScissorsIcon(),
-            tooltip: html `<affine-tooltip-content-with-shortcut
-        data-tip="${'Cutting mode'}"
-        data-shortcut="${'-'}"
-      ></affine-tooltip-content-with-shortcut>`,
             active: false,
             when(ctx) {
                 return (ctx.getSurfaceModelsByType(NoteBlockModel).length === 1 &&
                     ctx.features.getFlag('enable_advanced_block_visibility'));
             },
-            run(ctx) {
-                ctx.std.get(EdgelessLegacySlotIdentifier).toggleNoteSlicer.next();
+            generate(ctx) {
+                return {
+                    label: translateKey(ctx.std, ...NOTE_TOOLBAR_SLICER),
+                    tooltip: html `<affine-tooltip-content-with-shortcut
+            data-tip="${translateKey(ctx.std, ...NOTE_TOOLBAR_CUTTING_MODE)}"
+            data-shortcut="${'-'}"
+          ></affine-tooltip-content-with-shortcut>`,
+                    run(ctx) {
+                        ctx.std.get(EdgelessLegacySlotIdentifier).toggleNoteSlicer.next();
+                    },
+                };
             },
         },
         {
             id: 'f.auto-height',
-            label: 'Size',
             when(ctx) {
                 const elements = ctx.getSurfaceModelsByType(NoteBlockModel);
                 return (elements.length > 0 &&
@@ -145,15 +151,16 @@ const builtinSurfaceToolbarConfig = {
                 const { collapse } = firstModel.props.edgeless$.value;
                 const options = collapse
                     ? {
-                        tooltip: 'Auto height',
+                        tooltip: translateKey(ctx.std, ...NOTE_TOOLBAR_AUTO_HEIGHT),
                         icon: AutoHeightIcon(),
                     }
                     : {
-                        tooltip: 'Customized height',
+                        tooltip: translateKey(ctx.std, ...NOTE_TOOLBAR_CUSTOMIZED_HEIGHT),
                         icon: CustomizedHeightIcon(),
                     };
                 return {
                     ...options,
+                    label: translateKey(ctx.std, ...NOTE_TOOLBAR_SIZE),
                     run(ctx) {
                         ctx.store.captureSync();
                         for (const model of models) {
@@ -245,22 +252,22 @@ function setDisplayMode(ctx, model, newMode) {
     const data = newMode === NoteDisplayMode.EdgelessOnly
         ? {
             title: translateKey(ctx.std, ...TOAST_NOTE_REMOVED_FROM_PAGE),
-            message: 'Content removed from your page.',
+            message: translateKey(ctx.std, ...NOTE_TOAST_REMOVED_FROM_PAGE_BODY),
         }
         : {
-            title: 'Note displayed in Page Mode',
-            message: 'Content added to your page.',
+            title: translateKey(ctx.std, ...NOTE_TOAST_DISPLAYED_IN_PAGE_MODE),
+            message: translateKey(ctx.std, ...NOTE_TOAST_ADDED_TO_PAGE_BODY),
         };
     const notification = ctx.std.getOptional(NotificationProvider);
     notification?.notifyWithUndoAction({
         title: data.title,
-        message: `${data.message} Find it in the TOC for quick navigation.`,
+        message: data.message,
         accent: 'success',
         duration: 5 * 1000,
         actions: [
             {
                 key: 'view-in-toc',
-                label: 'View in Toc',
+                label: translateKey(ctx.std, ...NOTE_TOAST_VIEW_IN_TOC),
                 onClick: () => {
                     const sidebar = ctx.std.getOptional(SidebarExtensionIdentifier);
                     sidebar?.open('outline');

package/dist/_pkgs/affine-block-note/configs/tooltips.d.ts

@@ -1,4 +1,20 @@
+import { type HeadingLevel } from '../../affine-shared/consts/index.js';
 import type { SlashMenuTooltip } from '../../affine-widget-slash-menu/index.js';
+/**
+ * The body lines of a heading preview that fit ENTIRELY in the frame, with the
+ * baseline each is set on.
+ *
+ * The body starts right under the heading's line box, so how many of its lines
+ * the card can show depends on the level: derived here from the geometry (line
+ * boxes, frame height, bottom padding) rather than tuned per level. At 10px on
+ * a 12px line, Inter's descenders end within a twentieth of a pixel of the line
+ * box's bottom edge, which the bottom padding covers: a line whose box fits is
+ * never clipped.
+ */
+export declare function headingPreviewBodyLines(level: HeadingLevel): {
+    y: number;
+    text: string;
+}[];
 export declare const BoldTextTooltip: import("lit-html").TemplateResult<1>;
 export declare const ItalicTooltip: import("lit-html").TemplateResult<1>;
 export declare const StrikethroughTooltip: import("lit-html").TemplateResult<1>;