lytx 0.3.0

package/tsconfig.json

@@ -0,0 +1,78 @@
+{
+	"compilerOptions": {
+		/* Visit https://aka.ms/tsconfig.json to read more about this file */
+		/* Set the JavaScript language version for emitted JavaScript and include compatible library declarations. */
+		"target": "es2021",
+		/* Specify a set of bundled library declaration files that describe the target runtime environment. */
+		"lib": [
+			"DOM",
+			"DOM.Iterable",
+			"ESNext",
+			"ES2022"
+		],
+		"allowJs": true,
+		/* Specify what JSX code is generated. */
+		"jsx": "react-jsx",
+		/* Specify what module code is generated. */
+		"module": "es2022",
+		/* Specify how TypeScript looks up a file from a given module specifier. */
+		"moduleResolution": "bundler",
+		/* Specify type package names to be included without being referenced in a source file. */
+		"types": [
+			"./worker-configuration.d.ts",
+			"./types/rw.d.ts",
+			"./types/vite.d.ts",
+			"./types/env.d.ts",
+			"./types/shims.d.ts"
+		],
+		"paths": {
+			"@/*": [
+				"./src/*"
+			],
+			"@cli/*": [
+				"./cli/*"
+			],
+			"@app/*": [
+				"./src/app/*"
+			],
+			"@utilities/*": [
+				"./src/utilities/*"
+			],
+			"@components/*": [
+				"./src/app/components/*"
+			],
+			"@pages/*": [
+				"./src/pages/*"
+			],
+			"@api/*": [
+				"./src/api/*"
+			],
+			"@lib/*": [
+				"./lib/*"
+			],
+			"@db/*": [
+				"./db/*"
+			],
+			"@generated/*": [
+				"./generated/*"
+			]
+		},
+		/* Enable importing .json files */
+		"resolveJsonModule": true,
+		/* Enable error reporting in type-checked JavaScript files. */
+		"checkJs": false,
+		/* Disable emitting files from a compilation. */
+		"noEmit": true,
+		/* Ensure that each file can be safely transpiled without relying on other imports. */
+		"isolatedModules": true,
+		/* Allow 'import x from y' when a module doesn't have a default export. */
+		"allowSyntheticDefaultImports": true,
+		/* Ensure that casing is correct in imports. */
+		"forceConsistentCasingInFileNames": true,
+		/* Enable all strict type-checking options. */
+		"strict": true,
+		"noImplicitAny": true,
+		/* Skip type checking all .d.ts files. */
+		"skipLibCheck": true
+	}
+}

package/types/env.d.ts

@@ -0,0 +1,16 @@
+// Auto-generated Cloudflare binding types.
+// @see https://alchemy.run/concepts/bindings/#type-safe-bindings
+
+import type { worker } from "../alchemy.run.ts";
+
+export type CloudflareEnv = typeof worker.Env;
+
+declare global {
+  type Env = CloudflareEnv;
+}
+
+declare module "cloudflare:workers" {
+  namespace Cloudflare {
+    export interface Env extends CloudflareEnv { }
+  }
+}

package/types/rw.d.ts

@@ -0,0 +1,7 @@
+import type { AppContext } from "../src/types/app-context";
+
+declare module "rwsdk/worker" {
+  interface DefaultAppContext extends AppContext {}
+}
+
+

package/types/shims.d.ts

