evomeme 0.1.10-beta.1 → 0.1.10-beta.20

package/README.md

@@ -5,6 +5,8 @@
 
 npm 包名：`evomeme`。用 `npx` 安装到 AI 工具后，即可在对话里做游戏、生图、提交草稿。
 
+本地 3D 资产工作流默认使用 `evomeme asset`、`evomeme scene export` 和 `evomeme stage`，详见 [资产 CLI 使用说明](../docs/asset-cli.md)。IDE 插件安装不等于全局安装 CLI：使用已发布且支持这些命令的 `npx -y evomeme@latest`，或本地构建后的 `node dist/index.js`；先执行 `asset --help` 检查能力。这 12 个资产/Stage MCP 入口已移除，对应操作使用 CLI；其余 20 个 MCP 工具继续可用。
+
 ---
 
 ## 一、这是什么？

package/dist/canvas-public/canvas/actions.js

@@ -1,3 +1,4 @@
+import { errorT } from '../language/index.js'
 import { removeFeatureReferences } from '../core/feature-state.js'
 import { t } from '../language/index.js'
 import { api } from '../core/api.js'
@@ -52,7 +53,7 @@ export function createCanvasActions({
         body: '{}',
       })
       const assets = Array.isArray(result.assets) ? result.assets : []
-      if (!assets.length) throw new Error(t("canvas.actions.text001"))
+      if (!assets.length) throw new Error(errorT("canvas.actions.text001"))
       const ids = assets.map((asset) => asset.id)
       const columns = Math.min(5, Math.max(1, Math.ceil(Math.sqrt(assets.length))))
       assets.forEach((asset, index) => {

package/dist/canvas-public/canvas/chrome.js

@@ -1,10 +1,11 @@
+import { errorText } from '../language/index.js'
 import { state } from '../core/state.js'
 
 // Form surfaces subscribe to feature state; chrome does not mirror business DOM.
 export function createChromeController({ elements, renderInspector }) {
   return { renderChrome() {
     elements.bannerError.hidden = !state.error
-    elements.bannerError.textContent = state.error || ''
+    elements.bannerError.textContent = errorText(state.error) || ''
     renderInspector()
   } }
 }

package/dist/canvas-public/core/api.js

@@ -1,4 +1,4 @@
-import { t } from '../language/index.js'
+import { t, errorText } from '../language/index.js'
 export async function api(path, options) {
   const headers = new Headers(options?.headers)
   if (options?.method === 'POST') headers.set('Prefer', 'respond-async')
@@ -9,7 +9,8 @@ export async function api(path, options) {
     const message = Array.isArray(detail)
       ? detail.map((d) => d.msg || JSON.stringify(d)).join('; ')
       : detail || data.message || res.statusText || t("core.api.text001")
-    const error = new Error(message)
+    const error = new Error(errorText(data.error?.message || message))
+    error.errorInfo = data.error
     error.status = res.status
     error.data = data
     throw error
@@ -18,7 +19,11 @@ export async function api(path, options) {
     for (;;) {
       const task = await api(`/api/tasks/${encodeURIComponent(data.task_id)}`)
       if (task.status === 'SUCCEEDED') return task.result || {}
-      if (['FAILED', 'NEEDS_ATTENTION'].includes(task.status)) throw new Error(task.error || t("core.api.text002"))
+      if (['FAILED', 'NEEDS_ATTENTION'].includes(task.status)) {
+        const error = new Error(errorText(task.errorInfo?.message || task.error || t("core.api.text002")))
+        error.errorInfo = task.errorInfo
+        throw error
+      }
       // INTERRUPTED is recoverable; the scheduler continues polling the saved backend job.
       await new Promise(resolve => setTimeout(resolve, 750))
     }

package/dist/canvas-public/core/layout.js

@@ -1,4 +1,4 @@
-import { t } from '../language/index.js'
+import { t, errorT } from '../language/index.js'
 import { api } from './api.js'
 import { state } from './state.js'
 
@@ -78,7 +78,7 @@ export function createLayoutController({
     const request = saveQueue.then(async () => {
       try {
         if (epoch !== saveEpoch) {
-          const staleError = new Error(t("core.layout.text001"))
+          const staleError = new Error(errorT("core.layout.text001"))
           staleError.status = 409
           throw staleError
         }
@@ -102,7 +102,7 @@ export function createLayoutController({
         const firstFailureInEpoch = epoch === saveEpoch
         if (firstFailureInEpoch) saveEpoch += 1
         if (error?.status === 409 && firstFailureInEpoch) {
-          state.error = t("core.layout.text001")
+          state.error = errorT("core.layout.text001")
           await onConflict().catch(() => undefined)
         }
         throw error

package/dist/canvas-public/elements/task-pipeline.js

@@ -1,3 +1,4 @@
+import { errorT } from '../language/index.js'
 import { t } from '../language/index.js'
 import { api } from '../core/api.js'
 import { state } from '../core/state.js'
@@ -129,7 +130,7 @@ export function createCanvasTaskPipeline({
   function insertPendingItem(source, pending, placement, options = {}) {
     if (placement === 'replace') {
       if (!replaceGenerationInputWithPending(source?.id, pending, options)) {
-        throw new Error(t("elements.taskPipeline.text002"))
+        throw new Error(errorT("elements.taskPipeline.text002"))
       }
       return
     }
@@ -188,8 +189,8 @@ export function createCanvasTaskPipeline({
     onFailure,
     onSettled,
   }) {
-    if (!source?.id) throw new Error(t("elements.taskPipeline.text003"))
-    if (typeof execute !== 'function') throw new Error(t("elements.taskPipeline.text004"))
+    if (!source?.id) throw new Error(errorT("elements.taskPipeline.text003"))
+    if (typeof execute !== 'function') throw new Error(errorT("elements.taskPipeline.text004"))
 
     const operationId = wait.id || createCanvasClientId('pending')
     const pending = createPendingItem(source, operationId, wait, placement)

package/dist/canvas-public/features/assets/official-assets.js

@@ -1,3 +1,4 @@
+import { errorT, errorText } from '../../language/index.js'
 import { ensureFeatureState, peekFeatureState } from '../../core/feature-state.js'
 import { t } from '../../language/index.js'
 import { api } from '../../core/api.js'
@@ -312,7 +313,7 @@ function createOfficialAssetsTool(context) {
           )
         const catalog = await response.json()
         if (!Array.isArray(catalog?.categories))
-          throw new Error(t('features.assets.officialAssets.text006'))
+          throw new Error(errorT('features.assets.officialAssets.text006'))
         officialAssetCatalog = catalog
         return catalog
       })
@@ -371,7 +372,7 @@ function createOfficialAssetsTool(context) {
         body: JSON.stringify({ files, place: false }),
       })
       const imported = Array.isArray(result.images) ? result.images : []
-      if (!imported.length) throw new Error(t('features.assets.officialAssets.text008'))
+      if (!imported.length) throw new Error(errorT('features.assets.officialAssets.text008'))
       importedIds = imported.map((asset) => asset.id).filter(Boolean)
 
       const resultItems = layoutCanvasElementsAtSlot(
@@ -499,7 +500,7 @@ function createOfficialAssetsTool(context) {
     const footer = el('div', 'official-assets-footer')
     const feedback = el('div', `official-assets-feedback${ds.error ? ' is-error' : ''}`)
     feedback.textContent =
-      ds.error ||
+      errorText(ds.error) ||
       ds.status ||
       `${t('features.assets.officialAssets.text017')}${ds.selectedIds.size}${t('features.assets.officialAssets.text017.part1')}`
     const actions = el('div', 'official-assets-actions')

package/dist/canvas-public/features/editing/canvas-size.js

@@ -1,4 +1,4 @@
-import { t } from '../../language/index.js'
+import { t, errorT } from '../../language/index.js'
 import {
   ensureFeatureState,
   notifyFeatureState,
@@ -306,7 +306,7 @@ export class ImageCanvasSizeEditor {
     const image = new Image()
     await new Promise((resolve, reject) => {
       image.onload = resolve
-      image.onerror = () => reject(new Error(t('features.editing.imageCanvasSizeEditor.text001')))
+      image.onerror = () => reject(new Error(errorT('features.editing.imageCanvasSizeEditor.text001')))
       image.src = url
     })
     this.image = image

package/dist/canvas-public/features/editing/color-key.js

@@ -129,6 +129,7 @@ function createColorKeyTool(context) {
     const canvas = findNodeEl(editorId)?.querySelector('[data-role="color-key-preview"]')
     if (!ds || !canvas || !previewUrl) return
     const image = new Image()
+    image.crossOrigin = 'anonymous'
     image.onload = () => {
       if (!canvas.isConnected || peekFeatureState(editorId)?.previewUrl !== previewUrl) return
       const scale = Math.min(1, 900 / Math.max(image.naturalWidth, image.naturalHeight))
@@ -161,6 +162,7 @@ function createColorKeyTool(context) {
       return
     }
     const image = new Image()
+    image.crossOrigin = 'anonymous'
     image.onload = () => {
       const current = peekFeatureState(editorId)
       const currentCanvas = findNodeEl(editorId)?.querySelector('[data-role="color-key-preview"]')

package/dist/canvas-public/features/editing/interactive-image-editing.js

@@ -1,3 +1,4 @@
+import { errorT, errorText } from '../../language/index.js'
 import { t } from '../../language/index.js'
 import { api } from '../../core/api.js'
 import { state } from '../../core/state.js'
@@ -400,7 +401,7 @@ function createInteractiveImageEditing(services) {
     async task(item, params) {
       const referenceImageData = await views.get(item.id)?.exportImage()
       if (!referenceImageData?.startsWith('data:image/'))
-        throw new Error(t('features.editing.interactiveImageEditing.text036'))
+        throw new Error(errorT('features.editing.interactiveImageEditing.text036'))
       params.referenceImageData = referenceImageData
       return {
         endpoint: '/api/generate',
@@ -556,7 +557,7 @@ function mountDrawingView(host, item, services) {
     interactiveEditorExportRequest = null
     if (exportRequest) {
       clearTimeout(exportRequest.timeout)
-      exportRequest.reject(new Error(t('features.editing.interactiveImageEditing.text024')))
+      exportRequest.reject(new Error(errorT('features.editing.interactiveImageEditing.text024')))
     }
     if (editor) {
       try {
@@ -572,7 +573,7 @@ function mountDrawingView(host, item, services) {
     try {
       const PainterroEditor = window.Painterro
       if (typeof PainterroEditor !== 'function')
-        throw new Error(t('features.editing.interactiveImageEditing.text027'))
+        throw new Error(errorT('features.editing.interactiveImageEditing.text027'))
       if (disposed) return
       let editor = null
       let loadTimeout = null
@@ -616,7 +617,7 @@ function mountDrawingView(host, item, services) {
           },
           onImageLoaded: () => finish(resolve),
           onImageFailedOpen: () =>
-            finish(reject, new Error(t('features.editing.interactiveImageEditing.text028'))),
+            finish(reject, new Error(errorT('features.editing.interactiveImageEditing.text028'))),
           saveHandler: (image, done) => {
             const request = interactiveEditorExportRequest
             if (!request || request.editor !== editor) {
@@ -638,7 +639,7 @@ function mountDrawingView(host, item, services) {
         interactiveEditorInteractionCleanup = installInteractiveEditorInteractions(editor)
         editor.show(params.referenceImageData || imageUrl(imageId))
         loadTimeout = setTimeout(
-          () => reject(new Error(t('features.editing.interactiveImageEditing.text029'))),
+          () => reject(new Error(errorT('features.editing.interactiveImageEditing.text029'))),
           10_000,
         )
       })
@@ -654,7 +655,7 @@ function mountDrawingView(host, item, services) {
       params.ready = false
       notifyFeatureState(item.id)
       elements.interactiveEditStatus.hidden = false
-      elements.interactiveEditStatus.textContent = String(error.message || error)
+      elements.interactiveEditStatus.textContent = errorText(error)
     }
   }
 
@@ -893,13 +894,13 @@ function mountDrawingView(host, item, services) {
 
   function exportInteractiveEditor(editor) {
     if (interactiveEditorExportRequest) {
-      return Promise.reject(new Error(t('features.editing.interactiveImageEditing.text033')))
+      return Promise.reject(new Error(errorT('features.editing.interactiveImageEditing.text033')))
     }
     return new Promise((resolve, reject) => {
       const timeout = setTimeout(() => {
         if (interactiveEditorExportRequest?.editor !== editor) return
         interactiveEditorExportRequest = null
-        reject(new Error(t('features.editing.interactiveImageEditing.text034')))
+        reject(new Error(errorT('features.editing.interactiveImageEditing.text034')))
       }, 10_000)
       interactiveEditorExportRequest = { editor, resolve, reject, timeout }
       try {

package/dist/canvas-public/features/editing/layer-decomposition.js

@@ -1,3 +1,4 @@
+import { errorT } from '../../language/index.js'
 import { t } from '../../language/index.js'
 export default {
   render: (ui) => ui.prompt('prompt'),
@@ -37,7 +38,7 @@ export default {
       },
       checkResult(result) {
         if (!result.images?.length)
-          throw new Error(t('features.editing.interactiveImageEditing.text047'))
+          throw new Error(errorT('features.editing.interactiveImageEditing.text047'))
       },
     }
   },

package/dist/canvas-public/features/editing/manual-split.js

@@ -1,3 +1,4 @@
+import { errorT } from '../../language/index.js'
 import { t } from '../../language/index.js'
 import { ensureFeatureState, subscribeFeatureState } from '../../core/feature-state.js'
 import { el } from '../../ui/controls.js'
@@ -103,7 +104,7 @@ export default {
       checkResult(result) {
         if ((result.images || []).length !== p.rows * p.columns)
           throw new Error(
-            t('features.editing.imageSplitting.text012') +
+            errorT('features.editing.imageSplitting.text012') +
               (result.images || []).length +
               t('features.editing.imageSplitting.text012.part1') +
               p.rows * p.columns,

package/dist/canvas-public/features/editing/perfect-pixel.js

@@ -3,7 +3,7 @@ import {
   peekFeatureState,
   notifyFeatureState,
 } from '../../core/feature-state.js'
-import { t, translateWorkerError } from '../../language/index.js'
+import { t, errorT, errorText } from '../../language/index.js'
 import { api } from '../../core/api.js'
 import { state } from '../../core/state.js'
 import { el } from '../../ui/controls.js'
@@ -85,7 +85,7 @@ export default {
     },
   ],
   runtimeDefaults: () => ({
-    worker: null,
+    previewController: null,
     processTimer: null,
     layoutSaveTimer: null,
     requestId: 0,
@@ -103,21 +103,14 @@ export default {
 function createPerfectPixelTool(context) {
   const { findNodeEl, formatPerfectPixelSourceArea, imageUrl, saveLayout } = context
 
-  function workerErrorText(message) {
-    if (message?.messageKey === 'workers.imageLoadFailed') {
-      return `${t('workers.imageLoadFailed')}${message.messageVariables?.status ?? ''}`
-    }
-    return translateWorkerError(message)
-  }
-
   function perfectPixelSettings(ds) {
     return {
-      autoGrid: ds.autoGrid,
-      pixelSize: ds.pixelSize,
-      sampleMethod: ds.sampleMethod,
-      exportScale: ds.exportScale,
-      alphaMode: ds.alphaMode,
-      alphaThreshold: ds.alphaThreshold,
+      auto_grid: ds.autoGrid,
+      pixel_size: ds.pixelSize,
+      sample_method: ds.sampleMethod,
+      export_scale: ds.exportScale,
+      alpha_mode: ds.alphaMode,
+      alpha_threshold: ds.alphaThreshold,
     }
   }
 
@@ -132,7 +125,7 @@ function createPerfectPixelTool(context) {
     if (status) {
       status.classList.toggle('is-error', Boolean(ds.error))
       if (ds.error) {
-        status.textContent = ds.error
+        status.textContent = errorText(ds.error)
       } else if (ds.resultMeta) {
         const meta = ds.resultMeta
         const confidence = meta.automatic
@@ -157,78 +150,60 @@ function createPerfectPixelTool(context) {
     }, 220)
   }
 
-  function startPerfectPixelWorker(editorId, sourceId, requestId) {
+  async function startPerfectPixelPreview(editorId, sourceId, requestId) {
     const ds = peekFeatureState(editorId)
     if (!ds || ds.requestId !== requestId) return
-    ds.worker?.terminate()
-    const worker = new Worker('/workers/perfect-pixel-worker.js')
-    ds.worker = worker
-    worker.addEventListener('message', (event) => {
-      const current = peekFeatureState(editorId)
-      if (!current || current.worker !== worker || current.requestId !== requestId) return
-      const message = event.data || {}
-      if (message.type === 'ready') {
-        worker.postMessage({
-          type: 'process',
-          requestId,
-          settings: perfectPixelSettings(current),
-        })
-        return
+    const controller = new AbortController()
+    ds.previewController = controller
+    try {
+      const response = await fetch('/api/perfect-pixel/preview', {
+        method: 'POST', headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({ id: sourceId, ...perfectPixelSettings(ds) }),
+        signal: controller.signal,
+      })
+      if (!response.ok) {
+        const error = await response.json().catch(() => ({}))
+        throw new Error(error.detail || response.statusText)
       }
-      if (message.type === 'result' && message.requestId === requestId && message.blob) {
-        worker.terminate()
-        current.worker = null
-        if (current.previewUrl?.startsWith('blob:')) URL.revokeObjectURL(current.previewUrl)
-        current.resultBlob = message.blob
-        current.previewUrl = URL.createObjectURL(message.blob)
-        current.resultMeta = {
-          width: message.width,
-          height: message.height,
-          gridWidth: message.gridWidth,
-          gridHeight: message.gridHeight,
-          pixelSizeX: message.pixelSizeX,
-          pixelSizeY: message.pixelSizeY,
-          confidence: message.confidence,
-          automatic: message.automatic,
-        }
-        current.pending = false
-        current.error = ''
-        const image = findNodeEl(editorId)?.querySelector('[data-role="perfect-pixel-preview"]')
-        if (image) image.src = current.previewUrl
-        updatePerfectPixelEditorUi(editorId)
-        return
-      }
-      if (message.type === 'error') {
-        worker.terminate()
-        current.worker = null
-        current.pending = false
-        current.resultBlob = null
-        current.resultMeta = null
-        current.error = `${t('features.editing.perfectPixel.text007')}${workerErrorText(message)}`
-        updatePerfectPixelEditorUi(editorId)
+      const meta = JSON.parse(response.headers.get('X-Perfect-Pixel-Metadata'))
+      const blob = await response.blob()
+      const current = peekFeatureState(editorId)
+      if (!current || current.requestId !== requestId || controller.signal.aborted) return
+      if (current.previewUrl?.startsWith('blob:')) URL.revokeObjectURL(current.previewUrl)
+      current.resultBlob = blob
+      current.previewUrl = URL.createObjectURL(blob)
+      current.resultMeta = {
+        width: meta.width, height: meta.height,
+        gridWidth: meta.grid_width, gridHeight: meta.grid_height,
+        pixelSizeX: meta.pixel_size_x, pixelSizeY: meta.pixel_size_y,
+        confidence: meta.confidence, automatic: meta.auto_grid,
       }
-    })
-    worker.addEventListener('error', () => {
+      current.error = ''
+      const image = findNodeEl(editorId)?.querySelector('[data-role="perfect-pixel-preview"]')
+      if (image) image.src = current.previewUrl
+    } catch (error) {
       const current = peekFeatureState(editorId)
-      if (!current || current.worker !== worker || current.requestId !== requestId) return
-      worker.terminate()
-      current.worker = null
-      current.pending = false
+      if (!current || current.requestId !== requestId || controller.signal.aborted) return
       current.resultBlob = null
       current.resultMeta = null
-      current.error = t('features.editing.perfectPixel.text008')
-      updatePerfectPixelEditorUi(editorId)
-    })
-    worker.postMessage({ type: 'init', requestId, url: imageUrl(sourceId) })
+      current.error = errorT('features.editing.perfectPixel.text007') + error.message
+    } finally {
+      const current = peekFeatureState(editorId)
+      if (current?.requestId === requestId && !controller.signal.aborted) {
+        current.previewController = null
+        current.pending = false
+        updatePerfectPixelEditorUi(editorId)
+      }
+    }
   }
 
-  function schedulePerfectPixelProcess(editorId, delay = 100) {
+  function schedulePerfectPixelProcess(editorId, delay = 200) {
     const ds = peekFeatureState(editorId)
     const item = state.layoutItems.find((candidate) => candidate.id === editorId)
     if (!ds || !item?.sourceId || ds.busy) return
     clearTimeout(ds.processTimer)
-    ds.worker?.terminate()
-    ds.worker = null
+    ds.previewController?.abort()
+    ds.previewController = null
     ds.requestId += 1
     const requestId = ds.requestId
     if (ds.previewUrl?.startsWith('blob:')) URL.revokeObjectURL(ds.previewUrl)
@@ -240,7 +215,7 @@ function createPerfectPixelTool(context) {
     updatePerfectPixelEditorUi(editorId)
     ds.processTimer = setTimeout(() => {
       ds.processTimer = null
-      startPerfectPixelWorker(editorId, item.sourceId, requestId)
+      void startPerfectPixelPreview(editorId, item.sourceId, requestId)
     }, delay)
   }
 
@@ -266,25 +241,12 @@ function createPerfectPixelTool(context) {
     if (!ds) return
     clearTimeout(ds.processTimer)
     clearTimeout(ds.layoutSaveTimer)
-    ds.worker?.terminate()
+    ds.previewController?.abort()
     if (ds.previewUrl?.startsWith('blob:')) URL.revokeObjectURL(ds.previewUrl)
   }
 
   function task(item, ds) {
-    const blob = ds.resultBlob
-    const settings = {
-      source_id: item.sourceId,
-      auto_grid: String(ds.autoGrid),
-      grid_width: String(ds.resultMeta.gridWidth),
-      grid_height: String(ds.resultMeta.gridHeight),
-      pixel_size: String(ds.pixelSize),
-      pixel_size_x: String(ds.resultMeta.pixelSizeX),
-      pixel_size_y: String(ds.resultMeta.pixelSizeY),
-      sample_method: ds.sampleMethod,
-      export_scale: String(ds.exportScale),
-      alpha_mode: ds.alphaMode,
-      alpha_threshold: String(ds.alphaThreshold),
-    }
+    const settings = { id: item.sourceId, ...perfectPixelSettings(ds) }
     return {
       wait: {
         name: t('features.editing.perfectPixel.text009'),
@@ -294,8 +256,9 @@ function createPerfectPixelTool(context) {
       },
       request: (operationId) =>
         api(
-          `/api/perfect-pixel/apply-browser?${new URLSearchParams({ ...settings, client_operation_id: operationId })}`,
-          { method: 'POST', headers: { 'Content-Type': 'image/png' }, body: blob },
+          '/api/perfect-pixel/apply',
+          { method: 'POST', headers: { 'Content-Type': 'application/json' },
+            body: JSON.stringify({ ...settings, client_operation_id: operationId }) },
         ),
     }
   }

package/dist/canvas-public/features/editing/scroll-preview.js

@@ -1,3 +1,4 @@
+import { errorT } from '../../language/index.js'
 import { t } from '../../language/index.js'
 import { state } from '../../core/state.js'
 import {
@@ -10,7 +11,7 @@ import {
 export async function applyScrollPreviews(updates, services) {
   const changes = updates.map(({ source, params }) => {
     const config = normalizeScrollPreviewConfig(params)
-    if (!config) throw new Error(t('features.editing.scrollPreview.invalidParameters'))
+    if (!config) throw new Error(errorT('features.editing.scrollPreview.invalidParameters'))
     return {
       source,
       config,
@@ -120,7 +121,7 @@ export default {
   submitLabel: 'features.editing.scrollPreview.apply',
   async execute(params, item, services) {
     const source = state.layoutItems.find((entry) => entry.id === item.sourceId)
-    if (!source) throw new Error(t('features.editing.scrollPreview.sourceMissing'))
+    if (!source) throw new Error(errorT('features.editing.scrollPreview.sourceMissing'))
     await applyScrollPreview(source, params, services)
     await services.replaceLocal(item, [])
     services.setSelection([source.id])

package/dist/canvas-public/features/editing/smart-split.js

@@ -1,3 +1,4 @@
+import { errorT } from '../../language/index.js'
 import { t } from '../../language/index.js'
 export default {
   render: (ui) => ui.stack(ui.field('padToSameSize'), ui.field('anchor')),
@@ -41,7 +42,7 @@ export default {
       body: { id: item.sourceId, anchor: p.anchor, pad_to_same_size: p.padToSameSize },
       checkResult(result) {
         if ((result.images || []).length < 2)
-          throw new Error(t('features.editing.imageSplitting.text005'))
+          throw new Error(errorT('features.editing.imageSplitting.text005'))
       },
     }
   },

package/dist/canvas-public/features/editing/source-preview.js

@@ -1,11 +1,11 @@
-import { t } from '../../language/index.js'
+import { t, errorT } from '../../language/index.js'
 import { state } from '../../core/state.js'
 
 export async function sourceImageParameters(source, services) {
   const dimensions = await new Promise((resolve, reject) => {
     const image = new Image()
     image.onload = () => resolve({ w: image.naturalWidth, h: image.naturalHeight })
-    image.onerror = () => reject(new Error(t('features.editing.imageProcessing.text009')))
+    image.onerror = () => reject(new Error(errorT('features.editing.imageProcessing.text009')))
     image.src = services.imageUrl(source.id)
   })
   state.imageDims[source.id] = dimensions

package/dist/canvas-public/features/frame-editor/frame-editing.js

@@ -1,6 +1,6 @@
 import { frameSheetPreviewMeta } from '../../elements/image.js'
 import { ensureFeatureState, subscribeFeatureState } from '../../core/feature-state.js'
-import { t } from '../../language/index.js'
+import { t, errorT, errorText } from '../../language/index.js'
 import { state } from '../../core/state.js'
 import { normalizeFrameEditor, frameEditorParentIds } from './frame-model.js'
 
@@ -547,7 +547,7 @@ function createFrameEditingTool(context) {
       const assetId = String(reference.id || '').trim()
       const image = state.images.find((candidate) => candidate.id === assetId)
       if (!image || image.kind !== 'image') {
-        item.error = t('features.frameEditor.frameEditing.text005')
+        item.error = errorT('features.frameEditor.frameEditing.text005')
         renderCanvasItem(editorId)
         return
       }
@@ -555,7 +555,7 @@ function createFrameEditingTool(context) {
         if (editor.rows < 64) item.rows = editor.rows + 1
         else if (editor.columns < 64) item.columns = editor.columns + 1
         else {
-          item.error = t('features.frameEditor.frameEditing.text006')
+          item.error = errorT('features.frameEditor.frameEditing.text006')
           renderCanvasItem(editorId)
           return
         }
@@ -566,7 +566,7 @@ function createFrameEditingTool(context) {
       item.error = null
       await commitFrameEditorChange(editorId)
     } catch {
-      item.error = t('features.frameEditor.frameEditing.text007')
+      item.error = errorT('features.frameEditor.frameEditing.text007')
       renderCanvasItem(editorId)
     }
   }
@@ -679,7 +679,7 @@ function createFrameEditingTool(context) {
 
     const hint = document.createElement('p')
     hint.className = `frame-editor-hint${node.error ? ' is-error' : ''}`
-    hint.textContent = node.error || t('features.frameEditor.frameEditing.text018')
+    hint.textContent = errorText(node.error) || t('features.frameEditor.frameEditing.text018')
 
     workspace.addEventListener('pointerdown', (event) => event.stopPropagation())
     container.append(workspace, hint)

package/dist/canvas-public/features/frame-editor/preview.js

@@ -1,3 +1,4 @@
+import { errorT } from '../../language/index.js'
 import { t } from '../../language/index.js'
 import { state } from '../../core/state.js'
 import {
@@ -10,9 +11,10 @@ import {
 
 export async function detectFramePreviewCount(imageId, rows, columns, imageUrl) {
   const image = new Image()
+  image.crossOrigin = 'anonymous'
   await new Promise((resolve, reject) => {
     image.onload = resolve
-    image.onerror = () => reject(new Error(t('features.frameEditor.frameEditingDialogs.text007')))
+    image.onerror = () => reject(new Error(errorT('features.frameEditor.frameEditingDialogs.text007')))
     image.src = imageUrl(imageId)
   })
   const canvas = document.createElement('canvas')
@@ -140,7 +142,7 @@ export default {
   submitLabel: 'html.text072',
   async execute(p, item, services) {
     const source = state.layoutItems.find((entry) => entry.id === item.sourceId)
-    if (!source) throw new Error(t('inspector.framePreview.text011'))
+    if (!source) throw new Error(errorT('inspector.framePreview.text011'))
     await applyFramePreview(source, p, services)
     await services.replaceLocal(item, [])
     services.setSelection([source.id])