@arcblock/ux 2.12.63 → 2.12.64

package/lib/Util/logger.d.ts

@@ -0,0 +1,6 @@
+import debug from 'debug';
+export declare const createDebug: debug.Debug & {
+    debug: debug.Debug;
+    default: debug.Debug;
+};
+export declare const createLogger: (namespace: string) => Console;

package/lib/Util/logger.js

@@ -0,0 +1,25 @@
+/* eslint-disable import/prefer-default-export */
+import debug from 'debug';
+export const createDebug = debug;
+export const createLogger = namespace => {
+  return new Proxy(window.console, {
+    get(target, prop) {
+      return (...args) => {
+        try {
+          if (['log', 'debug', 'info', 'warn', 'error'].includes(prop)) {
+            // @ts-ignore
+            return target[prop](namespace, ...args);
+          }
+          if (target[prop] instanceof Function) {
+            // @ts-ignore
+            return target[prop](...args);
+          }
+          return target[prop];
+        } catch (err) {
+          console.error(`Logger error in ${namespace}:`, err);
+          return undefined;
+        }
+      };
+    }
+  });
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arcblock/ux",
-  "version": "2.12.63",
+  "version": "2.12.64",
   "description": "Common used react components for arcblock products",
   "keywords": [
     "react",
@@ -70,12 +70,12 @@
     "react": ">=18.2.0",
     "react-router-dom": ">=6.22.3"
   },
-  "gitHead": "47f8ac34d544cb600e084266ceb722989476f287",
+  "gitHead": "535a7ce33f7325f00aab13b8812123cafc5788c7",
   "dependencies": {
     "@arcblock/did-motif": "^1.1.13",
-    "@arcblock/icons": "^2.12.63",
-    "@arcblock/nft-display": "^2.12.63",
-    "@arcblock/react-hooks": "^2.12.63",
+    "@arcblock/icons": "^2.12.64",
+    "@arcblock/nft-display": "^2.12.64",
+    "@arcblock/react-hooks": "^2.12.64",
     "@babel/plugin-syntax-dynamic-import": "^7.8.3",
     "@fontsource/roboto": "^5.2.5",
     "@fontsource/ubuntu-mono": "^5.0.18",
@@ -96,6 +96,7 @@
     "core-js": "^3.25.5",
     "d3-geo": "^1.12.1",
     "dayjs": "^1.11.5",
+    "debug": "^4.4.0",
     "devices.css": "^0.1.15",
     "dompurify": "^3.2.1",
     "highlight.js": "^11.6.0",

package/src/Util/logger.ts

@@ -0,0 +1,27 @@
+/* eslint-disable import/prefer-default-export */
+import debug from 'debug';
+
+export const createDebug = debug;
+
+export const createLogger = (namespace: string) => {
+  return new Proxy(window.console, {
+    get(target, prop: keyof Console) {
+      return (...args: any[]) => {
+        try {
+          if (['log', 'debug', 'info', 'warn', 'error'].includes(prop)) {
+            // @ts-ignore
+            return target[prop](namespace, ...args);
+          }
+          if (target[prop] instanceof Function) {
+            // @ts-ignore
+            return target[prop](...args);
+          }
+          return target[prop];
+        } catch (err) {
+          console.error(`Logger error in ${namespace}:`, err);
+          return undefined;
+        }
+      };
+    },
+  });
+};