import type { DecrementProfilePayload, IncrementProfilePayload, PostEventPayload, UpdateProfilePayload, } from '@mixan/types'; export interface MixanOptions { url: string; clientId: string; clientSecret?: string; verbose?: boolean; setProfileId?: (profileId: string) => void; getProfileId?: () => string | null | undefined; removeProfileId?: () => void; } export interface MixanState { profileId?: string; properties: Record; } function awaitProperties( properties: Record> ): Promise> { return Promise.all( Object.entries(properties).map(async ([key, value]) => { return [key, (await value) ?? '']; }) ).then((entries) => Object.fromEntries(entries)); } function createApi(_url: string) { const headers: Record> = { 'Content-Type': 'application/json', }; return { headers, async fetch( path: string, data: ReqBody, options?: RequestInit ): Promise { const url = `${_url}${path}`; let timer: ReturnType; const h = await awaitProperties(headers); return new Promise((resolve) => { const wrappedFetch = (attempt: number) => { clearTimeout(timer); fetch(url, { headers: h, method: 'POST', body: JSON.stringify(data ?? {}), keepalive: true, ...(options ?? {}), }) .then(async (res) => { if (res.status !== 200 && res.status !== 202) { return retry(attempt, resolve); } const response = await res.text(); if (!response) { return resolve(null); } resolve(response as ResBody); }) .catch(() => { return retry(attempt, resolve); }); }; function retry( attempt: number, resolve: (value: ResBody | null) => void ) { if (attempt > 1) { return resolve(null); } timer = setTimeout( () => { wrappedFetch(attempt + 1); }, Math.pow(2, attempt) * 500 ); } wrappedFetch(0); }); }, }; } export class Mixan { public options: Options; public api: ReturnType; private state: MixanState = { properties: {}, }; constructor(options: Options) { this.options = options; this.api = createApi(options.url); this.api.headers['mixan-client-id'] = options.clientId; if (this.options.clientSecret) { this.api.headers['mixan-client-secret'] = this.options.clientSecret; } } // Public public init(properties?: Record) { this.state.properties = properties ?? {}; } public setUser(payload: Omit) { this.api.fetch('/profile', { profileId: this.getProfileId(), ...payload, properties: { ...this.state.properties, ...payload.properties, }, }); } public increment(property: string, value: number) { this.api.fetch('/profile/increment', { property, value, profileId: this.getProfileId(), }); } public decrement(property: string, value: number) { this.api.fetch('/profile/decrement', { property, value, profileId: this.getProfileId(), }); } public event(name: string, properties?: Record) { this.api .fetch('/event', { name, properties: { ...this.state.properties, ...(properties ?? {}), }, timestamp: this.timestamp(), profileId: this.getProfileId(), }) .then((profileId) => { if (this.options.setProfileId && profileId) { this.options.setProfileId(profileId); } }); } public setGlobalProperties(properties: Record) { this.state.properties = { ...this.state.properties, ...properties, }; } public clear() { this.state.profileId = undefined; if (this.options.removeProfileId) { this.options.removeProfileId(); } } // Private private timestamp() { return new Date().toISOString(); } private getProfileId() { if (this.state.profileId) { return this.state.profileId; } else if (this.options.getProfileId) { this.state.profileId = this.options.getProfileId() || undefined; } } }