lytx 0.3.0

package/src/pages/TermsOfService.tsx

@@ -0,0 +1,126 @@
+import { MarketingLayout } from "@/app/components/marketing/MarketingLayout";
+import { SectionHeading } from "@/app/components/marketing/SectionHeading";
+
+export function TermsOfService() {
+  return (
+    <MarketingLayout>
+      <section className="pt-32 pb-20">
+        <div className="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8">
+          <SectionHeading
+            as="h1"
+            badge="Legal"
+            title="Terms of Service"
+            subtitle="These terms govern your use of the Lytx product provided by Riche Ventures, Inc."
+          />
+
+          <div className="space-y-8 text-slate-600 dark:text-slate-400">
+            <p className="text-sm text-slate-500 dark:text-slate-500">Last updated: January 29, 2026</p>
+
+            <div className="space-y-3">
+              <h2 className="text-lg font-semibold text-slate-900 dark:text-white">Agreement to these terms</h2>
+              <p>
+              By accessing or using the Services, you agree to these Terms of Service ("Terms"). If
+              you are using the Services on behalf of an organization, you represent that you have
+              authority to bind that organization to these Terms.
+              </p>
+            </div>
+
+            <div className="space-y-3">
+              <h2 className="text-lg font-semibold text-slate-900 dark:text-white">About Lytx</h2>
+              <p>
+              Lytx is a product of Riche Ventures, Inc. ("Riche Ventures", "we", "us"). The
+              Services provide privacy-first analytics tools, including hosted and self-hosted
+              options.
+              </p>
+            </div>
+
+            <div className="space-y-3">
+              <h2 className="text-lg font-semibold text-slate-900 dark:text-white">Accounts and security</h2>
+              <ul className="space-y-2 list-disc pl-5">
+                <li>You are responsible for maintaining the confidentiality of your account.</li>
+                <li>You agree to provide accurate information and keep it up to date.</li>
+                <li>You must notify us promptly of any unauthorized use of your account.</li>
+              </ul>
+            </div>
+
+            <div className="space-y-3">
+              <h2 className="text-lg font-semibold text-slate-900 dark:text-white">Acceptable use</h2>
+              <ul className="space-y-2 list-disc pl-5">
+                <li>Do not use the Services for unlawful, harmful, or abusive activities.</li>
+                <li>Do not attempt to interfere with or disrupt the Services or networks.</li>
+                <li>Do not access or use the Services to build a competing product.</li>
+              </ul>
+            </div>
+
+            <div className="space-y-3">
+              <h2 className="text-lg font-semibold text-slate-900 dark:text-white">Your data</h2>
+              <p>
+              You retain ownership of the data you send to the Services. You grant us a limited
+              license to process that data to provide and improve the Services. For analytics data
+              collected from your sites, you are responsible for providing any required notices to
+              your users.
+              </p>
+            </div>
+
+            <div className="space-y-3">
+              <h2 className="text-lg font-semibold text-slate-900 dark:text-white">Open source and self-hosting</h2>
+              <p>
+              The Lytx codebase is available as open source. If you choose to self-host, you are
+              responsible for your hosting environment, security, and compliance obligations.
+              </p>
+            </div>
+
+            <div className="space-y-3">
+              <h2 className="text-lg font-semibold text-slate-900 dark:text-white">Termination</h2>
+              <p>
+              You may stop using the Services at any time. We may suspend or terminate access if you
+              violate these Terms or if your use poses a security risk.
+              </p>
+            </div>
+
+            <div className="space-y-3">
+              <h2 className="text-lg font-semibold text-slate-900 dark:text-white">Disclaimers</h2>
+              <p>
+              The Services are provided "as is" without warranties of any kind, express or implied.
+              We do not warrant that the Services will be uninterrupted or error-free.
+              </p>
+            </div>
+
+            <div className="space-y-3">
+              <h2 className="text-lg font-semibold text-slate-900 dark:text-white">Limitation of liability</h2>
+              <p>
+              To the maximum extent permitted by law, Riche Ventures will not be liable for any
+              indirect, incidental, special, or consequential damages arising out of or related to
+              your use of the Services.
+              </p>
+            </div>
+
+            <div className="space-y-3">
+              <h2 className="text-lg font-semibold text-slate-900 dark:text-white">Contact</h2>
+              <p>
+                Riche Ventures, Inc.<br />
+                390 NE 191st St STE 27725<br />
+                Miami, FL 33179<br />
+                Email:{" "}
+                <a
+                  href="mailto:legal@yourdomain.com"
+                  className="text-slate-600 hover:text-amber-600 dark:text-slate-400 dark:hover:text-amber-400 underline underline-offset-4"
+                >
+                  legal@yourdomain.com
+                </a>
+              </p>
+            </div>
+
+            <div className="space-y-3">
+              <h2 className="text-lg font-semibold text-slate-900 dark:text-white">Changes to these terms</h2>
+              <p>
+              We may update these Terms from time to time. If we make material changes, we will
+              update the date above and post the revised Terms.
+              </p>
+            </div>
+          </div>
+        </div>
+      </section>
+    </MarketingLayout>
+  );
+}

