@athoscommerce/snap-logger 1.0.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Athos Commerce
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,164 @@
+# Snap Logger
+
+Snap Logger is available on each controller via `controller.log`. Controller logs are prefixed with the controller's id and it is recommended to use logging methods of the controller in place of `window.console` methods.
+
+```js
+controller.log.image({
+	url: 'https://searchspring.com/wp-content/uploads/2020/01/SearchSpring-Primary-FullColor-800-1-1-640x208.png',
+	width: '90px',
+	height: '30px'
+});
+
+controller.log.error('error');
+
+controller.log.warn('warn');
+
+controller.log.imageText({
+	url: 'https://searchspring.com/wp-content/themes/SearchSpring-Theme/dist/images/favicons/favicon.svg',
+}, 'imageText');
+
+controller.log.debug('debug');
+
+controller.log.dev(`%c ${controller.log.emoji.vortex} %c${controller.log.prefix}%c${'magical text'}`,
+`color: ${controller.log.colors.blue}; font-weight: bold; font-size: 10px; line-height: 12px;`,
+`color: ${controller.log.colors.bluegreen}; font-weight: normal;`,
+`color: ${controller.log.colors.bluegreen}; font-weight: bold;`);
+```
+
+## `setMode` method
+The default logging mode is `production`. (Set by Snap config)
+
+When set to production, logs using `dev` will not be visible. This also includes `image`, `imageText`, `debug`, and `profile`.
+
+When set to `development`, all logging methods will be visible.
+
+
+## `error` method
+This method takes any number of parameters and logs them to the console. It is best to use this method for error handling.
+```js
+controller.log.error('error!!!');
+controller.log.error('text about the error', errorObject, 'more', 'text');
+```
+
+## `warn` method
+This method takes any number of parameters and logs them to the console. It is best to use this method for displaying warnings.
+```js
+controller.log.warn('warning!!!');
+controller.log.warn('warning', warningObject, 'more text');
+```
+
+## `dev` method
+This method takes any number of parameters and logs them to the console. If mode is set to `LogMode.PRODUCTION`, the `dev` logs will not be displayed.
+
+```js
+controller.log.dev('dev')
+```
+
+## `debug` method
+This method takes any number of parameters and logs them to the console. If mode is set to `LogMode.PRODUCTION`, `debug` logs will not be displayed.
+
+```js
+controller.log.debug('debug');
+```
+## `image` method
+This method takes any number of parameters and logs them to the console. The first parameter is special and takes properties that specify the image details. If mode is set to `LogMode.PRODUCTION`, `image` logs will not be displayed.
+
+```js
+controller.log.image({ 
+		url: 'https://searchspring.com/wp-content/uploads/2020/01/SearchSpring-Primary-FullColor-800-1-1-640x208.png',
+		width: '30px', 
+		height: '30px'
+});
+```
+
+## `imageText` method
+This method takes any number of parameters and logs them to the console. The first parameter is special and takes properties that specify the image details. If mode is set to `LogMode.PRODUCTION`, `imageText` logs will not be displayed.
+
+```js
+controller.log.imageText({
+	url: 'https://searchspring.com/wp-content/uploads/2020/01/SearchSpring-Primary-FullColor-800-1-1-640x208.png',
+	text: `imageText`,
+	style: `color: #4c3ce2; font-weight: bold;`,
+});
+```
+
+## `profile` method
+
+This method takes any number of parameters and logs them to the console. The first parameter is special and takes a [Snap profile](https://athoscommerce.github.io/snap/reference-profiler). If mode is set to `LogMode.PRODUCTION`, `profile` logs will not be displayed.
+```js
+const searchProfile = controller.profiler.create({ 
+	type: 'event', 
+	name: 'search', 
+	context: {} 
+});
+
+searchProfile.start();
+
+// code to profile
+
+searchProfile.stop();
+
+controller.log.profile(searchProfile)
+```
+
+## `emoji` property
+The `emoji` property contains various emojis that can be used
+
+The following emojis are available:
+
+<img src="https://github.com/athoscommerce/snap/blob/main/images/emojis.png?raw=true" />
+
+```js
+const emoji = {
+	bang: String.fromCodePoint(0x203c),
+	bright: String.fromCodePoint(0x1f506),
+	check: String.fromCodePoint(0x2714),
+	clock: String.fromCodePoint(0x1f556),
+	cloud: String.fromCodePoint(0x2601),
+	dim: String.fromCodePoint(0x1f505),
+	gear: String.fromCodePoint(0x2699),
+	interobang: String.fromCodePoint(0x2049),
+	lightning: String.fromCodePoint(0x26a1),
+	magic: String.fromCodePoint(0x2728),
+	rocket: String.fromCodePoint(0x1f680),
+	search: String.fromCodePoint(0x1f50d),
+	snap: String.fromCodePoint(0x1f4a5),
+	ufo: String.fromCodePoint(0x1f6f8),
+	vortex: String.fromCodePoint(0x1f300),
+	warning: String.fromCodePoint(0x26a0),
+};
+```
+
+## `colors` property
+The `colors` property contains various colors that can be used
+
+The following colors are available:
+
+<img src="https://github.com/athoscommerce/snap/blob/main/images/colors.png?raw=true" />
+
+```js
+const colors = {
+	blue: '#3379c1',
+	bluelight: '#688BA3',
+	bluedark: '#1B3141',
+	bluegreen: '#318495',
+
+	grey: '#61717B',
+
+	green: '#507B43',
+	greendark: '#63715F',
+	greenblue: '#46927D',
+
+	indigo: '#4c3ce2',
+
+	orange: '#ecaa15',
+	orangelight: '#ff6600',
+	orangedark: '#c59600',
+
+	red: '#cc1212',
+	redlight: '#f30707',
+	reddark: '#8E111C',
+
+	yellow: '#d1d432',
+};
+```

package/dist/cjs/Logger.d.ts

@@ -0,0 +1,63 @@
+import { AppMode } from '@athoscommerce/snap-toolbox';
+export type LoggerConfig = {
+    prefix?: string;
+    mode?: keyof typeof AppMode | AppMode;
+};
+export declare class Logger {
+    private mode;
+    emoji: {
+        bang: string;
+        bright: string;
+        check: string;
+        clock: string;
+        cloud: string;
+        dim: string;
+        gear: string;
+        interobang: string;
+        lightning: string;
+        magic: string;
+        rocket: string;
+        search: string;
+        snap: string;
+        ufo: string;
+        vortex: string;
+        warning: string;
+    };
+    colors: {
+        blue: string;
+        bluelight: string;
+        bluedark: string;
+        bluegreen: string;
+        grey: string;
+        green: string;
+        greendark: string;
+        greenblue: string;
+        indigo: string;
+        orange: string;
+        orangelight: string;
+        orangedark: string;
+        red: string;
+        redlight: string;
+        reddark: string;
+        yellow: string;
+    };
+    private prefix;
+    constructor(config?: LoggerConfig);
+    setNamespace(group: string): void;
+    error(...params: any[]): void;
+    warn(...params: any[]): void;
+    image({ url, width, height }: {
+        url: string;
+        width: number | string;
+        height: number | string;
+    }, ...params: any[]): void;
+    imageText({ url, text, style }: {
+        url: string;
+        text: string;
+        style: string;
+    }, ...params: any[]): void;
+    debug(...params: any[]): void;
+    profile(profile: any, ...params: any[]): void;
+    dev(...params: any[]): void;
+}
+//# sourceMappingURL=Logger.d.ts.map

package/dist/cjs/Logger.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Logger.d.ts","sourceRoot":"","sources":["../../src/Logger.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,6BAA6B,CAAC;AAItD,MAAM,MAAM,YAAY,GAAG;IAC1B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,OAAO,OAAO,GAAG,OAAO,CAAC;CACtC,CAAC;AAEF,qBAAa,MAAM;IAClB,OAAO,CAAC,IAAI,CAAsB;IAC3B,KAAK;;;;;;;;;;;;;;;;;MAAS;IACd,MAAM;;;;;;;;;;;;;;;;;MAAU;IACvB,OAAO,CAAC,MAAM,CAAM;gBAER,MAAM,CAAC,EAAE,YAAY;IAK1B,YAAY,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAIjC,KAAK,CAAC,GAAG,MAAM,EAAE,GAAG,EAAE,GAAG,IAAI;IAe7B,IAAI,CAAC,GAAG,MAAM,EAAE,GAAG,EAAE,GAAG,IAAI;IAgB5B,KAAK,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,EAAE,GAAG,MAAM,EAAE,GAAG,EAAE,GAAG,IAAI;IASvH,SAAS,CAAC,EAAE,GAAG,EAAE,IAAS,EAAE,KAAK,EAAE,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,GAAG,MAAM,EAAE,GAAG,EAAE,GAAG,IAAI;IAe1G,KAAK,CAAC,GAAG,MAAM,EAAE,GAAG,EAAE,GAAG,IAAI;IAe7B,OAAO,CAAC,OAAO,EAAE,GAAG,EAAE,GAAG,MAAM,EAAE,GAAG,EAAE,GAAG,IAAI;IAe7C,GAAG,CAAC,GAAG,MAAM,EAAE,GAAG,EAAE,GAAG,IAAI;CAKlC"}

package/dist/cjs/Logger.js

@@ -0,0 +1,111 @@
+"use strict";
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Logger = void 0;
+var snap_toolbox_1 = require("@athoscommerce/snap-toolbox");
+var colors_1 = require("./colors");
+var emoji_1 = require("./emoji");
+var Logger = /** @class */ (function () {
+    function Logger(config) {
+        this.mode = snap_toolbox_1.AppMode.production;
+        this.emoji = emoji_1.emoji;
+        this.colors = colors_1.colors;
+        this.prefix = '';
+        this.prefix = (config === null || config === void 0 ? void 0 : config.prefix) || '';
+        this.mode = ((config === null || config === void 0 ? void 0 : config.mode) || snap_toolbox_1.AppMode.production);
+    }
+    Logger.prototype.setNamespace = function (group) {
+        this.prefix = " [".concat(group, "] :: ");
+    };
+    Logger.prototype.error = function () {
+        var params = [];
+        for (var _i = 0; _i < arguments.length; _i++) {
+            params[_i] = arguments[_i];
+        }
+        var text = '';
+        var rest = params;
+        if (params.length && typeof params[0] == 'string') {
+            text = params[0], rest = params.slice(1);
+        }
+        console.log.apply(console, __spreadArray(["%c ".concat(emoji_1.emoji.bang, " %c").concat(this.prefix).concat(text), "color: ".concat(colors_1.colors.red, "; font-weight: bold; font-size: 14px; line-height: 12px;"), "color: ".concat(colors_1.colors.red, "; font-weight: bold;")], rest, false));
+    };
+    Logger.prototype.warn = function () {
+        var params = [];
+        for (var _i = 0; _i < arguments.length; _i++) {
+            params[_i] = arguments[_i];
+        }
+        var text = '';
+        var rest = params;
+        if (params.length && typeof params[0] == 'string') {
+            text = params[0], rest = params.slice(1);
+        }
+        console.log.apply(console, __spreadArray(["%c ".concat(emoji_1.emoji.warning, " %c").concat(this.prefix, "%c").concat(text), "color: ".concat(colors_1.colors.yellow, "; font-weight: bold; font-size: 14px; line-height: 12px;"), "color: ".concat(colors_1.colors.yellow, "; font-weight: normal;"), "color: ".concat(colors_1.colors.yellow, "; font-weight: bold;")], rest, false));
+    };
+    Logger.prototype.image = function (_a) {
+        var url = _a.url, width = _a.width, height = _a.height;
+        var params = [];
+        for (var _i = 1; _i < arguments.length; _i++) {
+            params[_i - 1] = arguments[_i];
+        }
+        var styles = {
+            size: "font-size: 1px; padding: ".concat(height || width, " ").concat(width || height, ";"),
+            background: "background: url(\"".concat(url, "\") no-repeat; background-size: contain;"),
+        };
+        this.dev.apply(this, __spreadArray(["%c...", "".concat(styles.size, " ").concat(styles.background)], params, false));
+    };
+    Logger.prototype.imageText = function (_a) {
+        var url = _a.url, _b = _a.text, text = _b === void 0 ? '' : _b, style = _a.style;
+        var params = [];
+        for (var _i = 1; _i < arguments.length; _i++) {
+            params[_i - 1] = arguments[_i];
+        }
+        var styles = {
+            background: "margin-left: 6px; background: url(\"".concat(url, "\") no-repeat; background-size: contain;"),
+            custom: style,
+        };
+        var imgText = text;
+        var rest = params;
+        if (!imgText && (params === null || params === void 0 ? void 0 : params.length)) {
+            imgText = params[0], rest = params.slice(1);
+        }
+        this.dev.apply(this, __spreadArray(["%c ".concat('  ' + this.prefix).concat(imgText), "".concat(styles.background, " ").concat(styles.custom)], rest, false));
+    };
+    Logger.prototype.debug = function () {
+        var params = [];
+        for (var _i = 0; _i < arguments.length; _i++) {
+            params[_i] = arguments[_i];
+        }
+        var text = '';
+        var rest = params;
+        if (params.length && typeof params[0] == 'string') {
+            text = params[0], rest = params.slice(1);
+        }
+        this.dev.apply(this, __spreadArray(["%c ".concat(emoji_1.emoji.interobang, " %c").concat(this.prefix).concat(text), "color: ".concat(colors_1.colors.orangelight, "; font-weight: bold; font-size: 14px; line-height: 12px;"), "color: ".concat(colors_1.colors.orangelight, "; font-weight: bold;")], rest, false));
+    };
+    Logger.prototype.profile = function (profile) {
+        var params = [];
+        for (var _i = 1; _i < arguments.length; _i++) {
+            params[_i - 1] = arguments[_i];
+        }
+        this.dev.apply(this, __spreadArray(["%c ".concat(emoji_1.emoji.gear, " %c").concat(this.prefix, "%c").concat(profile.type, "  %c~  ").concat(profile.name, "  ::  %c").concat(profile.status.toUpperCase()).concat(profile.status == 'finished' ? '  ::  %c' + profile.time.run + 'ms' : ''), "color: ".concat(colors_1.colors.orange, "; font-size: 14px; line-height: 12px;"), "color: ".concat(colors_1.colors.orange, ";"), "color: ".concat(colors_1.colors.orange, "; font-style: italic;"), "color: ".concat(colors_1.colors.orange, ";"), "color: ".concat(colors_1.colors.orange, "; font-weight: bold;"), "color: ".concat(colors_1.colors.grey, ";")], params, false));
+    };
+    Logger.prototype.dev = function () {
+        var params = [];
+        for (var _i = 0; _i < arguments.length; _i++) {
+            params[_i] = arguments[_i];
+        }
+        if (this.mode === snap_toolbox_1.AppMode.development) {
+            console.log.apply(console, params);
+        }
+    };
+    return Logger;
+}());
+exports.Logger = Logger;

package/dist/cjs/colors.d.ts

@@ -0,0 +1,19 @@
+export declare const colors: {
+    blue: string;
+    bluelight: string;
+    bluedark: string;
+    bluegreen: string;
+    grey: string;
+    green: string;
+    greendark: string;
+    greenblue: string;
+    indigo: string;
+    orange: string;
+    orangelight: string;
+    orangedark: string;
+    red: string;
+    redlight: string;
+    reddark: string;
+    yellow: string;
+};
+//# sourceMappingURL=colors.d.ts.map

package/dist/cjs/colors.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../src/colors.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;CAuBlB,CAAC"}

package/dist/cjs/colors.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.colors = void 0;
+exports.colors = {
+    blue: '#3379c1',
+    bluelight: '#688BA3',
+    bluedark: '#1B3141',
+    bluegreen: '#318495',
+    grey: '#61717B',
+    green: '#507B43',
+    greendark: '#63715F',
+    greenblue: '#46927D',
+    indigo: '#4c3ce2',
+    orange: '#ecaa15',
+    orangelight: '#ff6600',
+    orangedark: '#c59600',
+    red: '#cc1212',
+    redlight: '#f30707',
+    reddark: '#8E111C',
+    yellow: '#d1d432',
+};

package/dist/cjs/emoji.d.ts

@@ -0,0 +1,19 @@
+export declare const emoji: {
+    bang: string;
+    bright: string;
+    check: string;
+    clock: string;
+    cloud: string;
+    dim: string;
+    gear: string;
+    interobang: string;
+    lightning: string;
+    magic: string;
+    rocket: string;
+    search: string;
+    snap: string;
+    ufo: string;
+    vortex: string;
+    warning: string;
+};
+//# sourceMappingURL=emoji.d.ts.map

package/dist/cjs/emoji.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"emoji.d.ts","sourceRoot":"","sources":["../../src/emoji.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;CAiBjB,CAAC"}

package/dist/cjs/emoji.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.emoji = void 0;
+exports.emoji = {
+    bang: String.fromCodePoint(0x203c),
+    bright: String.fromCodePoint(0x1f506),
+    check: String.fromCodePoint(0x2714),
+    clock: String.fromCodePoint(0x1f556),
+    cloud: String.fromCodePoint(0x2601),
+    dim: String.fromCodePoint(0x1f505),
+    gear: String.fromCodePoint(0x2699),
+    interobang: String.fromCodePoint(0x2049),
+    lightning: String.fromCodePoint(0x26a1),
+    magic: String.fromCodePoint(0x2728),
+    rocket: String.fromCodePoint(0x1f680),
+    search: String.fromCodePoint(0x1f50d),
+    snap: String.fromCodePoint(0x1f4a5),
+    ufo: String.fromCodePoint(0x1f6f8),
+    vortex: String.fromCodePoint(0x1f300),
+    warning: String.fromCodePoint(0x26a0),
+};

package/dist/cjs/index.d.ts

@@ -0,0 +1,4 @@
+export { Logger, LoggerConfig } from './Logger';
+export { colors } from './colors';
+export { emoji } from './emoji';
+//# sourceMappingURL=index.d.ts.map

package/dist/cjs/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAChD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC"}

package/dist/cjs/index.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.emoji = exports.colors = exports.Logger = void 0;
+var Logger_1 = require("./Logger");
+Object.defineProperty(exports, "Logger", { enumerable: true, get: function () { return Logger_1.Logger; } });
+var colors_1 = require("./colors");
+Object.defineProperty(exports, "colors", { enumerable: true, get: function () { return colors_1.colors; } });
+var emoji_1 = require("./emoji");
+Object.defineProperty(exports, "emoji", { enumerable: true, get: function () { return emoji_1.emoji; } });

package/dist/esm/Logger.d.ts

@@ -0,0 +1,63 @@
+import { AppMode } from '@athoscommerce/snap-toolbox';
+export type LoggerConfig = {
+    prefix?: string;
+    mode?: keyof typeof AppMode | AppMode;
+};
+export declare class Logger {
+    private mode;
+    emoji: {
+        bang: string;
+        bright: string;
+        check: string;
+        clock: string;
+        cloud: string;
+        dim: string;
+        gear: string;
+        interobang: string;
+        lightning: string;
+        magic: string;
+        rocket: string;
+        search: string;
+        snap: string;
+        ufo: string;
+        vortex: string;
+        warning: string;
+    };
+    colors: {
+        blue: string;
+        bluelight: string;
+        bluedark: string;
+        bluegreen: string;
+        grey: string;
+        green: string;
+        greendark: string;
+        greenblue: string;
+        indigo: string;
+        orange: string;
+        orangelight: string;
+        orangedark: string;
+        red: string;
+        redlight: string;
+        reddark: string;
+        yellow: string;
+    };
+    private prefix;
+    constructor(config?: LoggerConfig);
+    setNamespace(group: string): void;
+    error(...params: any[]): void;
+    warn(...params: any[]): void;
+    image({ url, width, height }: {
+        url: string;
+        width: number | string;
+        height: number | string;
+    }, ...params: any[]): void;
+    imageText({ url, text, style }: {
+        url: string;
+        text: string;
+        style: string;
+    }, ...params: any[]): void;
+    debug(...params: any[]): void;
+    profile(profile: any, ...params: any[]): void;
+    dev(...params: any[]): void;
+}
+//# sourceMappingURL=Logger.d.ts.map

package/dist/esm/Logger.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Logger.d.ts","sourceRoot":"","sources":["../../src/Logger.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,6BAA6B,CAAC;AAItD,MAAM,MAAM,YAAY,GAAG;IAC1B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,OAAO,OAAO,GAAG,OAAO,CAAC;CACtC,CAAC;AAEF,qBAAa,MAAM;IAClB,OAAO,CAAC,IAAI,CAAsB;IAC3B,KAAK;;;;;;;;;;;;;;;;;MAAS;IACd,MAAM;;;;;;;;;;;;;;;;;MAAU;IACvB,OAAO,CAAC,MAAM,CAAM;gBAER,MAAM,CAAC,EAAE,YAAY;IAK1B,YAAY,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAIjC,KAAK,CAAC,GAAG,MAAM,EAAE,GAAG,EAAE,GAAG,IAAI;IAe7B,IAAI,CAAC,GAAG,MAAM,EAAE,GAAG,EAAE,GAAG,IAAI;IAgB5B,KAAK,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,EAAE,GAAG,MAAM,EAAE,GAAG,EAAE,GAAG,IAAI;IASvH,SAAS,CAAC,EAAE,GAAG,EAAE,IAAS,EAAE,KAAK,EAAE,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,GAAG,MAAM,EAAE,GAAG,EAAE,GAAG,IAAI;IAe1G,KAAK,CAAC,GAAG,MAAM,EAAE,GAAG,EAAE,GAAG,IAAI;IAe7B,OAAO,CAAC,OAAO,EAAE,GAAG,EAAE,GAAG,MAAM,EAAE,GAAG,EAAE,GAAG,IAAI;IAe7C,GAAG,CAAC,GAAG,MAAM,EAAE,GAAG,EAAE,GAAG,IAAI;CAKlC"}

package/dist/esm/Logger.js

@@ -0,0 +1,67 @@
+import { AppMode } from '@athoscommerce/snap-toolbox';
+import { colors } from './colors';
+import { emoji } from './emoji';
+export class Logger {
+    constructor(config) {
+        this.mode = AppMode.production;
+        this.emoji = emoji;
+        this.colors = colors;
+        this.prefix = '';
+        this.prefix = config?.prefix || '';
+        this.mode = (config?.mode || AppMode.production);
+    }
+    setNamespace(group) {
+        this.prefix = ` [${group}] :: `;
+    }
+    error(...params) {
+        let text = '';
+        let rest = params;
+        if (params.length && typeof params[0] == 'string') {
+            [text, ...rest] = params;
+        }
+        console.log(`%c ${emoji.bang} %c${this.prefix}${text}`, `color: ${colors.red}; font-weight: bold; font-size: 14px; line-height: 12px;`, `color: ${colors.red}; font-weight: bold;`, ...rest);
+    }
+    warn(...params) {
+        let text = '';
+        let rest = params;
+        if (params.length && typeof params[0] == 'string') {
+            [text, ...rest] = params;
+        }
+        console.log(`%c ${emoji.warning} %c${this.prefix}%c${text}`, `color: ${colors.yellow}; font-weight: bold; font-size: 14px; line-height: 12px;`, `color: ${colors.yellow}; font-weight: normal;`, `color: ${colors.yellow}; font-weight: bold;`, ...rest);
+    }
+    image({ url, width, height }, ...params) {
+        const styles = {
+            size: `font-size: 1px; padding: ${height || width} ${width || height};`,
+            background: `background: url("${url}") no-repeat; background-size: contain;`,
+        };
+        this.dev(`%c...`, `${styles.size} ${styles.background}`, ...params);
+    }
+    imageText({ url, text = '', style }, ...params) {
+        const styles = {
+            background: `margin-left: 6px; background: url("${url}") no-repeat; background-size: contain;`,
+            custom: style,
+        };
+        let imgText = text;
+        let rest = params;
+        if (!imgText && params?.length) {
+            [imgText, ...rest] = params;
+        }
+        this.dev(`%c ${'  ' + this.prefix}${imgText}`, `${styles.background} ${styles.custom}`, ...rest);
+    }
+    debug(...params) {
+        let text = '';
+        let rest = params;
+        if (params.length && typeof params[0] == 'string') {
+            [text, ...rest] = params;
+        }
+        this.dev(`%c ${emoji.interobang} %c${this.prefix}${text}`, `color: ${colors.orangelight}; font-weight: bold; font-size: 14px; line-height: 12px;`, `color: ${colors.orangelight}; font-weight: bold;`, ...rest);
+    }
+    profile(profile, ...params) {
+        this.dev(`%c ${emoji.gear} %c${this.prefix}%c${profile.type}  %c~  ${profile.name}  ::  %c${profile.status.toUpperCase()}${profile.status == 'finished' ? '  ::  %c' + profile.time.run + 'ms' : ''}`, `color: ${colors.orange}; font-size: 14px; line-height: 12px;`, `color: ${colors.orange};`, `color: ${colors.orange}; font-style: italic;`, `color: ${colors.orange};`, `color: ${colors.orange}; font-weight: bold;`, `color: ${colors.grey};`, ...params);
+    }
+    dev(...params) {
+        if (this.mode === AppMode.development) {
+            console.log(...params);
+        }
+    }
+}

package/dist/esm/colors.d.ts

@@ -0,0 +1,19 @@
+export declare const colors: {
+    blue: string;
+    bluelight: string;
+    bluedark: string;
+    bluegreen: string;
+    grey: string;
+    green: string;
+    greendark: string;
+    greenblue: string;
+    indigo: string;
+    orange: string;
+    orangelight: string;
+    orangedark: string;
+    red: string;
+    redlight: string;
+    reddark: string;
+    yellow: string;
+};
+//# sourceMappingURL=colors.d.ts.map

package/dist/esm/colors.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../src/colors.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;CAuBlB,CAAC"}

package/dist/esm/colors.js

@@ -0,0 +1,18 @@
+export const colors = {
+    blue: '#3379c1',
+    bluelight: '#688BA3',
+    bluedark: '#1B3141',
+    bluegreen: '#318495',
+    grey: '#61717B',
+    green: '#507B43',
+    greendark: '#63715F',
+    greenblue: '#46927D',
+    indigo: '#4c3ce2',
+    orange: '#ecaa15',
+    orangelight: '#ff6600',
+    orangedark: '#c59600',
+    red: '#cc1212',
+    redlight: '#f30707',
+    reddark: '#8E111C',
+    yellow: '#d1d432',
+};

package/dist/esm/emoji.d.ts

@@ -0,0 +1,19 @@
+export declare const emoji: {
+    bang: string;
+    bright: string;
+    check: string;
+    clock: string;
+    cloud: string;
+    dim: string;
+    gear: string;
+    interobang: string;
+    lightning: string;
+    magic: string;
+    rocket: string;
+    search: string;
+    snap: string;
+    ufo: string;
+    vortex: string;
+    warning: string;
+};
+//# sourceMappingURL=emoji.d.ts.map

package/dist/esm/emoji.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"emoji.d.ts","sourceRoot":"","sources":["../../src/emoji.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;CAiBjB,CAAC"}

package/dist/esm/emoji.js

@@ -0,0 +1,18 @@
+export const emoji = {
+    bang: String.fromCodePoint(0x203c),
+    bright: String.fromCodePoint(0x1f506),
+    check: String.fromCodePoint(0x2714),
+    clock: String.fromCodePoint(0x1f556),
+    cloud: String.fromCodePoint(0x2601),
+    dim: String.fromCodePoint(0x1f505),
+    gear: String.fromCodePoint(0x2699),
+    interobang: String.fromCodePoint(0x2049),
+    lightning: String.fromCodePoint(0x26a1),
+    magic: String.fromCodePoint(0x2728),
+    rocket: String.fromCodePoint(0x1f680),
+    search: String.fromCodePoint(0x1f50d),
+    snap: String.fromCodePoint(0x1f4a5),
+    ufo: String.fromCodePoint(0x1f6f8),
+    vortex: String.fromCodePoint(0x1f300),
+    warning: String.fromCodePoint(0x26a0),
+};

package/dist/esm/index.d.ts

@@ -0,0 +1,4 @@
+export { Logger, LoggerConfig } from './Logger';
+export { colors } from './colors';
+export { emoji } from './emoji';
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAChD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC"}

package/dist/esm/index.js

@@ -0,0 +1,3 @@
+export { Logger } from './Logger';
+export { colors } from './colors';
+export { emoji } from './emoji';

package/package.json

@@ -0,0 +1,30 @@
+{
+	"name": "@athoscommerce/snap-logger",
+	"version": "1.0.0",
+	"description": "Snap Logger",
+	"main": "dist/cjs/index.js",
+	"module": "dist/esm/index.js",
+	"author": "Athos Commerce",
+	"license": "MIT",
+	"repository": "https://github.com/athoscommerce/snap",
+	"publishConfig": {
+		"access": "public"
+	},
+	"scripts": {
+		"build": "rm -rf ./dist && rm -fr ./components/dist && tsc & p1=$!; tsc -p tsconfig.cjs.json & p2=$!; wait $p1 && wait $p2",
+		"build:docs": "typedoc --out docs src/index.ts",
+		"dev": "tsc --watch",
+		"format": "prettier --write 'src/**/*.{js,jsx,ts,tsx}'",
+		"lint": "eslint 'src/**/*.{js,jsx,ts,tsx}'",
+		"test": "jest --passWithNoTests",
+		"test:watch": "jest --watch"
+	},
+	"dependencies": {
+		"@athoscommerce/snap-toolbox": "1.0.0"
+	},
+	"sideEffects": false,
+	"files": [
+		"dist/**/*"
+	],
+	"gitHead": "714fb2d140d44581a559a6025310f8df9e33e216"
+}