Rename publish packages for web platform

Author: FroeMic

.github/workflows/publish.yml

@@ -49,13 +49,17 @@ jobs:
         run: |
           set -euo pipefail
 
-          if npm view codex-pets-core version >/dev/null 2>&1; then
-            npm owner ls codex-pets-core
+          if npm view codex-pet-web version >/dev/null 2>&1; then
+            npm owner ls codex-pet-web
           else
-            echo "codex-pets-core is not published yet; first publish is allowed."
+            echo "codex-pet-web is not published yet; first publish is allowed."
           fi
 
-          npm owner ls codex-pets-react
+          if npm view codex-pet-web-react version >/dev/null 2>&1; then
+            npm owner ls codex-pet-web-react
+          else
+            echo "codex-pet-web-react is not published yet; first publish is allowed."
+          fi
 
       - name: Publish core
         run: |

CHANGELOG.md

@@ -1,9 +1,9 @@
 # Changelog
 
-## 0.3.0
+## 0.1.0
 
 - Split the project into an npm workspace monorepo.
-- Added `codex-pets-core` as a dependency-free TypeScript engine.
-- Added `codex-pets-react` as a thin React wrapper over the core animator.
+- Added `codex-pet-web` as a dependency-free TypeScript engine.
+- Added `codex-pet-web-react` as a thin React wrapper over the core animator.
 - Added a Vite demo app that can load local pets copied from `~/.codex/pets`.
 - Added CI, Pages, and manual npm publish workflows.

PUBLISHING.md

@@ -2,8 +2,8 @@
 
 This repository publishes two public npm packages:
 
-- `codex-pets-core`
-- `codex-pets-react`
+- `codex-pet-web`
+- `codex-pet-web-react`
 
 ## Prerequisites
 
@@ -13,12 +13,11 @@ This repository publishes two public npm packages:
 4. Confirm package names are available or already owned by the npm account:
 
 ```bash
-npm view codex-pets-core version
-npm view codex-pets-react version
+npm view codex-pet-web version
+npm view codex-pet-web-react version
 ```
 
-`codex-pets-react` already has a historical `0.2.0`, so this monorepo starts
-the React package at `0.3.0`. `codex-pets-core` starts at `0.1.0`.
+Both public packages start at `0.1.0`.
 
 Trusted Publishing is preferred over long-lived npm tokens. Configure it on
 npmjs.com for each published package:
@@ -28,20 +27,14 @@ npmjs.com for each published package:
 - Workflow filename: `publish.yml`
 - Environment name: leave empty
 
-At the time this repository was prepared, `codex-pets-core` was unclaimed and
-`codex-pets-react` was owned by the `backnotprop` npm account. `codex-pets-core`
-must be published once before its Trusted Publisher can be configured. Publish
-it manually after `npm login`, then add the same Trusted Publisher settings:
+At the time this repository was prepared, both package names were unclaimed.
+Each package must be published once before its Trusted Publisher can be
+configured. Publish them manually after `npm login`, then add the same Trusted
+Publisher settings:
 
 ```bash
 npm publish -w packages/core --access public --tag next
-```
-
-For `codex-pets-react`, either configure Trusted Publishing from the
-`backnotprop` npm account or add the publishing npm user as an owner first:
-
-```bash
-npm owner add <npm-username> codex-pets-react
+npm publish -w packages/react --access public --tag next
 ```
 
 Do not create an automation token with 2FA bypass unless Trusted Publishing is
@@ -81,8 +74,8 @@ npm publish -w packages/react --access public --tag next
 mkdir /tmp/codex-pets-consumer
 cd /tmp/codex-pets-consumer
 npm init -y
