evomeme 0.1.9 → 0.1.10

package/dist/tile-transition-mask.svg

@@ -0,0 +1,40 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 8 8" shape-rendering="geometricPrecision">
+  <title>Two-terrain 4x4 transition mask</title>
+  <desc>White is terrain 0 and black is terrain 1. Every 2x2 logical region forms one tile. Rounded transitions begin halfway through a logical half-tile and use an exact quarter-circle with radius 0.5.</desc>
+  <defs>
+    <mask id="terrain-one" maskUnits="userSpaceOnUse" x="0" y="0" width="8" height="8">
+      <rect width="8" height="8" fill="black"/>
+      <!-- 00011000 / 10011111 / 10011111 / 01111110 / 01111110 / 00000110 / 00000110 / 00011000 -->
+      <g fill="white">
+        <rect x="3" y="0" width="2" height="1"/><rect x="0" y="1" width="1" height="1"/>
+        <rect x="3" y="1" width="5" height="1"/><rect x="0" y="2" width="1" height="1"/>
+        <rect x="3" y="2" width="5" height="1"/><rect x="1" y="3" width="6" height="1"/>
+        <rect x="1" y="4" width="6" height="1"/><rect x="5" y="5" width="2" height="1"/>
+        <rect x="5" y="6" width="2" height="1"/><rect x="3" y="7" width="2" height="1"/>
+      </g>
+      <g fill="black">
+        <rect x="0.5" y="1" width="0.5" height="0.5"/><rect x="0.5" y="2.5" width="0.5" height="0.5"/>
+        <rect x="1" y="3" width="0.5" height="0.5"/><rect x="1" y="4.5" width="0.5" height="0.5"/>
+        <rect x="3" y="7" width="0.5" height="0.5"/><rect x="5" y="6.5" width="0.5" height="0.5"/>
+        <rect x="4.5" y="7" width="0.5" height="0.5"/><rect x="6.5" y="6.5" width="0.5" height="0.5"/>
+      </g>
+      <g fill="white">
+        <circle cx="0.5" cy="1.5" r="0.5"/><circle cx="0.5" cy="2.5" r="0.5"/>
+        <circle cx="1.5" cy="3.5" r="0.5"/><circle cx="1.5" cy="4.5" r="0.5"/>
+        <circle cx="3.5" cy="7.5" r="0.5"/><circle cx="5.5" cy="6.5" r="0.5"/>
+        <circle cx="4.5" cy="7.5" r="0.5"/><circle cx="6.5" cy="6.5" r="0.5"/>
+      </g>
+      <g fill="white">
+        <rect x="5" y="0.5" width="0.5" height="0.5"/><rect x="2.5" y="2.5" width="0.5" height="0.5"/>
+        <rect x="7" y="3" width="0.5" height="0.5"/><rect x="4.5" y="5" width="0.5" height="0.5"/>
+      </g>
+      <g fill="black">
+        <circle cx="5.5" cy="0.5" r="0.5"/><circle cx="2.5" cy="2.5" r="0.5"/>
+        <circle cx="7.5" cy="3.5" r="0.5"/><circle cx="4.5" cy="5.5" r="0.5"/>
+      </g>
+    </mask>
+  </defs>
+  <rect width="8" height="8" fill="white"/>
+  <rect width="8" height="8" fill="black" mask="url(#terrain-one)"/>
+</svg>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "evomeme",
-  "version": "0.1.9",
+  "version": "0.1.10",
   "type": "module",
   "description": "evomemeplugin_client - local stdio MCP server. Install: npx -y evomeme@latest install --ide cursor. Init: npx -y evomeme@latest init.",
   "main": "dist/index.js",
