userpath-js 0.0.0 → 0.0.2

package/src/clients/api.ts

@@ -1,92 +0,0 @@
-import { memory } from '@userpath/core/browser';
-
-import { Config } from '../schemas/config';
-
-/**
- * Base API client for UserPath SDK
- */
-export class ApiClient {
-	protected baseUrl: string;
-	protected siteId: string;
-	protected queue: any[] = [];
-	protected flushInterval: number | null = null;
-
-	constructor(config: Config) {
-		this.baseUrl = config.baseUrl || '';
-		this.siteId = config.siteId;
-
-		// Set up automatic flushing
-		this.flushInterval = window.setInterval(() => this.flush(), 5000);
-	}
-
-	/**
-	 * Add an event to the queue and flush if needed
-	 */
-	public track(event: any): void {
-		this.queue.push(event);
-
-		if (this.queue.length >= 10) {
-			this.flush();
-		}
-	}
-
-	/**
-	 * Flush queued events to the server
-	 */
-	protected flush(): void {
-		if (this.queue.length === 0) return;
-
-		const eventsToSend = [...this.queue];
-		this.queue = [];
-
-		fetch(`${this.baseUrl}/events`, {
-			method: 'POST',
-			headers: {
-				'Content-Type': 'application/json',
-			},
-			body: JSON.stringify({
-				siteId: this.siteId,
-				sessionId: this.getSessionId(),
-				timestamp: new Date().toISOString(),
-				userAgent: navigator.userAgent,
-				screenWidth: window.screen.width,
-				screenHeight: window.screen.height,
-				language: navigator.language,
-				timezone: Intl.DateTimeFormat().resolvedOptions().timeZone,
-				events: eventsToSend,
-			}),
-			// Use beacon API for more reliable delivery
-			keepalive: true,
-		}).catch((error) => {
-			// If sending fails, add back to queue for retry
-			this.queue = [...eventsToSend, ...this.queue].slice(0, 100);
-			console.error('Error sending analytics data:', error);
-		});
-	}
-
-	/**
-	 * Get or generate a session ID
-	 */
-	protected getSessionId(): string {
-		let sessionId = memory.getItem<string>('session_id');
-		if (!sessionId) {
-			sessionId = this.generateId();
-			memory.setItem('session_id', sessionId);
-		}
-		return sessionId;
-	}
-
-	/**
-	 * Generate a UUID v4
-	 */
-	public generateId(): string {
-		return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(
-			/[xy]/g,
-			function (c) {
-				const r = (Math.random() * 16) | 0;
-				const v = c === 'x' ? r : (r & 0x3) | 0x8;
-				return v.toString(16);
-			}
-		);
-	}
-}

package/src/clients/events.ts

@@ -1,55 +0,0 @@
-import { ApiClient } from './api';
-
-/**
- * Events client for handling different types of tracking events
- */
-export class EventsClient {
-	constructor(private api: ApiClient) {}
-
-	/**
-	 * Track a page view event
-	 */
-	public trackPageView(): void {
-		const event = {
-			type: 'pageview',
-			url: window.location.href,
-			referrer: document.referrer,
-			title: document.title,
-		};
-
-		this.api.track(event);
-	}
-
-	/**
-	 * Track a custom event
-	 */
-	public trackCustomEvent(
-		name: string,
-		properties: Record<string, any> = {}
-	): void {
-		const event = {
-			type: 'event',
-			name,
-			properties,
-		};
-
-		this.api.track(event);
-	}
-
-	/**
-	 * Track a purchase event
-	 */
-	public trackPurchase(params: {
-		productId: string;
-		price: number;
-		currency: string;
-		properties?: Record<string, any>;
-	}): void {
-		const event = {
-			type: 'purchase',
-			...params,
-		};
-
-		this.api.track(event);
-	}
-}

package/src/clients/identity.ts

@@ -1,54 +0,0 @@
-import { UserIdentity } from '../schemas/identity';
-import { ApiClient } from './api';
-
-/**
- * Identity client for managing user identification
- */
-export class IdentityClient {
-	private anonymousId: string | null = null;
-	private currentUser: UserIdentity | null = null;
-
-	constructor(private api: ApiClient) {
-		this.anonymousId = this.getStoredAnonymousId();
-	}
-
-	/**
-	 * Get the anonymous ID for the current visitor
-	 */
-	public getAnonymousId(): string {
-		if (!this.anonymousId) {
-			this.anonymousId = this.api.generateId();
-			localStorage.setItem('up_anonymous_id', this.anonymousId);
-		}
-		return this.anonymousId;
-	}
-
-	/**
-	 * Get the current identified user's ID if available
-	 */
-	public getUserId(): string | null {
-		return this.currentUser?.userId || null;
-	}
-
-	/**
-	 * Identify a user and associate them with their anonymous ID
-	 */
-	public identify(identity: UserIdentity): void {
-		// Store the current user
-		this.currentUser = identity;
-
-		// Track the identity mapping
-		this.api.track({
-			type: 'identify',
-			anonymousId: this.getAnonymousId(),
-			...identity,
-		});
-	}
-
-	/**
-	 * Get the stored anonymous ID if it exists
-	 */
-	private getStoredAnonymousId(): string | null {
-		return localStorage.getItem('up_anonymous_id');
-	}
-}

