evomeme 0.1.9 → 0.1.10-beta.1

package/dist/canvas-public/assets/presets/catalog.json

@@ -0,0 +1,47 @@
+{
+  "version": 1,
+  "categories": [
+    {
+      "id": "tiles",
+      "label": "地块",
+      "enabled": true,
+      "items": [
+        { "id": "tiles/A_01_CaoDi.png", "name": "草地", "file": "A_01_CaoDi.png" },
+        { "id": "tiles/A_02_ShaMo.png", "name": "沙漠", "file": "A_02_ShaMo.png" },
+        { "id": "tiles/A_03_TianKong.png", "name": "天空", "file": "A_03_TianKong.png" },
+        { "id": "tiles/A_04_ShuiBo.png", "name": "水波", "file": "A_04_ShuiBo.png" },
+        { "id": "tiles/A_05_HaiMian.png", "name": "海面", "file": "A_05_HaiMian.png" },
+        { "id": "tiles/A_06_MuDiBan.png", "name": "木地板", "file": "A_06_MuDiBan.png" },
+        { "id": "tiles/A_07_ShiZhuan.png", "name": "石砖", "file": "A_07_ShiZhuan.png" },
+        { "id": "tiles/A_08_AnRongYan.png", "name": "暗熔岩", "file": "A_08_AnRongYan.png" },
+        { "id": "tiles/A_09_QingTaiShi.png", "name": "青苔石", "file": "A_09_QingTaiShi.png" },
+        { "id": "tiles/A_10_ShenHai.png", "name": "深海", "file": "A_10_ShenHai.png" },
+        { "id": "tiles/A_11_HuiYanShi.png", "name": "灰岩石", "file": "A_11_HuiYanShi.png" },
+        { "id": "tiles/A_12_HongTu.png", "name": "红土", "file": "A_12_HongTu.png" },
+        { "id": "tiles/A_13_GengDi.png", "name": "耕地", "file": "A_13_GengDi.png" },
+        { "id": "tiles/A_14_HuoShanYan.png", "name": "火山岩", "file": "A_14_HuoShanYan.png" },
+        { "id": "tiles/A_15_NiTu.png", "name": "泥土", "file": "A_15_NiTu.png" },
+        { "id": "tiles/A_16_HuangSha.png", "name": "黄沙", "file": "A_16_HuangSha.png" },
+        { "id": "tiles/A_17_CongLin.png", "name": "丛林", "file": "A_17_CongLin.png" },
+        { "id": "tiles/A_18_ZiYanShi.png", "name": "紫岩石", "file": "A_18_ZiYanShi.png" },
+        { "id": "tiles/A_19_MoGuTu.png", "name": "蘑菇土", "file": "A_19_MoGuTu.png" },
+        { "id": "tiles/A_20_HuaDian.png", "name": "花甸", "file": "A_20_HuaDian.png" },
+        { "id": "tiles/A_21_HaiLang.png", "name": "海浪", "file": "A_21_HaiLang.png" },
+        { "id": "tiles/A_22_GanTu.png", "name": "干土", "file": "A_22_GanTu.png" },
+        { "id": "tiles/A_23_QingTaiShiBan.png", "name": "青苔石板", "file": "A_23_QingTaiShiBan.png" },
+        { "id": "tiles/A_24_XingKong.png", "name": "星空", "file": "A_24_XingKong.png" },
+        { "id": "tiles/A_25_MoFaFuWen.png", "name": "魔法符文", "file": "A_25_MoFaFuWen.png" },
+        { "id": "tiles/A_26_ShiTuYeDi.png", "name": "湿土野地", "file": "A_26_ShiTuYeDi.png" },
+        { "id": "tiles/A_27_LanZhuan.png", "name": "蓝砖", "file": "A_27_LanZhuan.png" },
+        { "id": "tiles/A_28_HongZhuan.png", "name": "红砖", "file": "A_28_HongZhuan.png" },
+        { "id": "tiles/A_29_YueQiu.png", "name": "月球", "file": "A_29_YueQiu.png" },
+        { "id": "tiles/A_30_JinShuGe.png", "name": "金属格", "file": "A_30_JinShuGe.png" },
+        { "id": "tiles/A_31_JinShuJingGai.png", "name": "金属井盖", "file": "A_31_JinShuJingGai.png" },
+        { "id": "tiles/A_32_ShuZiChuang.png", "name": "数字窗", "file": "A_32_ShuZiChuang.png" }
+      ]
+    },
+    { "id": "characters", "label": "角色", "enabled": false, "items": [] },
+    { "id": "props", "label": "道具", "enabled": false, "items": [] },
+    { "id": "backgrounds", "label": "背景", "enabled": false, "items": [] }
+  ]
+}

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

