@sightmap/react 0.6.0 → 0.8.0

package/dist/vite.d.ts

@@ -1,11 +1,24 @@
 import { Plugin } from 'vite';
+import { S as SightmapSnapshot } from './runtime-types-Cvx7dsB4.js';
+import '@sightmap/sightmap';
 
-type SightmapPluginOptions = {
-    /** Project root. Defaults to `process.cwd()`. */
-    projectRoot?: string;
-    /** Output directory relative to projectRoot. Defaults to `.sightmap`. */
-    outputDir?: string;
-};
-declare function sightmapVitePlugin(options?: SightmapPluginOptions): Plugin;
+interface SightmapPluginOptions {
+    /**
+     * When true, the plugin prepends `import "@sightmap/react";` to the app
+     * entry (matched by filename ending in `main.tsx|tsx|jsx|ts|js` under
+     * the project's `src/` or `app/`). This guarantees the bippy hook
+     * installs before react-dom imports.
+     */
+    autoInject?: boolean;
+}
+interface SnapshotCache {
+    set(s: SightmapSnapshot): void;
+    get(): SightmapSnapshot | null;
+}
+interface SightmapVitePlugin extends Plugin {
+    /** Test-only handle for unit tests. Stable contract: don't use in production. */
+    __test_cache: SnapshotCache;
+}
+declare function sightmap(options?: SightmapPluginOptions): SightmapVitePlugin;
 
-export { type SightmapPluginOptions, sightmapVitePlugin as sightmap };
+export { type SightmapPluginOptions, type SightmapVitePlugin, sightmap };

package/dist/vite.js

