@microphi/debug 1.1.3

package/README.md

@@ -0,0 +1,17 @@
+# @microphi/store
+
+> A typescript library to handle states in a human way
+
+Please refer to the following post for some more info. Documentation will come at a later stage
+
+https://dev.to/davidecavaliere/a-state-manager-for-angular-that-makes-sense-finally-at-least-for-me-2kij-temp-slug-6701935?preview=27e5680771de4a8c93dd2c825b0691b68605d25f1e4ff583e6c4116ba4d30b3b863c98dcfe41b7d059672a5bc3b6e892ceba1b8272e8123594ac0843
+
+Be aware this is just a PoC at this moment *do not use it on your production apps* 
+
+## Build and deploy @microphi/store
+
+```
+yarn version
+yarn build store --prod
+yarn deploy store
+```

package/lib/index.d.ts

@@ -0,0 +1,2 @@
+export * from './lib/debug';
+//# sourceMappingURL=index.d.ts.map

package/lib/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAGA,cAAc,aAAa,CAAC"}

package/lib/index.js

@@ -0,0 +1,5 @@
+/*
+ * Public API Surface of store
+ */
+export * from './lib/debug';
+//# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,aAAa,CAAC","sourcesContent":["/*\n * Public API Surface of store\n */\nexport * from './lib/debug';\n"]}

package/lib/lib/debug.d.ts

@@ -0,0 +1,2 @@
+export declare function getDebugger(namespace: string): (...args: unknown[]) => void;
+//# sourceMappingURL=debug.d.ts.map

package/lib/lib/debug.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"debug.d.ts","sourceRoot":"","sources":["../../src/lib/debug.ts"],"names":[],"mappings":"AAoBA,wBAAgB,WAAW,CAAC,SAAS,EAAE,MAAM,aAc1B,OAAO,EAAE,UAsC3B"}

package/lib/lib/debug.js

@@ -0,0 +1,50 @@
+import { getEnvironmentVarialbles } from "./get-environment-varialbles";
+const colors = new Map();
+const colorPalettes = new Map();
+colorPalettes.set('funky_dealer', [
+    '#7dd823',
+    '#d9d126',
+    '#ffb611',
+    '#ff6000',
+    '#0f5940',
+]);
+const DEFAULT_PALETTE = 'funky_dealer';
+export function getDebugger(namespace) {
+    let lastTimeStamp = 0;
+    const { DEBUG, PALETTE } = getEnvironmentVarialbles(process);
+    const colorPalette = colorPalettes.get(PALETTE || DEFAULT_PALETTE);
+    const random = Math.floor(Math.random() * (colorPalette.length + 1));
+    // Generate a random color
+    const randomColor = colors.get(namespace) ||
+        colors.set(namespace, colorPalette[random]).get(namespace);
+    // CSS style for the namespace with random color and bold
+    const namespaceStyle = `color: ${randomColor}; font-weight: bold;`;
+    return (...args) => {
+        let formattedTime = undefined;
+        const now = Date.now();
+        if ((now - lastTimeStamp) > 1000) {
+            const currentTime = new Date();
+            const hours = currentTime.getHours().toString().padStart(2, '0');
+            const minutes = currentTime.getMinutes().toString().padStart(2, '0');
+            const seconds = currentTime.getSeconds().toString().padStart(2, '0');
+            formattedTime = `${hours}:${minutes}:${seconds}`;
+            lastTimeStamp = now;
+        }
+        else {
+            formattedTime = `+${now - lastTimeStamp}`.padStart(8, ' ');
+        }
+        if (DEBUG) {
+            const regexs = DEBUG.split(',');
+            for (const regex of regexs) {
+                // console.info({debug});
+                const match = namespace.match(regex);
+                // console.log({match});
+                if (match) {
+                    // Print formatted time with namespace
+                    console.log(`%c${formattedTime} %c${namespace}`, 'color: lightblue', namespaceStyle, ...args);
+                }
+            }
+        }
+    };
+}
+//# sourceMappingURL=debug.js.map

