pressship 0.1.15 → 0.2.0

package/README.md

@@ -16,7 +16,7 @@
   <a href="https://www.npmjs.com/package/pressship"><img alt="npm" src="https://img.shields.io/npm/v/pressship?color=3858e9&logo=npm&logoColor=white&style=flat-square" /></a>
   <a href="https://wordpress.org/plugins/developers/"><img alt="WordPress.org" src="https://img.shields.io/badge/WordPress.org-plugin%20directory-21759b?logo=wordpress&logoColor=white&style=flat-square" /></a>
   <a href="LICENSE"><img alt="License: MIT" src="https://img.shields.io/badge/license-MIT-3858e9?style=flat-square" /></a>
-  <a href="https://github.com/f/pressship"><img alt="GitHub stars" src="https://img.shields.io/github/stars/f/pressship?style=flat-square&logo=github&color=1e293b" /></a>
+  <a href="https://github.com/Automattic/pressship"><img alt="GitHub stars" src="https://img.shields.io/github/stars/Automattic/pressship?style=flat-square&logo=github&color=1e293b" /></a>
 </p>
 
 <p align="center">
@@ -70,6 +70,7 @@ That's it. Pressship handles browser-based login, packaging, readme validation,
 - **Submission state inspector** — reads the logged-in developer page to surface review status, slug, reupload availability, and Plugin Check links.
 - **SVN release workflow** — handles checkout, trunk sync, tag creation, and commit.
 - **WordPress Playground demos** — boot any local path or hosted slug in Playground using the plugin's own WP/PHP requirements.
+- **Pressship Studio** — a local VS Code-style workspace with file tabs, Playground previews, AI assistance, release management, package-size checks, and CLI command hints in the terminal.
 - **`.pressshipignore` + glob ignores** — sensible defaults, easy per-command overrides.
 - **Agent skill included** — a Pressship publishing skill for coding agents (Codex, Claude Code, etc.).
 - **Beautiful terminal UX** — colored output, progress indicators, structured findings.
@@ -115,7 +116,7 @@ pressship <command> --help
 Pressship can also be installed as a WP-CLI package:
 
 ```bash
-wp package install f/pressship
+wp package install Automattic/pressship
 ```
 
 That adds a `wp ship` command:
@@ -260,7 +261,9 @@ pressship studio --no-open
 pressship studio --port 9478
 ```
 
-`studio` starts a localhost-only Pressship Studio workspace. It lists plugins from the saved WordPress.org session, remembers local plugin paths, clones and updates WordPress.org SVN checkouts, shows plugin metadata and readmes, opens local plugins in a VS Code-style editor, streams Playground output into the Studio terminal, previews Playground in an iframe, checks version state, bumps patch/minor/major versions, and runs dry-run-first publish/release flows.
+`studio` starts a localhost-only Pressship Studio workspace. It lists plugins from the saved WordPress.org session, remembers local plugin paths, clones and updates WordPress.org SVN checkouts, shows plugin metadata and readmes, opens local plugins in a VS Code-style editor, streams Playground output into the Studio terminal, previews Playground in an iframe, checks package size, manages `.pressshipignore`, checks version state, bumps patch/minor/major versions, and runs dry-run-first publish/release flows.
+
+Studio also prints the equivalent `npx pressship ...` command in its terminal for CLI-backed actions such as Playground, Plugin Check, package size, version bumps, and publish dry runs.
 
 By default it binds to `127.0.0.1`, generates a per-run token for mutating API requests, and uses the same local Pressship config directory as the CLI.
 
@@ -406,13 +409,13 @@ pressship release ./my-plugin --no-install-svn
 Pressship ships with a publishing skill for coding agents (Codex, Claude Code, etc.). It teaches your agent to publish WordPress plugins cautiously — dry-run first, state-aware, with a final review step before any upload.
 
 ```bash
-npx skills add f/pressship --skill wordpress-plugin-publish -a codex
+npx skills add Automattic/pressship --skill wordpress-plugin-publish -a codex
 ```
 
 Replace `codex` with another supported agent name, e.g. `claude-code`. List available skills first:
 
 ```bash