@@ -0,0 +1,143 @@
+import { removeFeatureReferences } from '../core/feature-state.js'
+import { t } from '../language/index.js'
+import { api } from '../core/api.js'
+import { state } from '../core/state.js'
+import { isInteractiveCanvasUi, isPending } from '../elements/types.js'
+
+export function createCanvasActions({
+  releaseFeature,
+  beginActiveOperation,
+  clearSelection,
+  defaultNodeWidth,
+  elements,
+  endActiveOperation,
+  hasActiveOperations,
+  reload,
+  renderCanvas,
+  renderChrome,
+  saveLayout,
+  setSelection,
+}) {
+  const DEFAULT_W = defaultNodeWidth
+  async function copyCanvasItem(targetId) {
+    const item = state.layoutItems.find((it) => it.id === targetId)
+    if (!item || isPending(item) || isInteractiveCanvasUi(item)) return
+  
+    const ids = [item.id]
+    if (!ids.length) return
+  
+    try {
+      state.error = ''
+      await api('/api/clipboard/copy', {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({ ids }),
+      })
+      renderChrome()
+    } catch (err) {
+      state.error = String(err.message || err)
+      renderChrome()
+    }
+  }
+  
+  async function pasteClipboardFiles(point) {
+    if (!point || hasActiveOperations('clipboard-paste')) return
+    const activeOperation = beginActiveOperation('clipboard-paste')
+    state.error = ''
+    renderChrome()
+    try {
+      const result = await api('/api/clipboard/paste', {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: '{}',
+      })
+      const assets = Array.isArray(result.assets) ? result.assets : []
+      if (!assets.length) throw new Error(t("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) => {
+        const width = asset.kind === 'video' ? 280 : DEFAULT_W
+        state.layoutItems.push({
+          id: asset.id,
+          name: asset.name,
+          ...(asset.kind === 'video' ? { type: 'video' } : {}),
+          x: point.x + (index % columns) * 320,
+          y: point.y + Math.floor(index / columns) * 280,
+          width,
+          height: null,
+        })
+      })
+      await saveLayout(state.layoutItems)
+      await reload()
+      setSelection(ids)
+      renderCanvas()
+    } catch (err) {
+      state.error = String(err.message || err)
+    } finally {
+      endActiveOperation(activeOperation)
+      renderChrome()
+    }
+  }
+  
+  async function deleteCanvasItems(targetIds, { confirm = true } = {}) {
+    if (state.deleting) return
+    const ids = [...new Set((targetIds || []).filter(Boolean))]
+    if (!ids.length) return
+    if (
+      confirm &&
+      !window.confirm(
+        ids.length === 1
+          ? t("canvas.actions.text002")
+          : `${t("canvas.actions.text003")}${ids.length}${t("canvas.actions.text003.part1")}`,
+      )
+    ) {
+      return
+    }
+  
+    const selected = new Set(ids)
+    const items = ids
+      .map((id) => state.layoutItems.find((item) => item.id === id))
+      .filter(Boolean)
+    const imageIds = ids.filter((id) => {
+      const item = state.layoutItems.find((candidate) => candidate.id === id)
+      return !item ||
+        (!isInteractiveCanvasUi(item) && !isPending(item))
+    })
+  
+    state.deleting = true
+    try {
+      await api('/api/delete', {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({
+          layout_ids: ids,
+          image_ids: imageIds,
+        }),
+      })
+  
+      for (const item of items) releaseFeature(item)
+      let referencesChanged = false
+      for (const item of state.layoutItems) {
+        if (!selected.has(item.id)) referencesChanged = removeFeatureReferences(item, selected) || referencesChanged
+      }
+      state.layoutItems = state.layoutItems.filter((item) => !selected.has(item.id))
+      state.images = state.images.filter((image) => !selected.has(image.id))
+      clearSelection()
+      renderCanvas({ changedIds: ids })
+      renderChrome()
+      if (referencesChanged) await saveLayout(state.layoutItems)
+      await reload()
+      renderChrome()
+    } catch (err) {
+      state.error = String(err.message || err)
+      renderChrome()
+    } finally {
+      state.deleting = false
+    }
+  }
+
+  return { copyCanvasItem, deleteCanvasItems, pasteClipboardFiles }
+}
+
+
+

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

@@ -0,0 +1,28 @@
+import { state } from '../core/state.js'
+import { refreshTileMapGridScale } from '../map/tile-map-editor.js'
+
+export const MIN_CANVAS_SCALE = 0.1
+export const MAX_CANVAS_SCALE = 3
+
+export function clampCanvasScale(scale) {
+  const value = Number(scale)
+  return Math.min(
+    MAX_CANVAS_SCALE,
+    Math.max(MIN_CANVAS_SCALE, Number.isFinite(value) ? value : 1),
+  )
+}
+
+export function createCameraController({
+  elements,
+  updateDependencyEffectsMode,
+}) {
+  function applyCamera() {
+    const { x, y, scale } = state.camera
+    elements.world.style.transform = `translate(${x}px, ${y}px) scale(${scale})`
+    elements.world.dataset.cameraScale = String(scale)
+    refreshTileMapGridScale(scale)
+    updateDependencyEffectsMode()
+  }
+
+  return { applyCamera }
+}

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

@@ -0,0 +1,13 @@
+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 || ''
+    renderInspector()
+  } }
+}
+
+
+

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

