pennyrouter 0.3.45 → 0.3.46

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pennyrouter",
-  "version": "0.3.45",
+  "version": "0.3.46",
   "description": "Install and manage PennyRouter local coding-agent integrations.",
   "homepage": "https://pennyrouter.com",
   "bugs": {

package/standalone/web-demo/compare.html

@@ -315,6 +315,7 @@
           <div class="segmented" role="radiogroup" aria-label="Featured page">
             <label><input type="radio" name="publish-cover" value="penny" checked><span>Penny page</span></label>
             <label><input type="radio" name="publish-cover" value="native"><span>Native page</span></label>
+            <label><input type="radio" name="publish-cover" value="none"><span>No page</span></label>
           </div>
           <label>Your name, as shown publicly
             <input id="publish-name" maxlength="40" required autocomplete="nickname"></label>
@@ -962,13 +963,9 @@
       }
     }
     const sideOf = (role) => (paneRoles.left === role ? 'left' : 'right');
-    const publishBlocker = () => {
-      if (!gallery) return 'Publishing needs a native pane and a Penny pane on the same harness.';
-      if (!snapshot[sideOf('NATIVE')].length || !snapshot[sideOf('PENNY')].length) {
-        return 'Publishing needs an HTML page in each pane.';
-      }
-      return '';
-    };
+    // Pages are optional: a comparison can be shared with just its numbers and a screenshot.
+    const publishBlocker = () =>
+      gallery ? '' : 'Publishing needs a native pane and a Penny pane on the same harness.';
     const prepareGallery = (message) => {
       lastReport = message;
       gallery = message.gallery || null;
@@ -993,7 +990,22 @@
     const pagePolicy = "default-src 'none'; script-src 'unsafe-inline'; style-src 'unsafe-inline'; img-src data: blob:; " +
       "font-src data:; connect-src 'none'; frame-src 'none'; object-src 'none'; base-uri 'none'; form-action 'none'";
     const sandboxed = (html) => `<meta http-equiv="Content-Security-Policy" content="${pagePolicy}"><meta name="referrer" content="no-referrer">${html}`;
-    const chosen = (role) => snapshot[sideOf(role)][Number($(role === 'NATIVE' ? 'publish-native' : 'publish-penny').value) || 0];
+    // The page chosen for a side, or undefined when "No page" is selected.
+    const chosen = (role) => {
+      const value = $(role === 'NATIVE' ? 'publish-native' : 'publish-penny').value;
+      return value === '' ? undefined : snapshot[sideOf(role)][Number(value)];
+    };
+    // The featured page must be one that is shared; fall back to the other page, then to none.
+    const syncFeatured = () => {
+      const available = { penny: Boolean(chosen('PENNY')), native: Boolean(chosen('NATIVE')) };
+      for (const radio of document.querySelectorAll('input[name="publish-cover"]')) {
+        radio.disabled = radio.value !== 'none' && !available[radio.value];
+      }
+      if (document.querySelector('input[name="publish-cover"]:checked').disabled) {
+        const next = available.penny ? 'penny' : available.native ? 'native' : 'none';
+        document.querySelector(`input[name="publish-cover"][value="${next}"]`).checked = true;
+      }
+    };
     const checkedValue = (name) => document.querySelector(`input[name="${name}"]:checked`).value;
     const savingsText = (savings) => {
       if (!savings) return '';
@@ -1037,8 +1049,11 @@
       $('preview-savings').classList.toggle('loss', Boolean(savings && savings.cost < 0));
       const model = (meterSnapshots[sideOf('PENNY')]?.model || '').split('/').pop();
       $('preview-meta').textContent = [model, $('publish-name').value.trim()].filter(Boolean).join(' · ');
-      const cover = chosen(checkedValue('publish-cover') === 'native' ? 'NATIVE' : 'PENNY');
-      const key = `${checkedValue('publish-cover')}:${cover?.path}`;
+      syncFeatured();
+      const featured = checkedValue('publish-cover');
+      const cover = featured === 'none' ? undefined : chosen(featured === 'native' ? 'NATIVE' : 'PENNY');
+      $('publish-preview').hidden = !cover;
+      const key = `${featured}:${cover?.path}`;
       if (cover && key !== previewedCover) {
         previewedCover = key;
         $('publish-preview').srcdoc = sandboxed(cover.content);
@@ -1048,7 +1063,9 @@
       for (const [role, id] of [['NATIVE', 'publish-native'], ['PENNY', 'publish-penny']]) {
         const select = $(id);
         if (!select.options.length) {
+          select.add(new Option('No page', ''));
           snapshot[sideOf(role)].forEach((file, index) => select.add(new Option(file.path, String(index))));
+          select.value = snapshot[sideOf(role)].length ? '0' : '';
         }
       }
       if (!$('publish-name').value) $('publish-name').value = remembered('penny-compare-display-name');
@@ -1083,6 +1100,7 @@
       if (published) return;
       const native = chosen('NATIVE');
       const penny = chosen('PENNY');
+      const featured = checkedValue('publish-cover');
       const video = $('publish-video').files[0] || null;
       const videoType = video && (video.type || (/\.webm$/i.test(video.name) ? 'video/webm' : /\.mp4$/i.test(video.name) ? 'video/mp4' : ''));
       $('publish-error').textContent = '';
@@ -1096,7 +1114,8 @@
       }
       const meta = { title: $('publish-title').value.trim(), comment: $('publish-comment').value.trim(),
         tag: checkedValue('publish-tag'), display_name: $('publish-name').value.trim(),
-        native_file: native.path, penny_file: penny.path, cover: checkedValue('publish-cover'),
+        native_file: native?.path ?? null, penny_file: penny?.path ?? null,
+        cover: featured === 'none' ? null : featured,
         video_type: video ? videoType : null };
       const submit = $('publish-submit');
       submit.disabled = true;
@@ -1106,13 +1125,13 @@
       try {
         if (hosted) {
           result = await relayToParent({ report: gallery.report, signature: gallery.signature,
-            reportNonce: gallery.reportNonce, meta, native: native.content, penny: penny.content, video,
+            reportNonce: gallery.reportNonce, meta, native: native?.content ?? null, penny: penny?.content ?? null, video,
             cover: coverImage });
         } else {
           const form = new FormData();
           form.set('meta', JSON.stringify(meta));
-          form.set('native', new Blob([native.content], { type: 'text/html' }), 'native.html');
-          form.set('penny', new Blob([penny.content], { type: 'text/html' }), 'penny.html');
+          if (native) form.set('native', new Blob([native.content], { type: 'text/html' }), 'native.html');
+          if (penny) form.set('penny', new Blob([penny.content], { type: 'text/html' }), 'penny.html');
           if (video) form.set('video', video, video.name);
           if (coverImage) form.set('cover', coverImage, 'cover');
           const response = await fetch('/gallery/submit', { method: 'POST',
@@ -1173,8 +1192,8 @@
       window.addEventListener('message', (event) => {
         if (event.origin !== config.parentOrigin || event.source !== window.parent) return;
         if (event.data?.type === 'compare-demo-start' && authenticated) {
-          const { harness, nativeKey, pennyKey, environment: chosen } = event.data;
-          send({ type: 'start', harness, nativeKey, pennyKey, environment: chosen });
+          const { harness, model, nativeKey, pennyKey, environment: chosen } = event.data;
+          send({ type: 'start', harness, model, nativeKey, pennyKey, environment: chosen });
           setStatus('Starting terminals…');
           return;
         }

package/standalone/web-demo/gallery-submit.mjs

@@ -25,7 +25,7 @@ export async function savedPennyKey() {
   }
 }
 
-/** Sends the report, the chosen pages, and an optional video; returns the new entry's id. A
+/** Sends the report, the chosen pages (each optional), and an optional video; returns the new entry's id. A
  * report signed by its demo sandbox (the subscription launcher) carries that signature. */
 export async function publishToGallery(report, form, { signature = '', reportNonce = '' } = {}) {
   const key = await savedPennyKey();
@@ -37,8 +37,7 @@ export async function publishToGallery(report, form, { signature = '', reportNon
   outgoing.set('meta', String(form.get('meta') ?? ''));
   for (const side of ['native', 'penny']) {
     const page = form.get(side);
-    if (!(page instanceof Blob)) throw new Error('Choose a native page and a Penny page.');
-    outgoing.set(side, page, `${side}.html`);
+    if (page instanceof Blob) outgoing.set(side, page, `${side}.html`);
   }
   const cover = form.get('cover');
   if (cover instanceof Blob && cover.size) outgoing.set('cover', cover, 'cover');