package/lib/lib/debug.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"debug.js","sourceRoot":"","sources":["../../src/lib/debug.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,MAAM,8BAA8B,CAAC;AAIxE,MAAM,MAAM,GAAG,IAAI,GAAG,EAAkB,CAAC;AAIzC,MAAM,aAAa,GAAG,IAAI,GAAG,EAAqB,CAAC;AAEnD,aAAa,CAAC,GAAG,CAAC,cAAc,EAAE;IAChC,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;CACV,CAAC,CAAC;AAEH,MAAM,eAAe,GAAY,cAAc,CAAC;AAEhD,MAAM,UAAU,WAAW,CAAC,SAAiB;IAC3C,IAAI,aAAa,GAAG,CAAC,CAAC;IACtB,MAAM,EAAC,KAAK,EAAE,OAAO,EAAC,GAAG,wBAAwB,CAAC,OAAO,CAAC,CAAC;IAE3D,MAAM,YAAY,GAAG,aAAa,CAAC,GAAG,CAAC,OAAO,IAAI,eAAe,CAAa,CAAC;IAE/E,MAAM,MAAM,GAAI,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,CAAC,YAAY,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC;IACtE,0BAA0B;IAC1B,MAAM,WAAW,GAAG,MAAM,CAAC,GAAG,CAAC,SAAS,CAAC;QACvC,MAAM,CAAC,GAAG,CAAC,SAAS,EAAE,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,SAAS,CAAW,CAAC;IAEvE,yDAAyD;IACzD,MAAM,cAAc,GAAG,UAAU,WAAW,sBAAsB,CAAC;IAEnE,OAAO,CAAC,GAAG,IAAe,EAAE,EAAE;QAE5B,IAAI,aAAa,GAAG,SAAS,CAAC;QAC9B,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC;QAEvB,IAAI,CAAC,GAAG,GAAG,aAAa,CAAC,GAAG,IAAI,EAAE;YAEhC,MAAM,WAAW,GAAG,IAAI,IAAI,EAAE,CAAC;YAC/B,MAAM,KAAK,GAAG,WAAW,CAAC,QAAQ,EAAE,CAAC,QAAQ,EAAE,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC;YACjE,MAAM,OAAO,GAAG,WAAW,CAAC,UAAU,EAAE,CAAC,QAAQ,EAAE,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC;YACrE,MAAM,OAAO,GAAG,WAAW,CAAC,UAAU,EAAE,CAAC,QAAQ,EAAE,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC;YAErE,aAAa,GAAG,GAAG,KAAK,IAAI,OAAO,IAAI,OAAO,EAAE,CAAC;YACjD,aAAa,GAAG,GAAG,CAAC;SAErB;aAAM;YACL,aAAa,GAAG,IAAI,GAAG,GAAG,aAAa,EAAE,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC;SAC5D;QAGD,IAAI,KAAK,EAAE;YAET,MAAM,MAAM,GAAG,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;YAChC,KAAK,MAAM,KAAK,IAAI,MAAM,EAAE;gBAE1B,yBAAyB;gBACzB,MAAM,KAAK,GAAG,SAAS,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;gBACrC,wBAAwB;gBAExB,IAAI,KAAK,EAAE;oBACT,sCAAsC;oBACtC,OAAO,CAAC,GAAG,CAAC,KAAK,aAAa,MAAM,SAAS,EAAE,EAAE,kBAAkB,EAAE,cAAc,EAAE,GAAG,IAAI,CAAC,CAAC;iBAC/F;aAEF;SAEF;IACH,CAAC,CAAA;AACH,CAAC","sourcesContent":["import { getEnvironmentVarialbles } from \"./get-environment-varialbles\";\n\ndeclare const process: any;\n\nconst colors = new Map<string, string>();\n\ntype Palette = 'funky_dealer' | string;\n\nconst colorPalettes = new Map<Palette, string[]>();\n\ncolorPalettes.set('funky_dealer', [\n  '#7dd823',\n  '#d9d126',\n  '#ffb611',\n  '#ff6000',\n  '#0f5940',\n]);\n\nconst DEFAULT_PALETTE: Palette = 'funky_dealer';\n\nexport function getDebugger(namespace: string) {\n  let lastTimeStamp = 0;\n  const {DEBUG, PALETTE} = getEnvironmentVarialbles(process);\n\n  const colorPalette = colorPalettes.get(PALETTE || DEFAULT_PALETTE) as string[];\n\n  const random =  Math.floor(Math.random() * (colorPalette.length + 1));\n  // Generate a random color\n  const randomColor = colors.get(namespace) ||\n    colors.set(namespace, colorPalette[random]).get(namespace) as string;\n\n  // CSS style for the namespace with random color and bold\n  const namespaceStyle = `color: ${randomColor}; font-weight: bold;`;\n\n  return (...args: unknown[]) => {\n\n    let formattedTime = undefined;\n    const now = Date.now();\n\n    if ((now - lastTimeStamp) > 1000) {\n\n      const currentTime = new Date();\n      const hours = currentTime.getHours().toString().padStart(2, '0');\n      const minutes = currentTime.getMinutes().toString().padStart(2, '0');\n      const seconds = currentTime.getSeconds().toString().padStart(2, '0');\n\n      formattedTime = `${hours}:${minutes}:${seconds}`;\n      lastTimeStamp = now;\n\n    } else {\n      formattedTime = `+${now - lastTimeStamp}`.padStart(8, ' ');\n    }\n\n\n    if (DEBUG) {\n\n      const regexs = DEBUG.split(',');\n      for (const regex of regexs) {\n\n        // console.info({debug});\n        const match = namespace.match(regex);\n        // console.log({match});\n\n        if (match) {\n          // Print formatted time with namespace\n          console.log(`%c${formattedTime} %c${namespace}`, 'color: lightblue', namespaceStyle, ...args);\n        }\n\n      }\n\n    }\n  }\n}\n"]}