@@ -0,0 +1,123 @@
+import { isUiElement } from '../elements/registry.js'
+import { t } from '../language/index.js'
+import { state } from '../core/state.js'
+import { pendingStateLabel } from '../elements/loading.js'
+import { isPending, isVideoItem } from '../elements/types.js'
+import { isTileMapItem, normalizeTileMapItem } from '../map/model.js'
+
+export function createCanvasData({
+  featureController,
+  imageName,
+  imageUrl,
+  normalizeGenMeta,
+  normalizeOrigin,
+  pendingDisplaySize,
+  videoDisplaySize,
+  widths,
+}) {
+  const DEFAULT_W = widths.defaultNode
+
+  function mergeLayout(_images, layoutItems) {
+    return (layoutItems || []).filter((item) =>
+      item?.type !== 'sequence' &&
+      !(isPending(item) && state.failedOperationIds.has(item.operationId || item.id))
+    ).map((item) => {
+      if (isUiElement(item)) return featureController().normalize(item)
+      if (isTileMapItem(item)) return normalizeTileMapItem(item)
+      if (isPending(item)) {
+        return {
+          ...item,
+          type: 'pending',
+          name: item.name || t("canvas.data.text011"),
+          width: item.width || DEFAULT_W,
+          media: item.media || 'image',
+        }
+      }
+      if (isVideoItem(item) || String(item.id || '').startsWith('videos/')) {
+        const next = {
+          ...item,
+          type: 'video',
+          width: item.width || 280,
+        }
+        const gen = normalizeGenMeta(item.gen)
+        if (gen) next.gen = gen
+        else delete next.gen
+        const origin = normalizeOrigin(item.origin)
+        if (origin) next.origin = origin
+        else delete next.origin
+        return next
+      }
+      const next = { ...item }
+      const gen = normalizeGenMeta(item.gen)
+
+      if (gen) next.gen = gen
+      else delete next.gen
+      const origin = normalizeOrigin(item.origin)
+      if (origin) next.origin = origin
+      else delete next.origin
+      return next
+    })
+  }
+  
+  function buildNodes() {
+    const imageMap = Object.fromEntries(state.images.map((img) => [img.id, img]))
+    const nodes = []
+  
+    state.layoutItems.forEach((item, index) => {
+      if (isUiElement(item)) { nodes.push(featureController().normalize(item, index)); return }
+      if (isTileMapItem(item)) {
+        nodes.push(normalizeTileMapItem(item, index))
+        return
+      }
+      if (isPending(item)) {
+        nodes.push({
+          ...item,
+          type: 'pending',
+          name: pendingStateLabel(item),
+          x: item.x ?? 60 + (index % 5) * 240,
+          y: item.y ?? 60 + Math.floor(index / 5) * 260,
+          width: item.width || DEFAULT_W,
+          height:
+            item.height ||
+            (item.media === 'video'
+              ? videoDisplaySize(item.ratio || '16:9').height
+              : pendingDisplaySize(item.size).height),
+        })
+        return
+      }
+      if (isVideoItem(item) || String(item.id || '').startsWith('videos/')) {
+        const media = imageMap[item.id]
+        const ratio = item.gen?.ratio || item.ratio || '16:9'
+        nodes.push({
+          ...item,
+          type: 'video',
+          url: media?.url || imageUrl(item.id),
+          name: media?.name || imageName(item.id),
+          x: item.x ?? 60 + (index % 5) * 240,
+          y: item.y ?? 60 + Math.floor(index / 5) * 260,
+          width: item.width || 280,
+          // 不强制固定高度，让 video 按真实比例自适应；仅在尚无元数据时给个兜底
+          height: item.height || null,
+          _fallbackRatio: ratio,
+        })
+        return
+      }
+      const img = imageMap[item.id]
+      if (!img) return
+      nodes.push({
+        ...item,
+        url: img.url,
+        name: item.name || img.name,
+        x: item.x ?? 60 + (index % 5) * 240,
+        y: item.y ?? 60 + Math.floor(index / 5) * 260,
+        width: item.width || DEFAULT_W,
+      })
+    })
+  
+    return nodes
+  }
+  
+
+  return { buildNodes, mergeLayout }
+}
+

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

@@ -0,0 +1,19 @@
+import { getFeature } from '../core/feature-registry.js'
+import { featureDependencies } from '../core/feature-state.js'
+
+/** Resolve business references before the shared arrow layer renders them. */
+export function resolveDependencyParentIds(item) {
+  const ids = []
+  const add = (id) => {
+    const value = String(id || '')
+    if (value && value !== item?.id && !ids.includes(value)) ids.push(value)
+  }
+
+  if (getFeature(item)) for (const id of featureDependencies(item)) add(id)
+  add(item?.sourceId)
+  for (const reference of item?.references || item?._refs || []) add(reference?.id)
+  for (const parent of item?.provenance?.parents || []) add(parent?.assetId)
+  for (const reference of item?.gen?.references || []) add(reference?.id)
+  add(item?.origin?.parentId || item?.origin?.sourceId)
+  return ids
+}