satyamark-react 0.0.9 → 0.0.10

package/dist/index.js

@@ -1,9 +1,7 @@
 "use strict";
-var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
@@ -17,14 +15,6 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/index.ts
@@ -40,6 +30,52 @@ __export(src_exports, {
 });
 module.exports = __toCommonJS(src_exports);
 
+// src/utils/iconRegistry.ts
+var ICON_URLS = {
+  correct: "https://res.cloudinary.com/dfamljkyo/image/upload/v1768325442/correct_gjiadc.png",
+  incorrect: "https://res.cloudinary.com/dfamljkyo/image/upload/v1768325442/incorrect_lb9yfb.png",
+  insufficient: "https://res.cloudinary.com/dfamljkyo/image/upload/v1768325442/insufficient_lvtzjc.png",
+  uncertain: "https://res.cloudinary.com/dfamljkyo/image/upload/v1768325441/uncertain_fq5d2c.png",
+  ai: "https://res.cloudinary.com/dfamljkyo/image/upload/v1768325441/ai_dlykbo.png",
+  nonai: "https://res.cloudinary.com/dfamljkyo/image/upload/v1768325441/nonai_coy4w5.png",
+  verifyable: "https://res.cloudinary.com/dfamljkyo/image/upload/v1768325441/verifyable_jugvwe.png",
+  unverifyable: "https://res.cloudinary.com/dfamljkyo/image/upload/v1768325441/unverifyable_yzm5se.png",
+  pending: "https://res.cloudinary.com/dfamljkyo/image/upload/v1768325440/pending_gpqshq.png"
+};
+
+// src/utils/iconLoader.ts
+var iconLoadMap = /* @__PURE__ */ new Map();
+function loadIcon(key) {
+  const existing = iconLoadMap.get(key);
+  if (existing)
+    return existing;
+  const promise = new Promise((resolve, reject) => {
+    const img = new Image();
+    img.onload = () => resolve();
+    img.onerror = () => {
+      iconLoadMap.delete(key);
+      reject(new Error(`Failed to load icon: ${key}`));
+    };
+    img.src = ICON_URLS[key];
+  });
+  iconLoadMap.set(key, promise);
+  return promise;
+}
+function preloadIcons() {
+  const run = () => {
+    Object.keys(ICON_URLS).forEach(loadIcon);
+  };
+  if ("requestIdleCallback" in window) {
+    window.requestIdleCallback(run);
+  } else {
+    setTimeout(run, 0);
+  }
+}
+function ensureIconLoaded(key) {
+  return loadIcon(key).catch(() => {
+  });
+}
+
 // src/satyamark_connect.ts
 var wsUrl = "wss://satyamark.onrender.com";
 var socket = null;
