@autono/pinbox-toolbar 0.19.0 → 0.21.0

package/dist/plugins/vite.js

@@ -1,4 +1,53 @@
 import { a as readHubToken, i as ensureHub, n as VIRTUAL_ID, r as resolveOptions, t as RESOLVED_VIRTUAL_ID } from "../options-DSrJgbJh.js";
+import { execFile } from "node:child_process";
+import { createHash } from "node:crypto";
+import { realpathSync } from "node:fs";
+//#region src/plugins/previews.ts
+const PREVIEWS_PATH = "/__pinbox_previews";
+function servePreviews(server, cwd, executable) {
+	server.middlewares.use((req, res, next) => {
+		const path = req.url?.split("?")[0];
+		if (path !== "/__pinbox_previews" && path !== `/__pinbox_previews/identity`) return next();
+		res.setHeader("Content-Type", "application/json");
+		res.setHeader("Cache-Control", "no-store");
+		if (req.method !== "GET" || req.headers["sec-fetch-site"] === "cross-site") {
+			res.statusCode = 403;
+			res.end(JSON.stringify({
+				ok: false,
+				error: { message: "same-origin GET required" }
+			}));
+			return;
+		}
+		if (path === `/__pinbox_previews/identity`) {
+			res.end(JSON.stringify({ id: createHash("sha256").update(realpathSync(cwd)).digest("hex").slice(0, 12) }));
+			return;
+		}
+		execFile(executable, [
+			"preview",
+			"list",
+			"--json"
+		], {
+			cwd,
+			timeout: 6e3,
+			maxBuffer: 1048576
+		}, (error, stdout) => {
+			if (error) {
+				res.statusCode = 503;
+				res.end(JSON.stringify({
+					ok: false,
+					error: { message: "Preview discovery unavailable. Update the Pinbox CLI." }
+				}));
+			} else try {
+				JSON.parse(stdout);
+				res.end(stdout);
+			} catch {
+				res.statusCode = 503;
+				res.end("{\"ok\":false}");
+			}
+		});
+	});
+}
+//#endregion
 //#region src/plugins/snippet.ts
 /**
 * Build the module source injected into the dev page.
@@ -24,14 +73,17 @@ import { a as readHubToken, i as ensureHub, n as VIRTUAL_ID, r as resolveOptions
 * this import was dropped for real. `src/build.test.ts` bundles this exact import with Vite and
 * asserts `customElements.define` survives, because statting dist/ cannot see that class of break.
 */
-function buildBootstrap(hubUrl, token) {
+function buildBootstrap(hubUrl, token, previews) {
 	const hub = JSON.stringify(hubUrl);
+	const tag = JSON.stringify("pinbox-toolbar");
+	const tokenLiteral = token === void 0 ? "null" : JSON.stringify(token);
 	return `// pinbox dev toolbar — injected by @autono/pinbox-toolbar (dev only)
 import "@autono/pinbox-toolbar";
+${previews ? "import { mountPreviewSwitcher } from \"@autono/pinbox-toolbar\";" : ""}
 
-const TAG = ${JSON.stringify("pinbox-toolbar")};
+const TAG = ${tag};
 const HUB = ${hub};
-const TOKEN = ${token === void 0 ? "null" : JSON.stringify(token)};
+const TOKEN = ${tokenLiteral};
 
 function mount() {
   let el = document.querySelector(TAG);
@@ -44,6 +96,7 @@ function mount() {
   if (TOKEN === null) el.removeAttribute("token");
   else el.setAttribute("token", TOKEN);
   if (created) document.body.appendChild(el);
+  ${previews ? `mountPreviewSwitcher(el, ${JSON.stringify(previews)});` : ""}
 }
 
 if (document.readyState === "loading") {
@@ -63,6 +116,8 @@ const PLUGIN_NAME = "pinbox";
 */
 function pinbox(options) {
 	const resolved = resolveOptions(options);
+	const previews = options?.previews ?? process.env["PINBOX_PREVIEWS"] === "1";
+	const previewExecutable = options?.previewExecutable ?? process.env["PINBOX_PREVIEW_EXECUTABLE"] ?? "pinbox";
 	if (resolved.disabled) return { name: PLUGIN_NAME };
 	let hubPromise;
 	function hub() {
@@ -72,7 +127,8 @@ function pinbox(options) {
 	return {
 		name: PLUGIN_NAME,
 		apply: "serve",
-		async configureServer() {
+		async configureServer(server) {
+			if (previews) servePreviews(server, resolved.projectRoot, previewExecutable);
 			await hub();
 		},
 		resolveId(id) {
@@ -83,7 +139,7 @@ function pinbox(options) {
 			if (id !== "\0virtual:pinbox-toolbar") return null;
 			const status = await hub();
 			if (status === void 0) return "// pinbox: hub unavailable, toolbar not mounted.\nexport {};\n";
-			return buildBootstrap(status.url, readHubToken(resolved.projectRoot));
+			return buildBootstrap(status.url, readHubToken(resolved.projectRoot), previews ? PREVIEWS_PATH : void 0);
 		},
 		transformIndexHtml: {
 			order: "pre",

package/dist/react.d.ts

@@ -1,4 +1,4 @@
-import { n as PinboxConfig } from "./index-DENhglDF.js";
+import { n as PinboxConfig } from "./index-CMSOhoVs.js";
 import { ReactElement } from "react";
 //#region src/react.d.ts
 /**

package/dist/react.js

@@ -1,4 +1,4 @@
-import { n as defineToolbarElement, r as PinboxToolbarElement } from "./src-BsWnyGwB.js";
+import { i as PinboxToolbarElement, n as defineToolbarElement } from "./src-B134WXZ8.js";
 import { createElement, useEffect, useRef } from "react";
 //#region src/react.ts
 /**