package/src/pages/VerifyEmail.tsx

@@ -0,0 +1,56 @@
+type VerifyEmailStatus =
+  | { type: "success"; message: string; callbackURL?: string }
+  | { type: "error"; message: string; callbackURL?: string };
+
+export function VerifyEmail({ status }: { status: VerifyEmailStatus }) {
+  const title = status.type === "success" ? "Email verified" : "Unable to verify email";
+  const messageColor = status.type === "success" ? "text-green-600" : "text-red-600";
+
+  return (
+    <div className="flex flex-col justify-center items-center py-12 font-montserrat">
+      <div className="flex flex-col min-h-[200px] w-full justify-center items-center px-4">
+        <div className="h-auto">
+          <span className="text-3xl font-semibold">Lytx</span>
+        </div>
+
+        <div className="h-auto my-4 text-lg font-medium">{title}</div>
+
+        <div className={`w-full max-w-[420px] text-sm ${messageColor}`}>{status.message}</div>
+
+        {status.callbackURL ? (
+          <div className="mt-4 w-full max-w-[420px] text-sm text-gray-600">
+            <div className="mb-2">Redirecting you shortly…</div>
+            <a className="underline" href={status.callbackURL}>
+              Continue
+            </a>
+          </div>
+        ) : (
+          <div className="mt-4 w-full max-w-[420px] text-sm text-gray-600">
+            <a className="underline" href="/login">
+              Go to sign in
+            </a>
+          </div>
+        )}
+
+        {status.type === "error" ? (
+          <div className="mt-6 w-full max-w-[420px] text-sm text-gray-600">
+            <div>If you still need a link, you can resend one from the sign-in page.</div>
+            <a className="underline" href="/login">
+              Resend verification email
+            </a>
+          </div>
+        ) : null}
+
+        {status.type === "success" && status.callbackURL ? (
+          <script
+            dangerouslySetInnerHTML={{
+              __html: `setTimeout(() => { window.location.href = ${JSON.stringify(
+                status.callbackURL,
+              )}; }, 1500);`,
+            }}
+          />
+        ) : null}
+      </div>
+    </div>
+  );
+}

package/src/session/durableObject.ts

@@ -0,0 +1,7 @@
+import { DurableObject } from "cloudflare:workers";
+
+
+export class SyncDurableObject extends DurableObject {
+    
+
+}

package/src/session/siteSchema.ts

@@ -0,0 +1,86 @@
+import { sqliteTable, text, integer, index } from "drizzle-orm/sqlite-core";
+
+/**
+ * Site-specific schema for Durable Objects
+ * 
+ * This schema contains only site-specific data (siteEvents) without auth tables.
+ * Each durable object represents a single site, so team_id and site_id are not needed
+ * as they are implicit in the durable object context.
+ */
+
+export const siteEvents = sqliteTable(
+  "site_events",
+  {
+    id: integer("id").primaryKey({ autoIncrement: true }),
+    // Note: team_id and site_id removed - implicit in durable object context
+    bot_data: text("bot_data", { mode: "json" }),
+    browser: text("browser"),
+    city: text("city"),
+    client_page_url: text("client_page_url"),
+    country: text("country"),
+    createdAt: integer("created_at", { mode: "timestamp" })
+      .$defaultFn(() => new Date())
+      .notNull(),
+    updatedAt: integer("updated_at", { mode: "timestamp" })
+      .$defaultFn(() => new Date())
+      .notNull()
+      .$onUpdateFn(() => new Date()),
+    custom_data: text("custom_data", { mode: "json" }),
+    device_type: text("device_type"),
+    event: text("event").notNull(),
+    operating_system: text("operating_system"),
+    page_url: text("page_url"),
+    postal: text("postal"),
+    query_params: text("query_params", { mode: "json" }),
+    referer: text("referer"),
+    region: text("region"),
+    rid: text("rid"),
+    screen_height: integer("screen_height"),
+    screen_width: integer("screen_width"),
+    tag_id: text("tag_id").notNull(),
+  },
+  (table) => [
+    // Optimized indexes for site-specific queries (no team/site composite indexes needed)
+    index("site_events_created_at_idx").on(table.createdAt),
+    index("site_events_tag_id_idx").on(table.tag_id),
+
+    // Analytics filtering indexes
+    index("site_events_country_idx").on(table.country),
+    index("site_events_device_type_idx").on(table.device_type),
+    index("site_events_event_idx").on(table.event),
+    index("site_events_referer_idx").on(table.referer),
+
+    // Time-based analytics (common dashboard queries)
+    index("site_events_event_created_idx").on(table.event, table.createdAt),
+    index("site_events_country_created_idx").on(table.country, table.createdAt),
+    index("site_events_device_created_idx").on(table.device_type, table.createdAt),
+  ],
+);
+
+// Type definitions for site events
+export type SiteEvent = typeof siteEvents.$inferSelect;
+export type SiteEventInsert = typeof siteEvents.$inferInsert;
+
+// Input type for API operations (matches the structure expected from external sources)
+export interface SiteEventInput {
+  bot_data?: Record<string, string>;
+  browser?: string;
+  city?: string;
+  client_page_url?: string;
+  country?: string;
+  custom_data?: Record<string, string>;
+  device_type?: string;
+  event: string;
+  operating_system?: string;
+  page_url?: string;
+  postal?: string;
+  query_params?: Record<string, string>;
+  referer?: string;
+  region?: string;
+  rid?: string;
+  screen_height?: number;
+  screen_width?: number;
+  tag_id: string;
+  createdAt?: Date;
+  updatedAt?: Date;
+}

