@whop/cli 0.16.1 → 0.16.2

package/dist/vite-devtools-stub.d.ts

@@ -0,0 +1,22 @@
+/**
+ * What `@tanstack/*-devtools` resolves to under `whop({ disableTanstackDevtools:
+ * true })`.
+ *
+ * The TanStack scaffold mounts `<TanStackDevtools>` in `__root.tsx`, which puts a
+ * floating panel trigger over every page. On a developer's own machine that is
+ * the point; on a site being watched by the person it is being built for, the
+ * control belongs to nobody.
+ *
+ * Aliased rather than edited out of `__root.tsx`: the app's components stay
+ * exactly as their author wrote them, and there is no JSX rewriting to get wrong.
+ * What the project does carry is the one flag that asks for this, so the missing
+ * panel is explained by the config rather than by the environment.
+ */
+declare function nothing(): null;
+declare const TanStackDevtools: typeof nothing;
+declare const TanStackRouterDevtools: typeof nothing;
+declare const TanStackRouterDevtoolsPanel: typeof nothing;
+declare const ReactQueryDevtools: typeof nothing;
+declare const ReactQueryDevtoolsPanel: typeof nothing;
+
+export { ReactQueryDevtools, ReactQueryDevtoolsPanel, TanStackDevtools, TanStackRouterDevtools, TanStackRouterDevtoolsPanel, nothing as default };

package/dist/vite-devtools-stub.js

@@ -0,0 +1,19 @@
+// src/vite-devtools-stub.ts
+function nothing() {
+  return null;
+}
+var TanStackDevtools = nothing;
+var TanStackRouterDevtools = nothing;
+var TanStackRouterDevtoolsPanel = nothing;
+var ReactQueryDevtools = nothing;
+var ReactQueryDevtoolsPanel = nothing;
+var vite_devtools_stub_default = nothing;
+export {
+  ReactQueryDevtools,
+  ReactQueryDevtoolsPanel,
+  TanStackDevtools,
+  TanStackRouterDevtools,
+  TanStackRouterDevtoolsPanel,
+  vite_devtools_stub_default as default
+};
+//# sourceMappingURL=vite-devtools-stub.js.map

package/dist/vite-devtools-stub.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/vite-devtools-stub.ts"],"sourcesContent":["/**\n * What `@tanstack/*-devtools` resolves to under `whop({ disableTanstackDevtools:\n * true })`.\n *\n * The TanStack scaffold mounts `<TanStackDevtools>` in `__root.tsx`, which puts a\n * floating panel trigger over every page. On a developer's own machine that is\n * the point; on a site being watched by the person it is being built for, the\n * control belongs to nobody.\n *\n * Aliased rather than edited out of `__root.tsx`: the app's components stay\n * exactly as their author wrote them, and there is no JSX rewriting to get wrong.\n * What the project does carry is the one flag that asks for this, so the missing\n * panel is explained by the config rather than by the environment.\n */\n\nfunction nothing(): null {\n\treturn null;\n}\n\nexport const TanStackDevtools = nothing;\nexport const TanStackRouterDevtools = nothing;\nexport const TanStackRouterDevtoolsPanel = nothing;\nexport const ReactQueryDevtools = nothing;\nexport const ReactQueryDevtoolsPanel = nothing;\n\nexport default nothing;\n"],"mappings":";AAeA,SAAS,UAAgB;AACxB,SAAO;AACR;AAEO,IAAM,mBAAmB;AACzB,IAAM,yBAAyB;AAC/B,IAAM,8BAA8B;AACpC,IAAM,qBAAqB;AAC3B,IAAM,0BAA0B;AAEvC,IAAO,6BAAQ;","names":[]}

package/dist/vite.d.ts

@@ -1,5 +1,20 @@
 import { Plugin } from 'vite';
 