@@ -9,9 +9,12 @@
   },
   "files": [
     "dist/index.js",
+    "dist/tile-transition-mask.svg",
     "dist/canvas-public",
+    "dist/stage-public",
+    "dist/stage-blender",
     "bin/evomeme",
-    "skills"
+    "dist/skills"
   ],
   "engines": {
     "node": ">=18.14.1"
@@ -20,21 +23,27 @@
     "version:sync": "node scripts/sync-version.mjs",
     "prepare:prod": "node scripts/prepare-channel.mjs --channel prod",
     "prepare:dev": "node scripts/prepare-channel.mjs --channel dev",
+    "skills:render": "node scripts/render-skills.mjs",
+    "skills:validate": "npm run skills:render && node scripts/validate-skills.mjs --skills-dir dist/skills",
     "prebuild": "npm run version:sync",
     "build": "node scripts/bundle.mjs",
     "start": "node bin/evomeme",
     "dev": "tsx src/index.ts",
     "canvas:dev": "tsx watch src/index.ts canvas --no-open",
+    "stage:dev": "tsx watch src/index.ts stage --no-open",
     "mcp:list": "node scripts/call-mcp.mjs --list",
     "mcp:call": "node scripts/call-mcp.mjs",
     "mcp:image:demo": "node scripts/call-mcp.mjs --demo-image",
     "typecheck": "tsc -p tsconfig.json --noEmit",
     "test": "jest",
-    "prepublishOnly": "npm run build",
-    "pack:local": "npm run prepare:prod && npm run build && npm pack",
-    "pack:dev": "npm run prepare:dev && npm run build && npm pack && npm run prepare:prod",
-    "publish:prod": "npm run prepare:prod && npm run build && npm publish --access public && npm run prepare:prod",
-    "publish:dev": "npm run prepare:dev && npm run build && npm publish --access public && npm run prepare:prod"
+    "test:publish": "node --test __tests__/scripts/renderSkills.test.mjs",
+    "test:canvas": "jest --runInBand __tests__/canvas",
+    "test:canvas:browser": "node scripts/canvas-feature-smoke.mjs",
+    "prepack": "npm run build",
+    "pack:local": "npm run prepare:prod && npm pack",
+    "pack:dev": "npm run prepare:dev && npm pack && npm run prepare:prod",
+    "publish:prod": "npm run prepare:prod && npm publish --access public && npm run prepare:prod",
+    "publish:dev": "npm run prepare:dev && npm publish --access public && npm run prepare:prod"
   },
   "publishConfig": {
     "access": "public"
@@ -51,6 +60,9 @@
     "@ffmpeg-installer/ffmpeg": "^1.1.0",
     "@ffprobe-installer/ffprobe": "^2.1.2",
     "@modelcontextprotocol/sdk": "^1.27.1",
+    "@pixi/tilemap": "^5.0.2",
+    "gltf-validator": "2.0.0-dev.3.10",
+    "pixi.js": "^8.20.1",
     "semver": "^7.8.5",
     "update-notifier": "^7.3.1"
   },
@@ -61,7 +73,9 @@
     "@types/update-notifier": "^6.0.8",
     "esbuild": "^0.27.0",
     "jest": "^29.7.0",
+    "jsdom": "26.1.0",
     "painterro": "^1.2.92",
+    "playwright": "1.63.0",
     "ts-jest": "^29.2.5",
     "tsx": "^4.20.6",
     "typescript": "^5.6.3"

package/dist/canvas-public/cycle-detect.js

