@loamly/tracker 1.8.0 → 2.0.0

package/src/browser.ts

@@ -2,72 +2,165 @@
  * Loamly Tracker - Browser Bundle (IIFE)
  * 
  * This file is the entry point for the browser script tag version.
- * It auto-initializes from data attributes on the script tag.
+ * It auto-initializes from script tag attributes or URL parameters.
  * 
- * Usage:
- * <script src="https://unpkg.com/@loamly/tracker" data-api-key="your-key"></script>
+ * Usage Options:
+ * 1. CDN with domain parameter:
+ *    <script src="https://app.loamly.ai/t.js?d=your-domain.com"></script>
+ * 
+ * 2. npm with data attributes:
+ *    <script src="https://cdn.jsdelivr.net/npm/@loamly/tracker" data-api-key="your-key"></script>
+ * 
+ * 3. Self-hosted with manual init:
+ *    <script src="/tracker.js"></script>
+ *    <script>loamly.init({ apiKey: 'your-key' })</script>
  * 
  * @module @loamly/tracker/browser
  */
 
 import { loamly } from './core'
 import type { LoamlyConfig } from './types'
+import { DEFAULT_CONFIG } from './config'
 
-// Auto-initialize from script tag data attributes
-function autoInit(): void {
-  // Find the script tag that loaded us
+/**
+ * Extract domain from script URL ?d= parameter
+ */
+function extractDomainFromScriptUrl(): string | null {
   const scripts = document.getElementsByTagName('script')
-  let scriptTag: HTMLScriptElement | null = null
   
   for (const script of scripts) {
-    if (script.src.includes('loamly') || script.dataset.loamly !== undefined) {
-      scriptTag = script
-      break
+    const src = script.src
+    if (src.includes('t.js') || src.includes('loamly')) {
+      try {
+        const url = new URL(src)
+        const domain = url.searchParams.get('d')
+        if (domain) return domain
+      } catch {
+        // Invalid URL, continue
+      }
     }
   }
+  
+  return null
+}
 
-  if (!scriptTag) {
-    // No matching script tag found, don't auto-init
-    return
+/**
+ * Resolve workspace configuration from domain
+ */
+async function resolveWorkspaceConfig(domain: string): Promise<LoamlyConfig | null> {
+  try {
+    const response = await fetch(`${DEFAULT_CONFIG.apiHost}${DEFAULT_CONFIG.endpoints.resolve}?domain=${encodeURIComponent(domain)}`)
+    
+    if (!response.ok) {
+      console.warn('[Loamly] Failed to resolve workspace for domain:', domain)
+      return null
+    }
+    
+    const data = await response.json()
+    
+    if (data.workspace_id) {
+      return {
+        apiKey: data.workspace_api_key,
+        apiHost: DEFAULT_CONFIG.apiHost,
+      }
+    }
+    
+    return null
+  } catch (error) {
+    console.warn('[Loamly] Error resolving workspace:', error)
+    return null
   }
+}
 
-  // Extract configuration from data attributes
-  const config: LoamlyConfig = {}
+/**
+ * Extract config from script tag data attributes
+ */
+function extractConfigFromDataAttributes(): LoamlyConfig | null {
+  const scripts = document.getElementsByTagName('script')
   
-  if (scriptTag.dataset.apiKey) {
-    config.apiKey = scriptTag.dataset.apiKey
+  for (const script of scripts) {
+    if (script.src.includes('loamly') || script.dataset.loamly !== undefined) {
+      const config: LoamlyConfig = {}
+      
+      if (script.dataset.apiKey) {
+        config.apiKey = script.dataset.apiKey
+      }
+      
+      if (script.dataset.apiHost) {
+        config.apiHost = script.dataset.apiHost
+      }
+      
+      if (script.dataset.debug === 'true') {
+        config.debug = true
+      }
+      
+      if (script.dataset.disableAutoPageview === 'true') {
+        config.disableAutoPageview = true
+      }
+      
+      if (script.dataset.disableBehavioral === 'true') {
+        config.disableBehavioral = true
+      }
+      
+      if (config.apiKey) {
+        return config
+      }
+    }
   }
   
-  if (scriptTag.dataset.apiHost) {
-    config.apiHost = scriptTag.dataset.apiHost
-  }
+  return null
+}
+
+/**
+ * Auto-initialize the tracker
+ */
+async function autoInit(): Promise<void> {
+  // Priority 1: Domain parameter in script URL (?d=domain.com)
+  const domain = extractDomainFromScriptUrl()
   
-  if (scriptTag.dataset.debug === 'true') {
-    config.debug = true
+  if (domain) {
+    const resolvedConfig = await resolveWorkspaceConfig(domain)
+    if (resolvedConfig) {
+      loamly.init(resolvedConfig)
+      return
+    }
   }
   
-  if (scriptTag.dataset.disableAutoPageview === 'true') {
-    config.disableAutoPageview = true
+  // Priority 2: Data attributes on script tag
+  const dataConfig = extractConfigFromDataAttributes()
+  if (dataConfig) {
+    loamly.init(dataConfig)
+    return
   }
   
-  if (scriptTag.dataset.disableBehavioral === 'true') {
-    config.disableBehavioral = true
-  }
-
-  // Initialize if we have configuration
-  if (config.apiKey || scriptTag.dataset.loamly !== undefined) {
-    loamly.init(config)
+  // Priority 3: Current domain auto-detection (for app.loamly.ai hosted script)
+  const currentDomain = window.location.hostname
+  if (currentDomain && currentDomain !== 'localhost') {
+    const resolvedConfig = await resolveWorkspaceConfig(currentDomain)
+    if (resolvedConfig) {
+      loamly.init(resolvedConfig)
+      return
+    }
   }
+  
+  // No configuration found, tracker not initialized
+  // User can manually call loamly.init() later
 }
 
 // Run auto-init when DOM is ready
 if (typeof document !== 'undefined') {
   if (document.readyState === 'loading') {
-    document.addEventListener('DOMContentLoaded', autoInit)
+    document.addEventListener('DOMContentLoaded', () => {
+      // Use requestIdleCallback if available for non-blocking init
+      if (typeof requestIdleCallback !== 'undefined') {
+        requestIdleCallback(() => autoInit())
+      } else {
+        setTimeout(autoInit, 0)
+      }
+    })
   } else {
-    // Use requestIdleCallback if available for non-blocking init
     if (typeof requestIdleCallback !== 'undefined') {
-      requestIdleCallback(autoInit)
+      requestIdleCallback(() => autoInit())
     } else {
       setTimeout(autoInit, 0)
     }
@@ -77,5 +170,3 @@ if (typeof document !== 'undefined') {
 // Export for manual usage
 export { loamly }
 export default loamly
-
-

package/src/config.ts

@@ -6,7 +6,7 @@
  * @see https://github.com/loamly/loamly
  */
 
-export const VERSION = '1.8.0'
+export const VERSION = '2.0.0'
 
 export const DEFAULT_CONFIG = {
   apiHost: 'https://app.loamly.ai',