@mirohq/design-system-use-logger 0.1.0-use-press.0

package/dist/main.js

@@ -0,0 +1,36 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var designSystemUseLocalStorage = require('@mirohq/design-system-use-local-storage');
+var designSystemUtils = require('@mirohq/design-system-utils');
+var react = require('react');
+
+const useLogger = (key, enabled = false, logPrefix = key) => {
+  const [keyEnabled, setKeyEnabled] = designSystemUseLocalStorage.useLocalStorage(
+    key,
+    enabled
+  );
+  const keyEnabledRef = react.useRef(keyEnabled);
+  react.useEffect(() => {
+    keyEnabledRef.current = keyEnabled;
+  }, [keyEnabled]);
+  const printLog = react.useCallback(
+    (msg, ...args) => {
+      if (designSystemUtils.booleanify(keyEnabledRef.current)) {
+        console.log(`[\u{1F50D}\u{1F41B} ${logPrefix}] :: ${msg}`, ...args);
+      }
+    },
+    [logPrefix]
+  );
+  const enableLogger = () => setKeyEnabled(true);
+  const disableLogger = () => setKeyEnabled(false);
+  return {
+    printLog,
+    enableLogger,
+    disableLogger
+  };
+};
+
+exports.useLogger = useLogger;
+//# sourceMappingURL=main.js.map

package/dist/main.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"main.js","sources":["../src/use-logger.ts"],"sourcesContent":["import { useLocalStorage } from '@mirohq/design-system-use-local-storage'\nimport { booleanify } from '@mirohq/design-system-utils'\nimport type { Booleanish, Nullable } from '@mirohq/design-system-types'\nimport { useCallback, useEffect, useRef } from 'react'\n\nexport interface Logger {\n  printLog: (msg: string, ...args: any[]) => void\n  enableLogger: () => void\n  disableLogger: () => void\n}\n\nexport const useLogger = (\n  key: string,\n  enabled: Booleanish = false,\n  logPrefix: string = key\n): Logger => {\n  const [keyEnabled, setKeyEnabled] = useLocalStorage<Nullable<Booleanish>>(\n    key,\n    enabled\n  )\n\n  const keyEnabledRef = useRef<Nullable<Booleanish>>(keyEnabled)\n\n  useEffect(() => {\n    keyEnabledRef.current = keyEnabled\n  }, [keyEnabled])\n\n  const printLog = useCallback(\n    (msg: string, ...args: any[]): void => {\n      if (booleanify(keyEnabledRef.current)) {\n        console.log(`[🔍🐛 ${logPrefix}] :: ${msg}`, ...args)\n      }\n    },\n    [logPrefix]\n  )\n\n  const enableLogger = (): void => setKeyEnabled(true)\n  const disableLogger = (): void => setKeyEnabled(false)\n\n  return {\n    printLog,\n    enableLogger,\n    disableLogger,\n  }\n}\n"],"names":["useLocalStorage","useRef","useEffect","useCallback","booleanify"],"mappings":";;;;;;;;AAWO,MAAM,YAAY,CACvB,GAAA,EACA,OAAsB,GAAA,KAAA,EACtB,YAAoB,GACT,KAAA;AACX,EAAM,MAAA,CAAC,UAAY,EAAA,aAAa,CAAI,GAAAA,2CAAA;AAAA,IAClC,GAAA;AAAA,IACA,OAAA;AAAA,GACF,CAAA;AAEA,EAAM,MAAA,aAAA,GAAgBC,aAA6B,UAAU,CAAA,CAAA;AAE7D,EAAAC,eAAA,CAAU,MAAM;AACd,IAAA,aAAA,CAAc,OAAU,GAAA,UAAA,CAAA;AAAA,GAC1B,EAAG,CAAC,UAAU,CAAC,CAAA,CAAA;AAEf,EAAA,MAAM,QAAW,GAAAC,iBAAA;AAAA,IACf,CAAC,QAAgB,IAAsB,KAAA;AACrC,MAAI,IAAAC,4BAAA,CAAW,aAAc,CAAA,OAAO,CAAG,EAAA;AACrC,QAAA,OAAA,CAAQ,GAAI,CAAA,CAAA,oBAAA,EAAS,SAAiB,CAAA,KAAA,EAAA,GAAA,CAAA,CAAA,EAAO,GAAG,IAAI,CAAA,CAAA;AAAA,OACtD;AAAA,KACF;AAAA,IACA,CAAC,SAAS,CAAA;AAAA,GACZ,CAAA;AAEA,EAAM,MAAA,YAAA,GAAe,MAAY,aAAA,CAAc,IAAI,CAAA,CAAA;AACnD,EAAM,MAAA,aAAA,GAAgB,MAAY,aAAA,CAAc,KAAK,CAAA,CAAA;AAErD,EAAO,OAAA;AAAA,IACL,QAAA;AAAA,IACA,YAAA;AAAA,IACA,aAAA;AAAA,GACF,CAAA;AACF;;;;"}

package/dist/module.js

