pixelkiln 0.82.0 → 0.83.0

package/dist/client/gallery.js

@@ -887,6 +887,23 @@
     setTimeout(() => id.focus(), 0);
     return form;
   }
+  function revisionModesFor(item) {
+    if (item.provider !== "pixellab") return [["image-to-image", "edit with a text instruction"]];
+    if (item.outputs.length > 1) {
+      return [
+        ["edit-animation", "one text edit across every frame"],
+        ["reduce-colors", "fewer colours, across every frame"],
+        ["correct-pixelart", "clean up the pixel grid, across every frame"]
+      ];
+    }
+    return [
+      ["image-to-image", "edit with a text instruction"],
+      ["animate", "animate it from a text description"],
+      ["animate-pixminimax", "animate it, holding the facing direction"],
+      ["reduce-colors", "fewer colours, optional dithering"],
+      ["correct-pixelart", "clean up the pixel grid"]
+    ];
+  }
   function newRevisionForm(item) {
     const pr = projectOf(item);
     const form = el("form", "edit");
@@ -897,18 +914,83 @@
     id.required = true;
     id.autocomplete = "off";
     id.pattern = "[^\\/\\\\]+";
+    const modes = revisionModesFor(item);
+    const mode = el("select");
+    for (const [value, label] of modes) mode.append(new Option(value + ": " + label, value));
     const prompt = el("textarea");
-    prompt.placeholder = 'Edit instruction, e.g. "add snow on the roof".';
-    prompt.required = true;
     const strength = el("input");
     strength.type = "number";
     strength.min = "0";
     strength.max = "1";
     strength.step = "0.05";
     strength.placeholder = "provider default";
+    const frames = el("input");
+    frames.type = "number";
+    frames.min = "4";
+    frames.max = "40";
+    frames.step = "2";
+    frames.placeholder = "provider default";
+    const fps = el("input");
+    fps.type = "number";
+    fps.min = "1";
+    fps.max = "60";
+    fps.step = "1";
+    fps.placeholder = "playback rate";
+    const enhance = el("input");
+    enhance.type = "checkbox";
+    const enhanceField = el("label", "field check");
+    enhanceField.append(enhance, el("span", null, "let PixelLab expand the motion description first"));
+    const direction = el("select");
+    for (const d of ["south", "south-east", "east", "north-east", "north", "north-west", "west", "south-west"]) direction.append(new Option(d, d));
+    const numColors = el("input");
+    numColors.type = "number";
+    numColors.min = "2";
+    numColors.max = "256";
+    numColors.step = "1";
+    numColors.placeholder = "PixelLab default";
+    const dithering = el("select");
+    for (const d of ["", "none", "2x2", "4x4", "8x8"]) dithering.append(new Option(d || "default", d));
     const row1 = el("div", "row");
-    row1.append(field("new asset id", id), field("strength", strength, "PixelLab rejects an explicit strength for image-to-image; leave this blank there."));
-    form.append(row1, field("edit instruction", prompt, "The style still adds its prefix and suffix."));
+    row1.append(field("new asset id", id), field("mode", mode));
+    const promptField = field("instruction", prompt);
+    const strengthField = field("strength", strength, "PixelLab rejects an explicit strength for image-to-image; leave this blank there. Optional for correct-pixelart.");
+    const framesField = field("frames", frames, "Even, 4 to 40; animate allows up to 16.");
+    const fpsField = field("fps", fps, "Recorded with the frames; PixelLab does not store one.");
+    const directionField = field("facing", direction, "Holds the sprite's facing while the motion is expanded.");
+    const colorsField = field("colours", numColors);
+    const ditherField = field("dithering", dithering);
+    const grids = el("div", "row");
+    grids.append(framesField, fpsField);
+    const cleanup = el("div", "row");
+    cleanup.append(colorsField, ditherField);
+    form.append(row1, promptField, strengthField, grids, directionField, enhanceField, cleanup);
+    const hints = {
+      "image-to-image": ["edit instruction", "add snow on the roof", "The style still adds its prefix and suffix."],
+      animate: ["motion", "the chest wobbling gently", "Describes the movement; the parent image is the first frame."],
+      "animate-pixminimax": ["motion", "the chest wobbling gently", "Describes the movement; the parent image is the first frame."],
+      "edit-animation": ["edit instruction", "add a red cape", "Applied across every frame in one call, so the change stays consistent."],
+      "reduce-colors": ["note", "optional", "Cleanup only: the text is kept as a label, not sent."],
+      "correct-pixelart": ["note", "optional", "Cleanup only: the text is kept as a label, not sent."]
+    };
+    const sync = () => {
+      const m = mode.value;
+      const [label, placeholder, hint] = hints[m];
+      promptField.querySelector("span").textContent = label;
+      promptField.querySelector("small")?.remove();
+      promptField.append(el("small", null, hint));
+      prompt.placeholder = placeholder;
+      prompt.required = m !== "reduce-colors" && m !== "correct-pixelart";
+      strengthField.hidden = m !== "image-to-image" && m !== "correct-pixelart";
+      grids.hidden = !(m === "animate" || m === "animate-pixminimax" || m === "edit-animation");
+      framesField.hidden = !(m === "animate" || m === "animate-pixminimax");
+      fpsField.hidden = grids.hidden;
+      directionField.hidden = !(m === "animate-pixminimax" && enhance.checked);
+      enhanceField.hidden = !(m === "animate" || m === "animate-pixminimax");
+      cleanup.hidden = m !== "reduce-colors";
+    };
+    mode.onchange = sync;
+    enhance.onchange = sync;
+    sync();
     const actions = el("div", "actions");
     const save = el("button", "primary", "Create revision");
     save.type = "submit";
@@ -926,9 +1008,19 @@
       save.disabled = true;
       msg.className = "msg";
       msg.textContent = "saving…";
-      const revision = { mode: "image-to-image", from: item.assetId };
-      if (strength.value.trim() !== "") revision.strength = Number(strength.value);
-      const asset = { prompt: prompt.value, styles: [item.styleId], revision };
+      const m = mode.value;
+      const revision = { mode: m, from: item.assetId };
+      if ((m === "image-to-image" || m === "correct-pixelart") && strength.value.trim() !== "") revision.strength = Number(strength.value);
+      if ((m === "animate" || m === "animate-pixminimax") && frames.value.trim() !== "") revision.frames = Number(frames.value);
+      if ((m === "animate" || m === "animate-pixminimax" || m === "edit-animation") && fps.value.trim() !== "") revision.fps = Number(fps.value);
+      if ((m === "animate" || m === "animate-pixminimax") && enhance.checked) revision.enhancePrompt = true;
+      if (m === "animate-pixminimax" && enhance.checked) revision.direction = direction.value;
+      if (m === "reduce-colors") {
+        if (numColors.value.trim() !== "") revision.numColors = Number(numColors.value);
+        if (dithering.value) revision.dithering = dithering.value;
+      }
+      const text = prompt.value.trim() || (m === "reduce-colors" ? "reduce colours" : m === "correct-pixelart" ? "correct pixel art" : "");
+      const asset = { prompt: text, styles: [item.styleId], revision };
       try {
         const body = { action: "add-asset", assetId: id.value.trim(), expectedSha256: pr.manifestSha256, asset };
         if (item.project) body.project = item.project;
@@ -4373,6 +4465,12 @@
         if (item.revision.maskSha256) row(dl, "mask sha256", item.revision.maskSha256.slice(0, 16) + "…", { mono: true, copy: item.revision.maskSha256 });
         if (item.revision.strength !== void 0) row(dl, "strength", item.revision.strength);
       }
+      const declared = item.asset && item.asset.revision;
+      if (declared) {
+        for (const [label, key] of [["facing", "direction"], ["looks like", "description"], ["body template", "skeletonTemplate"], ["frames", "frames"], ["fps", "fps"], ["colours", "numColors"], ["dithering", "dithering"]]) {
+          if (declared[key] !== void 0) row(dl, label, declared[key]);
+        }
+      }
       if (item.skeleton) {
         row(dl, "keypoints", item.skeleton.keypointsFile, { mono: true });
         if (item.skeleton.set) {

package/dist/index.cjs

@@ -15450,10 +15450,10 @@ var NewAssetSchema = import_zod8.z.object({
   styles: import_zod8.z.array(import_zod8.z.string().min(1)).optional(),
   /**
    * A controlled regeneration of another asset in the same manifest,
-   * instead of a fresh generation. `inpaint` needs a mask upload the
-   * gallery does not offer yet, so only `image-to-image` and
-   * `animate-skeleton` (whose keypoints file the gallery writes first) can
-   * be created here; hand-edit the manifest for the other modes.
+   * instead of a fresh generation. `inpaint` needs a mask upload and
+   * `interpolate` an ending-keyframe image the gallery does not offer, so
+   * those two are hand-edited; every other mode can be created here
+   * (`animate-skeleton` after the gallery writes its keypoints file).
    */
   revision: import_zod8.z.discriminatedUnion("mode", [
     import_zod8.z.object({
@@ -15462,6 +15462,29 @@ var NewAssetSchema = import_zod8.z.object({
       from: import_zod8.z.string().min(1),
       strength: import_zod8.z.number().min(0).max(1).optional()
     }).strict(),
+    import_zod8.z.object({
+      mode: import_zod8.z.literal("reduce-colors"),
+      from: import_zod8.z.string().min(1),
+      /** A target colour count; the gallery leaves PixelLab's default when this is omitted. */
+      numColors: import_zod8.z.number().int().min(2).max(256).optional(),
+      dithering: RevisionDitheringSchema.optional(),
+      ditheringStrength: import_zod8.z.number().min(0).max(10).optional()
+    }).strict(),
+    import_zod8.z.object({ mode: import_zod8.z.literal("correct-pixelart"), from: import_zod8.z.string().min(1), strength: import_zod8.z.number().min(0).max(1).optional() }).strict(),
+    import_zod8.z.object({
+      mode: import_zod8.z.enum(["animate", "animate-pixminimax"]),
+      from: import_zod8.z.string().min(1),
+      frames: import_zod8.z.number().int().min(4).max(40).refine((n) => n % 2 === 0, "frames must be even").optional(),
+      fps: import_zod8.z.number().int().min(1).max(60).optional(),
+      enhancePrompt: import_zod8.z.boolean().optional(),
+      /** `animate-pixminimax` only; the loader refuses it on `animate`. */
+      direction: CharacterDirectionSchema.optional()
+    }).strict(),
+    import_zod8.z.object({
+      mode: import_zod8.z.literal("edit-animation"),
+      from: import_zod8.z.string().min(1),
+      fps: import_zod8.z.number().int().min(1).max(60).optional()
+    }).strict(),
     import_zod8.z.object({
       mode: import_zod8.z.literal("animate-skeleton"),
       from: import_zod8.z.string().min(1),