@appfunnel-dev/sdk 2.0.0-canary.1 → 2.0.0-canary.2

package/dist/manifest-entry.js

@@ -0,0 +1,98 @@
+export { assignVariant, bucketingSeed, buildCatalog, compileManifest, currencyExponent, defineFunnel, formatMoney, formatProduct, isRtl, isVariantKey, pageMeta, parseSlotKey, resolveLocale, resolveProduct, validateExperiments, weightsOf } from './chunk-7UC5VXOR.js';
+export { INLINE_SURFACES, PROVIDER_PROFILES, checkoutError, isInlineSurface, isMerchantOfRecord, isOrchestrator, surfacesFor, validateCheckout, validateUpsell } from './chunk-YY375F2B.js';
+
+// src/flow/scaffold.ts
+var DRIVERS = {
+  stripe: { name: "stripeCheckoutDriver", sub: "driver-stripe" },
+  paddle: { name: "paddleCheckoutDriver", sub: "driver-paddle" }
+};
+var HEADER = "// GENERATED by AppFunnel \u2014 do not edit. Built from funnel.ts + the pages/ folder.\n";
+function generateMount(opts) {
+  const p = opts.importPrefix ?? "./";
+  const driver = opts.checkout ? DRIVERS[opts.checkout] : null;
+  const imports = [
+    `import { createFunnelTree, type MountOpts, type RuntimePage } from '@appfunnel-dev/sdk'`,
+    driver && `import { ${driver.name} } from '@appfunnel-dev/sdk/${driver.sub}'`,
+    `import { config } from '${p}funnel'`,
+    opts.hasLayout && `import Layout from '${p}layout'`
+  ].filter(Boolean).join("\n");
+  const loaders = opts.pageKeys.map(
+    (k) => `	${JSON.stringify(k)}: () => import(${JSON.stringify(`${p}pages/${k}`)}),`
+  ).join("\n");
+  const treeArgs = [
+    "config",
+    "pages",
+    opts.hasLayout && "layout: Layout",
+    driver && `checkoutDriver: ${driver.name}`
+  ].filter(Boolean).join(", ");
+  return `${HEADER}${imports}
+
+const loaders: Record<string, () => Promise<unknown>> = {
+${loaders}
+}
+
+// Flow pages come from funnel.ts (order + meta + routing). Any remaining page file is an off-flow
+// \`@variant\` page (wired by experiment records at render time), appended so it's loadable.
+const decls = config.pages ?? []
+const flowKeys = new Set(decls.map((d) => d.key))
+export const pages: RuntimePage[] = [
+	...decls.map((d) => ({ key: d.key, meta: d, load: loaders[d.key] })),
+	...Object.keys(loaders)
+		.filter((k) => !flowKeys.has(k))
+		.map((k) => ({ key: k, meta: {}, load: loaders[k] })),
+] as RuntimePage[]
+
+export const tree = createFunnelTree({ ${treeArgs} })
+
+export type { MountOpts }
+`;
+}
+function generateEntryClient(opts) {
+  const p = opts.importPrefix ?? "./";
+  const styles = opts.hasStyles ? `import '${p}styles.css'
+` : "";
+  return `${HEADER}${styles}import { hydrateRoot } from 'react-dom/client'
+import { tree, type MountOpts } from './mount'
+
+const dataEl = document.getElementById('__af_data')
+const data = (dataEl?.textContent ? JSON.parse(dataEl.textContent) : {}) as MountOpts & {
+	initialKey?: string | null
+}
+const root = document.getElementById('root')
+if (root) hydrateRoot(root, tree({ ...data, initialKey: data.initialKey ?? undefined }))
+`;
+}
+function generateEntryServer(opts) {
+  const p = opts.importPrefix ?? "./";
+  return `${HEADER}import { renderToReadableStream } from 'react-dom/server.browser'
+import { compileManifest } from '@appfunnel-dev/sdk'
+import { config } from '${p}funnel'
+import { tree, pages, type MountOpts } from './mount'
+
+export const manifest = compileManifest({
+	funnel: config,
+	pages: pages.map((pg) => ({ key: pg.key, meta: pg.meta })),
+})
+
+export async function ssr(opts: MountOpts): Promise<string> {
+	const stream = await renderToReadableStream(tree(opts))
+	await stream.allReady
+	return await new Response(stream).text()
+}
+`;
+}
+function generateDevEntry(opts) {
+  const p = opts.importPrefix ?? "./";
+  const styles = opts.hasStyles ? `import '${p}styles.css'
+` : "";
+  return `${HEADER}${styles}import { createRoot } from 'react-dom/client'
+import { tree } from './mount'
+
+const el = document.getElementById('root')
+if (el) createRoot(el).render(tree(${JSON.stringify(opts.data)}))
+`;
+}
+
+export { generateDevEntry, generateEntryClient, generateEntryServer, generateMount };
+//# sourceMappingURL=manifest-entry.js.map
+//# sourceMappingURL=manifest-entry.js.map