-npm install codex-pets-core@next codex-pets-react@next react react-dom
-node --input-type=module -e "import { CODEX_PET_ATLAS } from 'codex-pets-core'; import { CodexPet } from 'codex-pets-react'; console.log(CODEX_PET_ATLAS.width, typeof CodexPet)"
+npm install codex-pet-web@next codex-pet-web-react@next react react-dom
+node --input-type=module -e "import { CODEX_PET_ATLAS } from 'codex-pet-web'; import { CodexPet } from 'codex-pet-web-react'; console.log(CODEX_PET_ATLAS.width, typeof CodexPet)"
 ```
 
 Expected output includes:
@@ -105,7 +98,7 @@ npm publish -w packages/react --access public --tag latest
 
 ## Versioning Notes
 
-- Keep `codex-pets-react` dependent on the matching compatible
-  `codex-pets-core` range.
+- Keep `codex-pet-web-react` dependent on the matching compatible
+  `codex-pet-web` range.
 - Update `CHANGELOG.md` before each release.
 - Run `npm run pack:dry` and inspect tarball contents before publishing.

README.md

@@ -4,8 +4,8 @@ Production-ready web renderers for Codex pet spritesheets.
 
 This repository is an npm workspace with:
 
-- [`codex-pets-core`](./packages/core): dependency-free TypeScript engine.
-- [`codex-pets-react`](./packages/react): React wrapper around the core engine.
+- [`codex-pet-web`](./packages/core): dependency-free TypeScript engine.
+- [`codex-pet-web-react`](./packages/react): React wrapper around the core engine.
 - [`apps/demo`](./apps/demo): Vite playground for local pets from `~/.codex/pets`.
 
 ## Sprite Contract
@@ -84,5 +84,4 @@ npm publish -w packages/core --access public
 npm publish -w packages/react --access public
 ```
 
-`codex-pets-react` already exists on npm at `0.2.0`, so this workspace uses
-`0.3.0` for the React package. `codex-pets-core` starts at `0.1.0`.
+Both public packages start at `0.1.0`.

apps/demo/package.json

@@ -9,8 +9,8 @@
     "typecheck": "tsc -p tsconfig.json --noEmit"
   },
   "dependencies": {
-    "codex-pets-core": "^0.1.0",
-    "codex-pets-react": "^0.3.0",
+    "codex-pet-web": "^0.1.0",
+    "codex-pet-web-react": "^0.1.0",
     "react": "^19.0.0",
     "react-dom": "^19.0.0"
   },

apps/demo/src/main.tsx

@@ -1,7 +1,7 @@
 import React, { useEffect, useMemo, useRef, useState } from "react";
 import { createRoot } from "react-dom/client";
-import { CODEX_PET_STATES, type CodexPetManifest, type CodexPetState } from "codex-pets-core";
-import { CodexPet, type CodexPetHandle } from "codex-pets-react";
+import { CODEX_PET_STATES, type CodexPetManifest, type CodexPetState } from "codex-pet-web";
+import { CodexPet, type CodexPetHandle } from "codex-pet-web-react";
 import "./styles.css";
 
 type DemoPet = CodexPetManifest & {
@@ -108,7 +108,7 @@ function App() {
       <aside className="controls" aria-label="Pet controls">
         <div>
           <h1>Codex Pets</h1>
-          <p>Preview local Codex pet packages through codex-pets-react.</p>
+          <p>Preview local Codex pet packages through codex-pet-web-react.</p>
         </div>
 
         {error ? <div className="notice">{error}</div> : null}

apps/demo/tsconfig.json

@@ -7,8 +7,8 @@
     "types": ["vite/client"],
     "tsBuildInfoFile": ".tsbuildinfo",
     "paths": {
-      "codex-pets-core": ["../../packages/core/src/index.ts"],
-      "codex-pets-react": ["../../packages/react/src/index.ts"]
+      "codex-pet-web": ["../../packages/core/src/index.ts"],
+      "codex-pet-web-react": ["../../packages/react/src/index.ts"]
     }
   },
   "include": ["src", "vite.config.ts"],

apps/demo/vite.config.ts

@@ -6,9 +6,9 @@ export default defineConfig({
   plugins: [react()],
   resolve: {
     alias: {
-      "codex-pets-core": new URL("../../packages/core/src/index.ts", import.meta.url)
+      "codex-pet-web": new URL("../../packages/core/src/index.ts", import.meta.url)
         .pathname,
-      "codex-pets-react": new URL("../../packages/react/src/index.ts", import.meta.url)
+      "codex-pet-web-react": new URL("../../packages/react/src/index.ts", import.meta.url)
         .pathname
     }
   }

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "codex-pets-web",
-  "version": "0.3.0",
+  "version": "0.1.0",
   "private": true,
   "description": "Framework-neutral and React renderers for Codex pet spritesheets.",
   "license": "MIT",