@jackuait/blok 0.17.0 → 0.19.0

package/src/components/i18n/locales/ur/messages.json

@@ -388,6 +388,7 @@
   "tools.file.previewDownload": "ڈاؤن لوڈ",
   "tools.file.previewOpenInNewTab": "نئے ٹیب میں کھولیں",
   "toolNames.video": "ویڈیو",
+  "toolNames.audio": "آڈیو",
   "tools.video.alignment": "ترتیب",
   "tools.video.alignmentLeft": "بائیں",
   "tools.video.alignmentCenter": "درمیان",
@@ -415,5 +416,31 @@
   "tools.video.emptyMaxSize": "زیادہ سے زیادہ {size}",
   "tools.video.emptyUrlPlaceholder": "ویڈیو کا URL پیسٹ کریں…",
   "tools.video.emptyUrlAria": "ویڈیو کا URL",
-  "tools.video.emptySourceAria": "ویڈیو کا ذریعہ"
+  "tools.video.emptySourceAria": "ویڈیو کا ذریعہ",
+  "tools.audio.alignment": "ترتیب",
+  "tools.audio.alignmentLeft": "بائیں",
+  "tools.audio.alignmentCenter": "درمیان",
+  "tools.audio.alignmentRight": "دائیں",
+  "tools.audio.caption": "کیپشن",
+  "tools.audio.loop": "لوپ",
+  "tools.audio.replace": "آڈیو تبدیل کریں",
+  "tools.audio.download": "ڈاؤن لوڈ",
+  "tools.audio.copyUrl": "URL کاپی کریں",
+  "tools.audio.uploading": "اپ لوڈ ہو رہا ہے…",
+  "tools.audio.errorUploadFailed": "اپ لوڈ ناکام",
+  "tools.audio.errorFileTooLarge": "Audio is too large. {size} exceeds the {max} limit.",
+  "tools.audio.errorReplace": "تبدیل کریں",
+  "tools.audio.titlePlaceholder": "Track title",
+  "tools.audio.artistPlaceholder": "Artist",
+  "tools.audio.emptyAddAudio": "آڈیو شامل کریں",
+  "tools.audio.emptyUpload": "اپ لوڈ",
+  "tools.audio.emptyLink": "لنک",
+  "tools.audio.emptyInsert": "داخل کریں",
+  "tools.audio.emptyChooseFile": "فائل منتخب کریں",
+  "tools.audio.emptyOrDropHere": "یا یہاں آڈیو ڈراپ کریں",
+  "tools.audio.emptyDropToUpload": "اپ لوڈ کے لیے چھوڑیں",
+  "tools.audio.emptyMaxSize": "زیادہ سے زیادہ {size}",
+  "tools.audio.emptyUrlPlaceholder": "آڈیو کا URL پیسٹ کریں…",
+  "tools.audio.emptyUrlAria": "آڈیو کا URL",
+  "tools.audio.emptySourceAria": "آڈیو کا ذریعہ"
 }

package/src/components/i18n/locales/vi/messages.json

@@ -388,6 +388,7 @@
   "tools.file.previewDownload": "Tải xuống",
   "tools.file.previewOpenInNewTab": "Mở trong tab mới",
   "toolNames.video": "Video",
+  "toolNames.audio": "Audio",
   "tools.video.alignment": "Căn chỉnh",
   "tools.video.alignmentLeft": "Trái",
   "tools.video.alignmentCenter": "Giữa",
@@ -415,5 +416,31 @@
   "tools.video.emptyMaxSize": "tối đa {size}",
   "tools.video.emptyUrlPlaceholder": "Dán URL video…",
   "tools.video.emptyUrlAria": "URL video",
-  "tools.video.emptySourceAria": "Nguồn video"
+  "tools.video.emptySourceAria": "Nguồn video",
+  "tools.audio.alignment": "Căn chỉnh",
+  "tools.audio.alignmentLeft": "Trái",
+  "tools.audio.alignmentCenter": "Giữa",
+  "tools.audio.alignmentRight": "Phải",
+  "tools.audio.caption": "Chú thích",
+  "tools.audio.loop": "Lặp lại",
+  "tools.audio.replace": "Thay audio",
+  "tools.audio.download": "Tải xuống",
+  "tools.audio.copyUrl": "Sao chép URL",
+  "tools.audio.uploading": "Đang tải lên…",
+  "tools.audio.errorUploadFailed": "Tải lên thất bại",
+  "tools.audio.errorFileTooLarge": "Audio is too large. {size} exceeds the {max} limit.",
+  "tools.audio.errorReplace": "Thay thế",
+  "tools.audio.titlePlaceholder": "Track title",
+  "tools.audio.artistPlaceholder": "Artist",
+  "tools.audio.emptyAddAudio": "Thêm audio",
+  "tools.audio.emptyUpload": "Tải lên",
+  "tools.audio.emptyLink": "Liên kết",
+  "tools.audio.emptyInsert": "Chèn",
+  "tools.audio.emptyChooseFile": "Chọn tệp",
+  "tools.audio.emptyOrDropHere": "hoặc thả audio vào đây",
+  "tools.audio.emptyDropToUpload": "Thả để tải lên",
+  "tools.audio.emptyMaxSize": "tối đa {size}",
+  "tools.audio.emptyUrlPlaceholder": "Dán URL audio…",
+  "tools.audio.emptyUrlAria": "URL audio",
+  "tools.audio.emptySourceAria": "Nguồn audio"
 }

