@formicoidea/labre-core 0.40.0 → 0.42.0

package/dist/_pkgs/affine-block-embed/embed-html-block/configs/tooltips.js

@@ -7,13 +7,13 @@ export const TweetTooltip = html `<svg width="170" height="106" viewBox="0 0 170
 <path d="M168 0H2C0.89543 0 0 0.89543 0 2V104C0 105.105 0.89543 106 2 106H168C169.105 106 170 105.105 170 104V2C170 0.89543 169.105 0 168 0Z" fill="white"/>
 </mask>
 <g mask="url(#mask0_24732_2246)">
-<text fill="#8E8D91" xml:space="preserve" style="white-space: pre" font-family="Inter" font-size="10" letter-spacing="0em"><tspan x="10" y="18.2727">Embed a X post (tweet).</tspan></text>
+<rect x="10" y="10.7727" width="126.5" height="8" rx="4" fill="#8E8D91" fill-opacity="0.55"/>
 <path d="M174 28.5H12C10.067 28.5 8.5 30.067 8.5 32V209C8.5 210.933 10.067 212.5 12 212.5H174C175.933 212.5 177.5 210.933 177.5 209V32C177.5 30.067 175.933 28.5 174 28.5Z" fill="white" stroke="#E3E2E4"/>
 <path d="M168.244 71H17.7557C16.7861 71 16 71.2054 16 71.4588V105.541C16 105.795 16.7861 106 17.7557 106H168.244C169.214 106 170 105.795 170 105.541V71.4588C170 71.2054 169.214 71 168.244 71Z" fill="url(#pattern0_24732_2246)" stroke="#E3E2E4" stroke-width="0.5"/>
-<text fill="#121212" xml:space="preserve" style="white-space: pre" font-family="Inter" font-size="9" letter-spacing="0em"><tspan x="16" y="62.5454">To Shape, Not to Adapt.</tspan></text>
+<rect x="16" y="55.7954" width="113.85" height="7.2" rx="3.6" fill="#121212" fill-opacity="0.3"/>
 <path d="M32 42C32 37.5817 28.4183 34 24 34C19.5817 34 16 37.5817 16 42C16 46.4183 19.5817 50 24 50C28.4183 50 32 46.4183 32 42Z" fill="url(#pattern1_24732_2246)" stroke="#E3E2E4" stroke-width="0.5"/>
-<text fill="#121212" xml:space="preserve" style="white-space: pre" font-family="Inter" font-size="9" letter-spacing="0em"><tspan x="38" y="45.0454">AFFiNE</tspan></text>
-<text fill="#8E8D91" xml:space="preserve" style="white-space: pre" font-family="Inter" font-size="9" letter-spacing="0em"><tspan x="72" y="45.0454">@AFFiNEOfficial</tspan></text>
+<rect x="38" y="38.2954" width="29.7" height="7.2" rx="3.6" fill="#121212" fill-opacity="0.3"/>
+<rect x="72" y="38.2954" width="74.25" height="7.2" rx="3.6" fill="#8E8D91" fill-opacity="0.55"/>
 </g>
 </g>
 <defs>
@@ -38,26 +38,26 @@ export const LinearTooltip = html `<svg width="170" height="106" viewBox="0 0 17
 <rect width="170" height="106" rx="2" fill="white"/>
 </mask>
 <g mask="url(#mask0_16460_1097)">
-<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">Insert a Linear issue.</tspan></text>
+<rect x="10" y="11.1364" width="121" height="8" rx="4" fill="#8E8D91" fill-opacity="0.55"/>
 <rect x="8.5" y="28.5" width="169" height="84" rx="3.5" fill="white" stroke="#E3E2E4"/>
-<text fill="#121212" xml:space="preserve" style="white-space: pre" font-family="Inter" font-size="9" font-weight="500" letter-spacing="0em"><tspan x="18" y="44.7727">Change theme following phone case color</tspan></text>
+<rect x="18" y="38.0227" width="152" height="7.2" rx="3.6" fill="#121212" fill-opacity="0.3"/>
 <g clip-path="url(#clip0_16460_1097)">
 <path fill-rule="evenodd" clip-rule="evenodd" d="M20.5474 50.5324C20.6694 50.6545 20.6694 50.8523 20.5474 50.9744L19.7835 51.7383C19.6614 51.8603 19.4636 51.8603 19.3415 51.7383C19.2195 51.6162 19.2195 51.4184 19.3415 51.2963L20.1054 50.5324C20.2275 50.4104 20.4253 50.4104 20.5474 50.5324ZM25.4526 50.5324C25.5747 50.4104 25.7725 50.4104 25.8946 50.5324L26.6585 51.2963C26.7805 51.4184 26.7805 51.6162 26.6585 51.7383C26.5364 51.8603 26.3386 51.8603 26.2165 51.7383L25.4526 50.9744C25.3306 50.8523 25.3306 50.6545 25.4526 50.5324ZM23 51.4479C21.4851 51.4479 20.2569 52.676 20.2569 54.1909C20.2569 55.7059 21.4851 56.934 23 56.934C24.5149 56.934 25.7431 55.7059 25.7431 54.1909C25.7431 52.676 24.5149 51.4479 23 51.4479ZM19.6319 54.1909C19.6319 52.3308 21.1399 50.8229 23 50.8229C24.8601 50.8229 26.3681 52.3308 26.3681 54.1909C26.3681 56.051 24.8601 57.559 23 57.559C21.1399 57.559 19.6319 56.051 19.6319 54.1909Z" fill="#8E8D91"/>
 <path fill-rule="evenodd" clip-rule="evenodd" d="M24.3321 53.316C24.4541 53.4381 24.4541 53.6359 24.3321 53.758L22.8506 55.2394C22.7286 55.3615 22.5307 55.3615 22.4087 55.2394L21.6679 54.4987C21.5459 54.3767 21.5459 54.1788 21.6679 54.0568C21.79 53.9347 21.9878 53.9347 22.1099 54.0568L22.6296 54.5765L23.8901 53.316C24.0122 53.194 24.21 53.194 24.3321 53.316Z" fill="#8E8D91"/>
 </g>
