@jamwidgets/astro 0.2.3 → 0.3.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jamwidgets/astro",
-  "version": "0.2.3",
+  "version": "0.3.1",
   "description": "Astro components and content loader for Jamwidgets (forms, comments, reactions, posts)",
   "repository": {
     "type": "git",
@@ -26,6 +26,7 @@
     "./PoweredBy": "./src/PoweredBy.astro",
     "./Reactions": "./src/Reactions.astro",
     "./Views": "./src/Views.astro",
+    "./Analytics": "./src/Analytics.astro",
     "./Poll": "./src/Poll.astro",
     "./Subscribe": "./src/Subscribe.astro",
     "./SubscribeForm": "./src/SubscribeForm.astro",
@@ -55,7 +56,7 @@
   ],
   "license": "MIT",
   "dependencies": {
-    "@jamwidgets/core": "^0.2.2"
+    "@jamwidgets/core": "^0.3.1"
   },
   "peerDependencies": {
     "astro": "^5.0.0 || ^6.0.0 || ^7.0.0"

package/src/Analytics.astro

@@ -0,0 +1,30 @@
+---
+interface Props {
+  /** Falls back to the `jamwidgets-site-key` meta tag. */
+  siteKey?: string;
+  /** Defaults to `https://jamwidgets.com`. */
+  endpoint?: string;
+}
+
+const { siteKey = "", endpoint = "" } = Astro.props;
+---
+
+<div
+  data-jamwidgets-analytics
+  data-site-key={siteKey}
+  data-endpoint={endpoint}
+  hidden
+>
+</div>
+
+<script>
+  import { initAnalytics } from "@jamwidgets/core";
+
+  const el = document.querySelector("[data-jamwidgets-analytics]") as
+    | HTMLElement
+    | null;
+  initAnalytics({
+    siteKey: el?.dataset.siteKey || undefined,
+    endpoint: el?.dataset.endpoint || undefined,
+  });
+</script>

package/src/Comments.astro

@@ -92,6 +92,8 @@ import PoweredBy from "./PoweredBy.astro";
 </div>
 
 <script>
+  import { getAttributionHeaders, getVisitorId } from "@jamwidgets/core";
+
   interface Comment {
     id: string;
     authorName: string;
@@ -100,17 +102,6 @@ import PoweredBy from "./PoweredBy.astro";
     replies: Comment[];
   }
 
-  // Get or create a visitor ID for anonymous users
-  const VISITOR_KEY = "jamwidgets_visitor_id";
-  function getVisitorId(): string {
-    let id = localStorage.getItem(VISITOR_KEY);
-    if (!id) {
-      id = crypto.randomUUID();
-      localStorage.setItem(VISITOR_KEY, id);
-    }
-    return id;
-  }
-
   // Store form load timestamps for spam detection
   const formTimestamps = new WeakMap<Element, number>();
 
@@ -130,6 +121,7 @@ import PoweredBy from "./PoweredBy.astro";
 
     const visitorId = getVisitorId();
     const headers = {
+      ...getAttributionHeaders(pageId),
       "X-JamWidgets-Key": siteKey,
       "X-JamWidgets-Visitor": visitorId,
     };

package/src/Form.astro

@@ -65,22 +65,13 @@ import PoweredBy from "./PoweredBy.astro";
 </form>
 
 <script>
+  import { getAttributionHeaders, getVisitorId } from "@jamwidgets/core";
+
   interface FormSubmitResponse {
     success: boolean;
     message: string;
   }
 
-  // Get or create a visitor ID for anonymous users
-  const VISITOR_KEY = "jamwidgets_visitor_id";
-  function getVisitorId(): string {
-    let id = localStorage.getItem(VISITOR_KEY);
-    if (!id) {
-      id = crypto.randomUUID();
-      localStorage.setItem(VISITOR_KEY, id);
-    }
-    return id;
-  }
-
   // Store form load timestamps for spam detection
   const formTimestamps = new WeakMap<Element, number>();
 
@@ -134,6 +125,7 @@ import PoweredBy from "./PoweredBy.astro";
         const response = await fetch(`${endpoint}/forms/${formSlug}/submit`, {
           method: "POST",
           headers: {
+            ...getAttributionHeaders(),
             "Content-Type": "application/json",
             "X-JamWidgets-Key": siteKey,
             "X-JamWidgets-Visitor": getVisitorId(),

package/src/Reactions.astro

@@ -87,16 +87,7 @@ const baseUrl = endpoint.replace(/\/+$/, "") + API_PATH;
 </div>
 
 <script>
-  // Get or create a visitor ID for anonymous users
-  const VISITOR_KEY = "jamwidgets_visitor_id";
-  function getVisitorId(): string {
-    let id = localStorage.getItem(VISITOR_KEY);
-    if (!id) {
-      id = crypto.randomUUID();
-      localStorage.setItem(VISITOR_KEY, id);
-    }
-    return id;
-  }
+  import { getAttributionHeaders, getVisitorId } from "@jamwidgets/core";
 
   document.querySelectorAll("[data-jamwidgets-reactions]").forEach((container) => {
     const endpoint = (container as HTMLElement).dataset.endpoint;
@@ -107,6 +98,7 @@ const baseUrl = endpoint.replace(/\/+$/, "") + API_PATH;
 
     const visitorId = getVisitorId();
     const headers = {
+      ...getAttributionHeaders(pageId),
       "X-JamWidgets-Key": siteKey,
       "X-JamWidgets-Visitor": visitorId,
     };

package/src/SubscribeForm.astro

@@ -71,22 +71,13 @@ const baseUrl = endpoint.replace(/\/+$/, "") + API_PATH;
 </form>
 
 <script>
+  import { getAttributionHeaders, getVisitorId } from "@jamwidgets/core";
+
   interface SubscribeResponse {
     success: boolean;
     message: string;
   }
 
-  // Get or create a visitor ID for anonymous users
-  const VISITOR_KEY = "jamwidgets_visitor_id";
-  function getVisitorId(): string {
-    let id = localStorage.getItem(VISITOR_KEY);
-    if (!id) {
-      id = crypto.randomUUID();
-      localStorage.setItem(VISITOR_KEY, id);
-    }
-    return id;
-  }
-
   document.querySelectorAll("[data-jamwidgets-subscribe-form]").forEach((form) => {
     form.addEventListener("submit", async (e) => {
       e.preventDefault();
@@ -114,6 +105,7 @@ const baseUrl = endpoint.replace(/\/+$/, "") + API_PATH;
         const response = await fetch(`${endpoint}/subscribe`, {
           method: "POST",
           headers: {
+            ...getAttributionHeaders(),
             "Content-Type": "application/json",
             "X-JamWidgets-Key": siteKey,
             "X-JamWidgets-Visitor": getVisitorId(),