@onlook/storybook-plugin 0.4.0-beta.18 → 0.4.0-beta.19

package/dist/index.js

@@ -857,9 +857,139 @@ function handleStoryFileChange({ file, modules }) {
   }
 }
 
-// src/package-mock/clerk-mock.ts
+// src/package-mock/convex-mock.ts
 var VALID_IDENT_RE2 = /^[A-Za-z_$][\w$]*$/;
 var RESERVED_HELPER_NAMES = /* @__PURE__ */ new Set([
+  "__pass",
+  "__null",
+  "__asyncNoop",
+  "__noop",
+  "__convexClient",
+  "createElement",
+  "Fragment"
+]);
+var SHARED_PREAMBLE = [
+  "import { createElement, Fragment } from 'react';",
+  "const __asyncNoop = async () => {};",
+  "const __noop = () => {};",
+  // No `: any` param annotation — the virtual module is parsed as PLAIN JS.
+  "const __pass = (props) => createElement(Fragment, null, props ? props.children : undefined);",
+  "const __null = () => null;"
+];
+var CONVEX_CLIENT_PREAMBLE = [
+  "const __convexClient = {",
+  "  setAuth: __noop,",
+  "  clearAuth: __noop,",
+  "  close: __asyncNoop,",
+  "  connectionState: () => ({ hasInflightRequests: false, isWebSocketConnected: false }),",
+  "  watchQuery: () => ({",
+  "    onUpdate: () => __noop,",
+  "    localQueryResult: () => undefined,",
+  "    journal: () => undefined,",
+  "  }),",
+  "  mutation: __asyncNoop,",
+  "  action: __asyncNoop,",
+  "  query: __asyncNoop,",
+  "};"
+];
+var CONVEX_KNOWN_HOOKS = {
+  useQuery: "undefined",
+  useQueries: "({})",
+  useMutation: "__asyncNoop",
+  useAction: "__asyncNoop",
+  usePaginatedQuery: "({ results: [], status: 'LoadingFirstPage', isLoading: true, loadMore: __noop })",
+  useConvex: "__convexClient",
+  useConvexAuth: "({ isLoading: false, isAuthenticated: true })"
+};
+var CONVEX_CHILDREN_COMPONENTS = /* @__PURE__ */ new Set([
+  "ConvexProvider",
+  "ConvexProviderWithAuth",
+  "ConvexProviderWithClerk",
+  "Authenticated"
+]);
+var CONVEX_NULL_COMPONENTS = /* @__PURE__ */ new Set(["Unauthenticated", "AuthLoading"]);
+function convexExportLine(name) {
+  if (name in CONVEX_KNOWN_HOOKS) {
+    return `export const ${name} = () => ${CONVEX_KNOWN_HOOKS[name]};`;
+  }
+  if (name === "ConvexReactClient") {
+    return "export function ConvexReactClient() { return __convexClient; }";
+  }
+  if (CONVEX_CHILDREN_COMPONENTS.has(name)) return `export const ${name} = __pass;`;
+  if (CONVEX_NULL_COMPONENTS.has(name)) return `export const ${name} = __null;`;
+  if (/^use[A-Z]/.test(name)) return `export const ${name} = () => undefined;`;
+  if (/^[A-Z]/.test(name)) return `export const ${name} = __pass;`;
+  return `export const ${name} = undefined;`;
+}
+function buildConvexReactMockSource(usedExports) {
+  const names = dedupeNames([
+    ...usedExports,
+    ...Object.keys(CONVEX_KNOWN_HOOKS),
+    ...CONVEX_CHILDREN_COMPONENTS,
+    ...CONVEX_NULL_COMPONENTS,
+    "ConvexReactClient"
+  ]);
+  return [
+    "// Auto-generated by @onlook/storybook-plugin (package mock). Zero-backend",
+    "// Convex stand-in: queries stay in the loading state (`useQuery` returns",
+    "// `undefined`), mutations/actions no-op, auth reads signed-in. Swap back to",
+    "// the real convex package (with a deployment URL) for live data.",
+    ...SHARED_PREAMBLE,
+    ...CONVEX_CLIENT_PREAMBLE,
+    "",
+    ...names.map(convexExportLine),
+    "",
+    "export default {};",
+    ""
+  ].join("\n");
+}
+var CONVEX_AUTH_KNOWN_HOOKS = {
+  useAuthActions: "({ signIn: __asyncNoop, signOut: __asyncNoop })",
+  useAuthToken: "null"
+};
+var CONVEX_AUTH_CHILDREN_COMPONENTS = /* @__PURE__ */ new Set(["ConvexAuthProvider"]);
+function convexAuthExportLine(name) {
+  if (name in CONVEX_AUTH_KNOWN_HOOKS) {
+    return `export const ${name} = () => ${CONVEX_AUTH_KNOWN_HOOKS[name]};`;
+  }
+  if (CONVEX_AUTH_CHILDREN_COMPONENTS.has(name)) {
+    return `export const ${name} = __pass;`;
+  }
+  if (/^use[A-Z]/.test(name)) return `export const ${name} = () => undefined;`;
+  if (/^[A-Z]/.test(name)) return `export const ${name} = __pass;`;
+  return `export const ${name} = undefined;`;
+}
+function buildConvexAuthMockSource(usedExports) {
+  const names = dedupeNames([
+    ...usedExports,
+    ...Object.keys(CONVEX_AUTH_KNOWN_HOOKS),
+    ...CONVEX_AUTH_CHILDREN_COMPONENTS
+  ]);
+  return [
+    "// Auto-generated by @onlook/storybook-plugin (package mock). Zero-backend",
+    "// @convex-dev/auth stand-in: auth actions no-op, no token. Swap back to the",
+    "// real package for live auth flows.",
+    ...SHARED_PREAMBLE,
+    "",
+    ...names.map(convexAuthExportLine),
+    "",
+    "export default {};",
+    ""
+  ].join("\n");
+}
+function dedupeNames(usedExports) {
+  return Array.from(
+    new Set(
+      usedExports.filter(
+        (n) => VALID_IDENT_RE2.test(n) && n !== "default" && !RESERVED_HELPER_NAMES.has(n)
+      )
+    )
+  ).sort();
+}
+
+// src/package-mock/clerk-mock.ts
+var VALID_IDENT_RE3 = /^[A-Za-z_$][\w$]*$/;
+var RESERVED_HELPER_NAMES2 = /* @__PURE__ */ new Set([
   "__user",
   "__pass",
   "__null",
@@ -872,7 +1002,9 @@ var RESERVED_HELPER_NAMES = /* @__PURE__ */ new Set([
 ]);
 var BUILDERS = {
   "@clerk/nextjs": buildClerkMockSource,
-  "@clerk/clerk-react": buildClerkMockSource
+  "@clerk/clerk-react": buildClerkMockSource,
+  "convex/react": buildConvexReactMockSource,
+  "@convex-dev/auth/react": buildConvexAuthMockSource
 };
 function isKnownMockPackage(pkg) {
   return pkg in BUILDERS;
@@ -996,7 +1128,7 @@ function buildClerkMockSource(usedExports) {
   const names = Array.from(
     new Set(
       usedExports.filter(
-        (n) => VALID_IDENT_RE2.test(n) && n !== "default" && !RESERVED_HELPER_NAMES.has(n)
+        (n) => VALID_IDENT_RE3.test(n) && n !== "default" && !RESERVED_HELPER_NAMES2.has(n)
       )
     )
   ).sort();

package/dist/preset/index.js

@@ -853,9 +853,139 @@ function moduleLoadCatchAllPlugin() {
   };
 }
 
-// src/package-mock/clerk-mock.ts
+// src/package-mock/convex-mock.ts
 var VALID_IDENT_RE2 = /^[A-Za-z_$][\w$]*$/;
 var RESERVED_HELPER_NAMES = /* @__PURE__ */ new Set([
+  "__pass",
+  "__null",
+  "__asyncNoop",
+  "__noop",
+  "__convexClient",
+  "createElement",
+  "Fragment"
+]);
+var SHARED_PREAMBLE = [
+  "import { createElement, Fragment } from 'react';",
+  "const __asyncNoop = async () => {};",
+  "const __noop = () => {};",
+  // No `: any` param annotation — the virtual module is parsed as PLAIN JS.
+  "const __pass = (props) => createElement(Fragment, null, props ? props.children : undefined);",
+  "const __null = () => null;"
+];
+var CONVEX_CLIENT_PREAMBLE = [
+  "const __convexClient = {",
+  "  setAuth: __noop,",
+  "  clearAuth: __noop,",
+  "  close: __asyncNoop,",
+  "  connectionState: () => ({ hasInflightRequests: false, isWebSocketConnected: false }),",
+  "  watchQuery: () => ({",
+  "    onUpdate: () => __noop,",
+  "    localQueryResult: () => undefined,",
+  "    journal: () => undefined,",
+  "  }),",
+  "  mutation: __asyncNoop,",
+  "  action: __asyncNoop,",
+  "  query: __asyncNoop,",
+  "};"
+];
+var CONVEX_KNOWN_HOOKS = {
+  useQuery: "undefined",
+  useQueries: "({})",
+  useMutation: "__asyncNoop",
+  useAction: "__asyncNoop",
+  usePaginatedQuery: "({ results: [], status: 'LoadingFirstPage', isLoading: true, loadMore: __noop })",
+  useConvex: "__convexClient",
+  useConvexAuth: "({ isLoading: false, isAuthenticated: true })"
+};
+var CONVEX_CHILDREN_COMPONENTS = /* @__PURE__ */ new Set([
+  "ConvexProvider",
+  "ConvexProviderWithAuth",
+  "ConvexProviderWithClerk",
+  "Authenticated"
+]);
+var CONVEX_NULL_COMPONENTS = /* @__PURE__ */ new Set(["Unauthenticated", "AuthLoading"]);
+function convexExportLine(name) {
+  if (name in CONVEX_KNOWN_HOOKS) {
+    return `export const ${name} = () => ${CONVEX_KNOWN_HOOKS[name]};`;
+  }
+  if (name === "ConvexReactClient") {
+    return "export function ConvexReactClient() { return __convexClient; }";
+  }
+  if (CONVEX_CHILDREN_COMPONENTS.has(name)) return `export const ${name} = __pass;`;
+  if (CONVEX_NULL_COMPONENTS.has(name)) return `export const ${name} = __null;`;
+  if (/^use[A-Z]/.test(name)) return `export const ${name} = () => undefined;`;
+  if (/^[A-Z]/.test(name)) return `export const ${name} = __pass;`;
+  return `export const ${name} = undefined;`;
+}
+function buildConvexReactMockSource(usedExports) {
+  const names = dedupeNames([
+    ...usedExports,
+    ...Object.keys(CONVEX_KNOWN_HOOKS),
+    ...CONVEX_CHILDREN_COMPONENTS,
+    ...CONVEX_NULL_COMPONENTS,
+    "ConvexReactClient"
+  ]);
+  return [
+    "// Auto-generated by @onlook/storybook-plugin (package mock). Zero-backend",
+    "// Convex stand-in: queries stay in the loading state (`useQuery` returns",
+    "// `undefined`), mutations/actions no-op, auth reads signed-in. Swap back to",
+    "// the real convex package (with a deployment URL) for live data.",
+    ...SHARED_PREAMBLE,
+    ...CONVEX_CLIENT_PREAMBLE,
+    "",
+    ...names.map(convexExportLine),
+    "",
+    "export default {};",
+    ""
+  ].join("\n");
+}
+var CONVEX_AUTH_KNOWN_HOOKS = {
+  useAuthActions: "({ signIn: __asyncNoop, signOut: __asyncNoop })",
+  useAuthToken: "null"
+};
+var CONVEX_AUTH_CHILDREN_COMPONENTS = /* @__PURE__ */ new Set(["ConvexAuthProvider"]);
+function convexAuthExportLine(name) {
+  if (name in CONVEX_AUTH_KNOWN_HOOKS) {
+    return `export const ${name} = () => ${CONVEX_AUTH_KNOWN_HOOKS[name]};`;
+  }
+  if (CONVEX_AUTH_CHILDREN_COMPONENTS.has(name)) {
+    return `export const ${name} = __pass;`;
+  }
+  if (/^use[A-Z]/.test(name)) return `export const ${name} = () => undefined;`;
+  if (/^[A-Z]/.test(name)) return `export const ${name} = __pass;`;
+  return `export const ${name} = undefined;`;
+}
+function buildConvexAuthMockSource(usedExports) {
+  const names = dedupeNames([
+    ...usedExports,
+    ...Object.keys(CONVEX_AUTH_KNOWN_HOOKS),
+    ...CONVEX_AUTH_CHILDREN_COMPONENTS
+  ]);
+  return [
+    "// Auto-generated by @onlook/storybook-plugin (package mock). Zero-backend",
+    "// @convex-dev/auth stand-in: auth actions no-op, no token. Swap back to the",
+    "// real package for live auth flows.",
+    ...SHARED_PREAMBLE,
+    "",
+    ...names.map(convexAuthExportLine),
+    "",
+    "export default {};",
+    ""
+  ].join("\n");
+}
+function dedupeNames(usedExports) {
+  return Array.from(
+    new Set(
+      usedExports.filter(
+        (n) => VALID_IDENT_RE2.test(n) && n !== "default" && !RESERVED_HELPER_NAMES.has(n)
+      )
+    )
+  ).sort();
+}
+
+// src/package-mock/clerk-mock.ts
+var VALID_IDENT_RE3 = /^[A-Za-z_$][\w$]*$/;
+var RESERVED_HELPER_NAMES2 = /* @__PURE__ */ new Set([
   "__user",
   "__pass",
   "__null",
@@ -868,7 +998,9 @@ var RESERVED_HELPER_NAMES = /* @__PURE__ */ new Set([
 ]);
 var BUILDERS = {
   "@clerk/nextjs": buildClerkMockSource,
-  "@clerk/clerk-react": buildClerkMockSource
+  "@clerk/clerk-react": buildClerkMockSource,
+  "convex/react": buildConvexReactMockSource,
+  "@convex-dev/auth/react": buildConvexAuthMockSource
 };
 function isKnownMockPackage(pkg) {
   return pkg in BUILDERS;
@@ -992,7 +1124,7 @@ function buildClerkMockSource(usedExports) {
   const names = Array.from(
     new Set(
       usedExports.filter(
-        (n) => VALID_IDENT_RE2.test(n) && n !== "default" && !RESERVED_HELPER_NAMES.has(n)
+        (n) => VALID_IDENT_RE3.test(n) && n !== "default" && !RESERVED_HELPER_NAMES2.has(n)
       )
     )
   ).sort();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onlook/storybook-plugin",
-  "version": "0.4.0-beta.18",
+  "version": "0.4.0-beta.19",
   "type": "module",
   "bin": {
     "onlook-storybook": "./dist/cli/index.js"