@mirohq/design-system-use-logger 0.1.0 → 0.1.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/main.js +1 -1
- package/dist/main.js.map +1 -1
- package/dist/module.js +1 -1
- package/dist/module.js.map +1 -1
- package/package.json +3 -3
package/dist/main.js
CHANGED
|
@@ -18,7 +18,7 @@ const useLogger = (key, enabled = false, logPrefix = key) => {
|
|
|
18
18
|
const printLog = react.useCallback(
|
|
19
19
|
(msg, ...args) => {
|
|
20
20
|
if (designSystemUtils.booleanify(keyEnabledRef.current)) {
|
|
21
|
-
console.log(
|
|
21
|
+
console.log(`[\u{1F50D}\u{1F41B} ${logPrefix}] :: ${msg}`, ...args);
|
|
22
22
|
}
|
|
23
23
|
},
|
|
24
24
|
[logPrefix]
|
package/dist/main.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
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,
|
|
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
CHANGED
|
@@ -14,7 +14,7 @@ const useLogger = (key, enabled = false, logPrefix = key) => {
|
|
|
14
14
|
const printLog = useCallback(
|
|
15
15
|
(msg, ...args) => {
|
|
16
16
|
if (booleanify(keyEnabledRef.current)) {
|
|
17
|
-
console.log(
|
|
17
|
+
console.log(`[\u{1F50D}\u{1F41B} ${logPrefix}] :: ${msg}`, ...args);
|
|
18
18
|
}
|
|
19
19
|
},
|
|
20
20
|
[logPrefix]
|
package/dist/module.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
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,
|
|
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/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mirohq/design-system-use-logger",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.2",
|
|
4
4
|
"description": "",
|
|
5
5
|
"author": "Miro",
|
|
6
6
|
"source": "src/index.ts",
|
|
@@ -26,8 +26,8 @@
|
|
|
26
26
|
},
|
|
27
27
|
"dependencies": {
|
|
28
28
|
"@mirohq/design-system-types": "^0.6.0",
|
|
29
|
-
"@mirohq/design-system-utils": "^0.14.
|
|
30
|
-
"@mirohq/design-system-use-local-storage": "^0.3.
|
|
29
|
+
"@mirohq/design-system-utils": "^0.14.1",
|
|
30
|
+
"@mirohq/design-system-use-local-storage": "^0.3.2"
|
|
31
31
|
},
|
|
32
32
|
"scripts": {
|
|
33
33
|
"build": "rollup -c ../../../rollup.config.js",
|