@energy8platform/golem 0.6.0 → 0.7.0

package/README.md

@@ -200,6 +200,20 @@ for p in symbol_idle symbol_win dim; do npm run rig -- rig_apply_preset '{"path"
 npm run rig -- rig_render_preview '{"path":"'$S'","animation":"win","fps":10,"onionSkin":true,"scale":0.5,"saveTo":"examples/symbol/out/win.png"}'
 ```
 
+## Модуль e8-engine
+
+golem — e8-row `golem1` (`@energy8platform/golem`). Что даёт: тулы `rig_*` в MCP e8, node `golem` в сцене, вкладка
+редактора для `rig.json` в IDE, undo через историю golem. Риги лежат в `assets/rigs/<name>/`.
+
+Node `golem` в игре, тулы `rig_*` и skills приходят со строкой `golem1` бандла `e8-base` (проект без него добавляет ту же
+строку в `e8.patch.yml`). Строка в `e8.yml` добавляет вкладку редактора `rig.json` в IDE и мост undo:
+
+```yaml
+- id: golem1
+  name: '@energy8platform/golem'
+  config: {}
+```
+
 ## Шаг 3 — слои (риск №1 закрыт)
 
 Спайк сегментации на `cashier.png` (артефакты удалены при чистке репозитория): вырезание из плоской картинки + bleed 6 px даёт чистый

package/dist/editor.css

@@ -13,6 +13,8 @@
   --ctl-line:#3C3C3C;
   --err:#F14C4C;
   --warn:#CCA700;
+  --font:-apple-system,"Segoe UI",sans-serif;
+  --size:13px;
   --r-xs:2px;
   --r-s:4px;
   --r-m:6px;
@@ -26,10 +28,7 @@ body {
   height: 100%;
   background: var(--chrome);
   color: var(--fg);
-  font:
-    13px -apple-system,
-    "Segoe UI",
-    sans-serif;
+  font: var(--size) var(--font);
   user-select: none;
 }
 #app {

package/dist/editor.js

@@ -43308,7 +43308,7 @@ var require_gifenc = __commonJS({
         bins[nb.fw].bk = nb.bk;
         nb.mtm = bincountMinusOne;
       }
-      let palette = [];
+      let palette2 = [];
       var k4 = 0;
       for (i6 = 0; ; ++k4) {
         let r5 = clamp3(Math.round(bins[i6].rc), 0, 255);
@@ -43327,17 +43327,17 @@ var require_gifenc = __commonJS({
           }
         }
         const color = hasAlpha ? [r5, g4, b4, a5] : [r5, g4, b4];
-        const exists = existsInPalette(palette, color);
+        const exists = existsInPalette(palette2, color);
         if (!exists)
-          palette.push(color);
+          palette2.push(color);
         if ((i6 = bins[i6].fw) == 0)
           break;
       }
-      return palette;
+      return palette2;
     }
-    function existsInPalette(palette, color) {
-      for (let i6 = 0; i6 < palette.length; i6++) {
-        const p6 = palette[i6];
+    function existsInPalette(palette2, color) {
+      for (let i6 = 0; i6 < palette2.length; i6++) {
+        const p6 = palette2[i6];
         let matchesRGB = p6[0] === color[0] && p6[1] === color[1] && p6[2] === color[2];
         let matchesAlpha = p6.length >= 4 && color.length >= 4 ? p6[3] === color[3] : true;
         if (matchesRGB && matchesAlpha)
@@ -43376,14 +43376,14 @@ var require_gifenc = __commonJS({
         data[i6] = a5 << 24 | b4 << 16 | g4 << 8 | r5 << 0;
       }
     }
-    function applyPalette2(rgba, palette, format = "rgb565") {
+    function applyPalette2(rgba, palette2, format = "rgb565") {
       if (!rgba || !rgba.buffer) {
         throw new Error("quantize() expected RGBA Uint8Array data");
       }
       if (!(rgba instanceof Uint8Array) && !(rgba instanceof Uint8ClampedArray)) {
         throw new Error("quantize() expected RGBA Uint8Array data");
       }
-      if (palette.length > 256) {
+      if (palette2.length > 256) {
         throw new Error("applyPalette() only works with 256 colors or less");
       }
       const data = new Uint32Array(rgba.buffer);
@@ -43400,7 +43400,7 @@ var require_gifenc = __commonJS({
           const g4 = color >> 8 & 255;
           const r5 = color & 255;
           const key = rgba8888_to_rgba4444(r5, g4, b4, a5);
-          const idx = key in cache ? cache[key] : cache[key] = nearestColorIndexRGBA(r5, g4, b4, a5, palette);
+          const idx = key in cache ? cache[key] : cache[key] = nearestColorIndexRGBA(r5, g4, b4, a5, palette2);
           index[i6] = idx;
         }
       } else {
@@ -43411,17 +43411,17 @@ var require_gifenc = __commonJS({
           const g4 = color >> 8 & 255;
           const r5 = color & 255;
           const key = rgb888_to_key(r5, g4, b4);
-          const idx = key in cache ? cache[key] : cache[key] = nearestColorIndexRGB(r5, g4, b4, palette);
+          const idx = key in cache ? cache[key] : cache[key] = nearestColorIndexRGB(r5, g4, b4, palette2);
           index[i6] = idx;
         }
       }
       return index;
     }
-    function nearestColorIndexRGBA(r5, g4, b4, a5, palette) {
+    function nearestColorIndexRGBA(r5, g4, b4, a5, palette2) {
       let k4 = 0;
       let mindist = 1e100;
-      for (let i6 = 0; i6 < palette.length; i6++) {
-        const px2 = palette[i6];
+      for (let i6 = 0; i6 < palette2.length; i6++) {
+        const px2 = palette2[i6];
         const a22 = px2[3];
         let curdist = sqr2(a22 - a5);
         if (curdist > mindist)
@@ -43443,11 +43443,11 @@ var require_gifenc = __commonJS({
       }
       return k4;
     }
-    function nearestColorIndexRGB(r5, g4, b4, palette) {
+    function nearestColorIndexRGB(r5, g4, b4, palette2) {
       let k4 = 0;
       let mindist = 1e100;
-      for (let i6 = 0; i6 < palette.length; i6++) {
-        const px2 = palette[i6];
+      for (let i6 = 0; i6 < palette2.length; i6++) {
+        const px2 = palette2[i6];
         const r22 = px2[0];
         let curdist = sqr2(r22 - r5);
         if (curdist > mindist)
@@ -43465,12 +43465,12 @@ var require_gifenc = __commonJS({
       }
       return k4;
     }
-    function snapColorsToPalette(palette, knownColors, threshold = 5) {
-      if (!palette.length || !knownColors.length)
+    function snapColorsToPalette(palette2, knownColors, threshold = 5) {
+      if (!palette2.length || !knownColors.length)
         return;
-      const paletteRGB = palette.map((p6) => p6.slice(0, 3));
+      const paletteRGB = palette2.map((p6) => p6.slice(0, 3));
       const thresholdSq = threshold * threshold;
-      const dim2 = palette[0].length;
+      const dim2 = palette2[0].length;
       for (let i6 = 0; i6 < knownColors.length; i6++) {
         let color = knownColors[i6];
         if (color.length < dim2) {
@@ -43484,7 +43484,7 @@ var require_gifenc = __commonJS({
         const idx = r5[0];
         const distanceSq = r5[1];
         if (distanceSq > 0 && distanceSq <= thresholdSq) {
-          palette[idx] = color;
+          palette2[idx] = color;
         }
       }
     }
@@ -43554,7 +43554,7 @@ var require_gifenc = __commonJS({
             transparent = false,
             transparentIndex = 0,
             delay = 0,
-            palette = null,
+            palette: palette2 = null,
             repeat = 0,
             colorDepth = 8,
             dispose = -1
@@ -43572,21 +43572,21 @@ var require_gifenc = __commonJS({
           width = Math.max(0, Math.floor(width));
           height = Math.max(0, Math.floor(height));
           if (first) {
-            if (!palette) {
+            if (!palette2) {
               throw new Error("First frame must include a { palette } option");
             }
-            encodeLogicalScreenDescriptor(stream, width, height, palette, colorDepth);
-            encodeColorTable(stream, palette);
+            encodeLogicalScreenDescriptor(stream, width, height, palette2, colorDepth);
+            encodeColorTable(stream, palette2);
             if (repeat >= 0) {
               encodeNetscapeExt(stream, repeat);
             }
           }
           const delayTime = Math.round(delay / 10);
           encodeGraphicControlExt(stream, dispose, delayTime, transparent, transparentIndex);
-          const useLocalColorTable = Boolean(palette) && !first;
-          encodeImageDescriptor(stream, width, height, useLocalColorTable ? palette : null);
+          const useLocalColorTable = Boolean(palette2) && !first;
+          encodeImageDescriptor(stream, width, height, useLocalColorTable ? palette2 : null);
           if (useLocalColorTable)
-            encodeColorTable(stream, palette);
+            encodeColorTable(stream, palette2);
           encodePixels(stream, index, width, height, colorDepth, accum, htab, codetab);
         }
       };
@@ -43620,10 +43620,10 @@ var require_gifenc = __commonJS({
       stream.writeByte(transparentIndex || 0);
       stream.writeByte(0);
     }
-    function encodeLogicalScreenDescriptor(stream, width, height, palette, colorDepth = 8) {
+    function encodeLogicalScreenDescriptor(stream, width, height, palette2, colorDepth = 8) {
       const globalColorTableFlag = 1;
       const sortFlag = 0;
-      const globalColorTableSize = colorTableSize(palette.length) - 1;
+      const globalColorTableSize = colorTableSize(palette2.length) - 1;
       const fields = globalColorTableFlag << 7 | colorDepth - 1 << 4 | sortFlag << 3 | globalColorTableSize;
       const backgroundColorIndex = 0;
       const pixelAspectRatio = 0;
@@ -43641,12 +43641,12 @@ var require_gifenc = __commonJS({
       writeUInt16(stream, repeat);
       stream.writeByte(0);
     }
-    function encodeColorTable(stream, palette) {
-      const colorTableLength = 1 << colorTableSize(palette.length);
+    function encodeColorTable(stream, palette2) {
+      const colorTableLength = 1 << colorTableSize(palette2.length);
       for (let i6 = 0; i6 < colorTableLength; i6++) {
         let color = [0, 0, 0];
-        if (i6 < palette.length) {
-          color = palette[i6];
+        if (i6 < palette2.length) {
+          color = palette2[i6];
         }
         stream.writeByte(color[0]);
         stream.writeByte(color[1]);
@@ -49210,8 +49210,8 @@ function validate(doc2) {
       if (tracks.has(tid)) errs.push(`animation "${a5.id}": duplicate track ${tid}`);
       tracks.add(tid);
       if (driven.has(tid)) errs.push(`animation "${a5.id}": ${tid} is controlled by a binding; animate its control instead`);
-      const known = t5.target === "bone" ? bones.has(t5.id) : t5.target === "slot" ? slots.has(t5.id) : t5.target === "deform" ? attachments.has(t5.id) : t5.target === "ik" ? iks.has(t5.id) : t5.target === "transform" ? transforms.has(t5.id) : t5.target === "path" ? paths.has(t5.id) : t5.target === "control" ? controls.has(t5.id) : true;
-      if (!known) errs.push(`animation "${a5.id}": unknown ${t5.target} "${t5.id}"`);
+      const known2 = t5.target === "bone" ? bones.has(t5.id) : t5.target === "slot" ? slots.has(t5.id) : t5.target === "deform" ? attachments.has(t5.id) : t5.target === "ik" ? iks.has(t5.id) : t5.target === "transform" ? transforms.has(t5.id) : t5.target === "path" ? paths.has(t5.id) : t5.target === "control" ? controls.has(t5.id) : true;
+      if (!known2) errs.push(`animation "${a5.id}": unknown ${t5.target} "${t5.id}"`);
       const bound = t5.target === "deform" ? DEFORM_BOUNDS[t5.prop] : void 0;
       const att = t5.target === "deform" ? attachments.get(t5.id) : void 0;
       let prev = -1;
@@ -50958,12 +50958,12 @@ var json = async (res) => {
   return body;
 };
 async function getDoc(rig) {
-  const r5 = await json(await fetch(`/api/doc?rig=${encodeURIComponent(rig)}`));
+  const r5 = await json(await fetch(`api/doc?rig=${encodeURIComponent(rig)}`));
   if (r5.isError) throw new Error(String(r5.text).replace(/^ERROR: /, ""));
   return r5;
 }
 async function callTool(rig, name, args, baseVersion) {
-  const res = await fetch(`/api/tool/${encodeURIComponent(name)}`, {
+  const res = await fetch(`api/tool/${encodeURIComponent(name)}`, {
     method: "POST",
     headers: { "content-type": "application/json" },
     body: JSON.stringify({ rig, args, baseVersion })
@@ -50971,25 +50971,25 @@ async function callTool(rig, name, args, baseVersion) {
   return { ...await json(res), status: res.status };
 }
 function subscribe(rig, onChanged, onState) {
-  const es = new EventSource(`/api/events?rig=${encodeURIComponent(rig)}`);
+  const es = new EventSource(`api/events?rig=${encodeURIComponent(rig)}`);
   es.addEventListener("changed", (e5) => onChanged(JSON.parse(e5.data).version));
   es.onopen = () => onState(true);
   es.onerror = () => onState(false);
   return () => es.close();
 }
-var assetUrl = (rigDir2, src) => `/rig/${rigDir2 ? rigDir2 + "/" : ""}${src}`;
+var assetUrl = (rigDir2, src) => `rig/${rigDir2 ? rigDir2 + "/" : ""}${src}`;
 async function listRigs() {
-  return json(await fetch("/api/rigs"));
+  return json(await fetch("api/rigs"));
 }
 async function createRig(rig, name, width, height) {
-  const res = await fetch("/api/rigs", { method: "POST", headers: { "content-type": "application/json" }, body: JSON.stringify({ rig, name, width, height }) });
+  const res = await fetch("api/rigs", { method: "POST", headers: { "content-type": "application/json" }, body: JSON.stringify({ rig, name, width, height }) });
   return { ...await json(res), status: res.status };
 }
 async function listFiles(rig) {
-  return json(await fetch(`/api/files?rig=${encodeURIComponent(rig)}`));
+  return json(await fetch(`api/files?rig=${encodeURIComponent(rig)}`));
 }
 async function upload(rig, file) {
-  const res = await fetch(`/api/upload?rig=${encodeURIComponent(rig)}&name=${encodeURIComponent(file.name)}`, { method: "POST", headers: { "content-type": "image/png" }, body: file });
+  const res = await fetch(`api/upload?rig=${encodeURIComponent(rig)}&name=${encodeURIComponent(file.name)}`, { method: "POST", headers: { "content-type": "image/png" }, body: file });
   const r5 = await json(res);
   if (r5.isError) throw new Error(String(r5.text).replace(/^ERROR: /, ""));
   return r5;
@@ -51409,6 +51409,7 @@ __export(store_exports, {
   drawOrderFront: () => drawOrderFront,
   drivenBy: () => drivenBy,
   editable: () => editable,
+  embedded: () => embedded,
   ensureTemplate: () => ensureTemplate,
   externalChange: () => externalChange,
   files: () => files,
@@ -51595,6 +51596,7 @@ function hitMesh(v6, tri, px, py) {
 var params = new URLSearchParams(typeof location === "undefined" ? "" : location.search);
 var rigPath = params.get("rig") || "examples/hero/rig.json";
 var rigDir = rigPath.slice(0, Math.max(0, rigPath.lastIndexOf("/")));
+var embedded = params.get("embed") === "1";
 var doc = y3(void 0);
 var draft = y3(void 0);
 var shown = g2(() => draft.value ?? doc.value);
@@ -58880,8 +58882,8 @@ var Stage = class {
         void p6.play(anim.id, { loop: false, mix: 0 });
         p6.tick(i6 / fps);
         const { pixels } = this.app.renderer.extract.pixels({ target: this.camera, frame });
-        const palette = (0, import_gifenc.quantize)(pixels, 256);
-        gif.writeFrame((0, import_gifenc.applyPalette)(pixels, palette), w5, h6, { palette, delay: 1e3 / fps });
+        const palette2 = (0, import_gifenc.quantize)(pixels, 256);
+        gif.writeFrame((0, import_gifenc.applyPalette)(pixels, palette2), w5, h6, { palette: palette2, delay: 1e3 / fps });
         setStatus(`gif: frame ${i6 + 1}/${n4}`);
         await new Promise((r5) => setTimeout(r5));
       }
@@ -59695,9 +59697,9 @@ var KEY_HIT = 5;
 var times2 = (ts) => [...new Set(ts.flatMap((t5) => t5.keys.map((k4) => k4.t)))].sort((a5, b4) => a5 - b4);
 function rows(doc2, anim) {
   const out2 = [{ kind: "all", label: "all keys", keys: times2(anim.tracks), depth: 0 }];
-  const push = (target, known) => {
+  const push = (target, known2) => {
     const mine = anim.tracks.filter((t5) => t5.target === target);
-    const ids = [.../* @__PURE__ */ new Set([...known.filter((id) => mine.some((t5) => t5.id === id)), ...mine.map((t5) => t5.id)])];
+    const ids = [.../* @__PURE__ */ new Set([...known2.filter((id) => mine.some((t5) => t5.id === id)), ...mine.map((t5) => t5.id)])];
     for (const id of ids) {
       const own = mine.filter((t5) => t5.id === id);
       out2.push({ kind: "group", label: id, keys: times2(own), depth: 0 });
@@ -59763,14 +59765,19 @@ function clampDuration(requested, lastKeyOrEventTime, fps) {
 }
 
 // src/editor/timeline.ts
-var PANEL = "#181818";
-var ALT = "#1E1E1E";
-var LINE = "#2B2B2B";
-var CTL_LINE = "#3C3C3C";
-var ACCENT4 = "#0078D4";
-var FG = "#CCCCCC";
-var FG2 = "#9D9D9D";
-var ERR = "#F14C4C";
+var TOKENS = {
+  PANEL: ["--chrome", "#181818"],
+  ALT: ["--bg", "#1E1E1E"],
+  LINE: ["--line", "#2B2B2B"],
+  CTL_LINE: ["--ctl-line", "#3C3C3C"],
+  ACCENT: ["--accent", "#0078D4"],
+  FG: ["--fg", "#CCCCCC"],
+  FG2: ["--fg2", "#9D9D9D"],
+  ERR: ["--err", "#F14C4C"]
+};
+function palette(style) {
+  return Object.fromEntries(Object.entries(TOKENS).map(([k4, [token, fallback]]) => [k4, style.getPropertyValue(token).trim() || fallback]));
+}
 var LEFT = 220;
 var ROW_H = 20;
 var HEADER_H = 24;
@@ -59800,6 +59807,9 @@ var Timeline = class {
       selectedKeys.value;
       f3(() => this.draw());
     }));
+    const retheme = () => f3(() => this.draw());
+    window.addEventListener("golem:theme", retheme);
+    this.dispose.push(() => window.removeEventListener("golem:theme", retheme));
     this.bindPointer();
     this.resize();
   }
@@ -59870,6 +59880,7 @@ var Timeline = class {
     g4.fill();
   }
   draw() {
+    const { PANEL, ALT, LINE, CTL_LINE, ACCENT: ACCENT4, FG, FG2, ERR } = palette(getComputedStyle(document.documentElement));
     const g4 = this.g, w5 = this.w, h6 = this.h, l6 = this.layout();
     const anim = currentAnim.value, rs = this.rowsNow(), d6 = this.drag;
     const dur = d6?.kind === "duration" ? d6.duration : anim?.duration ?? 0;
@@ -60300,6 +60311,41 @@ function ControlForms() {
   ] });
 }
 
+// src/editor/embed.ts
+var THEME_TOKENS = [
+  "--bg",
+  "--panel",
+  "--chrome",
+  "--line",
+  "--accent",
+  "--accent-hover",
+  "--fg",
+  "--fg2",
+  "--ctl",
+  "--ctl-hover",
+  "--ctl-line",
+  "--err",
+  "--warn",
+  "--font",
+  "--size"
+];
+var known = new Set(THEME_TOKENS);
+function themeVars(data) {
+  if (!data || typeof data !== "object" || data.type !== "golem:theme") return [];
+  const vars = data.vars;
+  if (!vars || typeof vars !== "object") return [];
+  return Object.entries(vars).filter((e5) => known.has(e5[0]) && typeof e5[1] === "string");
+}
+function listenForTheme(win = window) {
+  const on = (e5) => {
+    if (e5.origin !== win.location.origin) return;
+    for (const [name, value] of themeVars(e5.data)) win.document.documentElement.style.setProperty(name, value);
+    win.dispatchEvent(new Event("golem:theme"));
+  };
+  win.addEventListener("message", on);
+  return () => win.removeEventListener("message", on);
+}
+
 // src/editor/app.tsx
 var stage;
 var timeline;
@@ -60461,7 +60507,7 @@ function OpenList() {
   const body = rigsLoading.value ? /* @__PURE__ */ u4("div", { class: "rig", children: "loading\u2026" }) : rigsError.value ? /* @__PURE__ */ u4("div", { class: "rig error", children: [
     "open: ",
     rigsError.value
-  ] }) : rigs.value.length ? rigs.value.map((r5) => /* @__PURE__ */ u4("a", { class: "rig", "data-rig": r5.rig, href: `/editor.html?rig=${encodeURIComponent(r5.rig)}`, children: [
+  ] }) : rigs.value.length ? rigs.value.map((r5) => /* @__PURE__ */ u4("a", { class: "rig", "data-rig": r5.rig, href: `editor.html?rig=${encodeURIComponent(r5.rig)}`, children: [
     /* @__PURE__ */ u4("b", { children: r5.name }),
     " ",
     /* @__PURE__ */ u4("span", { class: "path", children: r5.rig }),
@@ -60493,7 +60539,7 @@ function NewForm() {
         setStatus(String(r5.text).replace(/^ERROR: /, ""), "error");
         return;
       }
-      location.href = `/editor.html?rig=${encodeURIComponent(`${dir}/rig.json`)}`;
+      location.href = `editor.html?rig=${encodeURIComponent(`${dir}/rig.json`)}`;
     } catch (e5) {
       setStatus(`new: ${e5.message}`, "error");
     }
@@ -60633,8 +60679,8 @@ function TopBar() {
       /* @__PURE__ */ u4("input", { class: "lock", type: "checkbox", checked: lockImages.value, onChange: (e5) => lockImages.value = e5.target.checked }),
       "lock images"
     ] }),
-    /* @__PURE__ */ u4("button", { class: "new", onClick: click(() => popover.value = popover.peek() === "new" ? void 0 : "new"), children: "new" }),
-    /* @__PURE__ */ u4("button", { class: "open", onClick: click(() => {
+    !embedded && /* @__PURE__ */ u4("button", { class: "new", onClick: click(() => popover.value = popover.peek() === "new" ? void 0 : "new"), children: "new" }),
+    !embedded && /* @__PURE__ */ u4("button", { class: "open", onClick: click(() => {
       if (popover.peek() === "open") {
         closePopover();
         return;
@@ -60894,6 +60940,7 @@ function App() {
     /* @__PURE__ */ u4(Splitter, { edge: "tl" })
   ] });
 }
+if (embedded) listenForTheme();
 restoreLayout();
 R(/* @__PURE__ */ u4(App, {}), document.getElementById("app"));
 await reload();