dolphin-client 1.0.1 → 1.0.3

package/dist/index.js

@@ -83,6 +83,9 @@ var APIHandler = class {
   async requestDirect(method, path, body = null, options = {}) {
     const _isRetry = options._isRetry === true;
     const url = `${this.client.httpUrl}${path.startsWith("/") ? path : "/" + path}`;
+    if (this.client.options.debug) {
+      console.log(`%c\u{1F680} [Dolphin API Request]:`, "color: #3b82f6; font-weight: bold;", method.toUpperCase(), path, body || "");
+    }
     const controller = new AbortController();
     const timeoutId = setTimeout(
       () => controller.abort(),
@@ -115,6 +118,9 @@ var APIHandler = class {
       const contentType = response.headers.get("content-type") || "";
       const data = contentType.includes("application/json") ? await response.json() : await response.text();
       if (!response.ok) throw { status: response.status, data };
+      if (this.client.options.debug) {
+        console.log(`%c\u2705 [Dolphin API Success]:`, "color: #10b981; font-weight: bold;", method.toUpperCase(), path, data);
+      }
       if (data && typeof data === "object") {
         if (data.accessToken) {
           this.client.setToken(data.accessToken);
@@ -128,6 +134,9 @@ var APIHandler = class {
       return data;
     } catch (err) {
       clearTimeout(timeoutId);
+      if (this.client.options.debug) {
+        console.error(`%c\u274C [Dolphin API Error]:`, "color: #ef4444; font-weight: bold;", method.toUpperCase(), path, err);
+      }
       if (err.name === "AbortError") {
         throw { status: 408, data: { error: "Request timed out" } };
       }
@@ -412,6 +421,7 @@ var DolphinClient = class {
       // 64 KB
       maxReconnect: 5,
       autoRefreshToken: true,
+      debug: false,
       ...options
     };
     this.socket = null;
@@ -494,6 +504,9 @@ var DolphinClient = class {
   _handleMessage(data) {
     try {
       const msg = JSON.parse(data);
+      if (this.options.debug) {
+        console.log("%c\u{1F4E5} [Dolphin WS Incoming]:", "color: #eab308; font-weight: bold;", msg);
+      }
       if (msg.type && msg.from && (msg.to === this.deviceId || msg.to === "all")) {
         if (msg.msgId && msg.type !== "ACK") this._sendAck(msg.from, msg.msgId);
         this.signalHandlers.forEach((h) => h(msg));
@@ -531,6 +544,9 @@ var DolphinClient = class {
   }
   /** @private */
   _sendRaw(msg) {
+    if (this.options.debug) {
+      console.log("%c\u{1F4E4} [Dolphin WS Outgoing]:", "color: #8b5cf6; font-weight: bold;", msg);
+    }
     const str = typeof msg === "string" ? msg : JSON.stringify(msg);
     if (this.socket && this.socket.readyState === WebSocket.OPEN) {
       this.socket.send(str);
@@ -988,6 +1004,9 @@ function attachDOMBinding(clientProto) {
     }
     const store = this.uiStores.get(storeName);
     store[key] = val;
+    if (this.options.debug) {
+      console.log(`%c\u{1F4BE} [Dolphin Store Update]:`, "color: #ec4899; font-weight: bold;", `${storeName}.${key}`, "=", val);
+    }
     if (typeof document !== "undefined") {
       const readElements = document.querySelectorAll(`[data-store-read="${storeName}.${key}"]`);
       readElements.forEach((el) => {
@@ -1067,6 +1086,42 @@ function attachDOMBinding(clientProto) {
     }
     return null;
   };
+  clientProto._executeStoreAction = function(expression, element) {
+    this.uiStores = this.uiStores || /* @__PURE__ */ new Map();
+    const context = new Proxy({}, {
+      has: (target, prop) => {
+        return true;
+      },
+      get: (target, prop) => {
+        if (typeof prop === "string") {
+          return new Proxy({}, {
+            get: (subTarget, subProp) => {
+              if (typeof subProp === "string") {
+                return this.getStoreState(prop, subProp);
+              }
+            },
+            set: (subTarget, subProp, val) => {
+              if (typeof subProp === "string") {
+                this.setStoreState(prop, subProp, val);
+                return true;
+              }
+              return false;
+            }
+          });
+        }
+      }
+    });
+    try {
+      const fn = new Function("ctx", `with(ctx) { ${expression} }`);
+      fn(context);
+    } catch (err) {
+      console.error("%c[Dolphin Store Action Error]:", "color: #ef4444; font-weight: bold;", err);
+      if (element) {
+        console.error("%cFailed Element:", "color: #f97316; font-weight: bold;", element);
+      }
+      console.error("%cFailed Expression:", "color: #3b82f6; font-style: italic;", expression);
+    }
+  };
   clientProto._initDOMBinding = function() {
     if (this._domInitialized) return;
     this._domInitialized = true;
@@ -1240,6 +1295,14 @@ function attachDOMBinding(clientProto) {
             console.error(`[Dolphin] API ${evtName} Error:`, err);
           }
         }
+        const storeActionBtn = e.target.closest(`[data-store-${evtName}]`);
+        if (storeActionBtn) {
+          if (evtName === "submit") e.preventDefault();
+          const expr = storeActionBtn.getAttribute(`data-store-${evtName}`);
+          if (expr) {
+            this._executeStoreAction(expr, storeActionBtn);
+          }
+        }
       });
     });
     this.subscribe("#", (payload, topic) => {
@@ -2094,6 +2157,21 @@ attachPwa(DolphinClient.prototype);
 attachTesting(DolphinClient.prototype);
 if (typeof window !== "undefined") {
   window.DolphinClient = DolphinClient;
+  document.addEventListener("DOMContentLoaded", () => {
+    if (!window.dolphin) {
+      const scriptEl = document.querySelector('script[src*="dolphin-client"]');
+      const debugMode = scriptEl ? scriptEl.getAttribute("data-debug") === "true" : false;
+      const dolphin = new DolphinClient(void 0, void 0, { debug: debugMode });
+      window.dolphin = dolphin;
+      if (debugMode) {
+        console.log("%c\u{1F42C} [Dolphin Client] Auto-initialized local reactive engine!", "color: #06b6d4; font-weight: bold; font-size: 14px;");
+        console.log('%c\u{1F449} Tip: You can access the client instance via "window.dolphin" in console.', "color: #94a3b8; font-style: italic;");
+      }
+      if (document.querySelector('[data-store-write="app.username"]')) {
+        dolphin.setStoreState("app", "username", "\u0928\u092E\u0938\u094D\u0924\u0947 \u0938\u093E\u0925\u0940!");
+      }
+    }
+  });
 }
 export {
   DolphinClient