-npx skills add f/pressship --list
+npx skills add Automattic/pressship --list
 ```
 
 ## Configuration
@@ -552,7 +555,7 @@ Pressship is built on the work of many people and projects:
 
 ## Disclaimer
 
-**Pressship is an independent, community project.** It is not affiliated with, endorsed by, or sponsored by WordPress, WordPress.org, the WordPress Foundation, or Automattic. The WordPress® trademark is the property of the WordPress Foundation.
+**Pressship is an Automattic-maintained community project.** It is currently unofficial tooling for WordPress.org plugin publishing workflows, not an official WordPress.org service or a WordPress Foundation project. WordPress® is a trademark of the WordPress Foundation.
 
 ## License
 

package/assets/web/app.js

@@ -76,14 +76,14 @@ const HARNESS_ICON = {
 const STUDIO_LAYOUT_STORAGE_KEY = "pressship.studio.layout.v1";
 
 const STUDIO_LAYOUT_DEFAULTS = {
-  files: 260,
+  files: 220,
   ai: 330,
   terminal: 190,
   checkNotes: 152
 };
 
 const STUDIO_LAYOUT_LIMITS = {
-  files: { min: 180, max: 560 },
+  files: { min: 160, max: 440 },
   ai: { min: 260, max: 720 },
   terminal: { min: 100, max: 600 },
   checkNotes: { min: 80, max: 520 }
@@ -3461,15 +3461,19 @@ function renderStudioAiChangeCard(change) {
     <article class="studio-ai-change-card${selected ? " is-selected" : ""}">
       <button type="button" class="studio-ai-change" data-action="studio-ai-change" data-path="${escapeAttr(change.path)}">
         <span class="dashicons ${change.status === "deleted" ? "dashicons-trash" : studioFileIcon(change.path)}" aria-hidden="true"></span>
-        <span>${escapeHtml(change.path)}</span>
-        <small>${escapeHtml(studioAiPatchSummary(change))}</small>
+        <span class="studio-ai-change-main">
+          <span class="studio-ai-change-path">${escapeHtml(change.path)}</span>
+          <small>${escapeHtml(studioAiPatchSummary(change))}</small>
+        </span>
       </button>
       <div class="studio-ai-change-actions" aria-label="${escapeAttr(`Review ${change.path}`)}">
         <button type="button" class="studio-ai-change-action is-accept" data-action="studio-ai-accept" data-path="${escapeAttr(change.path)}" title="Accept patch" aria-label="${escapeAttr(`Accept patch for ${change.path}`)}">
           <span class="dashicons dashicons-yes-alt" aria-hidden="true"></span>
+          <span>Accept</span>
         </button>
         <button type="button" class="studio-ai-change-action is-reject" data-action="studio-ai-reject" data-path="${escapeAttr(change.path)}" title="Reject patch" aria-label="${escapeAttr(`Reject patch for ${change.path}`)}">
           <span class="dashicons dashicons-no-alt" aria-hidden="true"></span>
+          <span>Reject</span>
         </button>
       </div>
     </article>
@@ -4468,12 +4472,16 @@ function handleStudioJobEvent(id, payload) {
     }
   } else if (payload.type === "log") {
     if (isAiJob) {
-      appendStudioAiOutput(payload.data?.message ?? payload.data, "log");
-      if (payload.data?.data?.changedFiles) {
+      const aiLogData = payload.data?.data;
+      if (aiLogData?.changedFiles) {
         mergeStudioAiChangedFiles(payload.data.data.changedFiles);
         updateStudioAiSidebar();
         renderStudio();
         remountStudioEditorIfNeeded();
+      } else if (aiLogData?.proposedChanges) {
+        return;
+      } else {
+        appendStudioAiOutput(payload.data?.message ?? payload.data, "log");
       }
     } else {
       appendStudioTerminal(payload.data?.message ?? payload.data, "log");
@@ -4710,6 +4718,7 @@ async function mountStudioEditor(content) {
         modified: modifiedModel
       });
       state.studio.editorKind = "monaco-diff";
+      revealStudioAiPatchChange(aiPatch);
       return;
     }
 
@@ -4861,6 +4870,69 @@ function applyStudioAiPatchMarkers() {
   );
 }
 
+function firstStudioAiPatchLocation(change) {
+  const hunks = change?.hunks?.length
+    ? change.hunks
+    : change
+      ? buildStudioAiPatchHunks(change.beforeContent ?? "", change.afterContent ?? "")
+      : [];
+
+  for (const hunk of hunks) {
+    let oldLine = Number(hunk.oldStart) || 1;
+    let newLine = Number(hunk.newStart) || 1;
+
+    for (const line of hunk.lines ?? []) {
+      if (line.type === "add" || line.type === "delete") {
+        return {
+          oldLine: Math.max(1, oldLine),
+          newLine: Math.max(1, newLine)
+        };
+      }
+      if (line.type === "context") {
+        oldLine += 1;
+        newLine += 1;
+      } else if (line.type === "add") {
+        newLine += 1;
+      } else if (line.type === "delete") {
+        oldLine += 1;
+      }
+    }
+  }
+
+  return null;
+}
+
+function revealStudioAiPatchChange(change) {
+  const location = firstStudioAiPatchLocation(change);
+  if (!location) {
+    return;
+  }
+
+  requestAnimationFrame(() => {
+    if (state.studio.editorKind === "monaco-diff" && state.studio.editor) {
+      const originalEditor = state.studio.editor.getOriginalEditor?.();
+      const modifiedEditor = state.studio.editor.getModifiedEditor?.();
+      const originalModel = originalEditor?.getModel?.();
+      const modifiedModel = modifiedEditor?.getModel?.();
+      const oldLine = originalModel ? clampEditorLine(originalModel, location.oldLine) : location.oldLine;
+      const newLine = modifiedModel ? clampEditorLine(modifiedModel, location.newLine) : location.newLine;
+
+      originalEditor?.revealLineInCenter?.(oldLine);
+      modifiedEditor?.revealLineInCenter?.(newLine);
+      originalEditor?.setPosition?.({ lineNumber: oldLine, column: 1 });
+      modifiedEditor?.setPosition?.({ lineNumber: newLine, column: 1 });
+      modifiedEditor?.focus?.();
+      return;
+    }
+
+    if (state.studio.editorKind === "textarea-diff" && state.studio.editor) {
+      const offset = offsetForLineColumn(state.studio.editor.value, location.oldLine, 1);
+      state.studio.editor.focus();
+      state.studio.editor.setSelectionRange(offset, offset);
+    }
+  });
+}
+
 function revealStudioCheckNote(line, column = 1) {
   if (!line) {
     return;

package/assets/web/style.css

@@ -3203,7 +3203,7 @@ body[data-active-view="studio"] #notice-stack {
 .studio-main {
   display: grid;
   grid-template-columns:
-    var(--studio-files-width, 260px)
+    var(--studio-files-width, 220px)
     6px
     minmax(0, 1fr)
     6px
@@ -5210,18 +5210,18 @@ body.is-studio-resizing-v iframe {
 
 .studio-ai-changes {
   grid-row: 3;
-  max-height: 120px;
+  max-height: 176px;
   min-height: 0;
   overflow: auto;
   border-bottom: 1px solid var(--wp-border);
-  background: var(--wp-info-bg);
+  background: var(--wp-surface-alt);
 }
 
 .studio-ai-changes header {
   align-items: center;
-  display: inline-flex;
+  display: flex;
   gap: 6px;
-  padding: 8px 10px 5px;
+  padding: 8px 10px 6px;
   color: var(--wp-text);
   font-size: 11px;
 }
@@ -5234,38 +5234,39 @@ body.is-studio-resizing-v iframe {
 }
 
 .studio-ai-change-list {
-  display: flex;
-  gap: 6px;
-  overflow-x: auto;
+  display: grid;
+  gap: 8px;
   padding: 0 10px 10px;
 }
 
 .studio-ai-change-card {
   display: grid;
-  flex: 0 0 min(220px, 82%);
-  grid-template-columns: minmax(0, 1fr) auto;
-  align-items: stretch;
-  border: 1px solid #b7d9ee;
+  gap: 8px;
+  border: 1px solid var(--wp-border);
   border-radius: var(--wp-radius-s);
   background: var(--wp-surface);
   box-shadow: var(--wp-shadow-sm);
+  padding: 8px;
 }
 
 .studio-ai-change-card.is-selected {
   border-color: var(--wp-admin-theme-color);
+  box-shadow: 0 0 0 1px var(--wp-admin-theme-color);
 }
 
 .studio-ai-change {
-  align-items: center;
-  display: inline-flex;
-  gap: 5px;
+  align-items: start;
+  display: grid;
+  grid-template-columns: auto minmax(0, 1fr);
+  gap: 8px;
   min-width: 0;
   border: 0;
+  border-radius: calc(var(--wp-radius-s) - 2px);
   background: transparent;
   color: var(--wp-text);
   cursor: pointer;
-  font-size: 11px;
-  padding: 5px 8px;
+  font-size: 12px;
+  padding: 2px;
   text-align: left;
 }
 
@@ -5276,7 +5277,24 @@ body.is-studio-resizing-v iframe {
   outline: none;
 }
 
-.studio-ai-change span:nth-child(2) {
+.studio-ai-change > .dashicons {
+  margin-top: 1px;
+  color: var(--wp-admin-theme-color);
+  font-size: 16px;
+  height: 16px;
+  width: 16px;
+}
+
+.studio-ai-change-main {
+  display: grid;
+  gap: 3px;
+  min-width: 0;
+}
+
+.studio-ai-change-path {
+  color: var(--wp-heading);
+  font-weight: 600;
+  line-height: 1.25;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
@@ -5284,29 +5302,40 @@ body.is-studio-resizing-v iframe {
 
 .studio-ai-change small {
   color: var(--wp-text-muted);
-  font-size: 9px;
+  font-size: 10px;
+  letter-spacing: 0.04em;
   text-transform: uppercase;
 }
 
 .studio-ai-change-actions {
   display: grid;
-  grid-template-columns: 26px 26px;
-  border-left: 1px solid var(--wp-border);
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  gap: 6px;
 }
 
 .studio-ai-change-action {
-  display: grid;
-  place-items: center;
-  width: 26px;
-  border: 0;
-  border-left: 1px solid var(--wp-border-soft);
+  align-items: center;
+  justify-content: center;
+  display: inline-flex;
+  gap: 5px;
+  min-height: 28px;
+  border: 1px solid var(--wp-border);
+  border-radius: calc(var(--wp-radius-s) - 2px);
   background: transparent;
   color: var(--wp-text-muted);
   cursor: pointer;
+  font-size: 11px;
+  font-weight: 600;
 }
 
-.studio-ai-change-action:first-child {
-  border-left: 0;
+.studio-ai-change-action.is-accept {
+  border-color: rgba(0, 128, 0, 0.32);
+  color: var(--wp-success);
+}
+
+.studio-ai-change-action.is-reject {
+  border-color: rgba(220, 38, 38, 0.32);
+  color: var(--wp-error);
 }
 
 .studio-ai-change-action:hover,
@@ -5318,11 +5347,13 @@ body.is-studio-resizing-v iframe {
 .studio-ai-change-action.is-accept:hover,
 .studio-ai-change-action.is-accept:focus-visible {
   color: var(--wp-success);
+  border-color: var(--wp-success);
 }
 
 .studio-ai-change-action.is-reject:hover,
 .studio-ai-change-action.is-reject:focus-visible {
   color: var(--wp-error);
+  border-color: var(--wp-error);
 }
 
 .studio-ai-composer {
@@ -5561,7 +5592,7 @@ body.is-studio-resizing-v iframe {
 .studio-main {
   grid-template-columns:
     48px
-    var(--studio-files-width, 260px)
+    var(--studio-files-width, 220px)
     6px
     minmax(0, 1fr)
     6px
@@ -5574,7 +5605,7 @@ body.is-studio-resizing-v iframe {
 }
 
 .studio-root.has-files.is-secondary-sidebar-collapsed .studio-main {
-  grid-template-columns: 48px var(--studio-files-width, 260px) 6px minmax(0, 1fr);
+  grid-template-columns: 48px var(--studio-files-width, 220px) 6px minmax(0, 1fr);
 }
 
 .studio-root.is-files-collapsed.is-secondary-sidebar-collapsed .studio-main {
@@ -6052,7 +6083,15 @@ body.is-studio-resizing-v iframe {
 
 .studio-ai-changes {
   border-bottom-color: var(--studio-vscode-border);
-  background: #1f2937;
+  background: #202020;
+}
+
+.studio-ai-change-path {
+  color: var(--studio-vscode-text);
+}
+
+.studio-ai-change-action {
+  border-color: var(--studio-vscode-border-strong);
 }
 
 .studio-ai-composer textarea {
@@ -6204,7 +6243,7 @@ body.is-studio-resizing-v iframe {
   .studio-main {
     grid-template-columns:
       48px
-      var(--studio-files-width, 260px)
+      var(--studio-files-width, 220px)
       6px
       minmax(0, 1fr)
       6px
@@ -6216,7 +6255,7 @@ body.is-studio-resizing-v iframe {
   }
 
   .studio-root.has-files.is-secondary-sidebar-collapsed .studio-main {
-    grid-template-columns: 48px var(--studio-files-width, 260px) 6px minmax(0, 1fr);
+    grid-template-columns: 48px var(--studio-files-width, 220px) 6px minmax(0, 1fr);
   }
 
   .studio-root.is-files-collapsed.is-secondary-sidebar-collapsed .studio-main {
@@ -7411,9 +7450,10 @@ td code {
 }
 
 .ps-release-tag-row {
-  display: flex;
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) auto;
   align-items: center;
-  gap: 6px;
+  gap: 5px 6px;
   padding: 5px 8px;
   border-bottom: 1px solid var(--wp-border-soft);
   min-height: 30px;
@@ -7434,12 +7474,13 @@ td code {
 .ps-release-tag-name {
   display: inline-flex;
   align-items: center;
+  flex-wrap: wrap;
   gap: 5px;
   font-weight: 500;
   color: var(--wp-heading);
-  flex: 1 1 auto;
   min-width: 0;
   font-size: 12px;
+  line-height: 1.25;
 }
 
 .ps-release-tag-name .dashicons {
@@ -7486,9 +7527,33 @@ td code {
 
 .ps-release-tag-actions {
   display: inline-flex;
+  align-items: center;
+  justify-content: flex-end;
+  min-width: 0;
   gap: 4px;
 }
 
+.ps-release-tag-row.is-uncommitted {
+  align-items: start;
+}
+
+.ps-release-tag-row.is-uncommitted .ps-release-tag-name,
+.ps-release-tag-row.is-uncommitted .ps-release-tag-actions {
+  grid-column: 1 / -1;
+}
+
+.ps-release-tag-row.is-uncommitted .ps-release-tag-actions {
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) auto;
+  padding-left: 20px;
+}
+
+.ps-release-tag-row.is-uncommitted .ps-release-tag-local-note {
+  min-width: 0;
+  white-space: normal;
+  line-height: 1.15;
+}
+
 .ps-release-tag-actions .button.is-confirming,
 .ps-release-confirm-button.is-confirming {
   background: var(--wp-warning);
@@ -8379,6 +8444,14 @@ td code {
   color: var(--studio-vscode-text);
 }
 
+.studio-root[data-theme="light"] .studio-ai-change-path {
+  color: var(--studio-vscode-text);
+}
+
+.studio-root[data-theme="light"] .studio-ai-change-action {
+  border-color: var(--studio-vscode-border);
+}
+
 .studio-root[data-theme="light"] .studio-terminal-output {
   background: #ffffff;
 }

package/composer.json

@@ -1,5 +1,5 @@
 {
-  "name": "f/pressship",
+  "name": "automattic/pressship",
   "type": "wp-cli-package",
   "description": "Run Pressship from WP-CLI by forwarding to the Node.js Pressship package.",
   "homepage": "https://pressship.org",
@@ -22,7 +22,7 @@
     ]
   },
   "support": {
-    "issues": "https://github.com/f/pressship/issues",
-    "source": "https://github.com/f/pressship"
+    "issues": "https://github.com/Automattic/pressship/issues",
+    "source": "https://github.com/Automattic/pressship"
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pressship",
-  "version": "0.1.15",
+  "version": "0.2.0",
   "description": "Submit and release WordPress.org plugins from the command line.",
   "homepage": "https://pressship.org",
   "bin": {