package/src/session/types.ts

@@ -0,0 +1,36 @@
+/**
+ * Shared types for Site Durable Objects
+ */
+
+// Input type for API operations (matches the structure expected from external sources)
+export interface SiteEventInput {
+  bot_data?: object;
+  browser?: string;
+  city?: string;
+  client_page_url?: string;
+  country?: string;
+  custom_data?: object;
+  device_type?: string;
+  event: string;
+  operating_system?: string;
+  page_url?: string;
+  postal?: string;
+  query_params?: object;
+  referer?: string;
+  region?: string;
+  rid?: string;
+  screen_height?: number;
+  screen_width?: number;
+  tag_id: string;
+  createdAt?: Date;
+  updatedAt?: Date;
+}
+
+export interface DashboardOptions {
+  site_id: number | string;
+  team_id: number;
+  date?: {
+    start?: Date;
+    end?: Date;
+  };
+}

package/src/templates/README.md

@@ -0,0 +1,80 @@
+# Lytx Script Templates
+
+This directory contains the JavaScript tracking scripts that are bundled and served to client websites.
+
+## Script Variants
+
+| Export | File | Description |
+|--------|------|-------------|
+| `script_core` | `lytxpixel-core.ts` | Core tracking only, NO third-party vendors |
+| `script_tag_manager` | `lytxpixel.ts` | Full version WITH third-party vendor integrations |
+
+## IMPORTANT: Tag Manager is OPT-IN
+
+**By default, `tag_manager` is DISABLED for all sites.**
+
+The `script_core` bundle is served unless a site explicitly enables `tag_manager` in their site configuration.
+
+### What this means:
+
+- **`tag_manager = false` (DEFAULT):** Site receives `script_core` - only Lytx event tracking, no third-party scripts
+- **`tag_manager = true` (OPT-IN):** Site receives `script_tag_manager` - includes all vendor integrations
+
+## Cookie & Privacy Compliance Warning
+
+**When `tag_manager` is enabled, the following third-party vendor scripts may be loaded:**
+
+- Google Analytics / Google Ads
+- Meta (Facebook) Pixel
+- LinkedIn Insight Tag
+- Quantcast
+- SimpleFi
+- ClickCease
+
+### USER RESPONSIBILITY
+
+**If you enable `tag_manager` for a site, YOU are responsible for:**
+
+1. **Cookie Consent:** Ensuring proper cookie consent banners/mechanisms are in place
+2. **Privacy Policy:** Updating the site's privacy policy to disclose third-party tracking
+3. **GDPR/CCPA Compliance:** Meeting all applicable privacy regulations
+4. **Vendor Terms:** Complying with each vendor's terms of service
+
+**Lytx does NOT manage cookie consent for third-party vendor tags.** 
+
+The site owner/operator enabling `tag_manager` assumes full responsibility for any cookies or tracking pixels fired by these vendor integrations.
+
+## File Structure
+
+```
+src/templates/
+├── lytx-shared.ts       # Shared types, utilities, core functions
+├── lytxpixel.ts         # Full version (tag_manager enabled)
+├── lytxpixel-core.ts    # Core version (tag_manager disabled)
+├── trackWebEvents.ts    # Event tracking API
+└── vendors/             # Third-party vendor integrations
+    ├── google.ts        # Google Analytics/Ads
+    ├── meta.ts          # Meta/Facebook Pixel
+    ├── linkedin.ts      # LinkedIn Insight Tag
+    ├── quantcast.ts     # Quantcast
+    ├── simplfi.ts       # SimpleFi
+    └── clickcease.ts    # ClickCease
+```
+
+## How Bundling Works
+
+Scripts are bundled at **build time** via the Vite plugin (`vite/vite-plugin-pixel-bundle.ts`):
+
+1. `lytxpixel.ts` and `lytxpixel-core.ts` are bundled using esbuild
+2. Bundled strings are exposed as virtual module `virtual:lytx-pixel-raw`
+3. The appropriate bundle is served based on the site's `tag_manager` setting
+
+No runtime bundling occurs - both bundles are pre-compiled and embedded in the worker.
+
+## Modifying Scripts
+
+- **Shared logic:** Edit `lytx-shared.ts` - changes apply to both versions
+- **Core-only changes:** Edit `lytxpixel-core.ts`
+- **Vendor integration changes:** Edit `lytxpixel.ts` or files in `vendors/`
+
+After making changes, run `bun run build` to regenerate the bundles.