-<text fill="#8E8D91" xml:space="preserve" style="white-space: pre" font-family="Inter" font-size="7" letter-spacing="0em"><tspan x="30" y="56.5455">Work in Progress &#xb7; </tspan></text>
+<rect x="30" y="51.2955" width="73.15" height="5.6" rx="2.8" fill="#8E8D91" fill-opacity="0.55"/>
 <g clip-path="url(#clip1_16460_1097)">
 <path fill-rule="evenodd" clip-rule="evenodd" d="M96.6591 50.3635C96.8266 50.4054 96.9284 50.5751 96.8865 50.7425L96.4627 52.4375H98.3185L98.7802 50.5909C98.822 50.4235 98.9917 50.3217 99.1591 50.3635C99.3266 50.4054 99.4284 50.5751 99.3865 50.7425L98.9627 52.4375H100.333C100.506 52.4375 100.646 52.5774 100.646 52.75C100.646 52.9226 100.506 53.0625 100.333 53.0625H98.8065L98.3377 54.9375H99.5C99.6726 54.9375 99.8125 55.0774 99.8125 55.25C99.8125 55.4226 99.6726 55.5625 99.5 55.5625H98.1815L97.7198 57.4092C97.678 57.5766 97.5083 57.6784 97.3409 57.6365C97.1734 57.5947 97.0716 57.425 97.1135 57.2576L97.5373 55.5625H95.6815L95.2198 57.4092C95.178 57.5766 95.0083 57.6784 94.8409 57.6365C94.6734 57.5947 94.5716 57.425 94.6135 57.2576L95.0373 55.5625H93.6667C93.4941 55.5625 93.3542 55.4226 93.3542 55.25C93.3542 55.0774 93.4941 54.9375 93.6667 54.9375H95.1935L95.6623 53.0625H94.5C94.3274 53.0625 94.1875 52.9226 94.1875 52.75C94.1875 52.5774 94.3274 52.4375 94.5 52.4375H95.8185L96.2802 50.5909C96.322 50.4235 96.4917 50.3217 96.6591 50.3635ZM96.3065 53.0625L95.8377 54.9375H97.6935L98.1623 53.0625H96.3065Z" fill="#8E8D91"/>
 </g>
-<text fill="#8E8D91" xml:space="preserve" style="white-space: pre" font-family="Inter" font-size="7" letter-spacing="0em"><tspan x="104" y="56.5455">High</tspan></text>
+<rect x="104" y="51.2955" width="15.4" height="5.6" rx="2.8" fill="#8E8D91" fill-opacity="0.55"/>
 <rect x="16" y="65" width="12" height="12" rx="6" fill="url(#pattern0_16460_1097)"/>
-<text fill="#121212" xml:space="preserve" style="white-space: pre" font-family="Inter" font-size="7" font-weight="500" letter-spacing="0em"><tspan x="32" y="71.5455">qpomelo</tspan></text>
-<text fill="#8E8D91" xml:space="preserve" style="white-space: pre" font-family="Inter" font-size="7" letter-spacing="0em"><tspan x="32" y="79.5455">re-assigned to </tspan></text>
-<text fill="#121212" xml:space="preserve" style="white-space: pre" font-family="Inter" font-size="7" font-weight="500" letter-spacing="0em"><tspan x="82.1006" y="79.5455">tsiheng</tspan></text>
+<rect x="32" y="66.2955" width="26.95" height="5.6" rx="2.8" fill="#121212" fill-opacity="0.3"/>
+<rect x="32" y="74.2955" width="57.75" height="5.6" rx="2.8" fill="#8E8D91" fill-opacity="0.55"/>
+<rect x="82.1006" y="74.2955" width="26.95" height="5.6" rx="2.8" fill="#121212" fill-opacity="0.3"/>
 <rect x="16" y="87" width="12" height="12" rx="6" fill="url(#pattern1_16460_1097)"/>