@@ -0,0 +1,53 @@
+declare module "@opentui/core" {
+  export type ParsedKey = {
+    name?: string;
+    ctrl?: boolean;
+    shift?: boolean;
+  };
+
+  export class CliRenderer {
+    [key: string]: any;
+    terminalWidth: number;
+    terminalHeight: number;
+    console: { toggle: () => void };
+    constructor(...args: any[]);
+    start(): void;
+    stop(): void;
+    auto(): void;
+    toggleDebugOverlay(): void;
+    dumpHitGrid(): void;
+    add(...args: any[]): void;
+    setBackgroundColor(...args: any[]): void;
+  }
+
+  export class BoxRenderable {
+    [key: string]: any;
+    constructor(...args: any[]);
+    add(...args: any[]): void;
+  }
+
+  export class TextRenderable {
+    [key: string]: any;
+    constructor(...args: any[]);
+  }
+
+  export function createCliRenderer(...args: any[]): CliRenderer;
+  export function getKeyHandler(): {
+    on: (event: string, cb: (key: ParsedKey) => void) => void;
+    off: (event: string, cb: (key: ParsedKey) => void) => void;
+  };
+}
+
+declare module "react-simple-maps" {
+  import type { ComponentType } from "react";
+
+  export const ComposableMap: ComponentType<any>;
+  export const Geographies: ComponentType<any>;
+  export const Geography: ComponentType<any>;
+  export const Marker: ComponentType<any>;
+  export const ZoomableGroup: ComponentType<any>;
+}
+
+declare module "@supabase/supabase-js" {
+  export function createClient<T = any>(url: string, key: string): any;
+}

package/types/vite.d.ts

@@ -0,0 +1,19 @@
+// Stub declarations used by tsconfig.json.
+// Vite/RWSDK types are primarily provided by generated worker/runtime types.
+
+/**
+ * Virtual module: Lytx Pixel Bundle
+ * 
+ * This module is generated at build time by vite-plugin-pixel-bundle.
+ * It contains the bundled JavaScript code for the Lytx tracking pixel.
+ * 
+ * Two bundles are available:
+ * - script_tag_manager: Full version with third-party vendors (tag_manager = true)
+ * - script_core: Core version without vendors (tag_manager = false)
+ */
+declare module 'virtual:lytx-pixel-raw' {
+  /** Full bundled JavaScript with all third-party vendor integrations (tag_manager = true) */
+  export const script_tag_manager: string;
+  /** Core bundled JavaScript without third-party vendor integrations (tag_manager = false) */
+  export const script_core: string;
+}

package/vite/vite-plugin-pixel-bundle.ts

