@scayle/storefront-devtools 0.2.0-alpha.1

package/dist/group.d.ts

@@ -0,0 +1,42 @@
+import { Plugin } from 'vite';
+/**
+ * Dock group ID that every SCAYLE Storefront devtools panel attaches to via
+ * `groupId`. Panels register as independent entries and the dock collapses them
+ * under this group's single launcher button.
+ */
+export declare const STOREFRONT_GROUP_ID = "scayle-storefront";
+/** SCAYLE brand purple. Drives the dock's primary ramp and tints the group launcher. */
+export declare const SCAYLE_PRIMARY_COLOR: string;
+/**
+ * The V3 boilerplate favicon (`public/logo.svg`), inlined as a data URI so
+ * the dock icon resolves without depending on an app-served path (the
+ * country-prefix redirect would rewrite it). Keep in sync with the
+ * boilerplate favicon if it changes.
+ */
+export declare const STOREFRONT_GROUP_ICON: string;
+/**
+ * Creates the Vite plugin that registers the "SCAYLE Storefront" dock group.
+ * Panels (Inertia, oRPC, Storefront) attach to it by setting `groupId` to
+ * {@link STOREFRONT_GROUP_ID}. The dock renders a single grouped launcher
+ * instead of one button per panel.
+ */
+export declare function createGroupPlugin(): Plugin;
+/** Options for a `custom-render` panel registered via {@link createPanelPlugin}. */
+export interface PanelPluginOptions {
+    /** Dock entry id, e.g. `storefront-devtools:inertia`. */
+    id: string;
+    /** Dock launcher title, e.g. `Inertia.js`. */
+    title: string;
+    /** Dock launcher icon, a data URI or Iconify name. */
+    icon: string;
+    /** Bare specifier the dock imports to load the panel's renderer. */
+    rendererImportFrom: string;
+}
+/**
+ * Creates the Vite plugin that registers one `custom-render` dock entry,
+ * attached to the "SCAYLE Storefront" group. Every panel in this package
+ * (Inertia, oRPC, Storefront) registers this way; only the id, title, icon,
+ * and renderer module differ between them.
+ */
+export declare function createPanelPlugin(options: PanelPluginOptions): Plugin;
+//# sourceMappingURL=group.d.ts.map

package/dist/group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"group.d.ts","sourceRoot":"","sources":["../src/group.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,MAAM,CAAA;AAElC;;;;GAIG;AACH,eAAO,MAAM,mBAAmB,sBAAsB,CAAA;AAEtD,wFAAwF;AACxF,eAAO,MAAM,oBAAoB,EAAE,MAAkB,CAAA;AAErD;;;;;GAKG;AACH,eAAO,MAAM,qBAAqB,EAAE,MAEjC,CAAA;AAEH;;;;;GAKG;AACH,wBAAgB,iBAAiB,IAAI,MAAM,CAe1C;AAED,oFAAoF;AACpF,MAAM,WAAW,kBAAkB;IACjC,yDAAyD;IACzD,EAAE,EAAE,MAAM,CAAA;IACV,8CAA8C;IAC9C,KAAK,EAAE,MAAM,CAAA;IACb,sDAAsD;IACtD,IAAI,EAAE,MAAM,CAAA;IACZ,oEAAoE;IACpE,kBAAkB,EAAE,MAAM,CAAA;CAC3B;AAED;;;;;GAKG;AACH,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,kBAAkB,GAAG,MAAM,CAmBrE"}

package/dist/index.d.ts

@@ -0,0 +1,23 @@
+import { PluginOption } from 'vite';
+/**
+ * Vite plugin that orchestrates the SCAYLE Storefront Vite DevTools dock.
+ * Hosts the dock and on-page launcher, registers a "SCAYLE Storefront" dock
+ * group, and adds the Inertia visit panel, an oRPC panel, a Storefront context
+ * panel, and a Vue DevTools panel. The dock client is injected into the
+ * application entry, so no app code changes are needed.
+ *
+ * This owns the full Vue DevTools integration (backend bridge and applet UI)
+ * and surfaces it as the dock's "Vue" entry, so the app does not wire
+ * `vite-plugin-vue-devtools` separately.
+ *
+ * @example
+ * ```ts
+ * import storefrontDevtools from '@scayle/storefront-devtools'
+ *
+ * export default defineConfig({
+ *   plugins: [storefront(config), ...storefrontDevtools()],
+ * })
+ * ```
+ */
+export default function storefrontDevtools(): PluginOption[];
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,MAAM,CAAA;AAcxC;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,CAAC,OAAO,UAAU,kBAAkB,IAAI,YAAY,EAAE,CAsD3D"}