-<text fill="#121212" xml:space="preserve" style="white-space: pre" font-family="Inter" font-size="7" font-weight="500" letter-spacing="0em"><tspan x="32" y="93.5455">tsiheng</tspan></text>
-<text fill="#8E8D91" xml:space="preserve" style="white-space: pre" font-family="Inter" font-size="7" letter-spacing="0em"><tspan x="32" y="101.545">re-assigned to </tspan></text>
-<text fill="#121212" xml:space="preserve" style="white-space: pre" font-family="Inter" font-size="7" font-weight="500" letter-spacing="0em"><tspan x="82.1006" y="101.545">qpomelo</tspan></text>
+<rect x="32" y="88.2955" width="26.95" height="5.6" rx="2.8" fill="#121212" fill-opacity="0.3"/>
+<rect x="32" y="96.295" width="57.75" height="5.6" rx="2.8" fill="#8E8D91" fill-opacity="0.55"/>
+<rect x="82.1006" y="96.295" width="26.95" height="5.6" rx="2.8" fill="#121212" fill-opacity="0.3"/>
 <path d="M22 79V85" stroke="#E3E2E4" stroke-width="0.5" stroke-linecap="round" stroke-dasharray="5 5"/>
 <path d="M22 101V107" stroke="#E3E2E4" stroke-width="0.5" stroke-linecap="round" stroke-dasharray="5 5"/>
 </g>

package/dist/_pkgs/affine-block-embed/embed-html-block/embed-html-block.js

@@ -32,12 +32,14 @@ var __runInitializers = (this && this.__runInitializers) || function (thisArg, i
     }
     return useValue ? value : void 0;
 };
+import { translateKey } from '../../affine-shared/services/index.js';
 import { BlockSelection } from '../../std/index.js';
 import { html } from 'lit';
 import { query } from 'lit/decorators.js';
 import { classMap } from 'lit/directives/class-map.js';
 import { styleMap } from 'lit/directives/style-map.js';
 import { EmbedBlockComponent } from '../common/embed-block-element.js';
