evomeme 0.1.10-beta.1 → 0.1.10-beta.13

package/dist/canvas-public/features/generation/image.js

@@ -1,19 +1,19 @@
 import { state } from '../../core/state.js'
 import { t } from '../../language/index.js'
-import { generationNode, promptField, modelField, refsField, imageWait } from './fields.js'
-
-const sizePresets = (model) => state.meta?.models?.find((entry) => entry.id === model)?.size_presets ||
-  (state.meta?.size_presets || ['2048x2048']).filter((size) => model !== 'asset-lite' || size !== '1024x1024')
-const normalizeModelFields = (p) => {
-  if (p.model !== 'asset-max' && p.background === 'auto') p.background = 'opaque'
-  const supported = state.meta?.models?.find((entry) => entry.id === p.model)?.size_presets
-  if (supported && !supported.includes(p.sizePreset) || p.model === 'asset-lite' && p.sizePreset === '1024x1024') {
-    p.sizePreset = '2048x2048'
-  }
-  return p
-}
-
-export default {
+import { generationNode, promptField, modelField, refsField, imageWait } from './fields.js'
+
+const sizePresets = (model) => state.meta?.models?.find((entry) => entry.id === model)?.size_presets ||
+  (state.meta?.size_presets || ['2048x2048']).filter((size) => model !== 'asset-lite' || size !== '1024x1024')
+const normalizeModelFields = (p) => {
+  if (p.model !== 'asset-max' && p.background === 'auto') p.background = 'opaque'
+  const supported = state.meta?.models?.find((entry) => entry.id === p.model)?.size_presets
+  if (supported && !supported.includes(p.sizePreset) || p.model === 'asset-lite' && p.sizePreset === '1024x1024') {
+    p.sizePreset = '2048x2048'
+  }
+  return p
+}
+
+export default {
   render: (ui) =>
     ui.stack(
       ui.prompt('prompt', 'refs'),
@@ -24,9 +24,9 @@ export default {
   id: 'image',
   title: 'features.generation.generationDialog.text009',
   node: generationNode('gen_dialog', 420),
-  storage: 'imageGeneration',
-  migrate: (saved) => normalizeModelFields(saved),
-  changed: (p, field) => { if (field === 'model') normalizeModelFields(p) },
+  storage: 'imageGeneration',
+  migrate: (saved) => normalizeModelFields(saved),
+  changed: (p, field) => { if (field === 'model') normalizeModelFields(p) },
   fields: [
     promptField({ required: true, placeholder: 'features.generation.imageGeneration.text022' }),
     refsField(),
@@ -34,14 +34,14 @@ export default {
     {
       path: 'background',
       type: 'enum',
-      default: 'opaque',
+      default: 'opaque',
       label: 'inspector.uiInspector.text014',
       visible: (p) => p.model !== 'asset-lite',
-      options: (p) =>
-        ['auto', 'transparent', 'opaque'].flatMap((value, index) => p.model !== 'asset-max' && value === 'auto' ? [] : [{
-          value,
-          labelKey: `features.generation.generationControls.text00${index + 1}`,
-        }]),
+      options: (p) =>
+        ['auto', 'transparent', 'opaque'].flatMap((value, index) => p.model !== 'asset-max' && value === 'auto' ? [] : [{
+          value,
+          labelKey: `features.generation.generationControls.text00${index + 1}`,
+        }]),
     },
     {
       path: 'sizeMode',
@@ -56,9 +56,9 @@ export default {
     {
       path: 'sizePreset',
       type: 'enum',
-      default: () => state.meta?.default_size || '2048x2048',
+      default: () => state.meta?.default_size || '2048x2048',
       label: 'inspector.uiInspector.text018',
-      options: (p) => sizePresets(p.model),
+      options: (p) => sizePresets(p.model),
       visible: (p) => p.sizeMode !== 'custom',
     },
     {

package/dist/canvas-public/features/map/tile-map-editor.js

@@ -1,3 +1,4 @@
+import { errorT } from '../../language/index.js'
 import { t } from '../../language/index.js'
 import { installFeatureStyles } from '../../ui/controls.js'
 /**
@@ -97,7 +98,7 @@ async function ensurePixiRuntime() {
       if (!globalThis.PIXI?.tilemap?.CompositeTilemap)
         await loadScriptOnce('/vendor/pixi-tilemap.js')
       if (!globalThis.PIXI?.Application || !globalThis.PIXI?.tilemap?.CompositeTilemap) {
-        throw new Error(t('map.tileMapEditor.text002'))
+        throw new Error(errorT('map.tileMapEditor.text002'))
       }
     })().catch((error) => {
       pixiRuntimePromise = null
@@ -174,9 +175,10 @@ function drawTransparencyGrid(context, width, height) {
 function loadHtmlImage(url) {
   return new Promise((resolve, reject) => {
     const image = new Image()
+    image.crossOrigin = 'anonymous'
     image.decoding = 'async'
     image.onload = () => resolve(image)
-    image.onerror = () => reject(new Error(t('map.tileMapEditor.text003')))
+    image.onerror = () => reject(new Error(errorT('map.tileMapEditor.text003')))
     image.src = url
   })
 }
@@ -408,7 +410,7 @@ class TileMapView {
       }
       try {
         const reference = JSON.parse(raw)
-        if (!reference?.id) throw new Error(t('map.tileMapEditor.text019'))
+        if (!reference?.id) throw new Error(errorT('map.tileMapEditor.text019'))
         await this.openSliceDialog(reference)
       } catch (error) {
         this.reportError(error)
@@ -1814,7 +1816,7 @@ class TileMapView {
           tile_size: this.map.cellSize,
         })
         if (!result?.tileset?.id || !Array.isArray(result.tiles) || !result.tiles.length) {
-          throw new Error(t('map.tileMapEditor.text047'))
+          throw new Error(errorT('map.tileMapEditor.text047'))
         }
         const previousSourceIds = new Set(existing?.tileSourceIds || [])
         const nextSources = result.tiles
@@ -1951,7 +1953,7 @@ class TileMapView {
     }
     const blob = await new Promise((resolve, reject) => {
       canvas.toBlob(
-        (value) => (value ? resolve(value) : reject(new Error(t('map.tileMapEditor.text051')))),
+        (value) => (value ? resolve(value) : reject(new Error(errorT('map.tileMapEditor.text051')))),
         'image/png',
       )
     })

package/dist/canvas-public/language/index.js

@@ -23,8 +23,20 @@ export function t(key) {
 }
 
 export function translateWorkerError(message, fallbackKey = 'common.browserProcessingFailed') {
-  if (message?.messageKey) return t(message.messageKey)
-  return String(message?.message || t(fallbackKey))
+  if (message?.messageKey) return errorT(message.messageKey)
+  return errorText(message?.message || errorT(fallbackKey))
+}
+
+/** Errors remain English while the rest of the interface follows the user's language. */
+export function errorT(key) { return enUS[key] ?? key }
+
+export function errorText(value) {
+  let text = String(value?.errorInfo?.message || value?.message || value || '')
+  if (!/[\u3400-\u9fff]/.test(text)) return text
+  for (const [key, translated] of Object.entries(zhCN).sort((a, b) => b[1].length - a[1].length)) {
+    if (translated.length > 1 && enUS[key]) text = text.split(translated).join(enUS[key])
+  }
+  return /[\u3400-\u9fff]/.test(text) ? 'The operation failed. Check the input and the existing task.' : text
 }
 
 export function getLanguage() {

package/dist/canvas-public/map/export.js

@@ -1,9 +1,10 @@
+import { errorT } from '../language/index.js'
 import { t } from '../language/index.js'
 import { getMountedTileMapView } from './tile-map-editor.js'
 
 export async function exportTileMapPng(id) {
   const view = getMountedTileMapView(id)
-  if (!view) throw new Error(t("map.export.text001"))
+  if (!view) throw new Error(errorT("map.export.text001"))
   await view.exportPng()
   if (view.selectedStatus) view.selectedStatus.textContent = t("map.export.text002")
 }

package/dist/canvas-public/ui/feature-form.js

@@ -1,3 +1,4 @@
+import { errorText } from '../language/index.js'
 import { t } from '../language/index.js'
 import {
   getField,
@@ -358,7 +359,7 @@ export function mountFeatureForm(host, item, definition, services) {
     const params = get()
     const validation = validateFeature(definition, params)
     const message = params.messages?.findLast?.((entry) => entry.error)?.error || validation.message
-    error.textContent = message || ''
+    error.textContent = errorText(message) || ''
     error.hidden = !message
     submit.hidden = !definition.task && !definition.execute && !definition.setup
     submit.disabled =

package/dist/canvas-public/ui/settings.js

@@ -1,3 +1,4 @@
+import { errorText } from '../language/index.js'
 import { api } from '../core/api.js'
 import { getLanguage, onLanguageChange, setLanguage, t } from '../language/index.js'
 
@@ -20,7 +21,7 @@ export function initSettingsDialog(elements) {
   }
 
   function showLanguageError(messageKey, error) {
-    settingsLanguageError.textContent = `${t(messageKey)} ${String(error?.message || error)}`
+    settingsLanguageError.textContent = `${errorText(t(messageKey))} ${errorText(error)}`
     settingsLanguageError.hidden = false
   }
 

package/dist/{canvas-public/workers/perfect-pixel-worker.js → image-workers/perfect-pixel/perfect-pixel-core.js}

@@ -1,80 +1,11 @@
-let sourceBitmap = null
-
-self.addEventListener('message', async (event) => {
-  const message = event.data || {}
-  try {
-    if (message.type === 'init') {
-      const response = await fetch(String(message.url || ''))
-      if (!response.ok) throw workerError('workers.imageLoadFailed', { status: response.status })
-      sourceBitmap?.close?.()
-      sourceBitmap = await createImageBitmap(await response.blob())
-      self.postMessage({
-        type: 'ready',
-        requestId: message.requestId,
-        width: sourceBitmap.width,
-        height: sourceBitmap.height,
-      })
-      return
-    }
-
-    if (message.type !== 'process') return
-    if (!sourceBitmap) throw workerError('workers.perfectPixel.notInitialized')
-
-    const settings = normalizeSettings(message.settings)
-    const sourceCanvas = new OffscreenCanvas(sourceBitmap.width, sourceBitmap.height)
-    const sourceContext = sourceCanvas.getContext('2d', { willReadFrequently: true })
-    sourceContext.drawImage(sourceBitmap, 0, 0)
-    const source = sourceContext.getImageData(0, 0, sourceBitmap.width, sourceBitmap.height)
-    const result = restorePixelGrid(source, settings)
-
-    const lowResolution = new OffscreenCanvas(result.width, result.height)
-    lowResolution.getContext('2d').putImageData(
-      new ImageData(result.pixels, result.width, result.height),
-      0,
-      0,
-    )
-
-    const outputWidth = result.width * settings.exportScale
-    const outputHeight = result.height * settings.exportScale
-    const output = new OffscreenCanvas(outputWidth, outputHeight)
-    const outputContext = output.getContext('2d')
-    outputContext.imageSmoothingEnabled = false
-    outputContext.clearRect(0, 0, outputWidth, outputHeight)
-    outputContext.drawImage(lowResolution, 0, 0, outputWidth, outputHeight)
-    const blob = await output.convertToBlob({ type: 'image/png' })
-
-    self.postMessage({
-      type: 'result',
-      requestId: message.requestId,
-      blob,
-      width: outputWidth,
-      height: outputHeight,
-      gridWidth: result.width,
-      gridHeight: result.height,
-      pixelSizeX: result.pixelSizeX,
-      pixelSizeY: result.pixelSizeY,
-      confidence: result.confidence,
-      automatic: settings.autoGrid,
-    })
-  } catch (error) {
-    self.postMessage({
-      type: 'error',
-      requestId: message.requestId,
-      messageKey: error?.messageKey || '',
-      messageVariables: error?.messageVariables || null,
-      message: error?.messageKey ? '' : String(error?.message || error),
-    })
-  }
-})
-
-function workerError(messageKey, messageVariables = null) {
+export function workerError(messageKey, messageVariables = null) {
   const error = new Error(messageKey)
   error.messageKey = messageKey
   error.messageVariables = messageVariables
   return error
 }
 
-function normalizeSettings(value) {
+export function normalizeSettings(value) {
   const settings = value && typeof value === 'object' ? value : {}
   const sampleMethod = ['majority', 'median', 'center'].includes(settings.sampleMethod)
     ? settings.sampleMethod
@@ -95,7 +26,7 @@ function clampInteger(value, min, max, fallback) {
   return Number.isFinite(number) ? Math.max(min, Math.min(max, number)) : fallback
 }
 
-function restorePixelGrid(image, settings) {
+export function restorePixelGrid(image, settings) {
   const width = image.width
   const height = image.height
   if (!width || !height) throw workerError('workers.perfectPixel.invalidSourceSize')

package/dist/image-workers/perfect-pixel/perfect-pixel-worker.cjs

@@ -0,0 +1,10 @@
+// Node background thread. The browser never loads this entry or the pixel algorithm.
+const { parentPort, workerData } = require('node:worker_threads');
+
+import('./perfect-pixel-core.js').then(({ normalizeSettings, restorePixelGrid }) => {
+  const settings = normalizeSettings(workerData.settings);
+  const result = restorePixelGrid(workerData.image, settings);
+  parentPort.postMessage({ result, settings }, [result.pixels.buffer]);
+}).catch(error => {
+  parentPort.postMessage({ error: { message: error.message, messageKey: error.messageKey } });
+});