pandorga 1.4.6 → 1.4.7

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: a8ea9638b4cbf0679fd3eeb328969878e5c4e7080be6a338257ccfc831f66213
-  data.tar.gz: 865776c26a7094cdf151ff21c6ecf492dd9e91171a6608bb23567323ff6ef8a2
+  metadata.gz: b72923b7c78519c2e27d696f963cf147445dd0d8dd089f90a69cde8c2247acbd
+  data.tar.gz: 703d26b69d010bcd5e535eee0dfd64da725887439cd68edb7cd8da827acb69d8
 SHA512:
-  metadata.gz: f14807c5d0798c3dd75253faa2571fd142ee5f9e69017486a89cf65eead3c45707b683ab044bd45c3be03fe177287732a0cb95dfc1a57597917ea9a6e2b272b4
-  data.tar.gz: 86216efa57c77d99e3f1369d467edd57580f3046e558325b425ad1ecc85c5b0c9dacb162407840229c50f87de9233f8e668ef3abaa5cd2b34714b76644697042
+  metadata.gz: a974cbf723b43a543a0af0a489c74c08bac2bddd4b77275baf5e74c106fde22aa69ea4e0085f0a1a71ba9f25514db61d0e6fc96dd9f03f749645e38e93dfd704
+  data.tar.gz: 164b159223d96b978e251f271fc8aea4b6535ad3397205efa88860dd1211b31ace3661b3425d6540b72874f1cd8d4348f8480ae305eccce115d45756dd0bfb5b

data/CHANGELOG.md

@@ -1,5 +1,13 @@
 # Changelog
 
+## [1.4.7] — 2026-10-07
+
+### Fixed
+
+- Studio keeps the editor focused while the content-pipeline chip is spinning.
+  Status polls patch the toolbar chip instead of rebuilding the shell.
+- Home draft cards use 16:9 thumbnails and are 20% shorter on desktop and mobile.
+
 ## [1.4.6] — 2026-10-07
 
 ### Fixed

data/assets/css/ledger/home.css

@@ -845,10 +845,9 @@ html[data-theme="light"] .home-hero-plate {
     border-color var(--motion-duration-fast) var(--motion-ease-default);
 }
 
-/* ~40% taller poster than the shared 16/9 plate so the dropped-sheet body
-   keeps room for the excerpt (four-up columns were clipping copy to a sliver). */
+/* Shared 16:9 plate. The previous 16/12.6 crop made these thumbs tall. */
 .home-draft-card .ledger-poster {
-  aspect-ratio: 16 / 12.6;
+  aspect-ratio: 16 / 9;
 }
 
 /* A handful of fixed degrees per grid position — not a JS random() — so the
@@ -875,8 +874,9 @@ html[data-theme="light"] .home-hero-plate {
 }
 
 .home-draft-card .ledger-card-body {
-  padding: var(--space-md);
-  gap: var(--space-xs);
+  /* 20% shorter stack than the previous dropped-sheet body, both breakpoints. */
+  padding: calc(var(--space-md) * 0.8);
+  gap: calc(var(--space-xs) * 0.8);
 }
 
 /* Up from 1rem. The four dropped sheets are the only place on the home page
@@ -903,19 +903,29 @@ html[data-theme="light"] .home-hero-plate {
      `flex: 1` gives the paragraph a definite block size from the flex
      allocation, so line-clamp/overflow clip against that height instead of
      growing past the ellipsis (the old flex:1 + clamp:2 bug that left text
-     after "…" and sliced mid-glyph at the card edge).
-     min-height ~40% above the old six-line band so short posters still leave
-     readable excerpt room. */
+     after "…" and sliced mid-glyph at the card edge). */
   flex: 1 1 auto;
-  min-height: calc(var(--type-subtitle) * var(--leading-body) * 8.4);
+  /* With the 16:9 plate, this band keeps the whole card about 20% shorter
+     than the old 16/12.6 poster and 8.4-line excerpt, on narrow and wide grids. */
+  min-height: calc(var(--type-subtitle) * var(--leading-body) * 5.33);
   height: 0;
   display: -webkit-box;
