core-outline 1.1.21 → 1.1.23

package/src/components/CoreOutline/helpers.js

@@ -0,0 +1,66 @@
+import { v4 as uuidv4 } from 'uuid';
+
+const ANON_ID_KEY = 'co_anon_id';
+const SESSION_ID_KEY = 'co_session_id';
+
+export function getAnonymousId() {
+  let id = localStorage.getItem(ANON_ID_KEY);
+  if (!id) {
+    id = uuidv4();
+    localStorage.setItem(ANON_ID_KEY, id);
+  }
+  return id;
+}
+
+export function getSessionId() {
+  let id = sessionStorage.getItem(SESSION_ID_KEY);
+  if (!id) {
+    id = uuidv4();
+    sessionStorage.setItem(SESSION_ID_KEY, id);
+  }
+  return id;
+}
+
+export function getUtmParams() {
+  const params = new URLSearchParams(window.location.search);
+  return {
+    utm_source: params.get('utm_source') || undefined,
+    utm_medium: params.get('utm_medium') || undefined,
+    utm_campaign: params.get('utm_campaign') || undefined,
+    utm_term: params.get('utm_term') || undefined,
+    utm_content: params.get('utm_content') || undefined,
+  };
+}
+
+export function detectDeviceType() {
+  const ua = navigator.userAgent;
+  if (/Mobi|Android|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(ua)) {
+    if (/iPad|Tablet/i.test(ua)) return 'tablet';
+    return 'mobile';
+  }
+  return 'desktop';
+}
+
+export function detectOS() {
+  const ua = navigator.userAgent;
+  if (/iPhone|iPad|iPod/i.test(ua)) return 'iOS';
+  if (/Android/i.test(ua)) return 'Android';
+  if (/Win/i.test(ua)) return 'Windows';
+  if (/Mac/i.test(ua)) return 'macOS';
+  if (/Linux/i.test(ua)) return 'Linux';
+  return 'Other';
+}
+
+export function getBrowserName() {
+  const ua = navigator.userAgent;
+  if (ua.indexOf('Firefox') > -1) return 'Firefox';
+  if (ua.indexOf('Opera') > -1 || ua.indexOf('OPR') > -1) return 'Opera';
+  if (ua.indexOf('Chrome') > -1) return 'Chrome';
+  if (ua.indexOf('Safari') > -1) return 'Safari';
+  if (ua.indexOf('MSIE') > -1 || ua.indexOf('Trident/') > -1) return 'IE';
+  return 'Unknown';
+}
+
+export function getPagePath() {
+  return window.location.pathname;
+}

package/src/components/CoreOutline/ingest.js

@@ -0,0 +1,116 @@
+import { v4 as uuidv4 } from 'uuid';
+
+const INGEST_BASE = 'https://atlas-orchestrator.atlas.coreoutline.com';
+const FLUSH_INTERVAL_MS = 5000;
+
+let _token = null;
+let _warehouseId = null;
+let _organizationId = null;
+let _dataSourceId = null;
+let _buffer = [];
+let _flushInterval = null;
+
+export async function initIngest(warehouseId, dataSourceId, dataSourceSecret) {
+  _warehouseId = warehouseId;
+  _dataSourceId = dataSourceId;
+
+  try {
+    const res = await fetch(`${INGEST_BASE}/api/ingest/authorize`, {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({
+        warehouse_id: warehouseId,
+        data_source_id: dataSourceId,
+        data_source_secret: dataSourceSecret,
+      }),
+    });
+
+    if (!res.ok) {
+      console.error('[CoreOutline] Authorization failed:', res.status);
+      return false;
+    }
+
+    const data = await res.json();
+    _token = data.access_token;
+    _organizationId = data.organization_id;
+    return true;
+  } catch (err) {
+    console.error('[CoreOutline] Authorization error:', err);
+    return false;
+  }
+}
+
+export function trackEvent(eventType, payload) {
+  if (!_token) return;
+
+  const event = {
+    event_id: uuidv4(),
+    event_type: eventType,
+    event_ts: new Date().toISOString(),
+    ...payload,
+  };
+  _buffer.push(event);
+
+  if (!_flushInterval) {
+    _flushInterval = setInterval(flush, FLUSH_INTERVAL_MS);
+  }
+}
+
+export function flush() {
+  if (!_token || _buffer.length === 0) return;
+
+  const events = _buffer.splice(0, _buffer.length);
+  const body = JSON.stringify({
+    warehouse_id: _warehouseId,
+    organization_id: _organizationId,
+    events,
+  });
+
+  const headers = {
+    'Content-Type': 'application/json',
+    Authorization: `Bearer ${_token}`,
+  };
+
+  if (navigator.sendBeacon) {
+    const blob = new Blob([body], { type: 'application/json' });
+    navigator.sendBeacon(`${INGEST_BASE}/api/ingest/events`, blob);
+  } else {
+    fetch(`${INGEST_BASE}/api/ingest/events`, {
+      method: 'POST',
+      headers,
+      body,
+      keepalive: true,
+    }).catch((err) => console.error('[CoreOutline] Flush error:', err));
+  }
+}
+
+export async function sendRrwebBatch(chunks, sessionId) {
+  if (!_token || !chunks || chunks.length === 0) return;
+
+  try {
+    await fetch(`${INGEST_BASE}/api/ingest/rrweb`, {
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/json',
+        Authorization: `Bearer ${_token}`,
+      },
+      body: JSON.stringify({
+        warehouse_id: _warehouseId,
+        organization_id: _organizationId,
+        session_id: sessionId,
+        data_source_id: _dataSourceId,
+        chunks,
+      }),
+      keepalive: true,
+    });
+  } catch (err) {
+    console.error('[CoreOutline] rrweb upload error:', err);
+  }
+}
+
+export function stopFlushInterval() {
+  if (_flushInterval) {
+    clearInterval(_flushInterval);
+    _flushInterval = null;
+  }
+}