package/src/components/i18n/locales/yi/messages.json

@@ -388,6 +388,7 @@
   "tools.file.previewDownload": "אראפלאדן",
   "tools.file.previewOpenInNewTab": "עפֿן אין נײַעם טאַב",
   "toolNames.video": "ווידעא",
+  "toolNames.audio": "אויך",
   "tools.video.alignment": "אויסגלייכונג",
   "tools.video.alignmentLeft": "לינקס",
   "tools.video.alignmentCenter": "צענטער",
@@ -415,5 +416,31 @@
   "tools.video.emptyMaxSize": "ביז {size}",
   "tools.video.emptyUrlPlaceholder": "לייג צו ווידעא URL…",
   "tools.video.emptyUrlAria": "ווידעא URL",
-  "tools.video.emptySourceAria": "ווידעא מקור"
+  "tools.video.emptySourceAria": "ווידעא מקור",
+  "tools.audio.alignment": "אויסגלייכונג",
+  "tools.audio.alignmentLeft": "לינקס",
+  "tools.audio.alignmentCenter": "צענטער",
+  "tools.audio.alignmentRight": "רעכטס",
+  "tools.audio.caption": "אונטערקעפּל",
+  "tools.audio.loop": "שלייף",
+  "tools.audio.replace": "אויסבייטן אויך",
+  "tools.audio.download": "אראפלאדן",
+  "tools.audio.copyUrl": "קאָפּיר URL",
+  "tools.audio.uploading": "ארויפלאדנדיק…",
+  "tools.audio.errorUploadFailed": "אפלאד דורכגעפאלן",
+  "tools.audio.errorFileTooLarge": "Audio is too large. {size} exceeds the {max} limit.",
+  "tools.audio.errorReplace": "אויסבייטן",
+  "tools.audio.titlePlaceholder": "Track title",
+  "tools.audio.artistPlaceholder": "Artist",
+  "tools.audio.emptyAddAudio": "לייג צו א אויך",
+  "tools.audio.emptyUpload": "אפלאד",
+  "tools.audio.emptyLink": "לינק",
+  "tools.audio.emptyInsert": "אריינלייגן",
+  "tools.audio.emptyChooseFile": "קלייב א טעקע",
+  "tools.audio.emptyOrDropHere": "אדער לאז פאלן א אויך דא",
+  "tools.audio.emptyDropToUpload": "לאז פאלן צו לאדן",
+  "tools.audio.emptyMaxSize": "ביז {size}",
+  "tools.audio.emptyUrlPlaceholder": "לייג צו אויך URL…",
+  "tools.audio.emptyUrlAria": "אויך URL",
+  "tools.audio.emptySourceAria": "אויך מקור"
 }

package/src/components/i18n/locales/zh/messages.json

@@ -388,6 +388,7 @@
   "tools.file.previewDownload": "下载",
   "tools.file.previewOpenInNewTab": "在新标签页中打开",
   "toolNames.video": "视频",
+  "toolNames.audio": "音频",
   "tools.video.alignment": "对齐",
   "tools.video.alignmentLeft": "左对齐",
   "tools.video.alignmentCenter": "居中",
@@ -415,5 +416,31 @@
   "tools.video.emptyMaxSize": "最大 {size}",
   "tools.video.emptyUrlPlaceholder": "粘贴视频 URL…",
   "tools.video.emptyUrlAria": "视频 URL",