@@ -0,0 +1,126 @@
+/**
+ * Vite Plugin: Lytx Pixel Bundle
+ * 
+ * This plugin bundles the lytxpixel scripts at build time and exposes them
+ * as virtual modules. This replaces the manual rawScriptString.ts build step.
+ * 
+ * Two bundles are generated:
+ * - Full version (with third-party vendors): for tag_manager = true
+ * - Core version (no vendors): for tag_manager = false
+ * 
+ * Usage:
+ *   import { script_tag_manager, script_core } from 'virtual:lytx-pixel-raw';
+ */
+import { build } from 'esbuild';
+import path from 'path';
+import type { Plugin } from 'vite';
+
+const VIRTUAL_MODULE_ID = 'virtual:lytx-pixel-raw';
+const RESOLVED_VIRTUAL_ID = '\0' + VIRTUAL_MODULE_ID;
+
+interface CachedBundles {
+  full: string | null;
+  core: string | null;
+}
+
+export function lytxPixelBundlePlugin(): Plugin {
+  let cachedBundles: CachedBundles = { full: null, core: null };
+  let rootDir: string;
+
+  return {
+    name: 'vite-plugin-lytx-pixel-bundle',
+
+    configResolved(config) {
+      rootDir = config.root;
+    },
+
+    resolveId(id) {
+      if (id === VIRTUAL_MODULE_ID) {
+        return RESOLVED_VIRTUAL_ID;
+      }
+    },
+
+    async load(id) {
+      if (id === RESOLVED_VIRTUAL_ID) {
+        // Build both bundles in parallel if not cached
+        const [fullBundle, coreBundle] = await Promise.all([
+          cachedBundles.full ?? bundlePixelScript(rootDir, 'full'),
+          cachedBundles.core ?? bundlePixelScript(rootDir, 'core'),
+        ]);
+        
+        cachedBundles.full = fullBundle;
+        cachedBundles.core = coreBundle;
+
+        return `
+export const script_tag_manager = ${JSON.stringify(fullBundle)};
+export const script_core = ${JSON.stringify(coreBundle)};
+`;
+      }
+    },
+
+    // Invalidate cache in dev mode when source files change
+    handleHotUpdate({ file }) {
+      if (
+        file.includes('templates/lytxpixel') ||
+        file.includes('templates/vendors') ||
+        file.includes('templates/trackWebEvents')
+      ) {
+        cachedBundles = { full: null, core: null };
+      }
+    },
+  };
+}
+
+async function bundlePixelScript(rootDir: string, variant: 'full' | 'core'): Promise<string> {
+  const entryFile = variant === 'full' ? 'lytxpixel.ts' : 'lytxpixel-core.ts';
+  const entryPoint = path.resolve(rootDir, `src/templates/${entryFile}`);
+  
+  // Log info about tracking domain (only on first bundle to avoid duplicate logs)
+  if (variant === 'full') {
+    console.log('');
+    console.log('  ╔══════════════════════════════════════════════════════════╗');
+    console.log('  ║                                                          ║');
+    console.log('  ║  🔗 LYTX TRACKING SCRIPT                                 ║');
+    console.log('  ║                                                          ║');
+    console.log('  ║  📡 Domain is set dynamically at runtime from request    ║');
+    console.log('  ║                                                          ║');
+    console.log('  ╚══════════════════════════════════════════════════════════╝');
+    console.log('');
+  }
+
+  const result = await build({
+    entryPoints: [entryPoint],
+    bundle: true,
+    write: false,
+    target: 'es2017',
+    format: 'esm',
+    treeShaking: true,
+    charset: 'utf8',
+    minify: true,
+  });
+
+  let code = result.outputFiles[0].text;
+
+  // Convert named exports to variable assignments (e.g., "export{L as parseData}" -> "var parseData=L;")
+  // This preserves the exported names so they can be called from the wrapper script
+  code = code
+    .replace(/export\s*\{([^}]+)\};?/g, (match, exports) => {
+      // Parse exports like "L as parseData, M as trackEvents" or just "parseData"
+      return exports.split(',').map((exp: string) => {
+        const parts = exp.trim().split(/\s+as\s+/);
+        if (parts.length === 2) {
+          // "L as parseData" -> "var parseData=L;"
+          return `var ${parts[1].trim()}=${parts[0].trim()};`;
+        } else {
+          // "parseData" -> already available, no action needed
+          return '';
+        }
+      }).join('');
+    })
+    .replace(/export\s+default\s+[^;]+;?/g, '')
+    .trim();
+
+  return code;
+}
+
+export default lytxPixelBundlePlugin;

package/vite.config.ts

@@ -0,0 +1,53 @@
+import { defineConfig } from 'vite';
+import tailwindcss from '@tailwindcss/vite';
+import alchemy from "alchemy/cloudflare/redwood";
+import react from "@vitejs/plugin-react";
+import path from 'path';
+import { lytxPixelBundlePlugin } from './vite/vite-plugin-pixel-bundle';
+
+function sqlPlugin() {
+  return {
+    name: "vite-plugin-sql",
+    transform(content: string, id: string) {
+      if (id.endsWith(".sql")) {
+        return {
+          code: `export default ${JSON.stringify(content)};`,
+          map: null,
+        };
+      }
+    },
+  };
+}
+
+export default defineConfig({
+  plugins: [
+    lytxPixelBundlePlugin(),
+    sqlPlugin(),
+    react({
+      babel: {
+        plugins: ["babel-plugin-react-compiler"],
+      },
+    }),
+    alchemy(),
+    tailwindcss()
+  ],
+  resolve: {
+    alias: {
+      '@': path.resolve(__dirname, './src'),
+      '@cli': path.resolve(__dirname, './cli'),
+      '@app': path.resolve(__dirname, './src/app'),
+      '@utilities': path.resolve(__dirname, './src/utilities'),
+      '@components': path.resolve(__dirname, './src/app/components'),
+      '@pages': path.resolve(__dirname, './src/pages'),
+      '@api': path.resolve(__dirname, './src/api'),
+      '@lib': path.resolve(__dirname, './lib'),
+      '@db': path.resolve(__dirname, './db'),
+      '@generated': path.resolve(__dirname, './generated'),
+    }
+  },
+  server: {
+    host: "0.0.0.0",
+    allowedHosts: true,
+    port: 6123
+  }
+});