@infinite-table/infinite-react 3.0.14 → 3.0.15

package/index.d.ts

@@ -3010,17 +3010,18 @@ declare function interceptMap<K, V>(map: Map<K, V>, fns: InterceptedMapFns<K, V>
 declare type DebugLogger = {
     (...args: any[]): void;
     extend: (channelName: string) => DebugLogger;
+    color: (colorName: string, ...message: string[]) => [string, string];
     enabled: boolean;
     channel: string;
     destroy: () => void;
-    log: (...args: any[]) => void;
+    logFn: undefined | ((...args: any[]) => void);
 };
 declare const debug: {
     (channelName: string): DebugLogger;
     colors: string[];
     enable: string;
     diffenable: string | boolean;
-    log: DebugLogger['log'];
+    logFn: DebugLogger['logFn'];
 };
 
 declare function useEffectWithChanges<T>(fn: (changes: Record<keyof T, any>, prevValues: Record<string, any>) => void | (() => void), deps: Record<keyof T, any>): void;

package/index.dev.js

@@ -709,6 +709,7 @@ var COLORS = [
   "#FFCC00",
   "#FFCC33"
 ];
+var COLOR_SYMBOL = Symbol("color");
 var USED_COLORS_MAP = /* @__PURE__ */ new WeakMap();
 USED_COLORS_MAP.set(
   COLORS,
@@ -818,13 +819,15 @@ function debugPackage(channelName) {
     updateStorageKeyValue(getStorageKeyValue());
   });
   function debugFactory(channelName2, parentChannel) {
+    var _a;
     const channel = parentChannel ? `${parentChannel}${CHANNEL_SEPARATOR}${channelName2}` : channelName2;
     const channelParts = channel.split(CHANNEL_SEPARATOR);
     if (loggers.has(channelParts)) {
       return loggers.get(channelParts);
     }
     const parentLogger = loggers.get(channelParts.slice(0, -1));
-    let logFn = parentLogger ? parentLogger.log : debug.log;
+    const defaultLogFn = (_a = parentLogger ? parentLogger.logFn : debug.logFn) != null ? _a : defaultLogger;
+    let logFn = defaultLogFn;
     let enabled;
     let lastMessageTimestamp = 0;
     const isEnabled = () => enabled != null ? enabled : isLoggingEnabled(channel, storageKeyValue);
@@ -838,13 +841,52 @@ function debugPackage(channelName) {
             logFn(`%c[${channel}]`, `color: ${color}`, `+${diff}ms:`);
           }
           lastMessageTimestamp = now;
-          logFn(`%c[${channel}]`, `color: ${color}`, ...args);
+          const argsToLog = [];
+          let textWithColors = void 0;
+          args.forEach((arg) => {
+            if (arg[COLOR_SYMBOL]) {
+              if (textWithColors === void 0) {
+                textWithColors = true;
+              }
+              argsToLog.push(...arg);
+            } else {
+              if (typeof arg !== "string" && typeof arg !== "number") {
+                textWithColors = false;
+                return;
+              }
+              argsToLog.push(`${arg}%s`);
+            }
+          });
+          if (textWithColors) {
+            const theArgs = [
+              `%c[${channel}]%c %s`,
+              `color: ${color}`,
+              "",
+              ...argsToLog,
+              ""
+            ];
+            logFn(...theArgs);
+          } else {
+            logFn(`%c[${channel}]`, `color: ${color}`, ...args);
+          }
         }
       },
       {
         channel: {
           value: channel
         },
+        color: {
+          value: (colorName, ...args) => {
+            const result = [
+              `%c${args.join(" ")}%c%s`,
+              `color: ${colorName}`,
+              ""
+            ];
+            result.toString = () => args.join(" ");
+            result[COLOR_SYMBOL] = true;
+            return result;
+          }
+        },
         extend: {
           value: (nextChannel) => {
             return debugFactory(nextChannel, channel);
@@ -853,10 +895,11 @@ function debugPackage(channelName) {
         enabled: {
           get: () => isEnabled()
         },
-        log: {
+        logFn: {
+          configurable: false,
           get: () => logFn,
           set: (fn) => {
-            logFn = fn;
+            logFn = fn != null ? fn : defaultLogFn;
           }
         },
         destroy: {
@@ -882,18 +925,18 @@ Object.defineProperty(debugPackage, "enable", {
 });
 var debug = debugPackage;
 debug.colors = COLORS;
-debug.log = defaultLogger;
+debug.logFn = defaultLogger;
 
 // src/utils/debug.ts
 var debugTable = debug(`InfiniteTable`);
 var dbg = (channelName) => {
   const result = debugTable.extend(channelName);
-  result.log = console.log.bind(console);
+  result.logFn = console.log.bind(console);
   return result;
 };
 var err = (channelName) => {
   const result = debugTable.extend(`${channelName}:error`);
-  result.log = console.error.bind(console);
+  result.logFn = console.error.bind(console);
   return result;
 };
 var emptyLogFn = () => emptyLogFn;
@@ -17217,7 +17260,7 @@ var useLicense = (licenseKey = "") => {
   const valid = (0, import_react50.useMemo)(() => {
     let valid2 = isValidLicense(licenseKey, {
       publishedAt: 1624970570587,
-      version: "3.0.14"
+      version: "3.0.15"
     });
     if (!licenseKey && !valid2 && isInsidePlayground) {
       return true;

package/index.dev.mjs

@@ -667,6 +667,7 @@ var COLORS = [
   "#FFCC00",
   "#FFCC33"
 ];
+var COLOR_SYMBOL = Symbol("color");
 var USED_COLORS_MAP = /* @__PURE__ */ new WeakMap();
 USED_COLORS_MAP.set(
   COLORS,
@@ -776,13 +777,15 @@ function debugPackage(channelName) {
     updateStorageKeyValue(getStorageKeyValue());
   });
   function debugFactory(channelName2, parentChannel) {
+    var _a;
     const channel = parentChannel ? `${parentChannel}${CHANNEL_SEPARATOR}${channelName2}` : channelName2;
     const channelParts = channel.split(CHANNEL_SEPARATOR);
     if (loggers.has(channelParts)) {
       return loggers.get(channelParts);
     }
     const parentLogger = loggers.get(channelParts.slice(0, -1));
-    let logFn = parentLogger ? parentLogger.log : debug.log;
+    const defaultLogFn = (_a = parentLogger ? parentLogger.logFn : debug.logFn) != null ? _a : defaultLogger;
+    let logFn = defaultLogFn;
     let enabled;
     let lastMessageTimestamp = 0;
     const isEnabled = () => enabled != null ? enabled : isLoggingEnabled(channel, storageKeyValue);
@@ -796,13 +799,52 @@ function debugPackage(channelName) {
             logFn(`%c[${channel}]`, `color: ${color}`, `+${diff}ms:`);
           }
           lastMessageTimestamp = now;
-          logFn(`%c[${channel}]`, `color: ${color}`, ...args);
+          const argsToLog = [];
+          let textWithColors = void 0;
+          args.forEach((arg) => {
+            if (arg[COLOR_SYMBOL]) {
+              if (textWithColors === void 0) {
+                textWithColors = true;
+              }
+              argsToLog.push(...arg);
+            } else {
+              if (typeof arg !== "string" && typeof arg !== "number") {
+                textWithColors = false;
+                return;
+              }
+              argsToLog.push(`${arg}%s`);
+            }
+          });
+          if (textWithColors) {
+            const theArgs = [
+              `%c[${channel}]%c %s`,
+              `color: ${color}`,
+              "",
+              ...argsToLog,
+              ""
+            ];
+            logFn(...theArgs);
+          } else {
+            logFn(`%c[${channel}]`, `color: ${color}`, ...args);
+          }
         }
       },
       {
         channel: {
           value: channel
         },
+        color: {
+          value: (colorName, ...args) => {
+            const result = [
+              `%c${args.join(" ")}%c%s`,
+              `color: ${colorName}`,
+              ""
+            ];
+            result.toString = () => args.join(" ");
+            result[COLOR_SYMBOL] = true;
+            return result;
+          }
+        },
         extend: {
           value: (nextChannel) => {
             return debugFactory(nextChannel, channel);
@@ -811,10 +853,11 @@ function debugPackage(channelName) {
         enabled: {
           get: () => isEnabled()
         },
-        log: {
+        logFn: {
+          configurable: false,
           get: () => logFn,
           set: (fn) => {
-            logFn = fn;
+            logFn = fn != null ? fn : defaultLogFn;
           }
         },
         destroy: {
@@ -840,18 +883,18 @@ Object.defineProperty(debugPackage, "enable", {
 });
 var debug = debugPackage;
 debug.colors = COLORS;
-debug.log = defaultLogger;
+debug.logFn = defaultLogger;
 
 // src/utils/debug.ts
 var debugTable = debug(`InfiniteTable`);
 var dbg = (channelName) => {
   const result = debugTable.extend(channelName);
-  result.log = console.log.bind(console);
+  result.logFn = console.log.bind(console);
   return result;
 };
 var err = (channelName) => {
   const result = debugTable.extend(`${channelName}:error`);
-  result.log = console.error.bind(console);
+  result.logFn = console.error.bind(console);
   return result;
 };
 var emptyLogFn = () => emptyLogFn;
@@ -17198,7 +17241,7 @@ var useLicense = (licenseKey = "") => {
   const valid = useMemo11(() => {
     let valid2 = isValidLicense(licenseKey, {
       publishedAt: 1624970570587,
-      version: "3.0.14"
+      version: "3.0.15"
     });
     if (!licenseKey && !valid2 && isInsidePlayground) {
       return true;