@emseepea/create-react-ui-server 0.0.1 → 0.0.3

package/README.md

@@ -1,25 +1,54 @@
 # `@emseepea/create-react-ui-server`
 
-Create a private, standalone Em See Pea project with an accessible React form.
-The package builds its starter from the maintained
-[React form example](https://github.com/emseepea/emseepea/tree/main/examples/react-tailwind-ui).
-
-## Create the Project
-
-This initializer is queued for the next pre-alpha release and will work after
-npm publication.
+This directory is both the maintained example and its public npm initializer.
 
 ```sh
 npm init @emseepea/react-ui-server@next -- my-server
 ```
 
+<!-- generated-project-readme -->
+
+## React and Tailwind UI Example
+
+Choose this example when your application already uses React and you want an
+accessible form without writing Tailwind configuration or component styles.
+
+This example makes the server-rendered form interactive with React and imports
+one compiled Em See Pea stylesheet. It needs no Tailwind configuration and uses
+the same sample states as the native example.
+
+## Run
+
+From this directory:
+
 ```sh
-cd my-server
 npm install
-npm test
-npm run lint
+npm run build
 npm start
 ```
 
-The ordinary tests include browser, keyboard, React hydration, and
-accessibility checks.
+Open
+`http://127.0.0.1:3001/` for the page or use
+`http://127.0.0.1:3001/mcp` for Model Context Protocol (MCP).
+
+The page previews content only. It does not send or store a report.
+
+## Check This Example
+
+[Ordinary tests](test/) live in `test/`.
+The [AI tool-choice and understanding test](eval/meaning.test.mjs) lives separately in `eval/`.
+The commands below run each suite independently.
+
+Run its build, browser, keyboard, React, and accessibility checks:
+
+```sh
+npm test
+```
+
+Check that Claude chooses the preview tool and understands that it changes nothing:
+
+```sh
+npm run test:llm
+```
+
+If Claude is not already signed in, run `claude auth login` first.

package/{dist → initializer-dist}/template/package.json

@@ -1,7 +1,7 @@
 {
   "name": "emseepea-starter",
   "version": "0.0.0",
-  "private": true,
+  "description": "Create an Em See Pea server with an accessible React form.",
   "license": "MIT",
   "type": "module",
   "scripts": {
@@ -13,13 +13,6 @@
     "test:llm:built": "emseepea-test eval",
     "lint": "oxlint src test eval test-support"
   },
-  "dependencies": {
-    "@emseepea/react": "0.0.1",
-    "@emseepea/server": "0.0.4",
-    "@emseepea/tailwind": "0.0.1",
-    "react": "19.2.8",
-    "react-dom": "19.2.8"
-  },
   "devDependencies": {
     "playwright": "1.62.1",
     "axe-core": "4.13.0",
@@ -33,5 +26,13 @@
   },
   "engines": {
     "node": ">=22"
+  },
+  "private": true,
+  "dependencies": {
+    "@emseepea/react": "0.0.4",
+    "@emseepea/server": "0.2.1",
+    "@emseepea/tailwind": "0.0.1",
+    "react": "19.2.8",
+    "react-dom": "19.2.8"
   }
 }

package/initializer-dist/template/src/capabilities/tool.preview-bean-report.ts

@@ -0,0 +1,4 @@
+import { createPreviewBeanReportTool } from "../ui-shared.js";
+import type { CapabilityModuleFactory } from "@emseepea/server";
+
+export default (() => createPreviewBeanReportTool()) satisfies CapabilityModuleFactory;

package/{dist → initializer-dist}/template/src/server.tsx

@@ -2,12 +2,11 @@ import { readFile } from "node:fs/promises";
 import { parse } from "node:querystring";
 
 import {
-  createPreviewBeanReportTool,
   fixtureForState,
   viewFromSubmission,
 } from "./ui-shared.js";
 import { ElicitationForm } from "@emseepea/react";
-import { createEmseepea, serveEmseepea, type ElicitationView } from "@emseepea/server";
+import { createEmseepea, discoverCapabilities, serveEmseepea, type ElicitationView } from "@emseepea/server";
 import { renderToString } from "react-dom/server";
 
 const stylesheet = await readFile(new URL(import.meta.resolve("@emseepea/tailwind/styles.css")), "utf8");
@@ -16,7 +15,7 @@ const app = createEmseepea({
   name: "emseepea-react-tailwind-ui",
   version: "0.0.0",
   instructions: "Use preview-bean-report to preview sample report content. It sends and stores nothing.",
-  tools: [createPreviewBeanReportTool()],
+  ...await discoverCapabilities(new URL("./capabilities/", import.meta.url)),
 });
 
 app.addContentTypeParser(

package/{dist → initializer-dist}/template/tsconfig.json

@@ -15,6 +15,6 @@
     "verbatimModuleSyntax": true
   },
   "include": [
-    "src/**/*.tsx"
+    "src/**/*"
   ]
 }

package/package.json

@@ -1,23 +1,46 @@
 {
   "name": "@emseepea/create-react-ui-server",
-  "version": "0.0.1",
-  "private": false,
+  "version": "0.0.3",
   "description": "Create an Em See Pea server with an accessible React form.",
   "license": "MIT",
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/emseepea/emseepea.git",
-    "directory": "packages/create-react-ui-server"
+  "type": "module",
+  "starterDependencies": ["@emseepea/react", "@emseepea/server", "@emseepea/tailwind", "react", "react-dom"],
+  "scripts": {
+    "build": "npm run build:example && npm run build:initializer",
+    "build:example": "tsc -p tsconfig.json && esbuild src/client.tsx --bundle --minify --format=esm --platform=browser --outfile=dist/client.js",
+    "build:initializer": "node ../../scripts/build-initializer.mjs",
+    "start": "node dist/server.js",
+    "test": "npm run build && npm run test:built",
+    "test:built": "node --test test/*.test.mjs",
+    "test:llm": "npm run build && npm run test:llm:built",
+    "test:llm:built": "emseepea-test eval",
+    "lint": "oxlint src test eval",
+    "prepack": "npm run build:initializer"
+  },
+  "devDependencies": {
+    "@emseepea/react": "0.0.4",
+    "@emseepea/server": "0.2.1",
+    "@emseepea/tailwind": "0.0.1",
+    "react": "19.2.8",
+    "react-dom": "19.2.8",
+    "@emseepea/example-ui-shared": "0.0.0",
+    "playwright": "1.62.1",
+    "axe-core": "4.13.0",
+    "@emseepea/testing": "0.2.1",
+    "@types/node": "24.13.3",
+    "@types/react": "19.2.18",
+    "@types/react-dom": "19.2.5",
+    "esbuild": "0.28.2",
+    "typescript": "6.0.3",
+    "oxlint": "1.80.0"
+  },
+  "engines": {
+    "node": ">=22"
   },
+  "repository": { "type": "git", "url": "git+https://github.com/emseepea/emseepea.git", "directory": "examples/react-tailwind-ui" },
   "homepage": "https://emseepea.github.io/emseepea/examples/",
   "bugs": "https://github.com/emseepea/emseepea/issues",
   "publishConfig": { "access": "public", "provenance": true, "tag": "next" },
-  "type": "module",
-  "bin": { "create-react-ui-server": "./dist/create.mjs" },
-  "files": ["dist"],
-  "scripts": {
-    "build": "node ../../scripts/build-initializer.mjs",
-    "prepack": "npm run build"
-  },
-  "engines": { "node": ">=22" }
+  "bin": { "create-react-ui-server": "./initializer-dist/create.mjs" },
+  "files": ["initializer-dist"]
 }