package/src/clients/session.ts

@@ -1,47 +0,0 @@
-import { ApiClient } from './api';
-import { EventsClient } from './events';
-
-/**
- * Session client for managing user sessions and automatic tracking
- */
-export class SessionClient {
-	private events: EventsClient;
-
-	constructor(private api: ApiClient) {
-		this.events = new EventsClient(api);
-		this.initialize();
-	}
-
-	/**
-	 * Initialize session tracking
-	 */
-	private initialize(): void {
-		// Track initial pageview
-		this.events.trackPageView();
-
-		// Set up history change tracking
-		this.setupHistoryChange();
-	}
-
-	/**
-	 * Set up tracking for history/navigation changes
-	 */
-	private setupHistoryChange(): void {
-		const originalPushState = history.pushState;
-		const originalReplaceState = history.replaceState;
-
-		history.pushState = (...args) => {
-			originalPushState.apply(history, args);
-			this.events.trackPageView();
-		};
-
-		history.replaceState = (...args) => {
-			originalReplaceState.apply(history, args);
-			this.events.trackPageView();
-		};
-
-		window.addEventListener('popstate', () => {
-			this.events.trackPageView();
-		});
-	}
-}

package/src/index.ts

@@ -1,72 +0,0 @@
-import { ApiClient } from './clients/api';
-import { EventsClient } from './clients/events';
-import { IdentityClient } from './clients/identity';
-import { SessionClient } from './clients/session';
-import { Config } from './schemas/config';
-import { UserIdentity } from './schemas/identity';
-
-export class UserPath {
-	private events: EventsClient;
-	private session: SessionClient;
-	private identity: IdentityClient;
-
-	constructor(config: Config) {
-		// Initialize clients
-		const baseClient = new ApiClient(config);
-		this.events = new EventsClient(baseClient);
-		this.session = new SessionClient(baseClient);
-		this.identity = new IdentityClient(baseClient);
-	}
-
-	/**
-	 * Get the anonymous ID for the current visitor
-	 */
-	public getAnonymousId(): string {
-		return this.identity.getAnonymousId();
-	}
-
-	/**
-	 * Get the current identified user's ID if available
-	 */
-	public getUserId(): string | null {
-		return this.identity.getUserId();
-	}
-
-	/**
-	 * Identify a user
-	 */
-	public identify(identity: UserIdentity): void {
-		this.identity.identify(identity);
-	}
-
-	/**
-	 * Track a page view event
-	 */
-	public trackPageView(): void {
-		this.events.trackPageView();
-	}
-
-	/**
-	 * Track a custom event
-	 */
-	public trackEvent(name: string, properties: Record<string, any> = {}): void {
-		this.events.trackCustomEvent(name, properties);
-	}
-
-	/**
-	 * Track a purchase event
-	 */
-	public trackPurchase(params: {
-		productId: string;
-		price: number;
-		currency: string;
-		properties?: Record<string, any>;
-	}): void {
-		this.events.trackPurchase(params);
-	}
-}
-
-// Export types
-export * from './schemas/events';
-export * from './schemas/config';
-export * from './schemas/identity';

package/src/pixel.ts

@@ -1,28 +0,0 @@
-import { UserPath } from './index';
-
-const isBrowser = typeof window !== 'undefined';
-
-document.addEventListener('DOMContentLoaded', () => {
-	if (!isBrowser) return;
-	try {
-		const siteId =
-			document!.querySelector('[data-up]')!.getAttribute('data-up') || '';
-		const src = document!.querySelector('[data-up]')!.getAttribute('src') || '';
-		const url = new URL(src);
-		const baseUrl = url.origin + '/v1';
-
-		const userpath = new UserPath({
-			siteId,
-			baseUrl,
-		});
-
-		// @ts-ignore
-		window.userpath = userpath;
-
-		setTimeout(() => {
-			console.log(siteId, baseUrl, userpath);
-		}, 1000);
-	} catch (err) {
-		console.error(err);
-	}
-});

package/src/schemas/config.ts

@@ -1,4 +0,0 @@
-export interface Config {
-	siteId: string;
-	baseUrl?: string;
-}

package/src/schemas/events.ts

@@ -1,31 +0,0 @@
-export interface PageViewEvent {
-	type: 'pageview';
-	url: string;
-	referrer: string;
-	title: string;
-}
-
-export interface CustomEvent {
-	type: 'event';
-	name: string;
-	properties: Record<string, any>;
-}
-
-export interface PurchaseEvent {
-	type: 'purchase';
-	productId: string;
-	price: number;
-	currency: string;
-	properties?: Record<string, any>;
-}
-
-export interface IdentifyEvent {
-	type: 'identify';
-	anonymousId: string;
-	userId: string;
-	email?: string;
-	name?: string;
-	properties?: Record<string, any>;
-}
-
-export type Event = PageViewEvent | CustomEvent | PurchaseEvent | IdentifyEvent;

package/src/schemas/identity.ts

@@ -1,6 +0,0 @@
-export interface UserIdentity {
-	userId: string;
-	email?: string;
-	name?: string;
-	properties?: Record<string, any>;
-}