feat: browser & edge build, fixes to capture serialization

Author: skoshx

.gitignore

@@ -3,9 +3,14 @@ node_modules
 coverage
 .DS_Store
 .env
+.flytrap/*
 /test/transform/generated-*/
 /test/transform/ecosystem-repos
 /test-results/
 # Transform
 transform/*
 !transform/package.json
+
+# Browser
+browser/*
+!browser/package.json

examples/with-sveltekit/flytrap.config.ts

@@ -11,5 +11,6 @@ export default defineFlytrapConfig({
 	captureId: process?.env?.FLYTRAP_CAPTURE_ID ?? undefined,
 	// ignore Svelte generated files
 	excludeDirectories: ['./.svelte-kit'],
-	logging: ['api-calls', 'capture', 'storage']
+	logging: ['api-calls', 'capture', 'storage'],
+	browser: true
 })

examples/with-sveltekit/package.json

@@ -15,6 +15,8 @@
 		"@fontsource/fira-mono": "^4.5.10",
 		"@neoconfetti/svelte": "^1.0.0",
 		"@sveltejs/adapter-auto": "^2.0.0",
+		"@sveltejs/adapter-cloudflare": "^2.3.2",
+		"@sveltejs/adapter-vercel": "^3.0.3",
 		"@sveltejs/kit": "^1.5.0",
 		"@types/cookie": "^0.5.1",
 		"svelte": "^3.54.0",

examples/with-sveltekit/svelte.config.js

@@ -1,4 +1,6 @@
 import adapter from '@sveltejs/adapter-auto'
+// import adapter from '@sveltejs/adapter-vercel'
+// import adapter from '@sveltejs/adapter-cloudflare'
 import { vitePreprocess } from '@sveltejs/kit/vite'
 
 /** @type {import('@sveltejs/kit').Config} */

package.json

@@ -15,14 +15,20 @@
 			"import": "./transform/index.mjs",
 			"require": "./transform/index.cjs",
 			"types": "./transform/index.d.ts"
+		},
+		"./browser": {
+			"import": "./browser/index.mjs",
+			"require": "./browser/index.cjs",
+			"types": "./browser/index.d.ts"
 		}
 	},
 	"main": "./dist/index.cjs",
 	"module": "./dist/index.mjs",
 	"types": "./dist/index.d.ts",
 	"files": [
 		"dist",
-		"transform"
+		"transform",
+		"browser"
 	],
 	"type": "module",
 	"scripts": {
@@ -62,9 +68,11 @@
 		"@happy-dom/global-registrator": "^9.20.3",
 		"@nuxtjs/eslint-config-typescript": "latest",
 		"@playwright/test": "^1.36.2",
+		"@rollup/plugin-alias": "^5.0.0",
 		"@rollup/plugin-commonjs": "^25.0.0",
 		"@rollup/plugin-json": "^6.0.0",
 		"@rollup/plugin-node-resolve": "^15.1.0",
+		"@rollup/plugin-replace": "^5.0.2",
 		"@supabase/supabase-js": "^2.21.0",
 		"@trpc/server": "^10.21.1",
 		"@types/babel__traverse": "^7.18.3",

pnpm-lock.yaml

@@ -3,6 +3,9 @@ import dts from 'rollup-plugin-dts'
 import commonjs from '@rollup/plugin-commonjs'
 import json from '@rollup/plugin-json'
 import nodeResolve from '@rollup/plugin-node-resolve';
+import replace from '@rollup/plugin-replace';
+import alias from '@rollup/plugin-alias';
+
 
 /** @type {import('rollup').RollupOptions[]} */
 export default [
@@ -40,6 +43,56 @@ export default [
 			},
 		],
 	},
+	// Build browser / edge version
+	{
+		input: ["src/index.ts"],
+		plugins: [
+			alias({
+				entries: [
+					{
+						find: './core/encryption', replacement: './core/adapters/adapter-browser',
+					},
+					{
+						find: './encryption', replacement: './adapters/adapter-browser',
+					},
+					{
+						find: './persistence/isomorphic', replacement: './persistence/browser'
+					}
+				]
+			}),
+			nodeResolve({
+			resolveOnly: ['serialize-error', 'pkg-dir', 'find-up', 'locate-path', 'p-locate', 'p-limit', 'path-exists', 'yocto-queue']
+		}), json(), esbuild(), commonjs()],
+		output: [
+			{
+				dir: "browser",
+				entryFileNames: "index.mjs",
+				format: "esm",
+				exports: "named",
+				sourcemap: true,
+			},
+			{
+				dir: "browser",
+				entryFileNames: "index.cjs",
+				format: "cjs",
+				exports: "named",
+				sourcemap: true,
+			},
+		],
+	},
+	{
+		input: ["src/index.ts"],
+		plugins: [dts()],
+		output: [
+			{
+				dir: "browser",
+				entryFileNames: "index.d.ts",
+				format: "esm",
+				exports: "named",
+			},
+		],
+	},
+	// Build transform plugin
 	{
 		input: ["src/transform.ts"],
 		plugins: [nodeResolve({