package/dist/manifest-entry.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/flow/scaffold.ts"],"names":[],"mappings":"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","file":"manifest-entry.js","sourcesContent":["/**\n * Source generators for the funnel build \"machinery\" authors no longer write. `funnel.ts` (the\n * spine: id, responses, products, checkout, and the page list + declarative routing) plus the\n * `pages/` folder are the ONLY authored source. The build (renderer/builder) and the CLI dev server\n * call these to synthesize:\n *   - `mount.tsx`         — code-split page loaders + `createFunnelTree`\n *   - `entry.client.tsx`  — hydrate the SSR'd markup from injected data\n *   - `entry.server.tsx`  — `ssr()` + the compiled `manifest`\n *\n * All string templates, zero runtime deps — this module lives in the pure `@appfunnel-dev/sdk/\n * manifest` entry so tooling imports it without the funnel runtime.\n */\n\nexport interface ScaffoldOptions {\n\t/** Page component keys = `pages/<key>.tsx` filenames (base flow pages AND `@variant` pages). */\n\tpageKeys: string[]\n\t/** Import prefix to reach the funnel root: `'./'` at the root (build), `'../../'` in a subdir (CLI dev). */\n\timportPrefix?: string\n\t/** Whether a `layout.tsx` exists to wrap the pages. */\n\thasLayout?: boolean\n\t/** Whether a `styles.css` exists (client entry imports it). */\n\thasStyles?: boolean\n\t/** Checkout provider from `config.checkout` — wires the driver; omit for none. */\n\tcheckout?: 'stripe' | 'paddle' | null\n}\n\nconst DRIVERS = {\n\tstripe: { name: 'stripeCheckoutDriver', sub: 'driver-stripe' },\n\tpaddle: { name: 'paddleCheckoutDriver', sub: 'driver-paddle' },\n} as const\n\nconst HEADER = '// GENERATED by AppFunnel — do not edit. Built from funnel.ts + the pages/ folder.\\n'\n\n/** `mount.tsx` — the code-split loaders + tree, derived from `config.pages` and the `pages/` files. */\nexport function generateMount(opts: ScaffoldOptions): string {\n\tconst p = opts.importPrefix ?? './'\n\tconst driver = opts.checkout ? DRIVERS[opts.checkout] : null\n\n\tconst imports = [\n\t\t`import { createFunnelTree, type MountOpts, type RuntimePage } from '@appfunnel-dev/sdk'`,\n\t\tdriver && `import { ${driver.name} } from '@appfunnel-dev/sdk/${driver.sub}'`,\n\t\t`import { config } from '${p}funnel'`,\n\t\topts.hasLayout && `import Layout from '${p}layout'`,\n\t]\n\t\t.filter(Boolean)\n\t\t.join('\\n')\n\n\t// A static import() per page file so Vite emits one code-split chunk each.\n\tconst loaders = opts.pageKeys\n\t\t.map(\n\t\t\t(k) => `\\t${JSON.stringify(k)}: () => import(${JSON.stringify(`${p}pages/${k}`)}),`\n\t\t)\n\t\t.join('\\n')\n\n\tconst treeArgs = [\n\t\t'config',\n\t\t'pages',\n\t\topts.hasLayout && 'layout: Layout',\n\t\tdriver && `checkoutDriver: ${driver.name}`,\n\t]\n\t\t.filter(Boolean)\n\t\t.join(', ')\n\n\treturn `${HEADER}${imports}\n\nconst loaders: Record<string, () => Promise<unknown>> = {\n${loaders}\n}\n\n// Flow pages come from funnel.ts (order + meta + routing). Any remaining page file is an off-flow\n// \\`@variant\\` page (wired by experiment records at render time), appended so it's loadable.\nconst decls = config.pages ?? []\nconst flowKeys = new Set(decls.map((d) => d.key))\nexport const pages: RuntimePage[] = [\n\t...decls.map((d) => ({ key: d.key, meta: d, load: loaders[d.key] })),\n\t...Object.keys(loaders)\n\t\t.filter((k) => !flowKeys.has(k))\n\t\t.map((k) => ({ key: k, meta: {}, load: loaders[k] })),\n] as RuntimePage[]\n\nexport const tree = createFunnelTree({ ${treeArgs} })\n\nexport type { MountOpts }\n`\n}\n\n/** `entry.client.tsx` — hydrate the SSR'd markup from the injected `#__af_data`. */\nexport function generateEntryClient(opts: Pick<ScaffoldOptions, 'importPrefix' | 'hasStyles'>): string {\n\tconst p = opts.importPrefix ?? './'\n\tconst styles = opts.hasStyles ? `import '${p}styles.css'\\n` : ''\n\treturn `${HEADER}${styles}import { hydrateRoot } from 'react-dom/client'\nimport { tree, type MountOpts } from './mount'\n\nconst dataEl = document.getElementById('__af_data')\nconst data = (dataEl?.textContent ? JSON.parse(dataEl.textContent) : {}) as MountOpts & {\n\tinitialKey?: string | null\n}\nconst root = document.getElementById('root')\nif (root) hydrateRoot(root, tree({ ...data, initialKey: data.initialKey ?? undefined }))\n`\n}\n\n/** `entry.server.tsx` — `ssr(opts)` HTML + the compiled `manifest` (read by the build). */\nexport function generateEntryServer(opts: Pick<ScaffoldOptions, 'importPrefix'>): string {\n\tconst p = opts.importPrefix ?? './'\n\treturn `${HEADER}import { renderToReadableStream } from 'react-dom/server.browser'\nimport { compileManifest } from '@appfunnel-dev/sdk'\nimport { config } from '${p}funnel'\nimport { tree, pages, type MountOpts } from './mount'\n\nexport const manifest = compileManifest({\n\tfunnel: config,\n\tpages: pages.map((pg) => ({ key: pg.key, meta: pg.meta })),\n})\n\nexport async function ssr(opts: MountOpts): Promise<string> {\n\tconst stream = await renderToReadableStream(tree(opts))\n\tawait stream.allReady\n\treturn await new Response(stream).text()\n}\n`\n}\n\n/** Client-only dev entry (createRoot, no SSR) — for the CLI `dev` server. */\nexport function generateDevEntry(\n\topts: Pick<ScaffoldOptions, 'importPrefix' | 'hasStyles'> & { data: unknown }\n): string {\n\tconst p = opts.importPrefix ?? './'\n\tconst styles = opts.hasStyles ? `import '${p}styles.css'\\n` : ''\n\treturn `${HEADER}${styles}import { createRoot } from 'react-dom/client'\nimport { tree } from './mount'\n\nconst el = document.getElementById('root')\nif (el) createRoot(el).render(tree(${JSON.stringify(opts.data)}))\n`\n}\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@appfunnel-dev/sdk",
-  "version": "2.0.0-canary.1",
+  "version": "2.0.0-canary.2",
   "description": "The AppFunnel funnel framework — typed namespaces, routing, commerce, modals, i18n for React funnels",
   "type": "module",
   "publishConfig": {
@@ -20,6 +20,36 @@
         "types": "./dist/index.d.cts",
         "default": "./dist/index.cjs"
       }
+    },
+    "./manifest": {
+      "import": {
+        "types": "./dist/manifest-entry.d.ts",
+        "default": "./dist/manifest-entry.js"
+      },
+      "require": {
+        "types": "./dist/manifest-entry.d.cts",
+        "default": "./dist/manifest-entry.cjs"
+      }
+    },
+    "./driver-stripe": {
+      "import": {
+        "types": "./dist/driver-stripe.d.ts",
+        "default": "./dist/driver-stripe.js"
+      },
+      "require": {
+        "types": "./dist/driver-stripe.d.cts",
+        "default": "./dist/driver-stripe.cjs"
+      }
+    },
+    "./driver-paddle": {
+      "import": {
+        "types": "./dist/driver-paddle.d.ts",
+        "default": "./dist/driver-paddle.js"
+      },
+      "require": {
+        "types": "./dist/driver-paddle.d.cts",
+        "default": "./dist/driver-paddle.cjs"
+      }
     }
   },
   "files": [
@@ -49,15 +79,18 @@
     "react-dom": "^18.0.0 || ^19.0.0"
   },
   "dependencies": {
-    "sonner": "^2.0.7"
+    "sonner": "^2.0.7",
+    "@stripe/stripe-js": "^9.9.0",
+    "@stripe/react-stripe-js": "^6.7.0",
+    "@paddle/paddle-js": "^1.6.4"
   },
   "devDependencies": {
+    "@testing-library/react": "^16.1.0",
     "@types/react": "^19.0.0",
     "@types/react-dom": "^19.0.0",
+    "happy-dom": "^15.11.0",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
-    "@testing-library/react": "^16.1.0",
-    "happy-dom": "^15.11.0",
     "tsup": "^8.0.0",
     "typescript": "^5.4.0",
     "vitest": "^2.1.0"