package/lib/lib/get-environment-varialbles.d.ts

@@ -0,0 +1,9 @@
+export declare function getEnvironmentVarialbles(process: {
+    env: {
+        [k: string]: string;
+    };
+}): {
+    DEBUG: string;
+    PALETTE: string;
+};
+//# sourceMappingURL=get-environment-varialbles.d.ts.map

package/lib/lib/get-environment-varialbles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-environment-varialbles.d.ts","sourceRoot":"","sources":["../../src/lib/get-environment-varialbles.ts"],"names":[],"mappings":"AAAA,wBAAgB,wBAAwB,CAAC,OAAO,EAAE;IAAC,GAAG,EAAE;QAAC,CAAC,CAAC,EAAC,MAAM,GAAG,MAAM,CAAA;KAAC,CAAA;CAAC;;;EAiB5E"}

package/lib/lib/get-environment-varialbles.js

@@ -0,0 +1,14 @@
+export function getEnvironmentVarialbles(process) {
+    let DEBUG;
+    let PALETTE;
+    if (typeof window === 'object') {
+        DEBUG = localStorage.getItem('debug') || '';
+        PALETTE = localStorage.getItem('palette') || '';
+    }
+    else {
+        DEBUG = process.env['DEBUG'];
+        PALETTE = process.env['PALETTE'];
+    }
+    return { DEBUG, PALETTE };
+}
+//# sourceMappingURL=get-environment-varialbles.js.map

package/lib/lib/get-environment-varialbles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-environment-varialbles.js","sourceRoot":"","sources":["../../src/lib/get-environment-varialbles.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,wBAAwB,CAAC,OAAoC;IACzE,IAAI,KAAa,CAAC;IAClB,IAAI,OAAe,CAAC;IAEpB,IAAI,OAAO,MAAM,KAAK,QAAQ,EAAE;QAE5B,KAAK,GAAG,YAAY,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;QAC5C,OAAO,GAAG,YAAY,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,EAAE,CAAC;KAEnD;SAAM;QAEH,KAAK,GAAG,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;QAC7B,OAAO,GAAG,OAAO,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;KAEpC;IAED,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC;AAC9B,CAAC","sourcesContent":["export function getEnvironmentVarialbles(process: {env: {[k:string]: string}}) {\n    let DEBUG: string;\n    let PALETTE: string;\n\n    if (typeof window === 'object') {\n\n        DEBUG = localStorage.getItem('debug') || '';\n        PALETTE = localStorage.getItem('palette') || '';\n\n    } else {\n\n        DEBUG = process.env['DEBUG'];\n        PALETTE = process.env['PALETTE'];\n\n    }\n\n    return { DEBUG, PALETTE };\n}\n"]}

package/package.json

@@ -0,0 +1,28 @@
+{
+  "name": "@microphi/debug",
+  "private": false,
+  "keywords": [
+    "log",
+    "debug",
+    "console"
+  ],
+  "main": "lib/index.js",
+  "typings": "lib/index.d.ts",
+  "module": "lib/index.js",
+  "directories": {
+    "lib": "lib"
+  },
+  "files": [
+    "lib"
+  ],
+  "version": "1.1.3",
+  "dependencies": {
+    "tslib": "^2.5.0"
+  },
+  "scripts": {
+    "build": "tsc -b tsconfig.build.json",
+    "build:ci": "yarn build",
+    "test:ci": "jest --coverage --ci",
+    "lint": "eslint ./src"
+  }
+}