@@ -1,166 +0,0 @@
-/**
- * 浏览器端：缩略灰度 + z-score + 点积，从前向后找最早高相似帧。
- */
-
-function zscoreInPlace(vec) {
-  let sum = 0
-  for (let i = 0; i < vec.length; i++) sum += vec[i]
-  const mean = sum / vec.length
-  let varSum = 0
-  for (let i = 0; i < vec.length; i++) {
-    const d = vec[i] - mean
-    varSum += d * d
-  }
-  const std = Math.sqrt(varSum / vec.length) + 1e-8
-  for (let i = 0; i < vec.length; i++) vec[i] = (vec[i] - mean) / std
-  return vec
-}
-
-function featureFromImageData(imageData) {
-  const { data, width, height } = imageData
-  const n = width * height
-  const vec = new Float32Array(n)
-  for (let i = 0, p = 0; i < n; i++, p += 4) {
-    // ITU-R BT.601 亮度
-    vec[i] = data[p] * 0.299 + data[p + 1] * 0.587 + data[p + 2] * 0.114
-  }
-  return zscoreInPlace(vec)
-}
-
-function nccScore(a, b) {
-  const n = Math.min(a.length, b.length)
-  if (!n) return 0
-  let sum = 0
-  for (let i = 0; i < n; i++) sum += a[i] * b[i]
-  return sum / n
-}
-
-function waitEvent(target, event, { signal } = {}) {
-  return new Promise((resolve, reject) => {
-    if (signal?.aborted) {
-      reject(new DOMException('Aborted', 'AbortError'))
-      return
-    }
-    const onAbort = () => {
-      cleanup()
-      reject(new DOMException('Aborted', 'AbortError'))
-    }
-    const onOk = () => {
-      cleanup()
-      resolve()
-    }
-    const cleanup = () => {
-      target.removeEventListener(event, onOk)
-      signal?.removeEventListener('abort', onAbort)
-    }
-    target.addEventListener(event, onOk, { once: true })
-    signal?.addEventListener('abort', onAbort, { once: true })
-  })
-}
-
-async function seekVideo(video, time, signal) {
-  const duration = Number(video.duration)
-  const maxT = Number.isFinite(duration) && duration > 0 ? Math.max(0, duration - 1e-4) : time
-  const t = Math.min(Math.max(0, time), maxT)
-  if (Math.abs((video.currentTime || 0) - t) < 1e-4) return
-  const p = waitEvent(video, 'seeked', { signal })
-  video.currentTime = t
-  await p
-}
-
-function drawFeature(video, canvas, ctx, thumbWidth) {
-  const vw = video.videoWidth || 1
-  const vh = video.videoHeight || 1
-  const w = Math.max(8, Math.round(thumbWidth))
-  const h = Math.max(8, Math.round((vh / vw) * w))
-  if (canvas.width !== w) canvas.width = w
-  if (canvas.height !== h) canvas.height = h
-  ctx.drawImage(video, 0, 0, w, h)
-  return featureFromImageData(ctx.getImageData(0, 0, w, h))
-}
-
-/**
- * @param {string} videoUrl
- * @param {{
- *   threshold?: number,
- *   minGapSec?: number,
- *   thumbWidth?: number,
- *   onProgress?: (info: object) => void,
- *   signal?: AbortSignal,
- * }} [options]
- * @returns {Promise<{ start: number, end: number, score: number, fps: number, scanned: number }>}
- */
-export async function detectFirstCycle(videoUrl, options = {}) {
-  const threshold = Math.min(0.999, Math.max(0.5, Number(options.threshold) || 0.98))
-  const minGapSec = Math.max(0.05, Number(options.minGapSec) || 0.4)
-  const thumbWidth = Math.max(16, Math.round(Number(options.thumbWidth) || 96))
-  const onProgress = typeof options.onProgress === 'function' ? options.onProgress : null
-  const signal = options.signal
-
-  const video = document.createElement('video')
-  video.muted = true
-  video.playsInline = true
-  video.preload = 'auto'
-  video.crossOrigin = 'anonymous'
-
-  const canvas = document.createElement('canvas')
-  const ctx = canvas.getContext('2d', { willReadFrequently: true })
-  if (!ctx) throw new Error('无法创建 canvas')
-
-  try {
-    const loaded = waitEvent(video, 'loadedmetadata', { signal })
-    video.src = videoUrl
-    video.load()
-    await loaded
-    if (!video.videoWidth || !Number.isFinite(video.duration) || video.duration <= 0) {
-      throw new Error('无法读取视频元数据')
-    }
-
-    const duration = video.duration
-    const step = 1 / 24
-    const minT = Math.min(duration - step, minGapSec)
-    if (!(minT > step)) {
-      throw new Error('视频太短，无法提取周期')
-    }
-
-    await seekVideo(video, 0, signal)
-    // 部分浏览器 seek(0) 后需一帧稳定
-    await new Promise((r) => requestAnimationFrame(() => requestAnimationFrame(r)))
-    const ref = drawFeature(video, canvas, ctx, thumbWidth)
-
-    let scanned = 0
-    for (let t = minT; t < duration - 1e-4; t += step) {
-      if (signal?.aborted) throw new DOMException('Aborted', 'AbortError')
-      await seekVideo(video, t, signal)
-      const feat = drawFeature(video, canvas, ctx, thumbWidth)
-      const score = nccScore(ref, feat)
-      scanned += 1
-      onProgress?.({
-        time: t,
-        score,
-        scanned,
-        duration,
-        threshold,
-      })
-      if (score >= threshold) {
-        return {
-          start: 0,
-          end: Math.min(t, duration),
-          score,
-          fps: 24,
-          scanned,
-          threshold,
-          minGapSec,
-        }
-      }
-    }
-
-    throw new Error(
-      `未找到相似度 ≥ ${(threshold * 100).toFixed(0)}% 的周期终点（已扫 ${scanned} 帧，最短间隔 ${minGapSec}s）`,
-    )
-  } finally {
-    video.pause()
-    video.removeAttribute('src')
-    video.load()
-  }
-}

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