package/dist/index.mjs

@@ -0,0 +1,178 @@
+import { DevTools as e } from "@vitejs/devtools";
+import { DEVTOOLS_MOUNT_PATH as t } from "@vitejs/devtools-kit/constants";
+import { fileURLToPath as n } from "node:url";
+import r from "sirv";
+//#region src/inject.ts
+var i = `${t}embedded.js`, a = /src\/client\/main\.ts$/;
+function o(e) {
+	return {
+		name: "storefront-devtools:inject",
+		enforce: "pre",
+		apply: "serve",
+		transform(t, n) {
+			return a.test(n) ? `${e.map((e) => `import '${e}'`).join("\n")}
+${t}
+if (typeof document !== 'undefined') {
+  const s = document.createElement('script')
+  s.type = 'module'
+  s.src = ${JSON.stringify(i)}
+  document.body.appendChild(s)
+}
+` : null;
+		}
+	};
+}
+//#endregion
+//#region src/group.ts
+var s = "scayle-storefront", c = "#5328e1", l = "data:image/svg+xml,%3Csvg%20width%3D%2228%22%20height%3D%2228%22%20viewBox%3D%220%200%2028%2028%22%20fill%3D%22%235328E1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20width%3D%2228%22%20height%3D%2228%22%20rx%3D%227%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M14%207a7%207%200%201%201%200%2014%207%207%200%200%201%200-14Zm0%202.051c-2.625%200-4.755%202.216-4.755%204.948s2.13%204.948%204.755%204.948c2.628%200%204.755-2.215%204.755-4.948%200-.948-.255-1.834-.7-2.587l-2.106%202.15-1.518-1.55%202.137-2.178A4.6%204.6%200%200%200%2014%209.05Z%22%20fill%3D%22%23fff%22%20stroke%3D%22%23fff%22%20stroke-width%3D%22.2%22%2F%3E%3C%2Fsvg%3E";
+function u() {
+	return {
+		name: "storefront-devtools:group",
+		devtools: { setup(e) {
+			e.docks.register({
+				id: s,
+				title: "SCAYLE Storefront",
+				icon: l,
+				type: "group",
+				accentColor: c
+			});
+		} }
+	};
+}
+function d(e) {
+	return {
+		name: `storefront-devtools:${e.id}`,
+		devtools: { setup(t) {
+			t.docks.register({
+				id: e.id,
+				title: e.title,
+				icon: e.icon,
+				type: "custom-render",
+				renderer: {
+					importFrom: e.rendererImportFrom,
+					importName: "default"
+				},
+				groupId: s
+			});
+		} }
+	};
+}
+//#endregion
+//#region src/inertia/plugin.ts
+var f = "data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22128%22%20height%3D%22128%22%20viewBox%3D%220%200%20128%20128%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M92.433%2028.433H55.625L91.192%2064L55.625%2099.567h36.808L128%2064zm-55.625%200H0L35.567%2064L0%2099.567h36.808L72.375%2064z%22%2F%3E%3C%2Fsvg%3E";
+function p() {
+	return d({
+		id: "storefront-devtools:inertia",
+		title: "Inertia.js",
+		icon: f,
+		rendererImportFrom: "@scayle/storefront-devtools/inertia/renderer"
+	});
+}
+//#endregion
+//#region src/orpc/plugin.ts
+var m = "data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%207h16M4%2012h16M4%2017h10%22%2F%3E%3C%2Fsvg%3E";
+function h() {
+	return d({
+		id: "storefront-devtools:orpc",
+		title: "oRPC",
+		icon: m,
+		rendererImportFrom: "@scayle/storefront-devtools/orpc/renderer"
+	});
+}
+//#endregion
+//#region src/resource-center/plugin.ts
+var g = "https://scayle.dev/documentation/storefront/storefront-application/getting-started/what-is-storefront", _ = "data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M11.07%2012.85c.77-1.39%202.25-2.21%203.11-3.44c.91-1.29.4-3.7-2.18-3.7c-1.69%200-2.52%201.28-2.87%202.34L6.54%206.96C7.25%204.83%209.18%203%2011.99%203c2.35%200%203.96%201.07%204.78%202.41c.7%201.15%201.11%203.3.03%204.9c-1.2%201.77-2.35%202.31-2.97%203.45c-.25.46-.35.76-.35%202.24h-2.89c-.01-.78-.13-2.05.48-3.15M14%2020c0%201.1-.9%202-2%202s-2-.9-2-2s.9-2%202-2s2%20.9%202%202%22%2F%3E%3C%2Fsvg%3E";
+function v() {
+	return {
+		name: "storefront-devtools:resource-center",
+		devtools: { setup(e) {
+			e.docks.register({
+				id: "storefront-devtools:resource-center",
+				title: "Resource Center",
+				icon: _,
+				type: "iframe",
+				url: g,
+				groupId: s
+			});
+		} }
+	};
+}
+//#endregion
+//#region src/storefront/plugin.ts
+var y = "data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%209l1.5-5h15L21%209M4%209h16v10a1%201%200%200%201-1%201H5a1%201%200%200%201-1-1V9zM9%2020v-6h6v6%22%2F%3E%3C%2Fsvg%3E";
+function b() {
+	return d({
+		id: "storefront-devtools:storefront",
+		title: "Storefront",
+		icon: y,
+		rendererImportFrom: "@scayle/storefront-devtools/storefront/renderer"
+	});
+}
+//#endregion
+//#region src/vue-devtools/plugin.ts
+var x = "data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20fill%3D%22%2341b883%22%20d%3D%22M12%202%201%2021h22z%22%20opacity%3D%22.4%22%2F%3E%3Cpath%20fill%3D%22%2341b883%22%20d%3D%22M2%203h4l6%2010.5L18%203h4L12%2021z%22%2F%3E%3Cpath%20fill%3D%22%2335495e%22%20d%3D%22M6%203h3l3%205%203-5h3l-6%2010z%22%2F%3E%3C%2Fsvg%3E", S = "/__storefront-devtools/vue/", C = n(new URL("./vue-devtools/ui", "" + import.meta.url));
+function w() {
+	return {
+		name: "storefront-devtools:vue-panel",
+		apply: "serve",
+		configureServer(e) {
+			e.middlewares.use(S, r(C, {
+				dev: !0,
+				single: !0
+			}));
+		},
+		devtools: { setup(e) {
+			let t = "storefront-devtools:vue";
+			e.docks.register({
+				id: t,
+				title: "Vue",
+				icon: x,
+				type: "group",
+				accentColor: "#41b883",
+				defaultChildId: "storefront-devtools:vue-components"
+			}), e.docks.register({
+				id: "storefront-devtools:vue-components",
+				title: "Components",
+				icon: x,
+				type: "iframe",
+				url: `${S}?view=components`,
+				groupId: t
+			}), e.docks.register({
+				id: "storefront-devtools:vue-timeline",
+				title: "Timeline",
+				icon: x,
+				type: "iframe",
+				url: `${S}?view=timeline`,
+				groupId: t
+			});
+		} }
+	};
+}
+//#endregion
+//#region src/index.ts
+function T() {
+	return [
+		e({
+			builtinDevTools: !1,
+			branding: {
+				productName: "SCAYLE Storefront DevTools",
+				logo: l,
+				primaryColor: c
+			}
+		}),
+		o([
+			"@scayle/storefront-devtools/vue-devtools/client",
+			"@scayle/storefront-devtools/orpc/client",
+			"@scayle/storefront-devtools/resource-center/client",
+			"@scayle/storefront-devtools/inertia/client"
+		]),
+		u(),
+		p(),
+		v(),
+		h(),
+		b(),
+		w()
+	];
+}
+//#endregion
+export { T as default };

package/dist/inertia/client/index.d.mts

@@ -0,0 +1,13 @@
+export {}
+
+declare global {
+  interface Window {
+    /**
+     * The in-page devtools store, set by the injected client bootstrap. Typed
+     * as `unknown` because this side-effect entry exposes no API. Consumers
+     * `import '@scayle/storefront-devtools/inertia/client'` only to start
+     * capture. The dock renderer reads the concrete store off `window`.
+     */
+    __STOREFRONT_DEVTOOLS_STORE__?: unknown
+  }
+}

package/dist/inertia/client/index.d.ts

@@ -0,0 +1,7 @@
+import { DevToolsStore } from '../core/store';
+declare global {
+    interface Window {
+        __STOREFRONT_DEVTOOLS_STORE__?: DevToolsStore;
+    }
+}
+//# sourceMappingURL=index.d.ts.map

package/dist/inertia/client/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/inertia/client/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAA;AAM7C,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,MAAM;QACd,6BAA6B,CAAC,EAAE,aAAa,CAAA;KAC9C;CACF"}