@a2f0/skyline 0.2.61 → 0.2.62

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@a2f0/skyline",
-  "version": "0.2.61",
+  "version": "0.2.62",
   "description": "Interactive Chicago skyline viewer and reusable Three.js building models",
   "license": "UNLICENSED",
   "repository": {
@@ -11,7 +11,7 @@
     "access": "public"
   },
   "type": "module",
-  "packageManager": "bun@1.4.3",
+  "packageManager": "bun@1.4.4",
   "sideEffects": [
     "./site/**/*.js"
   ],
@@ -60,7 +60,7 @@
     }
   },
   "dependencies": {
-    "@a2f0/ct-client": "0.1.2",
+    "@a2f0/ct-client": "0.1.7",
     "@types/three": "0.186.0"
   },
   "scripts": {
@@ -94,9 +94,9 @@
     }
   },
   "devDependencies": {
-    "@a2f0/agent-tool": "0.1.30",
+    "@a2f0/agent-tool": "0.1.40",
     "@tsconfig/strictest": "^2.0.8",
-    "@types/bun": "^1.4.3",
+    "@types/bun": "^1.4.4",
     "esbuild": "0.28.2",
     "playwright": "1.64.1",
     "three": "0.186.1",

package/site/vendor/ct-client.js

@@ -13,7 +13,7 @@ function safePage(value) {
   const path = value.split(/[?#]/, 1)[0] ?? "/";
   return /^\/[a-zA-Z0-9/:_.-]{0,199}$/.test(path) ? path : "/";
 }
-function clickTarget(event, capture) {
+function clickTarget(event, capture, defaultApp = null) {
   const path = event.composedPath();
   const elements = path.filter((item) => item instanceof Element);
   if (elements.some((element) => element.matches("[data-ct-ignore], input, textarea, select, [contenteditable]:not([contenteditable='false'])")))
@@ -23,8 +23,10 @@ function clickTarget(event, capture) {
   if (!target)
     return null;
   const label = target.getAttribute("data-ct");
+  const app = elements.find((element) => element.hasAttribute("data-ct-app"))?.getAttribute("data-ct-app");
   const tag = target.tagName.toLowerCase();
   return {
+    app: app === undefined ? defaultApp : app && /^[a-z0-9][a-z0-9-]{0,63}$/.test(app) ? app : null,
     target: /^[a-z][a-z0-9-]{0,31}$/.test(tag) ? tag : "unknown",
     label: label && /^[a-zA-Z0-9_.:-]{1,80}$/.test(label) ? label : null
   };
@@ -80,7 +82,11 @@ function createTracker(options) {
       const response = await fetch(endpoint, {
         method: "POST",
         headers: { "Content-Type": "text/plain;charset=UTF-8" },
-        body: JSON.stringify({ site: options.site, events: batch }),
+        body: JSON.stringify({
+          site: options.site,
+          environment: options.environment,
+          events: batch
+        }),
         credentials: "omit",
         referrerPolicy: "no-referrer",
         keepalive: true,
@@ -122,7 +128,7 @@ function createTracker(options) {
   function click(event) {
     if (!event.isTrusted || blocked())
       return;
-    const target = clickTarget(event, options.capture ?? "interactive");
+    const target = clickTarget(event, options.capture ?? "interactive", options.app ?? null);
     if (!target || queue.length >= capacity)
       return;
     try {
@@ -162,6 +168,10 @@ function createTracker(options) {
         return false;
       if (!/^[a-z0-9][a-z0-9-]{0,63}$/.test(options.site))
         throw new Error("Invalid ct site identifier");
+      if (options.app !== undefined && !/^[a-z0-9][a-z0-9-]{0,63}$/.test(options.app))
+        throw new Error("Invalid ct app identifier");
+      if (options.environment !== undefined && !["production", "staging"].includes(options.environment))
+        throw new Error("Invalid ct environment");
       const url = new URL(endpoint);
       if (url.protocol !== "https:" && !(url.protocol === "http:" && ["localhost", "127.0.0.1"].includes(url.hostname)))
         throw new Error("ct requires an HTTPS endpoint");