@adhese/sdk-devtools 0.2.0 → 0.4.0

package/dist/cjs/index.js

@@ -2,16 +2,16 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require$$0 = require("react");
 async function createDevtools(context) {
-  const devtools = await Promise.resolve().then(() => require("./devtools.js"));
+  const main = await Promise.resolve().then(() => require("./devtools.js")).then((n) => n.main);
   const wrapperElement = document.createElement("div");
   document.body.appendChild(wrapperElement);
-  const unmount = devtools.createAdheseDevtools(wrapperElement, context);
+  const unmount = main.createAdheseDevtools(wrapperElement, context);
   return () => {
     unmount();
     wrapperElement.outerHTML = "";
   };
 }
-const Devtools = require$$0.lazy(() => Promise.resolve().then(() => require("./devtools.js")).then((module2) => ({ default: module2.Devtools })));
+const Devtools = require$$0.lazy(() => Promise.resolve().then(() => require("./devtools.js")).then((n) => n.Devtools).then((module2) => ({ default: module2.Devtools })));
 exports.Devtools = Devtools;
 exports.createDevtools = createDevtools;
 //# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/index.ts"],"sourcesContent":["import type { AdheseContext } from '@adhese/sdk';\nimport { lazy } from 'react';\n\nexport async function createDevtools(context: AdheseContext): Promise<() => void> {\n  const devtools = await import('@devtools');\n\n  const wrapperElement = document.createElement('div');\n  document.body.appendChild(wrapperElement);\n\n  const unmount = devtools.createAdheseDevtools(wrapperElement, context);\n\n  return () => {\n    unmount();\n    wrapperElement.outerHTML = '';\n  };\n}\n\n// eslint-disable-next-line ts/naming-convention\nexport const Devtools = lazy(() => import('@devtools').then(module => ({ default: module.Devtools })));\n"],"names":["lazy","module"],"mappings":";;;AAGA,eAAsB,eAAe,SAA6C;AAC1E,QAAA,WAAW,MAAM,QAAO,QAAA,EAAA,KAAA,MAAA,QAAA,eAAW;AAEnC,QAAA,iBAAiB,SAAS,cAAc,KAAK;AAC1C,WAAA,KAAK,YAAY,cAAc;AAExC,QAAM,UAAU,SAAS,qBAAqB,gBAAgB,OAAO;AAErE,SAAO,MAAM;AACH;AACR,mBAAe,YAAY;AAAA,EAAA;AAE/B;AAGO,MAAM,WAAWA,WAAA,KAAK,MAAM,QAAO,QAAA,EAAA,KAAA,MAAA,QAAA,eAAW,CAAA,EAAE,KAAK,CAAAC,aAAW,EAAE,SAASA,QAAO,WAAW,CAAC;;;"}
+{"version":3,"file":"index.js","sources":["../../src/index.ts"],"sourcesContent":["import type { AdheseContext } from '@adhese/sdk';\nimport { lazy } from 'react';\n\nexport async function createDevtools(context: AdheseContext): Promise<() => void> {\n  const main = await import('./main');\n\n  const wrapperElement = document.createElement('div');\n  document.body.appendChild(wrapperElement);\n\n  const unmount = main.createAdheseDevtools(wrapperElement, context);\n\n  return () => {\n    unmount();\n    wrapperElement.outerHTML = '';\n  };\n}\n\n// eslint-disable-next-line ts/naming-convention\nexport const Devtools = lazy(() => import('./Devtools').then(module => ({ default: module.Devtools })));\n"],"names":["lazy","module"],"mappings":";;;AAGA,eAAsB,eAAe,SAA6C;AAC1E,QAAA,OAAO,MAAM,QAAO,QAAA,EAAA,KAAA,MAAA,QAAA,eAAQ;AAE5B,QAAA,iBAAiB,SAAS,cAAc,KAAK;AAC1C,WAAA,KAAK,YAAY,cAAc;AAExC,QAAM,UAAU,KAAK,qBAAqB,gBAAgB,OAAO;AAEjE,SAAO,MAAM;AACH;AACR,mBAAe,YAAY;AAAA,EAAA;AAE/B;AAGO,MAAM,WAAWA,WAAA,KAAK,MAAM,QAAO,QAAA,EAAA,KAAA,MAAA,QAAA,eAAY,CAAA,EAAA,KAAA,OAAA,EAAA,QAAA,EAAE,KAAK,CAAAC,aAAW,EAAE,SAASA,QAAO,WAAW,CAAC;;;"}

package/dist/es/devtools.js