package/src/templates/cleanFunctions.js

@@ -0,0 +1,44 @@
+// Clean JavaScript functions for embedding (no TypeScript artifacts)
+
+function parseData(data, config, trackCustomEvents, track_web_events, platformName) {
+  const pageUrl = new URL(window.location.href);
+  const debug = pageUrl.searchParams.has('lytxDebug'); 
+  
+  if(window.lytxDataLayer.length < 2) {
+    console.log('Lytx script is working 🔥🔥🔥' + (debug ? '🐛🐛🐛 debug enabled' : ''));
+  }
+
+  function createScriptElement(src, async, type) {
+    const script = document.createElement("script");
+    script.src = src;
+    script.async = async;
+    let scriptPlacement = document.head.children[0];
+    if(!scriptPlacement){
+      scriptPlacement = document.getElementsByTagName("script")[0];
+    }
+    if (type) {
+      script.type = type;
+    }
+    scriptPlacement.parentNode.insertBefore(script, scriptPlacement);
+  }
+
+  function gtag_report_conversion(url) {
+    const callback = function() {
+      if (typeof url != "undefined") {
+        window.location = url;
+      }
+    };
+    gtag('event', 'conversion', {
+      'send_to': 'AW-123456789/AbC-D_efG-h12_34-567',
+      'event_callback': callback
+    });
+    return false;
+  }
+
+  // Add your other function logic here...
+}
+
+function trackEvents(account, platformName, event, macros) {
+  // Add trackEvents logic here
+  console.log('trackEvents called with:', account, platformName, event);
+}

package/src/templates/embedFunctions.js

@@ -0,0 +1,52 @@
+// Standalone functions for embedding in client-side scripts
+// This file will be compiled to clean JavaScript
+
+// Copy the parseData function here without TypeScript types
+function parseData(data, config, trackCustomEvents, track_web_events, platformName) {
+  const pageUrl = new URL(window.location.href);
+  const debug = pageUrl.searchParams.has('lytxDebug'); 
+  
+  if(window.lytxDataLayer.length < 2) {
+    console.log(`Lytx script is working 🔥🔥🔥${debug ? '🐛🐛🐛 debug enabled' : ''}`);
+  }
+
+  function createScriptElement(src, async, type) {
+    const script = document.createElement("script");
+    script.src = src;
+    script.async = async;
+    let scriptPlacement = document.head.children[0];
+    if(!scriptPlacement){
+      scriptPlacement = document.getElementsByTagName("script")[0];
+    }
+    if (type) {
+      script.type = type;
+    }
+    scriptPlacement.parentNode.insertBefore(script, scriptPlacement);
+  }
+
+  function quantcastScript(label) {
+    return {
+      async: true,
+      src: (document.location.protocol == "https:" ? "https://secure" : "http://edge") + ".quantserve.com/quant.js",
+      element: "script",
+      callBack: function(id) {
+        window._qevents = window._qevents || [];
+        if(debug) {
+          console.log('Quantcast label is : ', label);
+        }
+        const qStructure = {
+          qacct: label
+        };
+        window._qevents.push(qStructure);
+      }
+    };
+  }
+
+  // Add the rest of your parseData logic here...
+  // Copy from the TypeScript version but remove all type annotations
+}
+
+// Export for compilation
+if (typeof module !== 'undefined' && module.exports) {
+  module.exports = { parseData };
+}