@@ -59,6 +95,7 @@ function onConnected(cb) {
 }
 function init(connectionData, options) {
   var _a;
+  preloadIcons();
   if (socket && socket.readyState == WebSocket.OPEN && storedConnectionData == connectionData) {
     console.log("Already Connected: ", connectionData);
     return;
@@ -202,27 +239,9 @@ async function process(divRef, dataId) {
 }
 
 // src/satyamark_status_controller.ts
-var import_verifyable = __toESM(require("./verifyable-AYGD2AEO.png"));
-var import_unverifyable = __toESM(require("./unverifyable-2LSQEVJT.png"));
-var import_insufficient = __toESM(require("./insufficient-FBXL3GLE.png"));
-var import_correct = __toESM(require("./correct-AW5V6TXB.png"));
-var import_incorrect = __toESM(require("./incorrect-KHIGXY2C.png"));
-var import_pending = __toESM(require("./pending-SWS5I5G5.png"));
-var import_ai = __toESM(require("./ai-J46U5IDK.png"));
-var import_nonai = __toESM(require("./nonai-LPEFMQBT.png"));
 var jobMap = {};
 var DEFAULT_ICON_SIZE = 20;
 var satyamark_url = "https://satyamark.vercel.app/chat";
-var iconMap = {
-  verifyable: import_verifyable.default,
-  unverifyable: import_unverifyable.default,
-  insufficient: import_insufficient.default,
-  correct: import_correct.default,
-  incorrect: import_incorrect.default,
-  pending: import_pending.default,
-  ai: import_ai.default,
-  nonai: import_nonai.default
-};
 function registerStatus(jobId, rootElement, options = {}) {
   var _a;
   jobMap[jobId] = {
@@ -236,7 +255,8 @@ function updateIcon(jobId, rawMark, data) {
   if (!entry)
     return;
   const { root, iconSize } = entry;
-  const mark = rawMark != null ? rawMark : "pending";
+  const mark = rawMark in ICON_URLS ? rawMark : "pending";
+  ensureIconLoaded(mark);
   const container = root.querySelector("[data-satyamark-status-container]");
   if (!container)
     return;
@@ -248,7 +268,7 @@ function updateIcon(jobId, rawMark, data) {
   icon.style.display = "block";
   icon.style.width = iconSize + "px";
   icon.style.height = iconSize + "px";
-  icon.src = iconMap[mark] || iconMap["pending"];
+  icon.src = ICON_URLS[mark];
   container.appendChild(icon);
   const type = data == null ? void 0 : data.type;
   const isValidType = type === "text" || type === "image";

package/dist/index.mjs

@@ -1,3 +1,49 @@
+// src/utils/iconRegistry.ts
+var ICON_URLS = {
+  correct: "https://res.cloudinary.com/dfamljkyo/image/upload/v1768325442/correct_gjiadc.png",
+  incorrect: "https://res.cloudinary.com/dfamljkyo/image/upload/v1768325442/incorrect_lb9yfb.png",
+  insufficient: "https://res.cloudinary.com/dfamljkyo/image/upload/v1768325442/insufficient_lvtzjc.png",
+  uncertain: "https://res.cloudinary.com/dfamljkyo/image/upload/v1768325441/uncertain_fq5d2c.png",
+  ai: "https://res.cloudinary.com/dfamljkyo/image/upload/v1768325441/ai_dlykbo.png",
+  nonai: "https://res.cloudinary.com/dfamljkyo/image/upload/v1768325441/nonai_coy4w5.png",
+  verifyable: "https://res.cloudinary.com/dfamljkyo/image/upload/v1768325441/verifyable_jugvwe.png",
+  unverifyable: "https://res.cloudinary.com/dfamljkyo/image/upload/v1768325441/unverifyable_yzm5se.png",
+  pending: "https://res.cloudinary.com/dfamljkyo/image/upload/v1768325440/pending_gpqshq.png"
+};
+
+// src/utils/iconLoader.ts
+var iconLoadMap = /* @__PURE__ */ new Map();
+function loadIcon(key) {
+  const existing = iconLoadMap.get(key);
+  if (existing)
+    return existing;
+  const promise = new Promise((resolve, reject) => {
+    const img = new Image();
+    img.onload = () => resolve();
+    img.onerror = () => {
+      iconLoadMap.delete(key);
+      reject(new Error(`Failed to load icon: ${key}`));
+    };
+    img.src = ICON_URLS[key];
+  });
+  iconLoadMap.set(key, promise);
+  return promise;
+}
+function preloadIcons() {
+  const run = () => {
+    Object.keys(ICON_URLS).forEach(loadIcon);
+  };
+  if ("requestIdleCallback" in window) {
+    window.requestIdleCallback(run);
+  } else {
+    setTimeout(run, 0);
+  }
+}
+function ensureIconLoaded(key) {
+  return loadIcon(key).catch(() => {
+  });
+}
+
 // src/satyamark_connect.ts
 var wsUrl = "wss://satyamark.onrender.com";
 var socket = null;
@@ -17,6 +63,7 @@ function onConnected(cb) {
 }
 function init(connectionData, options) {
   var _a;
+  preloadIcons();
   if (socket && socket.readyState == WebSocket.OPEN && storedConnectionData == connectionData) {
     console.log("Already Connected: ", connectionData);
     return;
@@ -160,27 +207,9 @@ async function process(divRef, dataId) {
 }
 
 // src/satyamark_status_controller.ts
-import verifyableIcon from "./verifyable-AYGD2AEO.png";
-import unverifyableIcon from "./unverifyable-2LSQEVJT.png";
-import insufficientIcon from "./insufficient-FBXL3GLE.png";
-import correctIcon from "./correct-AW5V6TXB.png";
-import incorrectIcon from "./incorrect-KHIGXY2C.png";
-import pendingIcon from "./pending-SWS5I5G5.png";
-import aiIcon from "./ai-J46U5IDK.png";
-import nonaiIcon from "./nonai-LPEFMQBT.png";
 var jobMap = {};
 var DEFAULT_ICON_SIZE = 20;
 var satyamark_url = "https://satyamark.vercel.app/chat";
-var iconMap = {
-  verifyable: verifyableIcon,
-  unverifyable: unverifyableIcon,
-  insufficient: insufficientIcon,
-  correct: correctIcon,
-  incorrect: incorrectIcon,
-  pending: pendingIcon,
-  ai: aiIcon,
-  nonai: nonaiIcon
-};
 function registerStatus(jobId, rootElement, options = {}) {
   var _a;
   jobMap[jobId] = {
@@ -194,7 +223,8 @@ function updateIcon(jobId, rawMark, data) {
   if (!entry)
     return;
   const { root, iconSize } = entry;
-  const mark = rawMark != null ? rawMark : "pending";
+  const mark = rawMark in ICON_URLS ? rawMark : "pending";
+  ensureIconLoaded(mark);
   const container = root.querySelector("[data-satyamark-status-container]");
   if (!container)
     return;
@@ -206,7 +236,7 @@ function updateIcon(jobId, rawMark, data) {
   icon.style.display = "block";
   icon.style.width = iconSize + "px";
   icon.style.height = iconSize + "px";
-  icon.src = iconMap[mark] || iconMap["pending"];
+  icon.src = ICON_URLS[mark];
   container.appendChild(icon);
   const type = data == null ? void 0 : data.type;
   const isValidType = type === "text" || type === "image";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "satyamark-react",
-  "version": "0.0.9",
+  "version": "0.0.10",
   "description": "Official React SDK for SatyaMark — a lightweight UI library to embed transparent content verification marks, confidence indicators, and trust signals into React applications.",
   "license": "MIT",
   "author": "DK",
@@ -28,8 +28,7 @@
   "module": "dist/index.mjs",
   "types": "dist/index.d.ts",
   "files": [
-    "dist",
-    "public"
+    "dist"
   ],
   "exports": {
     ".": {