@@ -1,5 +1,6 @@
 import require$$0, { forwardRef, useState, useEffect, useMemo, Fragment, useCallback, useId, useRef } from "react";
 import require$$0$1, { createPortal } from "react-dom";
+import { upperFirst } from "lodash-es";
 import { clsx } from "clsx";
 import { twMerge } from "tailwind-merge";
 import { cva } from "class-variance-authority";
@@ -7,7 +8,6 @@ import { Slot } from "@radix-ui/react-slot";
 import * as SheetPrimitive from "@radix-ui/react-dialog";
 import { Cross2Icon } from "@radix-ui/react-icons";
 import * as TabsPrimitive from "@radix-ui/react-tabs";
-import { upperFirst } from "lodash-es";
 import * as SwitchPrimitives from "@radix-ui/react-switch";
 import * as LabelPrimitive from "@radix-ui/react-label";
 var jsxRuntime = { exports: {} };
@@ -1251,10 +1251,20 @@ function SlotsTable({ adheseContext }) {
     var _a;
     return (_a = formattedSlot.ad) == null ? void 0 : _a.preview;
   });
+  const origins = useMemo(() => {
+    const set = /* @__PURE__ */ new Set();
+    for (const slot of formattedSlots) {
+      const ad = slot.getAd();
+      if (ad)
+        set.add(ad.origin);
+    }
+    return Array.from(set);
+  }, [formattedSlots]);
   return formattedSlots.length > 0 ? /* @__PURE__ */ jsxRuntimeExports.jsxs(Table, { children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx(TableHeader, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs(TableRow, { children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(TableHead, { children: "Name" }),
       /* @__PURE__ */ jsxRuntimeExports.jsx(TableHead, { children: "Format" }),
+      origins.length > 1 && /* @__PURE__ */ jsxRuntimeExports.jsx(TableHead, { children: "Origin" }),
       /* @__PURE__ */ jsxRuntimeExports.jsx(TableHead, { children: "Location" }),
       /* @__PURE__ */ jsxRuntimeExports.jsx(TableHead, { children: "Render Status" }),
       /* @__PURE__ */ jsxRuntimeExports.jsx(TableHead, { children: "Campaign ID" }),
@@ -1285,6 +1295,7 @@ function SlotsTable({ adheseContext }) {
           /* @__PURE__ */ jsxRuntimeExports.jsx("del", { className: "text-red-300 italic", children: format }),
           /* @__PURE__ */ jsxRuntimeExports.jsx("ins", { className: "no-underline text-green-700", children: ad == null ? void 0 : ad.adFormat })
         ] }) }),
+        origins.length > 1 && /* @__PURE__ */ jsxRuntimeExports.jsx(TableCell, { children: (ad == null ? void 0 : ad.origin) && /* @__PURE__ */ jsxRuntimeExports.jsx(Badge, { className: cn(slotIndexBadgeClasses[origins.indexOf(ad.origin) % slotIndexBadgeClasses.length], "text-white"), children: upperFirst(ad.origin.toLowerCase()) }) }),
         /* @__PURE__ */ jsxRuntimeExports.jsx(TableCell, { children: location }),
         /* @__PURE__ */ jsxRuntimeExports.jsx(TableCell, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
           Badge,
@@ -1641,13 +1652,10 @@ function FronttailSettings({
             id: `fronttailDebugKey${id}`,
             value: fronttailDebugKey,
             onChange: onFronttailDebugKeyChange,
-            className: cn(
-              "max-w-60",
-              {
-                // eslint-disable-next-line ts/naming-convention
-                "border-destructive": fronttailDebugKey.length < 4
-              }
-            )
+            className: cn("max-w-60", {
+              // eslint-disable-next-line ts/naming-convention
+              "border-destructive": fronttailDebugKey.length < 4
+            })
           }
         ),
         /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -1753,6 +1761,10 @@ function Devtools({ adheseContext }) {
     /* @__PURE__ */ jsxRuntimeExports.jsx(PreviewButton, {})
   ] }) });
 }
+const Devtools$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  Devtools
+}, Symbol.toStringTag, { value: "Module" }));
 function createAdheseDevtools(element, context) {
   const root = createRoot(element);
   root.render(/* @__PURE__ */ jsxRuntimeExports.jsx(Devtools, { adheseContext: context }));
@@ -1760,8 +1772,12 @@ function createAdheseDevtools(element, context) {
     root.unmount();
   };
 }
-export {
-  Devtools,
+const main = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
   createAdheseDevtools
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  Devtools$1 as D,
+  main as m
 };
 //# sourceMappingURL=devtools.js.map