@@ -0,0 +1,32 @@
+import { useLocalStorage } from '@mirohq/design-system-use-local-storage';
+import { booleanify } from '@mirohq/design-system-utils';
+import { useRef, useEffect, useCallback } from 'react';
+
+const useLogger = (key, enabled = false, logPrefix = key) => {
+  const [keyEnabled, setKeyEnabled] = useLocalStorage(
+    key,
+    enabled
+  );
+  const keyEnabledRef = useRef(keyEnabled);
+  useEffect(() => {
+    keyEnabledRef.current = keyEnabled;
+  }, [keyEnabled]);
+  const printLog = useCallback(
+    (msg, ...args) => {
+      if (booleanify(keyEnabledRef.current)) {
+        console.log(`[\u{1F50D}\u{1F41B} ${logPrefix}] :: ${msg}`, ...args);
+      }
+    },
+    [logPrefix]
+  );
+  const enableLogger = () => setKeyEnabled(true);
+  const disableLogger = () => setKeyEnabled(false);
+  return {
+    printLog,
+    enableLogger,
+    disableLogger
+  };
+};
+
+export { useLogger };
+//# sourceMappingURL=module.js.map

package/dist/module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"module.js","sources":["../src/use-logger.ts"],"sourcesContent":["import { useLocalStorage } from '@mirohq/design-system-use-local-storage'\nimport { booleanify } from '@mirohq/design-system-utils'\nimport type { Booleanish, Nullable } from '@mirohq/design-system-types'\nimport { useCallback, useEffect, useRef } from 'react'\n\nexport interface Logger {\n  printLog: (msg: string, ...args: any[]) => void\n  enableLogger: () => void\n  disableLogger: () => void\n}\n\nexport const useLogger = (\n  key: string,\n  enabled: Booleanish = false,\n  logPrefix: string = key\n): Logger => {\n  const [keyEnabled, setKeyEnabled] = useLocalStorage<Nullable<Booleanish>>(\n    key,\n    enabled\n  )\n\n  const keyEnabledRef = useRef<Nullable<Booleanish>>(keyEnabled)\n\n  useEffect(() => {\n    keyEnabledRef.current = keyEnabled\n  }, [keyEnabled])\n\n  const printLog = useCallback(\n    (msg: string, ...args: any[]): void => {\n      if (booleanify(keyEnabledRef.current)) {\n        console.log(`[🔍🐛 ${logPrefix}] :: ${msg}`, ...args)\n      }\n    },\n    [logPrefix]\n  )\n\n  const enableLogger = (): void => setKeyEnabled(true)\n  const disableLogger = (): void => setKeyEnabled(false)\n\n  return {\n    printLog,\n    enableLogger,\n    disableLogger,\n  }\n}\n"],"names":[],"mappings":";;;;AAWO,MAAM,YAAY,CACvB,GAAA,EACA,OAAsB,GAAA,KAAA,EACtB,YAAoB,GACT,KAAA;AACX,EAAM,MAAA,CAAC,UAAY,EAAA,aAAa,CAAI,GAAA,eAAA;AAAA,IAClC,GAAA;AAAA,IACA,OAAA;AAAA,GACF,CAAA;AAEA,EAAM,MAAA,aAAA,GAAgB,OAA6B,UAAU,CAAA,CAAA;AAE7D,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,aAAA,CAAc,OAAU,GAAA,UAAA,CAAA;AAAA,GAC1B,EAAG,CAAC,UAAU,CAAC,CAAA,CAAA;AAEf,EAAA,MAAM,QAAW,GAAA,WAAA;AAAA,IACf,CAAC,QAAgB,IAAsB,KAAA;AACrC,MAAI,IAAA,UAAA,CAAW,aAAc,CAAA,OAAO,CAAG,EAAA;AACrC,QAAA,OAAA,CAAQ,GAAI,CAAA,CAAA,oBAAA,EAAS,SAAiB,CAAA,KAAA,EAAA,GAAA,CAAA,CAAA,EAAO,GAAG,IAAI,CAAA,CAAA;AAAA,OACtD;AAAA,KACF;AAAA,IACA,CAAC,SAAS,CAAA;AAAA,GACZ,CAAA;AAEA,EAAM,MAAA,YAAA,GAAe,MAAY,aAAA,CAAc,IAAI,CAAA,CAAA;AACnD,EAAM,MAAA,aAAA,GAAgB,MAAY,aAAA,CAAc,KAAK,CAAA,CAAA;AAErD,EAAO,OAAA;AAAA,IACL,QAAA;AAAA,IACA,YAAA;AAAA,IACA,aAAA;AAAA,GACF,CAAA;AACF;;;;"}

package/dist/types.d.ts

@@ -0,0 +1,10 @@
+import { Booleanish } from '@mirohq/design-system-types';
+
+interface Logger {
+    printLog: (msg: string, ...args: any[]) => void;
+    enableLogger: () => void;
+    disableLogger: () => void;
+}
+declare const useLogger: (key: string, enabled?: Booleanish, logPrefix?: string) => Logger;
+
+export { Logger, useLogger };

package/package.json

@@ -0,0 +1,37 @@
+{
+  "name": "@mirohq/design-system-use-logger",
+  "version": "0.1.0-use-press.0",
+  "description": "",
+  "author": "Miro",
+  "source": "src/index.ts",
+  "main": "dist/main.js",
+  "module": "dist/module.js",
+  "types": "dist/types.d.ts",
+  "sideEffects": false,
+  "exports": {
+    ".": {
+      "require": "./dist/main.js",
+      "import": "./dist/module.js",
+      "types": "./dist/types.d.ts"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "peerDependencies": {
+    "react": "^16.14 || ^17 || ^18"
+  },
+  "dependencies": {
+    "@mirohq/design-system-types": "^0.5.0",
+    "@mirohq/design-system-utils": "^0.14.0-use-press.0",
+    "@mirohq/design-system-use-local-storage": "^0.2.4"
+  },
+  "scripts": {
+    "build": "rollup -c ../../../rollup.config.js",
+    "clean": "rm -rf dist",
+    "prebuild": "pnpm clean"
+  }
+}