-  -webkit-line-clamp: 8;
-  line-clamp: 8;
+  -webkit-line-clamp: 5;
+  line-clamp: 5;
   -webkit-box-orient: vertical;
   overflow: hidden;
 }
 
+/* Four-up posters were the tall part of the old card. Give the excerpt a
+   little of that height back so the wide card is 20% shorter too, not more. */
+@media (min-width: 1024px) {
+  .home-draft-card .ledger-card-copy {
+    min-height: calc(var(--type-subtitle) * var(--leading-body) * 6.05);
+    -webkit-line-clamp: 6;
+    line-clamp: 6;
+  }
+}
+
 .home-draft-card .ledger-card-foot .ledger-cta {
   font-size: var(--type-cta);
 }

data/lib/pandorga/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module Pandorga
-  VERSION = "1.4.6"
+  VERSION = "1.4.7"
 end

data/scripts/test/render-parity/blocks/project-specimen.json

@@ -32,7 +32,6 @@
     "article.home-project-specimen",
     "div.home-specimen-strip",
     "div.ledger-meta",
-    "span.ledger-status",
     "div.home-specimen-figure",
     "div.ledger-poster",
     "img",
@@ -45,13 +44,16 @@
     "span.home-specimen-open"
   ],
   "forbidden": [
-    "projects-plate"
+    "projects-plate",
+    "span.ledger-status"
+  ],
+  "excludes": [
+    ">Ongoing<"
   ],
   "contains": [
     ">#01<",
     ">Simulation<",
     ">2024<",
-    ">Ongoing<",
     ">ARCO<",
     ">Repository<",
     ">Article<",

data/scripts/test/render-parity/blocks/system-card.json

@@ -27,22 +27,27 @@
     "div.ledger-poster",
     "img",
     "div.ledger-meta",
-    "span.ledger-status",
     "h3.ledger-card-title",
     "a.ledger-card-stretch",
     "p.ledger-card-copy",
     "div.ledger-chip-row",
     "div.ledger-card-links"
   ],
+  "forbidden": [
+    "span.ledger-status"
+  ],
+  "excludes": [
+    ">Ongoing<"
+  ],
   "contains": [
     ">Repository<",
     ">Article<",
     ">Visit<",
     ">ARCO<",
-    ">Simulation"
+    ">Simulation<"
   ],
   "counts": {
-    "ledger-meta-sep": 1,
+    "ledger-meta-sep": 0,
     "ledger-cta": 3
   }
 }

data/scripts/test/test-studio-api-contract.rb