-declare function whop(): Plugin[];
+type WhopOptions = {
+    /**
+     * Resolve `@tanstack/*-devtools` to a stub, so the floating devtools panel
+     * never renders.
+     *
+     * Set by `whop apps init` on the projects Whop builds, where the page is
+     * watched by the person the site is being built for and a developer panel
+     * belongs to nobody. Delete it — or set it to false — to get them back.
+     *
+     * Deliberately a flag in the project rather than something inferred from the
+     * environment: whoever wonders where the devtools went finds the answer in the
+     * config they are already reading, and turning them on is one word.
+     */
+    disableTanstackDevtools?: boolean;
+};
+declare function whop(options?: WhopOptions): Plugin[];
 
-export { whop as default, whop };
+export { type WhopOptions, whop as default, whop };

package/dist/vite.js

@@ -9,6 +9,7 @@ import {
   writeFileSync
 } from "fs";
 import { basename, join, relative, sep } from "path";
+import { fileURLToPath } from "url";
 
 // ../../node_modules/.pnpm/fflate@0.8.2/node_modules/fflate/esm/index.mjs
 import { createRequire } from "module";
@@ -724,6 +725,7 @@ function zipSync(data, opts) {
 }
 
 // src/vite.ts
+import { version as viteVersion } from "vite";
 var OUTPUT_ZIP = "whop-build.zip";
 var ALWAYS_IGNORED = /* @__PURE__ */ new Set([".DS_Store", ".assetsignore"]);
 var SERVER_IGNORED = /* @__PURE__ */ new Set(["wrangler.json"]);
@@ -788,7 +790,18 @@ function pack(distDir) {
     `[whop] packed ${client.length + server.length} files \u2192 dist/${OUTPUT_ZIP} (sha256 ${checksum.slice(0, 12)}\u2026)`
   );
 }
-function whopDevServer() {
+var DEVTOOLS_PACKAGES = [
+  "@tanstack/react-devtools",
+  "@tanstack/react-router-devtools",
+  "@tanstack/react-query-devtools"
+];
+function devtoolsAliases() {
+  const stub = fileURLToPath(
+    new URL("./vite-devtools-stub.js", import.meta.url)
+  );
+  return Object.fromEntries(DEVTOOLS_PACKAGES.map((name) => [name, stub]));
+}
+function whopDevServer(options) {
   return {
     name: "whop-dev-server",
     apply: "serve",
@@ -796,6 +809,7 @@ function whopDevServer() {
       const port = Number(process.env.WHOP_DEV_PORT);
       const publicOrigin = process.env.WHOP_DEV_PUBLIC_ORIGIN;
       const server = {};
+      const hmr = {};
       if (Number.isFinite(port) && port > 0) {
         server.port = port;
         server.strictPort = true;
@@ -810,14 +824,25 @@ function whopDevServer() {
         }
         if (parsed) {
           server.allowedHosts = [parsed.hostname];
-          server.hmr = {
+          const connection = {
             protocol: parsed.protocol === "https:" ? "wss" : "ws",
             host: parsed.hostname,
             clientPort: parsed.port ? Number(parsed.port) : parsed.protocol === "https:" ? 443 : 80
           };
+          if (Number.parseInt(viteVersion, 10) >= 8) {
+            server.ws = connection;
+          } else {
+            Object.assign(hmr, connection);
+          }
+          hmr.overlay = false;
+          server.hmr = hmr;
         }
       }
-      return Object.keys(server).length > 0 ? { server } : {};
+      const resolve = options.disableTanstackDevtools ? { alias: devtoolsAliases() } : void 0;
+      return {
+        ...Object.keys(server).length > 0 ? { server } : {},
+        ...resolve ? { resolve } : {}
+      };
     }
   };
 }
@@ -836,8 +861,8 @@ function whopPack() {
     }
   };
 }
-function whop() {
-  return [whopDevServer(), whopPack()];
+function whop(options = {}) {
+  return [whopDevServer(options), whopPack()];
 }
 var vite_default = whop;
 export {