+import { EMBED_HTML_EMPTY } from '../translations.js';
 import { HtmlIcon, styles } from './styles.js';
 let EmbedHtmlBlockComponent = (() => {
     let _classSuper = EmbedBlockComponent;
@@ -83,7 +85,11 @@ let EmbedHtmlBlockComponent = (() => {
     `;
             return this.renderEmbed(() => {
                 if (!this.model.props.html) {
-                    return html ` <div class="affine-html-empty">Empty</div>`;
+                    return html `
+          <div class="affine-html-empty">
+            ${translateKey(this.std, ...EMBED_HTML_EMPTY)}
+          </div>
+        `;
                 }
                 return html `
         <div

package/dist/_pkgs/affine-block-embed/embed-iframe-block/components/embed-iframe-error-card.js

@@ -33,7 +33,7 @@ var __runInitializers = (this && this.__runInitializers) || function (thisArg, i
     return useValue ? value : void 0;
 };
 import { createLitPortal } from '../../../affine-components/portal/index.js';
-import { DocModeProvider, TelemetryProvider, } from '../../../affine-shared/services/index.js';
+import { DocModeProvider, TelemetryProvider, TOOLBAR_RELOAD, translateKey, } from '../../../affine-shared/services/index.js';
 import { unsafeCSSVarV2 } from '../../../affine-shared/theme/index.js';
 import { WithDisposable } from '../../../global/lit/index.js';
 import { EditIcon, InformationIcon, ResetIcon } from '@blocksuite/icons/lit';
@@ -44,6 +44,7 @@ import { property, query } from 'lit/decorators.js';
 import { classMap } from 'lit/directives/class-map.js';
 import { styleMap } from 'lit/directives/style-map.js';
 import { ERROR_CARD_DEFAULT_HEIGHT } from '../consts.js';
+import { EMBED_IFRAME_ERROR_EDIT, EMBED_IFRAME_ERROR_TITLE, } from '../../translations.js';
 const LINK_EDIT_POPUP_OFFSET = 12;
 let EmbedIframeErrorCard = (() => {
     let _classSuper = WithDisposable(LitElement);
@@ -262,7 +263,9 @@ let EmbedIframeErrorCard = (() => {
             <span class="error-icon">
               ${InformationIcon({ width: '16px', height: '16px' })}
             </span>
-            <span class="error-title-text">This link couldn’t be loaded.</span>
+            <span class="error-title-text"
+              >${translateKey(this.std, ...EMBED_IFRAME_ERROR_TITLE)}</span
+            >
           </div>
           <div class="error-message">
             ${this.error?.message || 'Failed to load embedded content'}
@@ -275,14 +278,18 @@ let EmbedIframeErrorCard = (() => {
                     <span class="icon"
                       >${EditIcon({ width: '16px', height: '16px' })}</span
                     >
-                    <span class="text">Edit</span>
+                    <span class="text"
+                      >${translateKey(this.std, ...EMBED_IFRAME_ERROR_EDIT)}</span
+                    >
                   </div>
                 `}
             <div class="button retry" @click=${this._handleRetry}>
               <span class="icon"
                 >${ResetIcon({ width: '16px', height: '16px' })}</span
               >
-              <span class="text">Reload</span>
+              <span class="text"
+                >${translateKey(this.std, ...TOOLBAR_RELOAD)}</span
+              >
             </div>
           </div>
         </div>

package/dist/_pkgs/affine-block-embed/embed-iframe-block/components/embed-iframe-idle-card.d.ts

@@ -1,9 +1,11 @@
+import type { BlockStdScope } from '../../../std/index.js';
 import { LitElement } from 'lit';
 import type { EmbedIframeStatusCardOptions } from '../types.js';
 declare const EmbedIframeIdleCard_base: typeof LitElement & import("../../../global/utils/types.js").Constructor<import("../../../global/lit/with-disposable.js").DisposableClass>;
 export declare class EmbedIframeIdleCard extends EmbedIframeIdleCard_base {
     static styles: import("lit").CSSResult;
     render(): import("lit-html").TemplateResult<1>;
+    accessor std: BlockStdScope;
     accessor options: EmbedIframeStatusCardOptions;
 }
 export {};

package/dist/_pkgs/affine-block-embed/embed-iframe-block/components/embed-iframe-idle-card.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 { unsafeCSSVarV2 } from '../../../affine-shared/theme/index.js';
 import { WithDisposable } from '../../../global/lit/index.js';
 import { EmbedIcon } from '@blocksuite/icons/lit';
@@ -41,15 +42,21 @@ import { property } from 'lit/decorators.js';
 import { classMap } from 'lit/directives/class-map.js';
 import { styleMap } from 'lit/directives/style-map.js';
 import { IDLE_CARD_DEFAULT_HEIGHT } from '../consts.js';
+import { EMBED_IFRAME_IDLE_TEXT } from '../../translations.js';
 let EmbedIframeIdleCard = (() => {
     let _classSuper = WithDisposable(LitElement);
+    let _std_decorators;
+    let _std_initializers = [];
+    let _std_extraInitializers = [];
     let _options_decorators;
     let _options_initializers = [];
     let _options_extraInitializers = [];
     return class EmbedIframeIdleCard extends _classSuper {
         static {
             const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _std_decorators = [property({ attribute: false })];
             _options_decorators = [property({ attribute: false })];
+            __esDecorate(this, null, _std_decorators, { kind: "accessor", name: "std", static: false, private: false, access: { has: obj => "std" in obj, get: obj => obj.std, set: (obj, value) => { obj.std = value; } }, metadata: _metadata }, _std_initializers, _std_extraInitializers);
             __esDecorate(this, null, _options_decorators, { kind: "accessor", name: "options", static: false, private: false, access: { has: obj => "options" in obj, get: obj => obj.options, set: (obj, value) => { obj.options = value; } }, metadata: _metadata }, _options_initializers, _options_extraInitializers);
             if (_metadata) Object.defineProperty(this, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
         }
@@ -157,15 +164,18 @@ let EmbedIframeIdleCard = (() => {
       <div class=${cardClasses} style=${cardStyle}>
         <span class="icon"> ${EmbedIcon()} </span>
         <span class="text">
-          Embed anything (Google Drive, Google Docs, Spotify, Miro…)
+          ${translateKey(this.std, ...EMBED_IFRAME_IDLE_TEXT)}
         </span>
       </div>
     `;
         }
-        #options_accessor_storage = __runInitializers(this, _options_initializers, {
+        #std_accessor_storage = __runInitializers(this, _std_initializers, void 0);
+        get std() { return this.#std_accessor_storage; }
+        set std(value) { this.#std_accessor_storage = value; }
+        #options_accessor_storage = (__runInitializers(this, _std_extraInitializers), __runInitializers(this, _options_initializers, {
             layout: 'horizontal',
             height: IDLE_CARD_DEFAULT_HEIGHT,
-        });
+        }));
         get options() { return this.#options_accessor_storage; }
         set options(value) { this.#options_accessor_storage = value; }
         constructor() {

package/dist/_pkgs/affine-block-embed/embed-iframe-block/components/embed-iframe-link-edit-popup.js

@@ -1,4 +1,4 @@
-import { DocModeProvider, TelemetryProvider, } from '../../../affine-shared/services/index.js';
+import { DocModeProvider, TelemetryProvider, TOOLBAR_LINK, translateKey, } from '../../../affine-shared/services/index.js';
 import { unsafeCSSVar, unsafeCSSVarV2 } from '../../../affine-shared/theme/index.js';
 import { SignalWatcher } from '../../../global/lit/index.js';
 import { DoneIcon } from '@blocksuite/icons/lit';
@@ -79,7 +79,9 @@ export class EmbedIframeLinkEditPopup extends SignalWatcher(EmbedIframeLinkInput
         return html `
       <div class="embed-iframe-link-edit-popup">
         <div class="input-container">
-          <span class="input-label">Link</span>
+          <span class="input-label"
+            >${translateKey(this.std, ...TOOLBAR_LINK)}</span
+          >
           <input
             class="link-input"
             type="text"

package/dist/_pkgs/affine-block-embed/embed-iframe-block/components/embed-iframe-link-input-base.js

@@ -32,13 +32,14 @@ var __runInitializers = (this && this.__runInitializers) || function (thisArg, i
     }
     return useValue ? value : void 0;
 };
-import { EmbedIframeService, NotificationProvider, } from '../../../affine-shared/services/index.js';
+import { EmbedIframeService, NotificationProvider, translateKey, } from '../../../affine-shared/services/index.js';
 import { isValidUrl, stopPropagation } from '../../../affine-shared/utils/index.js';
 import { WithDisposable } from '../../../global/lit/index.js';
 import { noop } from '../../../global/utils/index.js';
 import { BlockSelection, SurfaceSelection, } from '../../../std/index.js';
 import { LitElement } from 'lit';
 import { property, query, state } from 'lit/decorators.js';
+import { EMBED_IFRAME_CREATION_ERROR_FALLBACK, EMBED_IFRAME_CREATION_ERROR_TITLE, EMBED_IFRAME_INVALID_URL_MESSAGE, EMBED_IFRAME_INVALID_URL_TITLE, } from '../../translations.js';
 let EmbedIframeLinkInputBase = (() => {
     let _classSuper = WithDisposable(LitElement);
     let __linkInputValue_decorators;
@@ -87,8 +88,8 @@ let EmbedIframeLinkInputBase = (() => {
         tryToAddBookmark(url) {
             if (!isValidUrl(url)) {
                 this.notificationService?.notify({
-                    title: 'Invalid URL',
-                    message: 'Please enter a valid URL',
+                    title: translateKey(this.std, ...EMBED_IFRAME_INVALID_URL_TITLE),
+                    message: translateKey(this.std, ...EMBED_IFRAME_INVALID_URL_MESSAGE),
                     accent: 'error',
                     onClose: function () { },
                 });
@@ -143,8 +144,10 @@ let EmbedIframeLinkInputBase = (() => {
             catch (error) {
                 this.track('failure');
                 this.notificationService?.notify({
-                    title: 'Error in embed iframe creation',
-                    message: error instanceof Error ? error.message : 'Please try again',
+                    title: translateKey(this.std, ...EMBED_IFRAME_CREATION_ERROR_TITLE),
+                    message: error instanceof Error
+                        ? error.message
+                        : translateKey(this.std, ...EMBED_IFRAME_CREATION_ERROR_FALLBACK),
                     accent: 'error',
                     onClose: function () { },
                 });

package/dist/_pkgs/affine-block-embed/embed-iframe-block/components/embed-iframe-link-input-popup.js

@@ -32,7 +32,7 @@ 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 { unsafeCSSVar, unsafeCSSVarV2 } from '../../../affine-shared/theme/index.js';
 import { CloseIcon } from '@blocksuite/icons/lit';
 import { baseTheme } from '@toeverything/theme';
@@ -40,6 +40,7 @@ import { css, html, nothing, unsafeCSS } from 'lit';
 import { property } from 'lit/decorators.js';
 import { classMap } from 'lit/directives/class-map.js';
 import { ifDefined } from 'lit/directives/if-defined.js';
+import { EMBED_CONFIRM, EMBED_IFRAME_LINK_POPUP_DESCRIPTION, EMBED_IFRAME_LINK_POPUP_PLACEHOLDER, EMBED_IFRAME_LINK_POPUP_TITLE, } from '../../translations.js';
 import { EmbedIframeLinkInputBase } from './embed-iframe-link-input-base.js';
 const DEFAULT_OPTIONS = {
     showCloseButton: false,
@@ -257,6 +258,21 @@ let EmbedIframeLinkInputPopup = (() => {
         render() {
             const options = { ...DEFAULT_OPTIONS, ...this.options };
             const { showCloseButton, variant, title, description, placeholder } = options;
+            const { std } = this;
+            // The three wordings below are ALWAYS the (untranslated) defaults today —
+            // no caller overrides them (see `../../translations.ts`,
+            // `EMBED_IFRAME_LINK_POPUP_TITLE`'s doc comment) — but the identity check
+            // keeps a future custom `options.title/description/placeholder` showing
+            // its own literal instead of being silently translated as if it were ours.
+            const titleText = title === DEFAULT_OPTIONS.title
+                ? translateKey(std, ...EMBED_IFRAME_LINK_POPUP_TITLE)
+                : title;
+            const descriptionText = description === DEFAULT_OPTIONS.description
+                ? translateKey(std, ...EMBED_IFRAME_LINK_POPUP_DESCRIPTION)
+                : description;
+            const placeholderText = placeholder === DEFAULT_OPTIONS.placeholder
+                ? translateKey(std, ...EMBED_IFRAME_LINK_POPUP_PLACEHOLDER)
+                : placeholder;
             const modalMainWrapperClass = classMap({
                 'link-input-popup-main-wrapper': true,
                 mobile: variant === 'mobile',
@@ -271,13 +287,13 @@ let EmbedIframeLinkInputPopup = (() => {
             `
                 : nothing}
         <div class="link-input-popup-content-wrapper">
-          <div class="title">${title}</div>
-          <div class="description">${description}</div>
+          <div class="title">${titleText}</div>
+          <div class="description">${descriptionText}</div>
           <div class="input-container">
             <input
               class="link-input"
               type="text"
-              placeholder=${ifDefined(placeholder)}
+              placeholder=${ifDefined(placeholderText)}
               @input=${this.handleInput}
               @keydown=${this.handleKeyDown}
             />
@@ -289,7 +305,7 @@ let EmbedIframeLinkInputPopup = (() => {
             @click=${this.onConfirm}
             ?disabled=${this.isInputEmpty()}
           >
-            Confirm
+            ${translateKey(std, ...EMBED_CONFIRM)}
           </div>
         </div>
       </div>

package/dist/_pkgs/affine-block-embed/embed-iframe-block/components/embed-iframe-loading-card.js

@@ -33,6 +33,7 @@ var __runInitializers = (this && this.__runInitializers) || function (thisArg, i
     return useValue ? value : void 0;
 };
 import { LoadingIcon } from '../../../affine-components/icons/index.js';
+import { CHROME_LOADING, translateKey } from '../../../affine-shared/services/index.js';
 import { unsafeCSSVarV2 } from '../../../affine-shared/theme/index.js';
 import { EmbedIcon } from '@blocksuite/icons/lit';
 import {} from '../../../std/index.js';
@@ -217,7 +218,9 @@ let EmbedIframeLoadingCard = (() => {
       <div class=${cardClasses} style=${cardStyle}>
         <div class="loading-content">
           <div class="loading-spinner">${LoadingIcon()}</div>
-          <div class="loading-text">Loading...</div>
+          <div class="loading-text">
+            ${translateKey(this.std, ...CHROME_LOADING)}
+          </div>
         </div>
         <div class="loading-banner">
           <div class="icon-box">${EmbedIcon()}</div>

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

@@ -1,16 +1,20 @@
 import { getSelectedModelsCommand } from '../../../../affine-shared/commands/index.js';
 import { EmbedIcon } from '@blocksuite/icons/lit';
 import { insertEmptyEmbedIframeCommand } from '../../commands/insert-empty-embed-iframe.js';
+import { EMBED_IFRAME_SLASH_DESCRIPTION, EMBED_IFRAME_SLASH_NAME, } from '../../../translations.js';
 import { EmbedIframeTooltip } from './tooltip.js';
 export const embedIframeSlashMenuConfig = {
     items: [
         {
             name: 'Embed',
+            nameWording: EMBED_IFRAME_SLASH_NAME,
             description: 'For Google Drive, and more.',
+            descriptionWording: EMBED_IFRAME_SLASH_DESCRIPTION,
             icon: EmbedIcon(),
             tooltip: {
                 figure: EmbedIframeTooltip,
                 caption: 'Embed',
+                captionWording: EMBED_IFRAME_SLASH_NAME,
             },
             group: '4_Content & Media@5',
             when: ({ model }) => {

package/dist/_pkgs/affine-block-embed/embed-iframe-block/configs/toolbar.d.ts

@@ -19,6 +19,7 @@ export declare const builtinToolbarConfig: {
     }, ToolbarAction, {
         readonly id: "e.convert-to-linked-doc";
         readonly tooltip: "Create Linked Doc";
+        readonly tooltipWording: import("../../../affine-shared/services/index.js").ChromeWording;
         readonly icon: import("lit-html").TemplateResult<1>;
         readonly run: (ctx: ToolbarContext) => void;
     }, {
@@ -39,6 +40,7 @@ export declare const builtinToolbarConfig: {
         readonly placement: ActionPlacement.More;
         readonly id: "b.reload";
         readonly label: "Reload";
+        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-block-embed/embed-iframe-block/configs/toolbar.js

@@ -2,7 +2,7 @@ import { reassociateConnectorsCommand } from '../../../affine-block-surface/inde
 import { toast } from '../../../affine-components/toast/index.js';
 import { BookmarkStyles, EmbedIframeBlockModel } from '../../../affine-model/index.js';
 import { EMBED_CARD_HEIGHT, EMBED_CARD_WIDTH, } from '../../../affine-shared/consts/index.js';
-import { ActionPlacement, 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, TOAST_COPIED_TO_CLIPBOARD, TOOLBAR_CAPTION, TOOLBAR_CARD_VIEW, TOOLBAR_COPY, TOOLBAR_DELETE, TOOLBAR_DUPLICATE, TOOLBAR_EMBED_VIEW, TOOLBAR_INLINE_VIEW, TOOLBAR_RELOAD, 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, LinkedPageIcon, OpenInNewIcon, ResetIcon, } from '@blocksuite/icons/lit';
@@ -13,6 +13,7 @@ import { html } from 'lit';
 import { keyed } from 'lit/directives/keyed.js';
 import * as Y from 'yjs';
 import { convertSelectedBlocksToLinkedDoc, getTitleFromSelectedModels, notifyDocCreated, promptDocTitle, } from '../../common/render-linked-doc.js';
+import { EMBED_IFRAME_TOOLBAR_CREATE_LINKED_DOC, EMBED_IFRAME_TOOLBAR_ORIGINAL, } from '../../translations.js';
 import { EmbedIframeBlockComponent } from '../embed-iframe-block.js';
 const trackBaseProps = {
     category: 'embed iframe block',
@@ -28,6 +29,7 @@ const openLinkAction = (id) => {
         id,
         when: showWhenUrlExists,
         tooltip: 'Original',
+        tooltipWording: EMBED_IFRAME_TOOLBAR_ORIGINAL,
         icon: OpenInNewIcon(),
         run(ctx) {
             const component = ctx.getCurrentBlockByType(EmbedIframeBlockComponent);
@@ -44,6 +46,7 @@ const captionAction = (id) => {
         id,
         when: showWhenUrlExists,
         tooltip: 'Caption',
+        tooltipWording: TOOLBAR_CAPTION,
         icon: CaptionIcon(),
         run(ctx) {
             const component = ctx.getCurrentBlockByType(EmbedIframeBlockComponent);
@@ -151,6 +154,7 @@ export const builtinToolbarConfig = {
         {
             id: 'e.convert-to-linked-doc',
             tooltip: 'Create Linked Doc',
+            tooltipWording: EMBED_IFRAME_TOOLBAR_CREATE_LINKED_DOC,
             icon: LinkedPageIcon(),
             run(ctx) {
                 const model = ctx.getCurrentModelByType(EmbedIframeBlockModel);
@@ -227,6 +231,7 @@ export const builtinToolbarConfig = {
             placement: ActionPlacement.More,
             id: 'b.reload',
             label: 'Reload',
+            labelWording: TOOLBAR_RELOAD,
             icon: ResetIcon(),
             run(ctx) {
                 const component = ctx.getCurrentBlockByType(EmbedIframeBlockComponent);

package/dist/_pkgs/affine-block-embed/embed-iframe-block/consts.d.ts

@@ -4,6 +4,8 @@ export declare const EMBED_IFRAME_DEFAULT_CONTAINER_BORDER_RADIUS = 8;
 export declare const DEFAULT_IFRAME_HEIGHT = 152;
 export declare const DEFAULT_IFRAME_WIDTH = "100%";
 export declare const LINK_CREATE_POPUP_OFFSET = 4;
+export declare const TRUSTED_SANDBOX = "allow-same-origin allow-scripts allow-forms allow-presentation";
+export declare const UNTRUSTED_SANDBOX = "allow-scripts";
 export declare const IDLE_CARD_DEFAULT_HEIGHT = 48;
 export declare const LOADING_CARD_DEFAULT_HEIGHT = 114;
 export declare const ERROR_CARD_DEFAULT_HEIGHT = 114;

package/dist/_pkgs/affine-block-embed/embed-iframe-block/consts.js

@@ -4,6 +4,11 @@ export const EMBED_IFRAME_DEFAULT_CONTAINER_BORDER_RADIUS = 8;
 export const DEFAULT_IFRAME_HEIGHT = 152;
 export const DEFAULT_IFRAME_WIDTH = '100%';
 export const LINK_CREATE_POPUP_OFFSET = 4;
+// Sandbox granted to an embed served by a known provider (spotify, miro, …).
+export const TRUSTED_SANDBOX = 'allow-same-origin allow-scripts allow-forms allow-presentation';
+// Sandbox granted to an arbitrary url: the generic provider, or no provider at
+// all. Without `allow-same-origin` the frame runs on an opaque origin.
+export const UNTRUSTED_SANDBOX = 'allow-scripts';
 export const IDLE_CARD_DEFAULT_HEIGHT = 48;
 export const LOADING_CARD_DEFAULT_HEIGHT = 114;
 export const ERROR_CARD_DEFAULT_HEIGHT = 114;

package/dist/_pkgs/affine-block-embed/embed-iframe-block/embed-iframe-block.d.ts

@@ -21,6 +21,7 @@ export declare class EmbedIframeBlockComponent extends CaptionedBlockComponent<E
     readonly showOverlay$: ReadonlySignal<boolean>;
     readonly selectedBorderRadius$: ReadonlySignal<number>;
     protected iframeOptions: IframeOptions | undefined;
+    private currentConfigName;
     get embedIframeService(): EmbedIframeService;
     get linkPreviewService(): import("../../affine-shared/services/index.js").LinkPreviewProvider;
     get notificationService(): import("../../affine-shared/services/notification-service.js").NotificationService | null;

package/dist/_pkgs/affine-block-embed/embed-iframe-block/embed-iframe-block.js

@@ -36,7 +36,7 @@ import { SurfaceBlockModel } from '../../affine-block-surface/index.js';
 import { CaptionedBlockComponent, SelectedStyle, } from '../../affine-components/caption/index.js';
 import { createLitPortal } from '../../affine-components/portal/index.js';
 import { EmbedIframeService, LinkPreviewServiceIdentifier, NotificationProvider, TOAST_NO_LINK_FOUND, translateKey, } from '../../affine-shared/services/index.js';
-import { matchModels } from '../../affine-shared/utils/index.js';
+import { matchModels, shouldRefreshOnPropsUpdate, } from '../../affine-shared/utils/index.js';
 import { BlockSuiteError, ErrorCode } from '../../global/exceptions/index.js';
 import { BlockSelection } from '../../std/index.js';
 import { flip, offset, shift } from '@floating-ui/dom';
@@ -46,9 +46,10 @@ import { query } from 'lit/decorators.js';
 import { classMap } from 'lit/directives/class-map.js';
 import { ifDefined } from 'lit/directives/if-defined.js';
 import { styleMap } from 'lit/directives/style-map.js';
-import { DEFAULT_IFRAME_HEIGHT, DEFAULT_IFRAME_WIDTH, EMBED_IFRAME_DEFAULT_CONTAINER_BORDER_RADIUS, ERROR_CARD_DEFAULT_HEIGHT, IDLE_CARD_DEFAULT_HEIGHT, LINK_CREATE_POPUP_OFFSET, LOADING_CARD_DEFAULT_HEIGHT, } from './consts.js';
+import { DEFAULT_IFRAME_HEIGHT, DEFAULT_IFRAME_WIDTH, EMBED_IFRAME_DEFAULT_CONTAINER_BORDER_RADIUS, ERROR_CARD_DEFAULT_HEIGHT, IDLE_CARD_DEFAULT_HEIGHT, LINK_CREATE_POPUP_OFFSET, LOADING_CARD_DEFAULT_HEIGHT, TRUSTED_SANDBOX, UNTRUSTED_SANDBOX, } from './consts.js';
 import { embedIframeBlockStyles } from './style.js';
-import { safeGetIframeSrc } from './utils.js';
+import { isSafeEmbedUrl, safeGetIframeSrc } from './utils.js';
+import { EMBED_IFRAME_NO_LINK_MESSAGE } from '../translations.js';
 let EmbedIframeBlockComponent = (() => {
     let _classSuper = CaptionedBlockComponent;
     let __blockContainer_decorators;
@@ -121,7 +122,7 @@ let EmbedIframeBlockComponent = (() => {
             }
             // refresh data when original url changes
             this.disposables.add(this.model.propsUpdated.subscribe(({ key }) => {
-                if (key === 'url') {
+                if (shouldRefreshOnPropsUpdate(this.store, key)) {
                     this.refreshData().catch(console.error);
                 }
             }));
@@ -218,18 +219,21 @@ let EmbedIframeBlockComponent = (() => {
                 return EMBED_IFRAME_DEFAULT_CONTAINER_BORDER_RADIUS;
             });
             this.iframeOptions = undefined;
+            // the name of the provider config matched by the original url, if any
+            this.currentConfigName = undefined;
             this.open = () => {
                 const link = this.model.props.url;
-                if (!link) {
+                // a non http(s) link would run in the opener context, never open it
+                if (!isSafeEmbedUrl(link)) {
                     this.notificationService?.notify({
                         title: translateKey(this.std, ...TOAST_NO_LINK_FOUND),
-                        message: 'Please set a link to the block',
+                        message: translateKey(this.std, ...EMBED_IFRAME_NO_LINK_MESSAGE),
                         accent: 'warning',
                         onClose: function () { },
                     });
                     return;
                 }
-                window.open(link, '_blank');
+                window.open(link, '_blank', 'noopener,noreferrer');
             };
             this.refreshData = async () => {
                 try {
@@ -324,6 +328,7 @@ let EmbedIframeBlockComponent = (() => {
                 const config = this.embedIframeService?.getConfig(url);
                 if (config) {
                     this.iframeOptions = config.options;
+                    this.currentConfigName = config.name;
                 }
             };
             this._handleDoubleClick = () => {
@@ -358,11 +363,28 @@ let EmbedIframeBlockComponent = (() => {
             };
             this._renderIframe = () => {
                 const { iframeUrl } = this.model.props;
-                const { widthPercent, heightInNote, style, allow, referrerpolicy, scrolling, allowFullscreen, } = this.iframeOptions ?? {};
+                // the url comes from the document: refuse to give a non http(s) one to src
+                if (!isSafeEmbedUrl(iframeUrl)) {
+                    return html `<embed-iframe-error-card
+        .error=${new Error('Invalid iframe URL')}
+        .model=${this.model}
+        .onRetry=${this._handleRetry}
+        .std=${this.std}
+        .inSurface=${this.inSurface}
+        .options=${this._statusCardOptions}
+      ></embed-iframe-error-card>`;
+                }
+                const { widthPercent, heightInNote, style, allow, referrerpolicy, scrolling, allowFullscreen, sandbox, } = this.iframeOptions ?? {};
                 const width = `${widthPercent}%`;
                 // if the block is in the surface, use 100% as the height
                 // otherwise, use the heightInNote
                 const height = this.inSurface ? '100%' : heightInNote;
+                // a provider may widen its own sandbox; an arbitrary url (generic config,
+                // or no config at all) only ever gets the untrusted one
+                const sandboxValue = sandbox ??
+                    (this.currentConfigName && this.currentConfigName !== 'generic'
+                        ? TRUSTED_SANDBOX
+                        : UNTRUSTED_SANDBOX);
                 return html `
       <iframe
         width=${width ?? DEFAULT_IFRAME_WIDTH}
@@ -371,7 +393,8 @@ let EmbedIframeBlockComponent = (() => {
         loading="lazy"
         frameborder="0"
         credentialless
-        src=${ifDefined(iframeUrl)}
+        sandbox=${sandboxValue}
+        src=${iframeUrl}
         allow=${ifDefined(allow)}
         referrerpolicy=${ifDefined(referrerpolicy)}
         scrolling=${ifDefined(scrolling)}
@@ -382,6 +405,7 @@ let EmbedIframeBlockComponent = (() => {
             this._renderContent = () => {
                 if (this.isIdle$.value) {
                     return html `<embed-iframe-idle-card
+        .std=${this.std}
         .options=${this._statusCardOptions}
       ></embed-iframe-idle-card>`;
                 }

package/dist/_pkgs/affine-block-embed/embed-iframe-block/utils.d.ts

@@ -13,6 +13,14 @@ export interface EmbedIframeUrlValidationOptions {
  * @returns Whether the url is valid
  */
 export declare function validateEmbedIframeUrl(url: string, options: EmbedIframeUrlValidationOptions): boolean;
+/**
+ * Whether a url stored in the document may be handed to an iframe `src` or to
+ * `window.open`. Only http(s) passes: the url comes from a collaborative
+ * document, so a `javascript:` or `data:` one must never reach the browser.
+ * @param url URL to check
+ * @returns Whether the url is safe to navigate to
+ */
+export declare function isSafeEmbedUrl(url: string | undefined): url is string;
 /**
  * Safely extracts the src URL from an iframe HTML string
  * @param htmlString The iframe HTML string to parse