@@ -1,38 +1,63 @@
-// src/plugin/dev-middleware.ts
-import { join } from "path";
-import { loadDirectory } from "@sightmap/sightmap";
-function sightmapDevMiddleware(opts) {
-  return async (req, res, next) => {
-    if (req.url !== "/__sightmap__/sightmap.json") {
-      next();
-      return;
-    }
-    try {
-      const sightmap = await loadDirectory(join(opts.projectRoot, opts.outputDir));
-      res.statusCode = 200;
-      res.setHeader("content-type", "application/json");
-      res.setHeader("cache-control", "no-store");
-      res.end(JSON.stringify(sightmap));
-    } catch (err) {
-      res.statusCode = 500;
-      res.end(`sightmap dev middleware: ${err.message}`);
+// src/vite.ts
+function sightmap(options = {}) {
+  let cached = null;
+  const cache = {
+    set(s) {
+      cached = s;
+    },
+    get() {
+      return cached;
     }
   };
-}
-
-// src/plugin/vite.ts
-function sightmapVitePlugin(options = {}) {
-  const projectRoot = options.projectRoot ?? process.cwd();
-  const outputDir = options.outputDir ?? ".sightmap";
+  const ENTRY_PATTERN = /(src|app)\/(main|index|entry\.client)\.(t|j)sx?$/;
+  const INJECT_LINE = `import "@sightmap/react";
+`;
   return {
-    name: "@sightmap/react:dev-server",
-    apply: "serve",
+    name: "sightmap-react",
     configureServer(server) {
-      server.middlewares.use(sightmapDevMiddleware({ projectRoot, outputDir }));
-    }
+      server.middlewares.use("/__sightmap__/snapshot.json", (req, res) => {
+        if (req.method === "POST") {
+          const chunks = [];
+          req.on("data", (c) => chunks.push(c));
+          req.on("end", () => {
+            try {
+              const body = JSON.parse(Buffer.concat(chunks).toString("utf8"));
+              cache.set(body);
+              res.statusCode = 204;
+              res.end();
+            } catch (e) {
+              res.statusCode = 400;
+              res.end(`bad json: ${e.message}`);
+            }
+          });
+          return;
+        }
+        if (req.method === "GET") {
+          const snap = cache.get();
+          if (!snap) {
+            res.statusCode = 404;
+            res.end(`{"error":"no snapshot cached yet \u2014 visit a page first"}`);
+            return;
+          }
+          res.statusCode = 200;
+          res.setHeader("content-type", "application/json");
+          res.end(JSON.stringify(snap));
+          return;
+        }
+        res.statusCode = 405;
+        res.end();
+      });
+    },
+    transform(code, id) {
+      if (!options.autoInject) return null;
+      if (!ENTRY_PATTERN.test(id)) return null;
+      if (code.includes("@sightmap/react")) return null;
+      return { code: INJECT_LINE + code, map: null };
+    },
+    __test_cache: cache
   };
 }
 export {
-  sightmapVitePlugin as sightmap
+  sightmap
 };
 //# sourceMappingURL=vite.js.map

package/dist/vite.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/plugin/dev-middleware.ts","../src/plugin/vite.ts"],"sourcesContent":["import type { IncomingMessage, ServerResponse } from \"node:http\";\nimport { join } from \"node:path\";\nimport { loadDirectory } from \"@sightmap/sightmap\";\n\nexport function sightmapDevMiddleware(opts: { projectRoot: string; outputDir: string }) {\n  return async (req: IncomingMessage, res: ServerResponse, next: (err?: unknown) => void) => {\n    if (req.url !== \"/__sightmap__/sightmap.json\") {\n      next();\n      return;\n    }\n    try {\n      const sightmap = await loadDirectory(join(opts.projectRoot, opts.outputDir));\n      res.statusCode = 200;\n      res.setHeader(\"content-type\", \"application/json\");\n      res.setHeader(\"cache-control\", \"no-store\");\n      res.end(JSON.stringify(sightmap));\n    } catch (err) {\n      res.statusCode = 500;\n      res.end(`sightmap dev middleware: ${(err as Error).message}`);\n    }\n  };\n}\n","// src/plugin/vite.ts\n//\n// Vite plugin for @sightmap/react.\n//\n// In v0.1 (mode B — bootstrap-only codegen), this plugin's only job is to\n// register the dev middleware that serves the merged sightmap at\n// `/__sightmap__/sightmap.json`. Codegen is no longer triggered from any Vite\n// hook; users invoke `sightmap-react gen` explicitly when they want\n// `.sightmap/` files refreshed.\n//\n// The dev middleware reads the on-disk `.sightmap/` directory on each request\n// and returns the merged sightmap as JSON. This powers `<SightmapProvider>`'s\n// fetch loop in development.\n\nimport type { Plugin } from \"vite\";\nimport { sightmapDevMiddleware } from \"./dev-middleware.js\";\n\nexport type SightmapPluginOptions = {\n  /** Project root. Defaults to `process.cwd()`. */\n  projectRoot?: string;\n  /** Output directory relative to projectRoot. Defaults to `.sightmap`. */\n  outputDir?: string;\n};\n\nexport function sightmapVitePlugin(options: SightmapPluginOptions = {}): Plugin {\n  const projectRoot = options.projectRoot ?? process.cwd();\n  const outputDir = options.outputDir ?? \".sightmap\";\n\n  return {\n    name: \"@sightmap/react:dev-server\",\n    apply: \"serve\",\n    configureServer(server) {\n      server.middlewares.use(sightmapDevMiddleware({ projectRoot, outputDir }));\n    },\n  };\n}\n"],"mappings":";AACA,SAAS,YAAY;AACrB,SAAS,qBAAqB;AAEvB,SAAS,sBAAsB,MAAkD;AACtF,SAAO,OAAO,KAAsB,KAAqB,SAAkC;AACzF,QAAI,IAAI,QAAQ,+BAA+B;AAC7C,WAAK;AACL;AAAA,IACF;AACA,QAAI;AACF,YAAM,WAAW,MAAM,cAAc,KAAK,KAAK,aAAa,KAAK,SAAS,CAAC;AAC3E,UAAI,aAAa;AACjB,UAAI,UAAU,gBAAgB,kBAAkB;AAChD,UAAI,UAAU,iBAAiB,UAAU;AACzC,UAAI,IAAI,KAAK,UAAU,QAAQ,CAAC;AAAA,IAClC,SAAS,KAAK;AACZ,UAAI,aAAa;AACjB,UAAI,IAAI,4BAA6B,IAAc,OAAO,EAAE;AAAA,IAC9D;AAAA,EACF;AACF;;;ACGO,SAAS,mBAAmB,UAAiC,CAAC,GAAW;AAC9E,QAAM,cAAc,QAAQ,eAAe,QAAQ,IAAI;AACvD,QAAM,YAAY,QAAQ,aAAa;AAEvC,SAAO;AAAA,IACL,MAAM;AAAA,IACN,OAAO;AAAA,IACP,gBAAgB,QAAQ;AACtB,aAAO,YAAY,IAAI,sBAAsB,EAAE,aAAa,UAAU,CAAC,CAAC;AAAA,IAC1E;AAAA,EACF;AACF;","names":[]}
+{"version":3,"sources":["../src/vite.ts"],"sourcesContent":["import type { Plugin } from \"vite\";\nimport type { SightmapSnapshot } from \"./runtime/types.js\";\n\nexport interface SightmapPluginOptions {\n  /**\n   * When true, the plugin prepends `import \"@sightmap/react\";` to the app\n   * entry (matched by filename ending in `main.tsx|tsx|jsx|ts|js` under\n   * the project's `src/` or `app/`). This guarantees the bippy hook\n   * installs before react-dom imports.\n   */\n  autoInject?: boolean;\n}\n\ninterface SnapshotCache {\n  set(s: SightmapSnapshot): void;\n  get(): SightmapSnapshot | null;\n}\n\nexport interface SightmapVitePlugin extends Plugin {\n  /** Test-only handle for unit tests. Stable contract: don't use in production. */\n  __test_cache: SnapshotCache;\n}\n\nexport function sightmap(options: SightmapPluginOptions = {}): SightmapVitePlugin {\n  let cached: SightmapSnapshot | null = null;\n  const cache: SnapshotCache = {\n    set(s) { cached = s; },\n    get() { return cached; },\n  };\n\n  const ENTRY_PATTERN = /(src|app)\\/(main|index|entry\\.client)\\.(t|j)sx?$/;\n  const INJECT_LINE = `import \"@sightmap/react\";\\n`;\n\n  return {\n    name: \"sightmap-react\",\n\n    configureServer(server) {\n      server.middlewares.use(\"/__sightmap__/snapshot.json\", (req, res) => {\n        if (req.method === \"POST\") {\n          const chunks: Buffer[] = [];\n          req.on(\"data\", (c: Buffer) => chunks.push(c));\n          req.on(\"end\", () => {\n            try {\n              const body = JSON.parse(Buffer.concat(chunks).toString(\"utf8\")) as SightmapSnapshot;\n              cache.set(body);\n              res.statusCode = 204;\n              res.end();\n            } catch (e) {\n              res.statusCode = 400;\n              res.end(`bad json: ${(e as Error).message}`);\n            }\n          });\n          return;\n        }\n        if (req.method === \"GET\") {\n          const snap = cache.get();\n          if (!snap) {\n            res.statusCode = 404;\n            res.end(`{\"error\":\"no snapshot cached yet — visit a page first\"}`);\n            return;\n          }\n          res.statusCode = 200;\n          res.setHeader(\"content-type\", \"application/json\");\n          res.end(JSON.stringify(snap));\n          return;\n        }\n        res.statusCode = 405;\n        res.end();\n      });\n    },\n\n    transform(code, id) {\n      if (!options.autoInject) return null;\n      if (!ENTRY_PATTERN.test(id)) return null;\n      if (code.includes(\"@sightmap/react\")) return null;\n      return { code: INJECT_LINE + code, map: null };\n    },\n\n    __test_cache: cache,\n  };\n}\n"],"mappings":";AAuBO,SAAS,SAAS,UAAiC,CAAC,GAAuB;AAChF,MAAI,SAAkC;AACtC,QAAM,QAAuB;AAAA,IAC3B,IAAI,GAAG;AAAE,eAAS;AAAA,IAAG;AAAA,IACrB,MAAM;AAAE,aAAO;AAAA,IAAQ;AAAA,EACzB;AAEA,QAAM,gBAAgB;AACtB,QAAM,cAAc;AAAA;AAEpB,SAAO;AAAA,IACL,MAAM;AAAA,IAEN,gBAAgB,QAAQ;AACtB,aAAO,YAAY,IAAI,+BAA+B,CAAC,KAAK,QAAQ;AAClE,YAAI,IAAI,WAAW,QAAQ;AACzB,gBAAM,SAAmB,CAAC;AAC1B,cAAI,GAAG,QAAQ,CAAC,MAAc,OAAO,KAAK,CAAC,CAAC;AAC5C,cAAI,GAAG,OAAO,MAAM;AAClB,gBAAI;AACF,oBAAM,OAAO,KAAK,MAAM,OAAO,OAAO,MAAM,EAAE,SAAS,MAAM,CAAC;AAC9D,oBAAM,IAAI,IAAI;AACd,kBAAI,aAAa;AACjB,kBAAI,IAAI;AAAA,YACV,SAAS,GAAG;AACV,kBAAI,aAAa;AACjB,kBAAI,IAAI,aAAc,EAAY,OAAO,EAAE;AAAA,YAC7C;AAAA,UACF,CAAC;AACD;AAAA,QACF;AACA,YAAI,IAAI,WAAW,OAAO;AACxB,gBAAM,OAAO,MAAM,IAAI;AACvB,cAAI,CAAC,MAAM;AACT,gBAAI,aAAa;AACjB,gBAAI,IAAI,8DAAyD;AACjE;AAAA,UACF;AACA,cAAI,aAAa;AACjB,cAAI,UAAU,gBAAgB,kBAAkB;AAChD,cAAI,IAAI,KAAK,UAAU,IAAI,CAAC;AAC5B;AAAA,QACF;AACA,YAAI,aAAa;AACjB,YAAI,IAAI;AAAA,MACV,CAAC;AAAA,IACH;AAAA,IAEA,UAAU,MAAM,IAAI;AAClB,UAAI,CAAC,QAAQ,WAAY,QAAO;AAChC,UAAI,CAAC,cAAc,KAAK,EAAE,EAAG,QAAO;AACpC,UAAI,KAAK,SAAS,iBAAiB,EAAG,QAAO;AAC7C,aAAO,EAAE,MAAM,cAAc,MAAM,KAAK,KAAK;AAAA,IAC/C;AAAA,IAEA,cAAc;AAAA,EAChB;AACF;","names":[]}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sightmap/react",
-  "version": "0.6.0",
-  "description": "React framework adapter for the Sightmap spec — SightmapProvider, runtime introspection hook, Vite plugin, and CLI.",
+  "version": "0.8.0",
+  "description": "React runtime for the Sightmap spec — SightmapProvider, runtime introspection hook, and Vite plugin.",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -31,19 +31,8 @@
     },
     "./runtime-types": {
       "types": "./dist/runtime-types.d.ts"
-    },
-    "./adapters/react-router-7": {
-      "types": "./dist/plugin/adapters/rr7-declarative.d.ts",
-      "import": "./dist/plugin/adapters/rr7-declarative.js"
-    },
-    "./adapters/react-router-7-framework": {
-      "types": "./dist/plugin/adapters/rr7-framework.d.ts",
-      "import": "./dist/plugin/adapters/rr7-framework.js"
     }
   },