-  "tools.video.emptySourceAria": "视频来源"
+  "tools.video.emptySourceAria": "视频来源",
+  "tools.audio.alignment": "对齐",
+  "tools.audio.alignmentLeft": "左对齐",
+  "tools.audio.alignmentCenter": "居中",
+  "tools.audio.alignmentRight": "右对齐",
+  "tools.audio.caption": "说明",
+  "tools.audio.loop": "循环",
+  "tools.audio.replace": "替换音频",
+  "tools.audio.download": "下载",
+  "tools.audio.copyUrl": "复制链接",
+  "tools.audio.uploading": "上传中…",
+  "tools.audio.errorUploadFailed": "上传失败",
+  "tools.audio.errorFileTooLarge": "Audio is too large. {size} exceeds the {max} limit.",
+  "tools.audio.errorReplace": "替换",
+  "tools.audio.titlePlaceholder": "Track title",
+  "tools.audio.artistPlaceholder": "Artist",
+  "tools.audio.emptyAddAudio": "添加音频",
+  "tools.audio.emptyUpload": "上传",
+  "tools.audio.emptyLink": "链接",
+  "tools.audio.emptyInsert": "插入",
+  "tools.audio.emptyChooseFile": "选择文件",
+  "tools.audio.emptyOrDropHere": "或将音频拖放到此处",
+  "tools.audio.emptyDropToUpload": "拖放以上传",
+  "tools.audio.emptyMaxSize": "最大 {size}",
+  "tools.audio.emptyUrlPlaceholder": "粘贴音频 URL…",
+  "tools.audio.emptyUrlAria": "音频 URL",
+  "tools.audio.emptySourceAria": "音频来源"
 }

package/src/components/modules/ui.ts

@@ -3,6 +3,7 @@
  * Module UI
  * @type {UI}
  */
+import type { EditorWidth } from '../../../types/api/width';
 import styles from '../../styles/main.css?inline';
 import { Module } from '../__module';
 import {
@@ -347,6 +348,35 @@ export class UI extends Module<UINodes> {
     this.nodes.wrapper.setAttribute(DATA_ATTR.empty, BlockManager.isBlokEmpty ? 'true' : 'false');
   }
 
+  /**
+   * Current editor content width mode. Defaults to 'narrow'.
+   */
+  private widthMode: EditorWidth = 'narrow';
+
+  /**
+   * Returns the current editor content width mode.
+   */
+  public getWidthMode(): EditorWidth {
+    return this.widthMode;
+  }
+
+  /**
+   * Sets the editor content width mode by writing the width data attribute on
+   * the editor wrapper. 'narrow' (the default) leaves the attribute absent so
+   * the content keeps its `--max-width-content` constraint; 'full' adds it so
+   * the dedicated CSS rule removes the constraint.
+   * @param mode - the width mode to apply
+   */
+  public setWidthMode(mode: EditorWidth): void {
+    this.widthMode = mode;
+
+    if (mode === 'full') {
+      this.nodes.wrapper.setAttribute(DATA_ATTR.width, 'full');
+    } else {
+      this.nodes.wrapper.removeAttribute(DATA_ATTR.width);
+    }
+  }
+
   /**
    * Check if one of Toolbar is opened
    * Used to prevent global keydowns (for example, Enter) conflicts with Enter-on-toolbar

package/src/components/utils/media-empty-state.ts

@@ -5,6 +5,7 @@ import {
   IconUpload,
 } from '../icons';
 import { formatBytes } from './format-bytes';
+import { matchesMime } from './mime-match';
 
 /**
  * Shared "empty" uploader surface for media-style block tools (image, file):
@@ -78,7 +79,7 @@ function formatsLabel(types: readonly string[]): string {
   const seen = new Set<string>();
   const out: string[] = [];
   for (const t of types) {
-    if (t === '*' || t === '*/*' || !t.includes('/')) continue;
+    if (t === '*' || t === '*/*' || t.endsWith('/*') || !t.includes('/')) continue;
     const label = mimeToLabel(t);
     if (seen.has(label)) continue;
     seen.add(label);
@@ -419,7 +420,7 @@ export function renderMediaEmptyState(opts: MediaEmptyStateOptions): MediaEmptyS
     for (const item of Array.from(clip.items)) {
       if (item.kind !== 'file') continue;
       const file = item.getAsFile();
-      if (file && (!types.length || types.some((t) => file.type === t))) {
+      if (file && (!types.length || matchesMime(file.type, types))) {
         ev.preventDefault();
         opts.onFile(file);
         return;

package/src/components/utils/mime-match.ts

@@ -0,0 +1,22 @@
+/**
+ * Match a file's MIME type against a list of patterns. Patterns may be exact
+ * MIME types (`image/png`), family wildcards (`image/*`), or the universal
+ * wildcard (a bare `*`, or `*` followed by `/*`). Matching is case-insensitive.
+ *
+ * Used by the media tools to gate uploads/paste/drop: a permissive default like
+ * `['image/*']` accepts any image, while an explicit list restricts to it.
+ */
+export function matchesMime(fileType: string, patterns: readonly string[]): boolean {
+  const type = fileType.toLowerCase();
+
+  return patterns.some((raw) => {
+    const pattern = raw.toLowerCase();
+
+    if (pattern === '*' || pattern === '*/*') return true;
+    if (pattern.endsWith('/*')) {
+      return type.startsWith(pattern.slice(0, -1));
+    }
+
+    return type === pattern;
+  });
+}