@@ -45,6 +45,76 @@ check!(REPO_ROOT.join("studio-app/src/main.js").read.include?("armPipelineWatch"
        "SPA must watch the content pipeline after save")
 check!(REPO_ROOT.join("studio-app/src/main.js").read.include?("refreshPipelineStatus"),
        "SPA must hydrate pipeline status on boot")
+
+# Pipeline polls used to call renderShell(), which wipes #app and remounts
+# TipTap. That drops editor focus for the whole run.
+def function_source(source, name)
+  re = /(?:async\s+)?function\s+#{Regexp.escape(name)}\s*\(/
+  m = source.match(re)
+  raise "missing function #{name}" unless m
+  i = m.end(0)
+  paren = 1
+  while i < source.length && paren.positive?
+    c = source[i]
+    if c == "'" || c == '"' || c == "`"
+      q = c
+      i += 1
+      while i < source.length && source[i] != q
+        i += source[i] == "\\" ? 2 : 1
+      end
+      i += 1
+    elsif c == "/" && source[i + 1] == "/"
+      nl = source.index("\n", i)
+      i = nl ? nl + 1 : source.length
+    else
+      paren += 1 if c == "("
+      paren -= 1 if c == ")"
+      i += 1
+    end
+  end
+  i += 1 while i < source.length && source[i] != "{"
+  raise "missing body #{name}" if i >= source.length
+  depth = 0
+  start = i
+  while i < source.length
+    c = source[i]
+    if c == "{"
+      depth += 1
+      i += 1
+    elsif c == "}"
+      depth -= 1
+      return source[start..i] if depth == 0
+      i += 1
+    elsif c == "'" || c == '"' || c == "`"
+      q = c
+      i += 1
+      while i < source.length && source[i] != q
+        i += source[i] == "\\" ? 2 : 1
+      end
+      i += 1
+    elsif c == "/" && source[i + 1] == "/"
+      nl = source.index("\n", i)
+      i = nl ? nl + 1 : source.length
+    else
+      i += 1
+    end
+  end
+  raise "unclosed function #{name}"
+end
+
+studio_main = REPO_ROOT.join("studio-app/src/main.js").read
+%w[pollPipelineStatus refreshPipelineStatus armPipelineWatch].each do |fn|
+  body = function_source(studio_main, fn)
+  check!(!body.include?("renderShell"),
+         "#{fn} must not rebuild the shell (that drops editor focus while the chip spins)")
+  check!(body.include?("syncPipelineChip"),
+         "#{fn} must patch the pipeline chip in place")
+end
+reexport = function_source(studio_main, "reexportLocalContent")
+check!(!reexport.include?("renderShell"),
+       "local export must not rebuild the shell while the button spins")
+check!(reexport.include?("syncLocalExportButton"),
+       "local export must patch the export button in place")
 check!(!REPO_ROOT.join("studio-app/src/main.js").read.match?(/action:\s*"delete"/),
        "toolbar must not include a Delete action")
 

data/scripts/test/test-studio-pipeline-focus.mjs

@@ -0,0 +1,308 @@
+#!/usr/bin/env node
+/**
+ * Pipeline status updates must patch the toolbar chip. Rebuilding the shell
+ * drops editor focus for the whole run.
+ */
+import assert from "node:assert/strict";
+import fs from "node:fs";
+import vm from "node:vm";
+import { fileURLToPath } from "node:url";
+import path from "node:path";
+
+const root = path.resolve(path.dirname(fileURLToPath(import.meta.url)), "../..");
+const source = fs.readFileSync(path.join(root, "studio-app/src/main.js"), "utf8");
+
+function skipString(i) {
+  const q = source[i];
+  i += 1;
+  while (i < source.length && source[i] !== q) {
+    if (source[i] === "\\") i += 2;
+    else i += 1;
+  }
+  return i + 1;
+}
+
+function functionSource(name) {
+  const re = new RegExp(`(?:async\\s+)?function\\s+${name}\\s*\\(`);
+  const m = re.exec(source);
+  if (!m) throw new Error(`missing function ${name}`);
+  let i = m.index + m[0].length;
+  let paren = 1;
+  while (i < source.length && paren > 0) {
+    const c = source[i];
+    if (c === "'" || c === '"' || c === "`") i = skipString(i);
+    else if (c === "/" && source[i + 1] === "/") {
+      const nl = source.indexOf("\n", i);
+      i = nl === -1 ? source.length : nl + 1;
+    } else {
+      if (c === "(") paren += 1;
+      else if (c === ")") paren -= 1;
+      i += 1;
+    }
+  }
+  while (i < source.length && source[i] !== "{") i += 1;
+  if (i >= source.length) throw new Error(`missing body ${name}`);
+  let depth = 0;
+  while (i < source.length) {
+    const c = source[i];
+    if (c === "{") {
+      depth += 1;
+      i += 1;
+    } else if (c === "}") {
+      depth -= 1;
+      if (depth === 0) return source.slice(m.index, i + 1);
+      i += 1;
+    } else if (c === "'" || c === '"' || c === "`") {
+      i = skipString(i);
+    } else if (c === "/" && source[i + 1] === "/") {
+      const nl = source.indexOf("\n", i);
+      i = nl === -1 ? source.length : nl + 1;
+    } else {
+      i += 1;
+    }
+  }
+  throw new Error(`unclosed function ${name}`);
+}
+
+class MiniNode {
+  constructor(tag) {
+    this.nodeType = 1;
+    this.tagName = String(tag || "").toUpperCase();
+    this.childNodes = [];
+    this.parentNode = null;
+    this.attributes = new Map();
+    this.className = "";
+    this.disabled = false;
+    this.title = "";
+    this.value = "";
+    this.selectionStart = 0;
+    this.selectionEnd = 0;
+    this._text = "";
+    this.listeners = new Map();
+    const node = this;
+    this.classList = {
+      toggle(name, force) {
+        const parts = node.className.split(/\s+/).filter(Boolean);
+        const has = parts.includes(name);
+        const on = force === undefined ? !has : !!force;
+        const next = parts.filter((part) => part !== name);
+        if (on) next.push(name);
+        node.className = next.join(" ");
+        return on;
+      },
+    };
+  }
+
+  get textContent() {
+    if (this.childNodes.length === 0) return this._text;
+    return this.childNodes.map((child) => child.textContent).join("");
+  }
+
+  set textContent(value) {
+    this._text = value == null ? "" : String(value);
+    this.childNodes = [];
+  }
+
+  setAttribute(name, value) {
+    this.attributes.set(name, String(value));
+  }
+
+  getAttribute(name) {
+    return this.attributes.has(name) ? this.attributes.get(name) : null;
+  }
+
+  addEventListener(type, fn) {
+    this.listeners.set(type, fn);
+  }
+
+  append(...kids) {
+    for (const kid of kids) {
+      if (kid == null || kid === false) continue;
+      kid.parentNode = this;
+      this.childNodes.push(kid);
+    }
+  }
+
+  replaceWith(next) {
+    const parent = this.parentNode;
+    if (!parent) return;
+    const idx = parent.childNodes.indexOf(this);
+    if (idx < 0) return;
+    next.parentNode = parent;
+    parent.childNodes[idx] = next;
+    this.parentNode = null;
+    if (document.activeElement === this) document.activeElement = document.body;
+  }
+
+  querySelector(sel) {
+    return querySelector(this, sel);
+  }
+
+  focus() {
+    document.activeElement = this;
+  }
+
+  setSelectionRange(start, end) {
+    this.selectionStart = start;
+    this.selectionEnd = end;
+  }
+}
+
+function matches(node, sel) {
+  const attr = sel.match(/^\[([^=]+)='([^']*)'\]$/);
+  if (attr) return node.getAttribute(attr[1]) === attr[2];
+  if (sel.startsWith(".")) {
+    const name = sel.slice(1);
+    return node.className.split(/\s+/).includes(name);
+  }
+  return false;
+}
+
+function querySelector(root, sel) {
+  for (const child of root.childNodes || []) {
+    if (child.nodeType === 1 && matches(child, sel)) return child;
+    const found = querySelector(child, sel);
+    if (found) return found;
+  }
+  return null;
+}
+
+const document = {
+  activeElement: null,
+  body: null,
+  createElement(tag) {
+    return new MiniNode(tag);
+  },
+  querySelector(sel) {
+    return querySelector(document.body, sel);
+  },
+};
+document.body = new MiniNode("body");
+document.body.parentNode = document;
+
+const editor = new MiniNode("textarea");
+editor.value = "keep typing";
+editor.className = "body-editor";
+const chipHost = new MiniNode("div");
+document.body.append(chipHost, editor);
+
+const state = {
+  pipeline: {
+    state: "idle",
+    sha: "",
+    runUrl: "",
+    message: "",
+    pollGen: 0,
+  },
+  reexporting: false,
+  error: "",
+  errorDetail: "",
+  status: "",
+  file: "content/collections/articles/hello.md",
+  saving: false,
+  dirty: false,
+};
+
+let statusCalls = 0;
+const studioApi = {
+  async pipelineStatus() {
+    statusCalls += 1;
+    if (statusCalls < 3) {
+      return {
+        state: "running",
+        sha: "abc",
+        run: { html_url: "https://example.com/actions/runs/9" },
+      };
+    }
+    return {
+      state: "ok",
+      sha: "abc",
+      run: { html_url: "https://example.com/actions/runs/9" },
+    };
+  },
+};
+
+const context = {
+  state,
+  document,
+  studioApi,
+  sleep: async () => {},
+  console,
+  JSON,
+  String,
+  window: { open() {}, location: { hostname: "studio.example.com" } },
+};
+vm.createContext(context);
+vm.runInContext(
+  [
+    functionSource("el"),
+    functionSource("pipelineChipMeta"),
+    functionSource("pipelineChipViewKey"),
+    functionSource("renderPipelineChip"),
+    functionSource("syncPipelineChip"),
+    functionSource("applyPipelinePayload"),
+    functionSource("localExportPresentation"),
+    functionSource("syncLocalExportButton"),
+    functionSource("pollPipelineStatus"),
+  ].join("\n"),
+  context
+);
+
+chipHost.append(vm.runInContext("renderPipelineChip()", context));
+editor.focus();
+editor.setSelectionRange(5, 5);
+const editorAtFocus = document.activeElement;
+
+await vm.runInContext(
+  `(async () => {
+    state.pipeline.pollGen = 1;
+    state.pipeline.state = "awaiting_run";
+    syncPipelineChip();
+    await pollPipelineStatus(1, "abc");
+  })()`,
+  context
+);
+
+assert.equal(document.activeElement, editorAtFocus, "editor focus survives pipeline polls");
+assert.equal(editor.parentNode, document.body, "editor stays mounted");
+assert.equal(editor.value, "keep typing");
+assert.equal(editor.selectionStart, 5);
+assert.equal(state.pipeline.state, "ok");
+
+const chip = document.querySelector("[data-studio-action='pipeline-status']");
+assert.ok(chip, "pipeline chip remains");
+assert.match(chip.className, /pipeline-ok/);
+assert.equal(chip.querySelector(".btn-label").textContent, "Live");
+assert.equal(chip.querySelector(".studio-icon-spin"), null);
+assert.equal(chip.disabled, false);
+
+editor.focus();
+state.reexporting = true;
+state.pipeline.state = "syncing";
+vm.runInContext("syncLocalExportButton()", context);
+const exportBtn = document.querySelector("[data-studio-action='reexport']");
+assert.equal(exportBtn, null, "production shell has no local export button");
+
+const exportHost = new MiniNode("button");
+exportHost.setAttribute("data-studio-action", "reexport");
+exportHost.className = "btn btn-tool btn-reexport";
+const icon = new MiniNode("span");
+icon.className = "material-symbols-outlined";
+icon.textContent = "sync";
+const label = new MiniNode("span");
+label.className = "btn-label";
+label.textContent = "Export";
+exportHost.append(icon, label);
+document.body.append(exportHost);
+
+editor.focus();
+vm.runInContext("syncLocalExportButton()", context);
+assert.equal(document.activeElement, editor, "local export spin does not steal editor focus");
+assert.equal(exportHost.disabled, true);
+assert.match(exportHost.className, /pipeline-running/);
+assert.equal(icon.textContent, "progress_activity");
+assert.match(icon.className, /studio-icon-spin/);
+assert.equal(label.textContent, "Exporting…");
+assert.equal(editor.value, "keep typing");
+
+console.log("All Studio pipeline focus checks passed.");

data/scripts/validate.sh

@@ -73,6 +73,11 @@ if ! node scripts/test/test-studio-pipeline-config.mjs; then
   failed=1
 fi
 
+echo "-- scripts/test/test-studio-pipeline-focus.mjs"
+if ! node scripts/test/test-studio-pipeline-focus.mjs; then
+  failed=1
+fi
+
 if [[ "$failed" -ne 0 ]]; then
   echo "VALIDATE FAILED"
   exit 1