-  "bin": {
-    "sightmap-react": "./dist/cli/index.js"
-  },
   "files": [
     "dist",
     "README.md",
@@ -54,19 +43,10 @@
   },
   "peerDependencies": {
     "@sightmap/sightmap": ">=0.1.0 <1.0.0",
-    "react": "^19.0.0",
-    "react-router": "^7.0.0"
-  },
-  "peerDependenciesMeta": {
-    "react-router": {
-      "optional": true
-    }
+    "react": "^19.0.0"
   },
   "dependencies": {
-    "@swc/core": "^1.10.0",
-    "commander": "^12.1.0",
-    "diff": "^8.0.3",
-    "yaml": "^2.7.0"
+    "bippy": "^0.5.40"
   },
   "devDependencies": {
     "@testing-library/react": "^16.1.0",
@@ -76,12 +56,11 @@
     "jsdom": "^25.0.0",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
-    "react-router": "^7.0.0",
     "tsup": "^8.5.1",
     "typescript": "~5.7.3",
-    "vite": "^5.4.0",
-    "vitest": "^2.1.9",
-    "@sightmap/sightmap": "^0.6.0"
+    "vite": "^7.0.0",
+    "vitest": "^3.0.0",
+    "@sightmap/sightmap": "^0.8.0"
   },
   "scripts": {
     "build": "tsup",

package/dist/cli/index.d.ts

@@ -1 +0,0 @@
-#!/usr/bin/env node