@fluxtrace/embed 0.0.0-stage → 3.9.0

package/dist/index.d.ts

@@ -0,0 +1,13 @@
+type DashboardElementOptions = {
+    projectId: string;
+    origin?: string;
+    host?: string;
+    height?: string;
+    userId?: string;
+    from?: string;
+    to?: string;
+    paths?: string[];
+    ttlSeconds?: number;
+};
+
+export type { DashboardElementOptions };

package/dist/index.global.js

@@ -0,0 +1,81 @@
+"use strict";
+var FluxtraceEmbed = (() => {
+  var __defProp = Object.defineProperty;
+  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+  var __getOwnPropNames = Object.getOwnPropertyNames;
+  var __hasOwnProp = Object.prototype.hasOwnProperty;
+  var __copyProps = (to, from, except, desc) => {
+    if (from && typeof from === "object" || typeof from === "function") {
+      for (let key of __getOwnPropNames(from))
+        if (!__hasOwnProp.call(to, key) && key !== except)
+          __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+    }
+    return to;
+  };
+  var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+  // src/index.ts
+  var index_exports = {};
+  var FluxtraceDashboard = class extends HTMLElement {
+    options = null;
+    connectedCallback() {
+      const projectId = this.getAttribute("project-id");
+      if (!projectId) {
+        this.textContent = "FluxTrace: project-id is required";
+        return;
+      }
+      const pathsRaw = this.getAttribute("paths");
+      const paths = pathsRaw ? pathsRaw.split(",").map((p) => p.trim()).filter(Boolean) : void 0;
+      const ttlRaw = this.getAttribute("ttl");
+      const ttlSeconds = ttlRaw ? Number(ttlRaw) : void 0;
+      this.options = {
+        projectId,
+        origin: this.getAttribute("origin") ?? window.location.origin,
+        host: this.getAttribute("host") ?? window.location.origin,
+        height: this.getAttribute("height") ?? "720px",
+        userId: this.getAttribute("user-id") ?? void 0,
+        from: this.getAttribute("from") ?? void 0,
+        to: this.getAttribute("to") ?? void 0,
+        paths: paths?.length ? paths : void 0,
+        ttlSeconds: ttlSeconds != null && Number.isFinite(ttlSeconds) ? ttlSeconds : void 0
+      };
+      void this.load();
+    }
+    async load() {
+      const options = this.options;
+      const response = await fetch(`${options.host}/api/embed/token`, {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        credentials: "include",
+        body: JSON.stringify({
+          projectId: options.projectId,
+          origin: options.origin,
+          userId: options.userId,
+          from: options.from,
+          to: options.to,
+          paths: options.paths,
+          ttlSeconds: options.ttlSeconds
+        })
+      });
+      if (!response.ok) {
+        this.textContent = "FluxTrace: unable to create embed token";
+        return;
+      }
+      const { token } = await response.json();
+      const iframe = document.createElement("iframe");
+      iframe.src = `${options.host}/embed/${encodeURIComponent(options.projectId)}?token=${encodeURIComponent(token)}`;
+      iframe.title = "FluxTrace dashboard";
+      iframe.loading = "lazy";
+      iframe.style.border = "0";
+      iframe.style.height = options.height ?? "720px";
+      iframe.style.width = "100%";
+      this.replaceChildren(iframe);
+    }
+  };
+  if (typeof window !== "undefined" && "customElements" in window) {
+    if (!customElements.get("fluxtrace-dashboard")) {
+      customElements.define("fluxtrace-dashboard", FluxtraceDashboard);
+    }
+  }
+  return __toCommonJS(index_exports);
+})();

package/dist/index.js

@@ -0,0 +1,62 @@
+// src/index.ts
+var FluxtraceDashboard = class extends HTMLElement {
+  options = null;
+  connectedCallback() {
+    const projectId = this.getAttribute("project-id");
+    if (!projectId) {
+      this.textContent = "FluxTrace: project-id is required";
+      return;
+    }
+    const pathsRaw = this.getAttribute("paths");
+    const paths = pathsRaw ? pathsRaw.split(",").map((p) => p.trim()).filter(Boolean) : void 0;
+    const ttlRaw = this.getAttribute("ttl");
+    const ttlSeconds = ttlRaw ? Number(ttlRaw) : void 0;
+    this.options = {
+      projectId,
+      origin: this.getAttribute("origin") ?? window.location.origin,
+      host: this.getAttribute("host") ?? window.location.origin,
+      height: this.getAttribute("height") ?? "720px",
+      userId: this.getAttribute("user-id") ?? void 0,
+      from: this.getAttribute("from") ?? void 0,
+      to: this.getAttribute("to") ?? void 0,
+      paths: paths?.length ? paths : void 0,
+      ttlSeconds: ttlSeconds != null && Number.isFinite(ttlSeconds) ? ttlSeconds : void 0
+    };
+    void this.load();
+  }
+  async load() {
+    const options = this.options;
+    const response = await fetch(`${options.host}/api/embed/token`, {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      credentials: "include",
+      body: JSON.stringify({
+        projectId: options.projectId,
+        origin: options.origin,
+        userId: options.userId,
+        from: options.from,
+        to: options.to,
+        paths: options.paths,
+        ttlSeconds: options.ttlSeconds
+      })
+    });
+    if (!response.ok) {
+      this.textContent = "FluxTrace: unable to create embed token";
+      return;
+    }
+    const { token } = await response.json();
+    const iframe = document.createElement("iframe");
+    iframe.src = `${options.host}/embed/${encodeURIComponent(options.projectId)}?token=${encodeURIComponent(token)}`;
+    iframe.title = "FluxTrace dashboard";
+    iframe.loading = "lazy";
+    iframe.style.border = "0";
+    iframe.style.height = options.height ?? "720px";
+    iframe.style.width = "100%";
+    this.replaceChildren(iframe);
+  }
+};
+if (typeof window !== "undefined" && "customElements" in window) {
+  if (!customElements.get("fluxtrace-dashboard")) {
+    customElements.define("fluxtrace-dashboard", FluxtraceDashboard);
+  }
+}

package/package.json

@@ -1,6 +1,17 @@
 {
   "name": "@fluxtrace/embed",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
-}
+  "version": "3.9.0",
+  "private": false,
+  "type": "module",
+  "main": "./dist/index.js",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "tsup src/index.ts --format esm,iife --global-name FluxtraceEmbed --dts --clean",
+    "typecheck": "tsc --noEmit"
+  },
+  "devDependencies": {}
+}

package/README.md

@@ -1,3 +0,0 @@
-# Temporary Holding Version
-
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.