autumnnote 1.0.8 → 1.0.9

package/src/js/module/CodeTooltip.js

@@ -76,16 +76,17 @@ export class CodeTooltip {
   // ---------------------------------------------------------------------------
 
   _buildTooltip() {
+    const L = this.context.locale.tooltips.code;
     const el = createElement('div', {
       class: 'an-link-tooltip an-code-tooltip',
       role: 'toolbar',
-      'aria-label': 'Code block actions',
+      'aria-label': L.ariaLabel,
     });
     el.style.display = 'none';
 
     // Label
     this._label = createElement('span', { class: 'an-link-tooltip-url' });
-    this._label.textContent = 'Code';
+    this._label.textContent = L.label;
     el.appendChild(this._label);
 
     el.appendChild(this._sep());
@@ -93,8 +94,8 @@ export class CodeTooltip {
     // Language selector
     this._langSelect = createElement('select', {
       class: 'an-code-lang-select',
-      title: 'Syntax Language',
-      'aria-label': 'Syntax language',
+      title: L.syntaxLanguage,
+      'aria-label': L.syntaxAriaLabel,
     });
     const LANGUAGES = [
       ['', 'Plain text'], ['javascript', 'JavaScript'], ['typescript', 'TypeScript'],
@@ -115,25 +116,25 @@ export class CodeTooltip {
     el.appendChild(this._sep());
 
     // Copy code
-    this._copyBtn = this._makeBtn(ICONS.copy, 'Copy Code', () => this._copyCode());
+    this._copyBtn = this._makeBtn(ICONS.copy, L.copyCode, () => this._copyCode());
 
     el.appendChild(this._copyBtn);
 
     el.appendChild(this._sep());
 
     // Toggle word-wrap
-    this._wrapBtn = this._makeBtn(ICONS.wrapOn, 'Toggle Word Wrap', () => this._toggleWrap());
+    this._wrapBtn = this._makeBtn(ICONS.wrapOn, L.toggleWordWrap, () => this._toggleWrap());
     el.appendChild(this._wrapBtn);
 
     el.appendChild(this._sep());
 
     // Convert to normal paragraph
-    el.appendChild(this._makeBtn(ICONS.toParagraph, 'Convert to Paragraph', () => this._toParagraph()));
+    el.appendChild(this._makeBtn(ICONS.toParagraph, L.convertToParagraph, () => this._toParagraph()));
 
     el.appendChild(this._sep());
 
     // Delete block
-    el.appendChild(this._makeBtn(ICONS.deleteCode, 'Delete Code Block', () => this._delete(), true));
+    el.appendChild(this._makeBtn(ICONS.deleteCode, L.deleteCodeBlock, () => this._delete(), true));
 
     // Keep tooltip alive while hovering it
     this._disposers.push(
@@ -241,7 +242,9 @@ export class CodeTooltip {
     const wrapped = (this._activePre.style.whiteSpace || '').includes('pre-wrap')
       || window.getComputedStyle(this._activePre).whiteSpace === 'pre-wrap';
     this._wrapBtn.classList.toggle('active', wrapped);
-    this._wrapBtn.title = wrapped ? 'Disable Word Wrap' : 'Enable Word Wrap';
+    this._wrapBtn.title = wrapped
+      ? this.context.locale.tooltips.code.disableWordWrap
+      : this.context.locale.tooltips.code.enableWordWrap;
   }
 
   _syncLangSelect() {

package/src/js/module/ContextMenu.js

@@ -48,8 +48,9 @@ const COLOR_PRESETS = [
 
 function makeColorSubItems(colorType) {
   const label = colorType === 'foreColor' ? 'Text Color' : 'Highlight Color';
+  const localeKey = colorType === 'foreColor' ? 'textColor' : 'highlightColor';
   return () => [
-    { back: true, label, navigate: () => defaultItems },
+    { back: true, label, localeKey, navigate: () => defaultItems },
     { colorPalette: true, colorType },
   ];
 }
@@ -171,7 +172,8 @@ export class ContextMenu {
         const iconSpan = createElement('span', { class: 'an-context-icon', 'aria-hidden': 'true' });
         iconSpan.innerHTML = ICONS.back;
         backBtn.appendChild(iconSpan);
-        backBtn.appendChild(createElement('span', { class: 'an-context-label' }, [it.label || 'Back']));
+        const backLabel = (it.localeKey && this.context.locale.contextMenu[it.localeKey]) || it.label || this.context.locale.contextMenu.back || 'Back';
+        backBtn.appendChild(createElement('span', { class: 'an-context-label' }, [backLabel]));
         const off = on(backBtn, 'click', (e) => {
           e.stopPropagation();
           const curLeft = parseFloat(this.el.style.left);
@@ -204,7 +206,7 @@ export class ContextMenu {
             btn.appendChild(iconSpan);
           }
         }
-        btn.appendChild(createElement('span', { class: 'an-context-label' }, [it.label || it.name]));
+        btn.appendChild(createElement('span', { class: 'an-context-label' }, [(this.context.locale.contextMenu[it.name] || it.label || it.name)]));
         const chevron = createElement('span', { class: 'an-context-chevron', 'aria-hidden': 'true' });
         chevron.innerHTML = `<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 18 15 12 9 6"/></svg>`;
         btn.appendChild(chevron);
@@ -238,9 +240,9 @@ export class ContextMenu {
         if (it.colorType === 'hiliteColor') {
           const noColor = createElement('div', {
             class: 'an-context-color-swatch an-context-color-none',
-            title: 'No highlight',
+            title: this.context.locale.contextMenu.noHighlight || 'No highlight',
             role: 'button',
-            'aria-label': 'No highlight',
+            'aria-label': this.context.locale.contextMenu.noHighlight || 'No highlight',
           });
           noColor.innerHTML = ICONS.noColor;
           const offNo = on(noColor, 'click', (e) => { e.stopPropagation(); this._applyColor('hiliteColor', 'transparent'); });
@@ -254,10 +256,10 @@ export class ContextMenu {
         const colorInput = createElement('input', {
           type: 'color',
           value: it.colorType === 'foreColor' ? '#000000' : '#ffff00',
-          title: 'Custom color',
-          'aria-label': 'Custom color',
+          title: this.context.locale.contextMenu.customColor || 'Custom color',
+          'aria-label': this.context.locale.contextMenu.customColor || 'Custom color',
         });
-        const customLabel = createElement('span', {}, ['Custom…']);
+        const customLabel = createElement('span', {}, [this.context.locale.contextMenu.customColorLabel || 'Custom…']);
         const offCustom = on(colorInput, 'change', () => this._applyColor(it.colorType, colorInput.value));
         this._menuDisposers.push(offCustom);
         customRow.appendChild(colorInput);
@@ -277,7 +279,7 @@ export class ContextMenu {
           iconSpan.innerHTML = it.icon;
           headerBtn.appendChild(iconSpan);
         }
-        headerBtn.appendChild(createElement('span', { class: 'an-context-label' }, [it.label || 'Insert Table']));
+        headerBtn.appendChild(createElement('span', { class: 'an-context-label' }, [this.context.locale.contextMenu.table || it.label || 'Insert Table']));
         const chevron = createElement('span', { class: 'an-context-chevron', 'aria-hidden': 'true' });
         chevron.innerHTML = `<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 18 15 12 9 6"/></svg>`;
         headerBtn.appendChild(chevron);
@@ -305,7 +307,7 @@ export class ContextMenu {
           cells.forEach((cell) => {
             cell.classList.toggle('active', +cell.dataset.row <= rows && +cell.dataset.col <= cols);
           });
-          labelEl.textContent = (rows && cols) ? `${cols} × ${rows}` : 'Insert Table';
+          labelEl.textContent = (rows && cols) ? `${cols} × ${rows}` : (this.context.locale.contextMenu.table || 'Insert Table');
         };
 
         panel.appendChild(gridEl);
@@ -358,7 +360,7 @@ export class ContextMenu {
         iconSpan.innerHTML = it.icon;
         btn.appendChild(iconSpan);
       }
-      btn.appendChild(createElement('span', { class: 'an-context-label' }, [it.label || it.name]));
+      btn.appendChild(createElement('span', { class: 'an-context-label' }, [(this.context.locale.contextMenu[it.name] || it.label || it.name)]));
       const off = on(btn, 'click', (e) => {
         e.stopPropagation();
         this.hide();

package/src/js/module/EmojiDialog.js

@@ -555,19 +555,20 @@ export class EmojiDialog {
   // ---------------------------------------------------------------------------
 
   _buildDialog() {
+    const L = this.context.locale.emojiDialog;
     const overlay = createElement('div', {
       class: 'an-dialog-overlay',
       role: 'dialog',
       'aria-modal': 'true',
-      'aria-label': 'Insert emoji',
+      'aria-label': L.ariaLabel,
     });
     const box = createElement('div', { class: 'an-dialog-box an-emoji-box' });
 
     // Title row
     const titleRow = createElement('div', { class: 'an-icon-title-row' });
     const title = createElement('h3', { class: 'an-dialog-title' });
-    title.textContent = 'Insert Emoji';
-    const closeBtn = createElement('button', { type: 'button', class: 'an-icon-close', 'aria-label': 'Close' });
+    title.textContent = L.title;
+    const closeBtn = createElement('button', { type: 'button', class: 'an-icon-close', 'aria-label': L.close });
     closeBtn.innerHTML = '×';
     titleRow.append(title, closeBtn);
 
@@ -575,7 +576,7 @@ export class EmojiDialog {
     const searchInput = createElement('input', {
       type: 'search',
       class: 'an-input an-icon-search',
-      placeholder: 'Search emojis…',
+      placeholder: L.searchPlaceholder,
       autocomplete: 'off',
     });
     this._searchInput = searchInput;
@@ -583,11 +584,11 @@ export class EmojiDialog {
     // Category tabs
     const catBar = createElement('div', { class: 'an-icon-cats' });
     const allTab = createElement('button', { type: 'button', class: 'an-icon-cat active', 'data-cat': 'all' });
-    allTab.textContent = 'All';
+    allTab.textContent = L.all;
     catBar.appendChild(allTab);
     EMOJI_CATS.forEach(({ id, label }) => {
       const tab = createElement('button', { type: 'button', class: 'an-icon-cat', 'data-cat': id });
-      tab.textContent = label;
+      tab.textContent = (L.categories && L.categories[id]) || label;
       catBar.appendChild(tab);
     });
     this._catBar = catBar;
@@ -611,7 +612,7 @@ export class EmojiDialog {
     // Cancel only — clicking an emoji inserts immediately
     const btnRow = createElement('div', { class: 'an-dialog-actions' });
     const cancelBtn = createElement('button', { type: 'button', class: 'an-btn' });
-    cancelBtn.textContent = 'Cancel';
+    cancelBtn.textContent = L.cancelBtn;
     btnRow.appendChild(cancelBtn);
 
     box.append(titleRow, searchInput, catBar, grid, btnRow);

package/src/js/module/FindReplace.js

@@ -122,7 +122,7 @@ export class FindReplace {
     const isReplace = this._mode === 'replace';
     if (replaceRow) replaceRow.style.display = isReplace ? '' : 'none';
     if (replaceActions) replaceActions.style.display = isReplace ? '' : 'none';
-    if (title) title.textContent = isReplace ? 'Find & Replace' : 'Find';
+    if (title) title.textContent = isReplace ? this.context.locale.findReplace.findReplaceTitle : this.context.locale.findReplace.findTitle;
   }
 
   // ---------------------------------------------------------------------------
@@ -130,24 +130,25 @@ export class FindReplace {
   // ---------------------------------------------------------------------------
 
   _buildDialog() {
+    const L = this.context.locale.findReplace;
     const overlay = createElement('div', {
       class: 'an-dialog-overlay an-fr-dialog',
       role: 'dialog',
       'aria-modal': 'true',
-      'aria-label': 'Find and Replace',
+      'aria-label': L.findReplaceTitle,
     });
     const box = createElement('div', { class: 'an-dialog-box' });
 
     // ---- Title row ----
     const titleRow = createElement('div', { class: 'an-icon-title-row' });
     const title = createElement('h3', { class: 'an-dialog-title' });
-    title.textContent = 'Find';
+    title.textContent = L.findTitle;
     const closeBtn = createElement('button', {
       type: 'button',
       class: 'an-icon-close',
       'aria-label': 'Close',
     });
-    closeBtn.textContent = '×';
+    closeBtn.textContent = L.close;
     this._closeBtn = closeBtn;
     titleRow.append(title, closeBtn);
     box.appendChild(titleRow);
@@ -157,8 +158,8 @@ export class FindReplace {
     const findInput = createElement('input', {
       type: 'text',
       class: 'an-input',
-      placeholder: 'Find…',
-      'aria-label': 'Search text',
+      placeholder: L.findPlaceholder,
+      'aria-label': L.searchAriaLabel,
     });
     this._findInput = findInput;
     findRow.appendChild(findInput);
@@ -172,7 +173,7 @@ export class FindReplace {
       'aria-label': 'Case sensitive',
     });
     this._caseCheckbox = caseCheckbox;
-    caseLabel.append(caseCheckbox, document.createTextNode('\u00a0Case sensitive'));
+    caseLabel.append(caseCheckbox, document.createTextNode(L.caseSensitive));
     const counter = createElement('span', { class: 'an-fr-counter' });
     this._counterEl = counter;
     optRow.append(caseLabel, counter);
@@ -181,9 +182,9 @@ export class FindReplace {
     // ---- Find actions ----
     const findActions = createElement('div', { class: 'an-dialog-actions an-fr-find-actions' });
     const prevBtn = createElement('button', { type: 'button', class: 'an-btn' });
-    prevBtn.textContent = '\u2190 Prev';
+    prevBtn.textContent = L.prevBtn;
     const nextBtn = createElement('button', { type: 'button', class: 'an-btn an-btn-primary' });
-    nextBtn.textContent = 'Next \u2192';
+    nextBtn.textContent = L.nextBtn;
     findActions.append(prevBtn, nextBtn);
     box.appendChild(findActions);
 
@@ -193,8 +194,8 @@ export class FindReplace {
     const replaceInput = createElement('input', {
       type: 'text',
       class: 'an-input',
-      placeholder: 'Replace with\u2026',
-      'aria-label': 'Replace with',
+      placeholder: L.replacePlaceholder,
+      'aria-label': L.replaceAriaLabel,
     });
     this._replaceInput = replaceInput;
     replaceRow.appendChild(replaceInput);
@@ -204,9 +205,9 @@ export class FindReplace {
     const replaceActions = createElement('div', { class: 'an-dialog-actions an-fr-replace-actions' });
     replaceActions.style.display = 'none';
     const replaceBtn = createElement('button', { type: 'button', class: 'an-btn' });
-    replaceBtn.textContent = 'Replace';
+    replaceBtn.textContent = L.replaceBtn;
     const replaceAllBtn = createElement('button', { type: 'button', class: 'an-btn an-btn-primary' });
-    replaceAllBtn.textContent = 'Replace All';
+    replaceAllBtn.textContent = L.replaceAllBtn;
     replaceActions.append(replaceBtn, replaceAllBtn);
     box.appendChild(replaceActions);
 

package/src/js/module/IconDialog.js

@@ -332,11 +332,12 @@ export class IconDialog {
   // ---------------------------------------------------------------------------
 
   _buildDialog() {
+    const L = this.context.locale.iconDialog;
     const overlay = createElement('div', {
       class: 'an-dialog-overlay',
       role: 'dialog',
       'aria-modal': 'true',
-      'aria-label': 'Insert FA icon',
+      'aria-label': L.ariaLabel,
     });
 
     const box = createElement('div', { class: 'an-dialog-box an-icon-box' });
@@ -344,8 +345,8 @@ export class IconDialog {
     // Title row
     const titleRow = createElement('div', { class: 'an-icon-title-row' });
     const title = createElement('h3', { class: 'an-dialog-title' });
-    title.textContent = 'Insert FA Icon';
-    const closeBtn = createElement('button', { type: 'button', class: 'an-icon-close', 'aria-label': 'Close' });
+    title.textContent = L.title;
+    const closeBtn = createElement('button', { type: 'button', class: 'an-icon-close', 'aria-label': L.close });
     closeBtn.innerHTML = '×';
     titleRow.append(title, closeBtn);
 
@@ -353,7 +354,7 @@ export class IconDialog {
     const searchInput = createElement('input', {
       type: 'search',
       class: 'an-input an-icon-search',
-      placeholder: 'Search icons…',
+      placeholder: L.searchPlaceholder,
       autocomplete: 'off',
     });
     this._searchInput = searchInput;
@@ -361,11 +362,11 @@ export class IconDialog {
     // Category tabs
     const catBar = createElement('div', { class: 'an-icon-cats' });
     const allTab = createElement('button', { type: 'button', class: 'an-icon-cat active', 'data-cat': 'all' });
-    allTab.textContent = 'All';
+    allTab.textContent = L.all;
     catBar.appendChild(allTab);
     ICON_CATEGORIES.forEach(({ id, label }) => {
       const tab = createElement('button', { type: 'button', class: 'an-icon-cat', 'data-cat': id });
-      tab.textContent = label;
+      tab.textContent = (L.categories && L.categories[id]) || label;
       catBar.appendChild(tab);
     });
     this._catBar = catBar;
@@ -386,7 +387,7 @@ export class IconDialog {
     const optRow = createElement('div', { class: 'an-icon-options' });
 
     const styleLabel = createElement('label', { class: 'an-label' });
-    styleLabel.textContent = 'Style';
+    styleLabel.textContent = L.style;
     const styleSelect = createElement('select', { class: 'an-input an-icon-option-select' });
     [['fa-solid', 'Solid'], ['fa-regular', 'Regular'], ['fa-light', 'Light (Pro)']].forEach(([v, t]) => {
       const opt = createElement('option', { value: v });
@@ -397,7 +398,7 @@ export class IconDialog {
     this._styleSelect = styleSelect;
 
     const sizeLabel = createElement('label', { class: 'an-label' });
-    sizeLabel.textContent = 'Size';
+    sizeLabel.textContent = L.size;
     const sizeSelect = createElement('select', { class: 'an-input an-icon-option-select' });
     [['', 'Inherit'], ['0.75em', '0.75em'], ['1em', '1em'], ['1.25em', '1.25em'], ['1.5em', '1.5em'], ['2em', '2em'], ['3em', '3em']].forEach(([v, t]) => {
       const opt = createElement('option', { value: v });
@@ -408,30 +409,30 @@ export class IconDialog {
     this._sizeSelect = sizeSelect;
 
     const colorLabel = createElement('label', { class: 'an-label' });
-    colorLabel.textContent = 'Color';
+    colorLabel.textContent = L.color;
     const colorInput = createElement('input', { type: 'color', class: 'an-icon-color', value: '#000000' });
     this._colorInput = colorInput;
 
     const useColorLabel = createElement('label', { class: 'an-label an-label-inline an-icon-use-color' });
     const useColorCb = createElement('input', { type: 'checkbox', checked: '' });
     this._useColorCb = useColorCb;
-    useColorLabel.append(useColorCb, document.createTextNode(' Use color'));
+    useColorLabel.append(useColorCb, document.createTextNode(L.useColor));
 
     optRow.append(styleLabel, styleSelect, sizeLabel, sizeSelect, colorLabel, colorInput, useColorLabel);
 
     // Preview
     const preview = createElement('div', { class: 'an-icon-preview' });
     const previewHint = createElement('span', { class: 'an-icon-preview-hint' });
-    previewHint.textContent = 'Select an icon';
+    previewHint.textContent = L.selectHint;
     preview.appendChild(previewHint);
     this._preview = preview;
 
     // Actions
     const btnRow = createElement('div', { class: 'an-dialog-actions' });
     const insertBtn = createElement('button', { type: 'button', class: 'an-btn an-btn-primary', disabled: '' });
-    insertBtn.textContent = 'Insert FA Icon';
+    insertBtn.textContent = L.insertBtn;
     const cancelBtn = createElement('button', { type: 'button', class: 'an-btn' });
-    cancelBtn.textContent = 'Cancel';
+    cancelBtn.textContent = L.cancelBtn;
     btnRow.append(insertBtn, cancelBtn);
     this._insertBtn = insertBtn;
 

package/src/js/module/ImageDialog.js

@@ -57,35 +57,36 @@ export class ImageDialog {
   // ---------------------------------------------------------------------------
 
   _buildDialog() {
+    const L = this.context.locale.imageDialog;
     const overlay = createElement('div', {
       class: 'an-dialog-overlay',
       role: 'dialog',
       'aria-modal': 'true',
-      'aria-label': 'Insert image',
+      'aria-label': L.ariaLabel,
     });
     const box = createElement('div', { class: 'an-dialog-box' });
 
     const title = createElement('h3', { class: 'an-dialog-title' });
-    title.textContent = 'Insert Image';
+    title.textContent = L.title;
 
     // URL tab
     const urlLabel = createElement('label', { class: 'an-label' });
-    urlLabel.textContent = 'Image URL';
+    urlLabel.textContent = L.imageUrl;
     const urlInput = createElement('input', {
       type: 'url',
       class: 'an-input',
-      placeholder: 'https://example.com/image.png',
+      placeholder: L.urlPlaceholder,
       autocomplete: 'off',
     });
     this._urlInput = urlInput;
 
     // Alt text
     const altLabel = createElement('label', { class: 'an-label' });
-    altLabel.textContent = 'Alt Text';
+    altLabel.textContent = L.altText;
     const altInput = createElement('input', {
       type: 'text',
       class: 'an-input',
-      placeholder: 'Describe the image',
+      placeholder: L.altPlaceholder,
       autocomplete: 'off',
     });
     this._altInput = altInput;
@@ -94,13 +95,13 @@ export class ImageDialog {
 
     // Alignment
     const alignLabel = createElement('label', { class: 'an-label' });
-    alignLabel.textContent = 'Alignment';
+    alignLabel.textContent = L.alignment;
     const alignRow = createElement('div', { class: 'an-align-row' });
     const alignOptions = [
-      { value: '',       label: 'None'   },
-      { value: 'left',   label: 'Left'   },
-      { value: 'center', label: 'Center' },
-      { value: 'right',  label: 'Right'  },
+      { value: '',       label: L.alignNone   },
+      { value: 'left',   label: L.alignLeft   },
+      { value: 'center', label: L.alignCenter },
+      { value: 'right',  label: L.alignRight  },
     ];
     alignOptions.forEach(({ value, label }) => {
       const radioId = `an-align-${value || 'none'}`;
@@ -114,7 +115,7 @@ export class ImageDialog {
     box.append(alignLabel, alignRow);
     if (this.options.allowImageUpload !== false) {
       const fileLabel = createElement('label', { class: 'an-label' });
-      fileLabel.textContent = 'Or upload a file';
+      fileLabel.textContent = L.uploadLabel;
       const fileInput = createElement('input', {
         type: 'file',
         class: 'an-input',
@@ -132,9 +133,9 @@ export class ImageDialog {
     // Buttons
     const btnRow = createElement('div', { class: 'an-dialog-actions' });
     const insertBtn = createElement('button', { type: 'button', class: 'an-btn an-btn-primary' });
-    insertBtn.textContent = 'Insert';
+    insertBtn.textContent = L.insertBtn;
     const cancelBtn = createElement('button', { type: 'button', class: 'an-btn' });
-    cancelBtn.textContent = 'Cancel';
+    cancelBtn.textContent = L.cancelBtn;
     btnRow.appendChild(insertBtn);
     btnRow.appendChild(cancelBtn);
 
@@ -166,7 +167,7 @@ export class ImageDialog {
       'image/webp', 'image/svg+xml', 'image/avif',
     ]);
     if (!SUPPORTED.has(file.type)) {
-      const message = `Format "${file.type}" is not supported for display in web browsers. Please convert to JPEG, PNG, or WebP first.`;
+      const message = this.context.locale.errors.imageFormat(file.type);
       if (this._fileHint) this._fileHint.textContent = message;
       this.context.triggerEvent('imageError', { file, message });
       this._fileInput.value = '';
@@ -177,7 +178,7 @@ export class ImageDialog {
     // Validate file size (max 5 MB by default)
     const maxSize = (this.options.maxImageSize || 5) * 1024 * 1024;
     if (file.size > maxSize) {
-      const message = `Image file is too large. Maximum allowed size is ${this.options.maxImageSize || 5} MB.`;
+      const message = this.context.locale.errors.imageSize(this.options.maxImageSize || 5);
       if (this._fileHint) this._fileHint.textContent = message;
       console.warn('[AutumnNote] ImageDialog:', message);
       this.context.triggerEvent('imageError', { file, message });

package/src/js/module/ImageTooltip.js

@@ -75,24 +75,25 @@ export class ImageTooltip {
   // ---------------------------------------------------------------------------
 
   _buildTooltip() {
+    const L = this.context.locale.tooltips.image;
     const el = createElement('div', {
       class: 'an-link-tooltip an-image-tooltip',
       role: 'toolbar',
-      'aria-label': 'Image actions',
+      'aria-label': L.ariaLabel,
     });
     el.style.display = 'none';
 
     // Label showing "Image"
     this._label = createElement('span', { class: 'an-link-tooltip-url' });
-    this._label.textContent = 'Image';
+    this._label.textContent = L.label;
     el.appendChild(this._label);
 
     el.appendChild(createElement('div', { class: 'an-link-tooltip-sep' }));
 
-    this._floatLeftBtn    = this._makeBtn(ICONS.floatLeft,    'Float Left',     () => this._setFloat('left'));
-    this._floatNoneBtn    = this._makeBtn(ICONS.floatNone,    'No Float',       () => this._setFloat(''));
-    this._alignCenterBtn  = this._makeBtn(ICONS.alignCenter,  'Align Center',   () => this._setCenter());
-    this._floatRightBtn   = this._makeBtn(ICONS.floatRight,   'Float Right',    () => this._setFloat('right'));
+    this._floatLeftBtn    = this._makeBtn(ICONS.floatLeft,    L.floatLeft,    () => this._setFloat('left'));
+    this._floatNoneBtn    = this._makeBtn(ICONS.floatNone,    L.noFloat,      () => this._setFloat(''));
+    this._alignCenterBtn  = this._makeBtn(ICONS.alignCenter,  L.alignCenter,  () => this._setCenter());
+    this._floatRightBtn   = this._makeBtn(ICONS.floatRight,   L.floatRight,   () => this._setFloat('right'));
 
     el.appendChild(this._floatLeftBtn);
     el.appendChild(this._floatNoneBtn);
@@ -101,28 +102,28 @@ export class ImageTooltip {
 
     el.appendChild(createElement('div', { class: 'an-link-tooltip-sep' }));
 
-    this._originalBtn = this._makeBtn(ICONS.originalSize, 'Original Size', () => this._resetSize());
+    this._originalBtn = this._makeBtn(ICONS.originalSize, L.originalSize, () => this._resetSize());
 
     el.appendChild(this._originalBtn);
 
     el.appendChild(createElement('div', { class: 'an-link-tooltip-sep' }));
 
-    el.appendChild(this._makeBtn(ICONS.rotateLeft,  'Rotate Left',  () => this._rotate(-90)));
-    el.appendChild(this._makeBtn(ICONS.rotateRight, 'Rotate Right', () => this._rotate(90)));
+    el.appendChild(this._makeBtn(ICONS.rotateLeft,  L.rotateLeft,  () => this._rotate(-90)));
+    el.appendChild(this._makeBtn(ICONS.rotateRight, L.rotateRight, () => this._rotate(90)));
 
     el.appendChild(createElement('div', { class: 'an-link-tooltip-sep' }));
 
-    this._cropBtn = this._makeBtn(ICONS.crop, 'Crop Image', () => this._crop());
+    this._cropBtn = this._makeBtn(ICONS.crop, L.cropImage, () => this._crop());
     el.appendChild(this._cropBtn);
 
     el.appendChild(createElement('div', { class: 'an-link-tooltip-sep' }));
 
-    this._captionBtn = this._makeBtn(ICONS.caption, 'Add / Edit Caption', () => this._toggleCaption());
+    this._captionBtn = this._makeBtn(ICONS.caption, L.addCaption, () => this._toggleCaption());
     el.appendChild(this._captionBtn);
 
     el.appendChild(createElement('div', { class: 'an-link-tooltip-sep' }));
 
-    this._deleteBtn = this._makeBtn(ICONS.deleteImg, 'Delete Image', () => this._delete(), true);
+    this._deleteBtn = this._makeBtn(ICONS.deleteImg, L.deleteImage, () => this._delete(), true);
 
     el.appendChild(this._deleteBtn);
 

package/src/js/module/LinkDialog.js

@@ -59,19 +59,20 @@ export class LinkDialog {
   // ---------------------------------------------------------------------------
 
   _buildDialog() {
-    const overlay = createElement('div', { class: 'an-dialog-overlay', role: 'dialog', 'aria-modal': 'true', 'aria-label': 'Insert link' });
+    const L = this.context.locale.linkDialog;
+    const overlay = createElement('div', { class: 'an-dialog-overlay', role: 'dialog', 'aria-modal': 'true', 'aria-label': L.ariaLabel });
     const box = createElement('div', { class: 'an-dialog-box' });
 
     const title = createElement('h3', { class: 'an-dialog-title' });
-    title.textContent = 'Insert Link';
+    title.textContent = L.title;
 
     // URL field
     const urlLabel = createElement('label', { class: 'an-label' });
-    urlLabel.textContent = 'URL';
+    urlLabel.textContent = L.url;
     const urlInput = createElement('input', {
       type: 'url',
       class: 'an-input',
-      placeholder: 'https://',
+      placeholder: L.urlPlaceholder,
       id: 'an-link-url',
       name: 'url',
       autocomplete: 'off',
@@ -80,11 +81,11 @@ export class LinkDialog {
 
     // Text field
     const textLabel = createElement('label', { class: 'an-label' });
-    textLabel.textContent = 'Display Text';
+    textLabel.textContent = L.displayText;
     const textInput = createElement('input', {
       type: 'text',
       class: 'an-input',
-      placeholder: 'Link text',
+      placeholder: L.textPlaceholder,
       id: 'an-link-text',
       name: 'linkText',
       autocomplete: 'off',
@@ -100,14 +101,14 @@ export class LinkDialog {
     });
     this._tabCheckbox = tabCheckbox;
     tabLabel.appendChild(tabCheckbox);
-    tabLabel.appendChild(document.createTextNode(' Open in new tab'));
+    tabLabel.appendChild(document.createTextNode(' ' + L.openInNewTab));
 
     // Buttons
     const btnRow = createElement('div', { class: 'an-dialog-actions' });
     const insertBtn = createElement('button', { type: 'button', class: 'an-btn an-btn-primary' });
-    insertBtn.textContent = 'Insert';
+    insertBtn.textContent = L.insertBtn;
     const cancelBtn = createElement('button', { type: 'button', class: 'an-btn' });
-    cancelBtn.textContent = 'Cancel';
+    cancelBtn.textContent = L.cancelBtn;
     btnRow.appendChild(insertBtn);
     btnRow.appendChild(cancelBtn);