@@ -1,185 +0,0 @@
-/**
- * 智能切分：从一张含多主体的图中提取连通区域，按阅读顺序返回裁切 dataURL。
- * 纯浏览器 Canvas，无外部依赖。
- */
-
-function isForeground(r, g, b, a, bg) {
-  if (a < 24) return false
-  // 相对背景色差够大才算前景（兼容白底 / 棋盘格近似色）
-  const dr = r - bg.r
-  const dg = g - bg.g
-  const db = b - bg.b
-  const dist = Math.sqrt(dr * dr + dg * dg + db * db)
-  return dist > 28 || a < 250 && a > 24
-}
-
-function sampleBackground(data, w, h) {
-  // 取四角均值作为背景估计
-  const pts = [
-    [0, 0],
-    [w - 1, 0],
-    [0, h - 1],
-    [w - 1, h - 1],
-    [Math.floor(w / 2), 0],
-    [0, Math.floor(h / 2)],
-  ]
-  let r = 0
-  let g = 0
-  let b = 0
-  let n = 0
-  for (const [x, y] of pts) {
-    const i = (y * w + x) * 4
-    r += data[i]
-    g += data[i + 1]
-    b += data[i + 2]
-    n += 1
-  }
-  return { r: r / n, g: g / n, b: b / n }
-}
-
-function loadImageElement(url) {
-  return new Promise((resolve, reject) => {
-    const img = new Image()
-    img.crossOrigin = 'anonymous'
-    img.onload = () => resolve(img)
-    img.onerror = () => reject(new Error('图片加载失败'))
-    img.src = url
-  })
-}
-
-/**
- * @param {string} imageUrl
- * @returns {Promise<string[]>} PNG dataURL 列表（至少 2 张才有意义；找不到则空数组）
- */
-export async function smartSplitImage(imageUrl) {
-  const img = await loadImageElement(imageUrl)
-  const maxSide = 1600
-  const scale = Math.min(1, maxSide / Math.max(img.naturalWidth, img.naturalHeight))
-  const w = Math.max(1, Math.round(img.naturalWidth * scale))
-  const h = Math.max(1, Math.round(img.naturalHeight * scale))
-
-  const canvas = document.createElement('canvas')
-  canvas.width = w
-  canvas.height = h
-  const ctx = canvas.getContext('2d', { willReadFrequently: true })
-  ctx.drawImage(img, 0, 0, w, h)
-  const { data } = ctx.getImageData(0, 0, w, h)
-  const bg = sampleBackground(data, w, h)
-
-  const visited = new Uint8Array(w * h)
-  const boxes = []
-  const minArea = Math.max(64, Math.floor((w * h) / 800))
-  const queue = new Int32Array(w * h)
-
-  for (let y = 0; y < h; y += 1) {
-    for (let x = 0; x < w; x += 1) {
-      const start = y * w + x
-      if (visited[start]) continue
-      const i0 = start * 4
-      if (!isForeground(data[i0], data[i0 + 1], data[i0 + 2], data[i0 + 3], bg)) {
-        visited[start] = 1
-        continue
-      }
-
-      let qh = 0
-      let qt = 0
-      queue[qt++] = start
-      visited[start] = 1
-      let minX = x
-      let maxX = x
-      let minY = y
-      let maxY = y
-      let area = 0
-
-      while (qh < qt) {
-        const p = queue[qh++]
-        const px = p % w
-        const py = (p / w) | 0
-        area += 1
-        if (px < minX) minX = px
-        if (px > maxX) maxX = px
-        if (py < minY) minY = py
-        if (py > maxY) maxY = py
-
-        const neighbors = [p - 1, p + 1, p - w, p + w]
-        for (const n of neighbors) {
-          if (n < 0 || n >= w * h) continue
-          if (visited[n]) continue
-          const nx = n % w
-          const ny = (n / w) | 0
-          // 防跨行左右邻居
-          if (Math.abs(nx - px) + Math.abs(ny - py) !== 1) continue
-          const ni = n * 4
-          if (!isForeground(data[ni], data[ni + 1], data[ni + 2], data[ni + 3], bg)) {
-            visited[n] = 1
-            continue
-          }
-          visited[n] = 1
-          queue[qt++] = n
-        }
-      }
-
-      const bw = maxX - minX + 1
-      const bh = maxY - minY + 1
-      if (area >= minArea && bw >= 8 && bh >= 8) {
-        // 过滤几乎铺满整图的单一大块（切不出多图）
-        if (bw * bh < w * h * 0.92) {
-          boxes.push({ minX, minY, maxX, maxY, area })
-        }
-      }
-    }
-  }
-
-  if (boxes.length < 2) return []
-
-  // 阅读顺序：先上后下，同行按左到右
-  const rowTol = Math.max(12, Math.floor(h * 0.03))
-  boxes.sort((a, b) => {
-    if (Math.abs(a.minY - b.minY) > rowTol) return a.minY - b.minY
-    return a.minX - b.minX
-  })
-
-  // 原图尺寸裁切（更高清），并统一到完全相同的画布尺寸，保证序列播放不抖动
-  const inv = 1 / scale
-  const crops = []
-  for (const box of boxes) {
-    const sx = Math.max(0, Math.floor(box.minX * inv))
-    const sy = Math.max(0, Math.floor(box.minY * inv))
-    const sw = Math.min(img.naturalWidth - sx, Math.ceil((box.maxX - box.minX + 1) * inv))
-    const sh = Math.min(img.naturalHeight - sy, Math.ceil((box.maxY - box.minY + 1) * inv))
-    if (sw < 4 || sh < 4) continue
-    crops.push({ sx, sy, sw, sh })
-  }
-  if (crops.length < 2) return []
-
-  // 统一尺寸：先按最高补上方白边，再按最宽左右均匀补白边
-  const frameW = Math.max(...crops.map((c) => c.sw))
-  const frameH = Math.max(...crops.map((c) => c.sh))
-  const full = document.createElement('canvas')
-  full.width = frameW
-  full.height = frameH
-  const fctx = full.getContext('2d')
-
-  const out = []
-  for (const crop of crops) {
-    fctx.fillStyle = '#ffffff'
-    fctx.fillRect(0, 0, frameW, frameH)
-    const padTop = frameH - crop.sh
-    const padX = frameW - crop.sw
-    const dx = Math.floor(padX / 2)
-    const dy = padTop
-    fctx.drawImage(
-      img,
-      crop.sx,
-      crop.sy,
-      crop.sw,
-      crop.sh,
-      dx,
-      dy,
-      crop.sw,
-      crop.sh,
-    )
-    out.push(full.toDataURL('image/png'))
-  }
-  return out
-}