From 94dc0487f5777535292b462bda514900e4a02578 Mon Sep 17 00:00:00 2001 From: JYC Date: Sat, 18 Nov 2023 14:43:29 +0100 Subject: [PATCH] Feat/rmv dep (#434) * :tada: NEW: rmv dep * . * .. * . --- .changeset/good-tigers-shop.md | 5 + packages/helpers/package.json | 3 - packages/helpers/src/lib/Log.browser.spec.ts | 132 +++++++++ packages/helpers/src/lib/Log.spec.ts | 121 +------- .../src/lib/colors/colors.browser.spec.ts | 252 +++++++++++++++++ .../helpers/src/lib/colors/colors.spec.ts | 260 +----------------- packages/helpers/src/lib/colors/index.ts | 2 +- packages/helpers/src/lib/constants.ts | 3 + packages/helpers/vite.config.ts | 3 +- pnpm-lock.yaml | 5 +- 10 files changed, 401 insertions(+), 385 deletions(-) create mode 100644 .changeset/good-tigers-shop.md create mode 100644 packages/helpers/src/lib/Log.browser.spec.ts create mode 100644 packages/helpers/src/lib/colors/colors.browser.spec.ts create mode 100644 packages/helpers/src/lib/constants.ts diff --git a/.changeset/good-tigers-shop.md b/.changeset/good-tigers-shop.md new file mode 100644 index 00000000..9ecf0ff6 --- /dev/null +++ b/.changeset/good-tigers-shop.md @@ -0,0 +1,5 @@ +--- +'@kitql/helpers': patch +--- + +rmv dep diff --git a/packages/helpers/package.json b/packages/helpers/package.json index 66c731f8..00d83188 100644 --- a/packages/helpers/package.json +++ b/packages/helpers/package.json @@ -45,9 +45,6 @@ "vite": "4.5.0", "vitest": "0.34.0" }, - "dependencies": { - "esm-env": "^1.0.0" - }, "sideEffects": false, "publishConfig": { "directory": "dist", diff --git a/packages/helpers/src/lib/Log.browser.spec.ts b/packages/helpers/src/lib/Log.browser.spec.ts new file mode 100644 index 00000000..7502a1f9 --- /dev/null +++ b/packages/helpers/src/lib/Log.browser.spec.ts @@ -0,0 +1,132 @@ +import { beforeEach, describe, expect, it, vi } from 'vitest' +import { + black, + blue, + bold, + cyan, + gray, + green, + italic, + magenta, + red, + strikethrough, + white, + yellow, +} from './colors/index.js' +import { Log } from './Log.js' + +describe('kitql - helper - Log', () => { + beforeEach(() => { + vi.mock('$lib/constants.js', () => ({ + BROWSER: true, + })) + }) + + it('with all colors browser', () => { + const log = new Log('tool name') + + const msg = `with all colors: + ${black('black')}, + ${red('red')}, + ${green('green')}, + ${yellow('yellow')} + ${blue('blue')} + ${magenta('magenta')}, + ${cyan('cyan')} + ${white('white')} + ${gray('gray')} + ${bold('bold')} + ${italic('italic')} + ${strikethrough('strikethrough')} + ` + + const result = log.info(msg) + + expect(result).toMatchInlineSnapshot( + ` + [ + "%c[tool name]%c with all colors: + %cblack%c, + %cred%c, + %cgreen%c, + %cyellow%c + %cblue%c + %cmagenta%c, + %ccyan%c + %cwhite%c + %cgray%c + %cbold%c + %citalic%c + %cstrikethrough%c + ", + "color: #ff00ff", + "", + "color: black", + "", + "color: red", + "", + "color: green", + "", + "color: yellow", + "", + "color: blue", + "", + "color: #ff00ff", + "", + "color: cyan", + "", + "color: white", + "", + "color: gray", + "", + "font-weight: bold", + "", + "font-style: italic", + "", + "text-decoration: line-through", + "", + ] + `, + ) + }) + + it('with 2 red browser', () => { + const log = new Log('tool name') + + const msg = `with red: ${red('red')} and another ${red('red2')}` + + const result = log.info(msg) + + expect(result).toMatchInlineSnapshot(` + [ + "%c[tool name]%c with red: %cred%c and another %cred2%c", + "color: #ff00ff", + "", + "color: red", + "", + "color: red", + "", + ] + `) + }) + + it('are we in the browser?', () => { + const log = new Log('tool name') + + const msg = `with red: ${red('red')} and another ${red('red2')}` + // no need to put browser: true! it's detected with this.windows + const result = log.info(msg) + + expect(result).toMatchInlineSnapshot(` + [ + "%c[tool name]%c with red: %cred%c and another %cred2%c", + "color: #ff00ff", + "", + "color: red", + "", + "color: red", + "", + ] + `) + }) +}) diff --git a/packages/helpers/src/lib/Log.spec.ts b/packages/helpers/src/lib/Log.spec.ts index 7048c8b3..6e9bd606 100644 --- a/packages/helpers/src/lib/Log.spec.ts +++ b/packages/helpers/src/lib/Log.spec.ts @@ -1,5 +1,4 @@ -import * as constants from 'esm-env' -import { beforeEach, describe, expect, it, vi } from 'vitest' +import { describe, expect, it, vi } from 'vitest' import { black, blue, @@ -17,8 +16,6 @@ import { import { Log } from './Log.js' import { stry0 } from './stry/stry.js' -vi.mock('esm-env') - describe('kitql - helper - Log', () => { it('Minimal config', () => { const log = new Log('tool name') @@ -107,76 +104,6 @@ describe('kitql - helper - Log', () => { ) }) - it('with all colors browser', () => { - // @ts-ignore - constants.BROWSER = true - const log = new Log('tool name') - - const msg = `with all colors: - ${black('black')}, - ${red('red')}, - ${green('green')}, - ${yellow('yellow')} - ${blue('blue')} - ${magenta('magenta')}, - ${cyan('cyan')} - ${white('white')} - ${gray('gray')} - ${bold('bold')} - ${italic('italic')} - ${strikethrough('strikethrough')} - ` - - const result = log.info(msg) - - expect(result).toMatchInlineSnapshot( - ` - [ - "%c[tool name]%c with all colors: - %cblack%c, - %cred%c, - %cgreen%c, - %cyellow%c - %cblue%c - %cmagenta%c, - %ccyan%c - %cwhite%c - %cgray%c - %cbold%c - %citalic%c - %cstrikethrough%c - ", - "color: #ff00ff", - "", - "color: black", - "", - "color: red", - "", - "color: green", - "", - "color: yellow", - "", - "color: blue", - "", - "color: #ff00ff", - "", - "color: cyan", - "", - "color: white", - "", - "color: gray", - "", - "font-weight: bold", - "", - "font-style: italic", - "", - "text-decoration: line-through", - "", - ] - `, - ) - }) - it('with DateTime', () => { const log = new Log('tool name', { levelsToShow: 2, withDate: 'dateTime' }) expect(log).to.have.property('toolName', 'tool name') @@ -211,8 +138,6 @@ describe('kitql - helper - Log', () => { }) it('with 2 red', () => { - // @ts-ignore - constants.BROWSER = false const log = new Log('tool name') expect(log).to.have.property('toolName', 'tool name') @@ -225,48 +150,4 @@ describe('kitql - helper - Log', () => { '"[\\"\\\\u001b[35m[tool name]\\\\u001b[39m with red: \\\\u001b[31mred\\\\u001b[39m and another \\\\u001b[31mred2\\\\u001b[39m\\"]"', ) }) - - it('with 2 red browser', () => { - // @ts-ignore - constants.BROWSER = true - const log = new Log('tool name') - - const msg = `with red: ${red('red')} and another ${red('red2')}` - - const result = log.info(msg) - - expect(result).toMatchInlineSnapshot(` - [ - "%c[tool name]%c with red: %cred%c and another %cred2%c", - "color: #ff00ff", - "", - "color: red", - "", - "color: red", - "", - ] - `) - }) - - it('are we in the browser?', () => { - // @ts-ignore - constants.BROWSER = true - const log = new Log('tool name') - - const msg = `with red: ${red('red')} and another ${red('red2')}` - // no need to put browser: true! it's detected with this.windows - const result = log.info(msg) - - expect(result).toMatchInlineSnapshot(` - [ - "%c[tool name]%c with red: %cred%c and another %cred2%c", - "color: #ff00ff", - "", - "color: red", - "", - "color: red", - "", - ] - `) - }) }) diff --git a/packages/helpers/src/lib/colors/colors.browser.spec.ts b/packages/helpers/src/lib/colors/colors.browser.spec.ts new file mode 100644 index 00000000..3efc6d54 --- /dev/null +++ b/packages/helpers/src/lib/colors/colors.browser.spec.ts @@ -0,0 +1,252 @@ +import { beforeEach, describe, expect, it, vi } from 'vitest' +import { color, colorProcess, red } from './index.js' + +describe('browser', () => { + beforeEach(() => { + vi.mock('$lib/constants.js', () => ({ + BROWSER: true, + })) + }) + + it('color in browser', () => { + import.meta.env.SSR = false + + const message = `with all options: +${color('reset', 'reset')} +${color('bold', 'bold')} +${color('dim', 'dim')} +${color('italic', 'italic')} +${color('underline', 'underline')} +${color('inverse', 'inverse')} +${color('hidden', 'hidden')} +${color('strikethrough', 'strikethrough')} +${color('black', 'black')} +${color('red', 'red')} +${color('green', 'green')} +${color('yellow', 'yellow')} +${color('blue', 'blue')} +${color('magenta', 'magenta')} +${color('cyan', 'cyan')} +${color('white', 'white')} +${color('gray', 'gray')} +${color('bgBlack', 'bgBlack')} +${color('bgRed', 'bgRed')} +${color('bgGreen', 'bgGreen')} +${color('bgYellow', 'bgYellow')} +${color('bgBlue', 'bgBlue')} +${color('bgMagenta', 'bgMagenta')} +${color('bgCyan', 'bgCyan')} +${color('bgWhite', 'bgWhite')} +${color('blackBright', 'blackBright')} +${color('redBright', 'redBright')} +${color('greenBright', 'greenBright')} +${color('yellowBright', 'yellowBright')} +${color('blueBright', 'blueBright')} +${color('magentaBright', 'magentaBright')} +${color('cyanBright', 'cyanBright')} +${color('whiteBright', 'whiteBright')} +${color('bgBlackBright', 'bgBlackBright')} +${color('bgRedBright', 'bgRedBright')} +${color('bgGreenBright', 'bgGreenBright')} +${color('bgYellowBright', 'bgYellowBright')} +${color('bgBlueBright', 'bgBlueBright')} +${color('bgMagentaBright', 'bgMagentaBright')} +${color('bgCyanBright', 'bgCyanBright')} +${color('bgWhiteBright', 'bgWhiteBright')} +` + // console.log(`msg`, message) + expect(message).toMatchInlineSnapshot(` + "with all options: + $$KitQL_reset_KitQL$$reset$$KitQLEND$$ + $$KitQL_bold_KitQL$$bold$$KitQLEND$$ + $$KitQL_dim_KitQL$$dim$$KitQLEND$$ + $$KitQL_italic_KitQL$$italic$$KitQLEND$$ + $$KitQL_underline_KitQL$$underline$$KitQLEND$$ + $$KitQL_inverse_KitQL$$inverse$$KitQLEND$$ + $$KitQL_hidden_KitQL$$hidden$$KitQLEND$$ + $$KitQL_strikethrough_KitQL$$strikethrough$$KitQLEND$$ + $$KitQL_black_KitQL$$black$$KitQLEND$$ + $$KitQL_red_KitQL$$red$$KitQLEND$$ + $$KitQL_green_KitQL$$green$$KitQLEND$$ + $$KitQL_yellow_KitQL$$yellow$$KitQLEND$$ + $$KitQL_blue_KitQL$$blue$$KitQLEND$$ + $$KitQL_magenta_KitQL$$magenta$$KitQLEND$$ + $$KitQL_cyan_KitQL$$cyan$$KitQLEND$$ + $$KitQL_white_KitQL$$white$$KitQLEND$$ + $$KitQL_gray_KitQL$$gray$$KitQLEND$$ + $$KitQL_bgBlack_KitQL$$bgBlack$$KitQLEND$$ + $$KitQL_bgRed_KitQL$$bgRed$$KitQLEND$$ + $$KitQL_bgGreen_KitQL$$bgGreen$$KitQLEND$$ + $$KitQL_bgYellow_KitQL$$bgYellow$$KitQLEND$$ + $$KitQL_bgBlue_KitQL$$bgBlue$$KitQLEND$$ + $$KitQL_bgMagenta_KitQL$$bgMagenta$$KitQLEND$$ + $$KitQL_bgCyan_KitQL$$bgCyan$$KitQLEND$$ + $$KitQL_bgWhite_KitQL$$bgWhite$$KitQLEND$$ + $$KitQL_blackBright_KitQL$$blackBright$$KitQLEND$$ + $$KitQL_redBright_KitQL$$redBright$$KitQLEND$$ + $$KitQL_greenBright_KitQL$$greenBright$$KitQLEND$$ + $$KitQL_yellowBright_KitQL$$yellowBright$$KitQLEND$$ + $$KitQL_blueBright_KitQL$$blueBright$$KitQLEND$$ + $$KitQL_magentaBright_KitQL$$magentaBright$$KitQLEND$$ + $$KitQL_cyanBright_KitQL$$cyanBright$$KitQLEND$$ + $$KitQL_whiteBright_KitQL$$whiteBright$$KitQLEND$$ + $$KitQL_bgBlackBright_KitQL$$bgBlackBright$$KitQLEND$$ + $$KitQL_bgRedBright_KitQL$$bgRedBright$$KitQLEND$$ + $$KitQL_bgGreenBright_KitQL$$bgGreenBright$$KitQLEND$$ + $$KitQL_bgYellowBright_KitQL$$bgYellowBright$$KitQLEND$$ + $$KitQL_bgBlueBright_KitQL$$bgBlueBright$$KitQLEND$$ + $$KitQL_bgMagentaBright_KitQL$$bgMagentaBright$$KitQLEND$$ + $$KitQL_bgCyanBright_KitQL$$bgCyanBright$$KitQLEND$$ + $$KitQL_bgWhiteBright_KitQL$$bgWhiteBright$$KitQLEND$$ + " + `) + + expect(colorProcess(message)).toMatchInlineSnapshot(` + [ + "with all options: + %creset%c + %cbold%c + %cdim%c + %citalic%c + %cunderline%c + %cinverse%c + %chidden%c + %cstrikethrough%c + %cblack%c + %cred%c + %cgreen%c + %cyellow%c + %cblue%c + %cmagenta%c + %ccyan%c + %cwhite%c + %cgray%c + %cbgBlack%c + %cbgRed%c + %cbgGreen%c + %cbgYellow%c + %cbgBlue%c + %cbgMagenta%c + %cbgCyan%c + %cbgWhite%c + %cblackBright%c + %credBright%c + %cgreenBright%c + %cyellowBright%c + %cblueBright%c + %cmagentaBright%c + %ccyanBright%c + %cwhiteBright%c + %cbgBlackBright%c + %cbgRedBright%c + %cbgGreenBright%c + %cbgYellowBright%c + %cbgBlueBright%c + %cbgMagentaBright%c + %cbgCyanBright%c + %cbgWhiteBright%c + ", + "", + "", + "font-weight: bold", + "", + "opacity: 0.5", + "", + "font-style: italic", + "", + "text-decoration: underline", + "", + "filter: invert(1)", + "", + "visibility: hidden", + "", + "text-decoration: line-through", + "", + "color: black", + "", + "color: red", + "", + "color: green", + "", + "color: yellow", + "", + "color: blue", + "", + "color: #ff00ff", + "", + "color: cyan", + "", + "color: white", + "", + "color: gray", + "", + "background-color: black", + "", + "background-color: red", + "", + "background-color: green", + "", + "background-color: yellow", + "", + "background-color: blue", + "", + "background-color: #ff00ff", + "", + "background-color: cyan", + "", + "background-color: white", + "", + "color: #a9a9a9", + "", + "color: #ff4500", + "", + "color: #7fff00", + "", + "color: #ffd700", + "", + "color: #1e90ff", + "", + "color: #ff69b4", + "", + "color: #00ffff", + "", + "color: #ffffff", + "", + "background-color: #a9a9a9", + "", + "background-color: #ff4500", + "", + "background-color: #7fff00", + "", + "background-color: #ffd700", + "", + "background-color: #1e90ff", + "", + "background-color: #ff69b4", + "", + "background-color: #00ffff", + "", + "background-color: #ffffff", + "", + ] + `) + }) + + it('2 color red browser', () => { + const msg = `with red: ${red('red')} and another ${red('red2')}` + + expect(msg).toMatchInlineSnapshot( + '"with red: $$KitQL_red_KitQL$$red$$KitQLEND$$ and another $$KitQL_red_KitQL$$red2$$KitQLEND$$"', + ) + + expect(colorProcess(msg)).toMatchInlineSnapshot(` + [ + "with red: %cred%c and another %cred2%c", + "color: red", + "", + "color: red", + "", + ] + `) + }) +}) diff --git a/packages/helpers/src/lib/colors/colors.spec.ts b/packages/helpers/src/lib/colors/colors.spec.ts index a2781007..073afd96 100644 --- a/packages/helpers/src/lib/colors/colors.spec.ts +++ b/packages/helpers/src/lib/colors/colors.spec.ts @@ -1,14 +1,8 @@ -import * as constants from 'esm-env' -import { expect, it, vi } from 'vitest' -import { color, colorProcess, red } from './index.js' - -vi.mock('esm-env') +import { expect, it } from 'vitest' +import { color } from './index.js' it('color NOT in browser', () => { - // @ts-ignore - constants.BROWSER = false - - const message = `with all options: + const message = `with all options: ${color('reset', 'reset')} ${color('bold', 'bold')} ${color('dim', 'dim')} @@ -53,7 +47,7 @@ ${color('bgWhiteBright', 'bgWhiteBright')} ` // console.log(`msg`, message) expect(message).toMatchInlineSnapshot(` - "with all options: + "with all options: reset bold dim @@ -98,249 +92,3 @@ ${color('bgWhiteBright', 'bgWhiteBright')} " `) }) - -it('color in browser', () => { - // @ts-ignore - constants.BROWSER = true - - const message = `with all options: -${color('reset', 'reset')} -${color('bold', 'bold')} -${color('dim', 'dim')} -${color('italic', 'italic')} -${color('underline', 'underline')} -${color('inverse', 'inverse')} -${color('hidden', 'hidden')} -${color('strikethrough', 'strikethrough')} -${color('black', 'black')} -${color('red', 'red')} -${color('green', 'green')} -${color('yellow', 'yellow')} -${color('blue', 'blue')} -${color('magenta', 'magenta')} -${color('cyan', 'cyan')} -${color('white', 'white')} -${color('gray', 'gray')} -${color('bgBlack', 'bgBlack')} -${color('bgRed', 'bgRed')} -${color('bgGreen', 'bgGreen')} -${color('bgYellow', 'bgYellow')} -${color('bgBlue', 'bgBlue')} -${color('bgMagenta', 'bgMagenta')} -${color('bgCyan', 'bgCyan')} -${color('bgWhite', 'bgWhite')} -${color('blackBright', 'blackBright')} -${color('redBright', 'redBright')} -${color('greenBright', 'greenBright')} -${color('yellowBright', 'yellowBright')} -${color('blueBright', 'blueBright')} -${color('magentaBright', 'magentaBright')} -${color('cyanBright', 'cyanBright')} -${color('whiteBright', 'whiteBright')} -${color('bgBlackBright', 'bgBlackBright')} -${color('bgRedBright', 'bgRedBright')} -${color('bgGreenBright', 'bgGreenBright')} -${color('bgYellowBright', 'bgYellowBright')} -${color('bgBlueBright', 'bgBlueBright')} -${color('bgMagentaBright', 'bgMagentaBright')} -${color('bgCyanBright', 'bgCyanBright')} -${color('bgWhiteBright', 'bgWhiteBright')} -` - // console.log(`msg`, message) - expect(message).toMatchInlineSnapshot(` - "with all options: - $$KitQL_reset_KitQL$$reset$$KitQLEND$$ - $$KitQL_bold_KitQL$$bold$$KitQLEND$$ - $$KitQL_dim_KitQL$$dim$$KitQLEND$$ - $$KitQL_italic_KitQL$$italic$$KitQLEND$$ - $$KitQL_underline_KitQL$$underline$$KitQLEND$$ - $$KitQL_inverse_KitQL$$inverse$$KitQLEND$$ - $$KitQL_hidden_KitQL$$hidden$$KitQLEND$$ - $$KitQL_strikethrough_KitQL$$strikethrough$$KitQLEND$$ - $$KitQL_black_KitQL$$black$$KitQLEND$$ - $$KitQL_red_KitQL$$red$$KitQLEND$$ - $$KitQL_green_KitQL$$green$$KitQLEND$$ - $$KitQL_yellow_KitQL$$yellow$$KitQLEND$$ - $$KitQL_blue_KitQL$$blue$$KitQLEND$$ - $$KitQL_magenta_KitQL$$magenta$$KitQLEND$$ - $$KitQL_cyan_KitQL$$cyan$$KitQLEND$$ - $$KitQL_white_KitQL$$white$$KitQLEND$$ - $$KitQL_gray_KitQL$$gray$$KitQLEND$$ - $$KitQL_bgBlack_KitQL$$bgBlack$$KitQLEND$$ - $$KitQL_bgRed_KitQL$$bgRed$$KitQLEND$$ - $$KitQL_bgGreen_KitQL$$bgGreen$$KitQLEND$$ - $$KitQL_bgYellow_KitQL$$bgYellow$$KitQLEND$$ - $$KitQL_bgBlue_KitQL$$bgBlue$$KitQLEND$$ - $$KitQL_bgMagenta_KitQL$$bgMagenta$$KitQLEND$$ - $$KitQL_bgCyan_KitQL$$bgCyan$$KitQLEND$$ - $$KitQL_bgWhite_KitQL$$bgWhite$$KitQLEND$$ - $$KitQL_blackBright_KitQL$$blackBright$$KitQLEND$$ - $$KitQL_redBright_KitQL$$redBright$$KitQLEND$$ - $$KitQL_greenBright_KitQL$$greenBright$$KitQLEND$$ - $$KitQL_yellowBright_KitQL$$yellowBright$$KitQLEND$$ - $$KitQL_blueBright_KitQL$$blueBright$$KitQLEND$$ - $$KitQL_magentaBright_KitQL$$magentaBright$$KitQLEND$$ - $$KitQL_cyanBright_KitQL$$cyanBright$$KitQLEND$$ - $$KitQL_whiteBright_KitQL$$whiteBright$$KitQLEND$$ - $$KitQL_bgBlackBright_KitQL$$bgBlackBright$$KitQLEND$$ - $$KitQL_bgRedBright_KitQL$$bgRedBright$$KitQLEND$$ - $$KitQL_bgGreenBright_KitQL$$bgGreenBright$$KitQLEND$$ - $$KitQL_bgYellowBright_KitQL$$bgYellowBright$$KitQLEND$$ - $$KitQL_bgBlueBright_KitQL$$bgBlueBright$$KitQLEND$$ - $$KitQL_bgMagentaBright_KitQL$$bgMagentaBright$$KitQLEND$$ - $$KitQL_bgCyanBright_KitQL$$bgCyanBright$$KitQLEND$$ - $$KitQL_bgWhiteBright_KitQL$$bgWhiteBright$$KitQLEND$$ - " - `) - - expect(colorProcess(message)).toMatchInlineSnapshot(` - [ - "with all options: - %creset%c - %cbold%c - %cdim%c - %citalic%c - %cunderline%c - %cinverse%c - %chidden%c - %cstrikethrough%c - %cblack%c - %cred%c - %cgreen%c - %cyellow%c - %cblue%c - %cmagenta%c - %ccyan%c - %cwhite%c - %cgray%c - %cbgBlack%c - %cbgRed%c - %cbgGreen%c - %cbgYellow%c - %cbgBlue%c - %cbgMagenta%c - %cbgCyan%c - %cbgWhite%c - %cblackBright%c - %credBright%c - %cgreenBright%c - %cyellowBright%c - %cblueBright%c - %cmagentaBright%c - %ccyanBright%c - %cwhiteBright%c - %cbgBlackBright%c - %cbgRedBright%c - %cbgGreenBright%c - %cbgYellowBright%c - %cbgBlueBright%c - %cbgMagentaBright%c - %cbgCyanBright%c - %cbgWhiteBright%c - ", - "", - "", - "font-weight: bold", - "", - "opacity: 0.5", - "", - "font-style: italic", - "", - "text-decoration: underline", - "", - "filter: invert(1)", - "", - "visibility: hidden", - "", - "text-decoration: line-through", - "", - "color: black", - "", - "color: red", - "", - "color: green", - "", - "color: yellow", - "", - "color: blue", - "", - "color: #ff00ff", - "", - "color: cyan", - "", - "color: white", - "", - "color: gray", - "", - "background-color: black", - "", - "background-color: red", - "", - "background-color: green", - "", - "background-color: yellow", - "", - "background-color: blue", - "", - "background-color: #ff00ff", - "", - "background-color: cyan", - "", - "background-color: white", - "", - "color: #a9a9a9", - "", - "color: #ff4500", - "", - "color: #7fff00", - "", - "color: #ffd700", - "", - "color: #1e90ff", - "", - "color: #ff69b4", - "", - "color: #00ffff", - "", - "color: #ffffff", - "", - "background-color: #a9a9a9", - "", - "background-color: #ff4500", - "", - "background-color: #7fff00", - "", - "background-color: #ffd700", - "", - "background-color: #1e90ff", - "", - "background-color: #ff69b4", - "", - "background-color: #00ffff", - "", - "background-color: #ffffff", - "", - ] - `) -}) - -it('2 color red browser', () => { - // @ts-ignore - constants.BROWSER = true - - const msg = `with red: ${red('red')} and another ${red('red2')}` - - expect(msg).toMatchInlineSnapshot( - '"with red: $$KitQL_red_KitQL$$red$$KitQLEND$$ and another $$KitQL_red_KitQL$$red2$$KitQLEND$$"', - ) - - expect(colorProcess(msg)).toMatchInlineSnapshot(` - [ - "with red: %cred%c and another %cred2%c", - "color: red", - "", - "color: red", - "", - ] - `) -}) diff --git a/packages/helpers/src/lib/colors/index.ts b/packages/helpers/src/lib/colors/index.ts index 7721bdd6..3f04cfcb 100644 --- a/packages/helpers/src/lib/colors/index.ts +++ b/packages/helpers/src/lib/colors/index.ts @@ -1,4 +1,4 @@ -import { BROWSER } from 'esm-env' +import { BROWSER } from '$lib/constants.js' import * as stylesBrowser from './stylesBrowser.js' import * as stylesNode from './stylesNode.js' import type { Style } from './types.js' diff --git a/packages/helpers/src/lib/constants.ts b/packages/helpers/src/lib/constants.ts new file mode 100644 index 00000000..d22a8024 --- /dev/null +++ b/packages/helpers/src/lib/constants.ts @@ -0,0 +1,3 @@ +const BROWSER = typeof window !== 'undefined' + +export { BROWSER } diff --git a/packages/helpers/vite.config.ts b/packages/helpers/vite.config.ts index be129e30..edd29791 100644 --- a/packages/helpers/vite.config.ts +++ b/packages/helpers/vite.config.ts @@ -8,7 +8,8 @@ export default defineConfig({ visualizer({ // template: 'raw-data', 'sunburst', emitFile: true, - // open: true, + open: true, + filename: 'stats.html', gzipSize: true, }), ], diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 696a529b..53fd4807 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -115,10 +115,6 @@ importers: publishDirectory: dist packages/helpers: - dependencies: - esm-env: - specifier: ^1.0.0 - version: 1.0.0 devDependencies: '@sveltejs/adapter-auto': specifier: 2.1.0 @@ -5448,6 +5444,7 @@ packages: /esm-env@1.0.0: resolution: {integrity: sha512-Cf6VksWPsTuW01vU9Mk/3vRue91Zevka5SjyNf3nEpokFRuqt/KjUQoGAwq9qMmhpLTHmXzSIrFRw8zxWzmFBA==} + dev: true /espree@9.5.2: resolution: {integrity: sha512-7OASN1Wma5fum5SrNhFMAMJxOUAbhyfQ8dQ//PJaJbNw0URTPWqIghHWt1MmAANKhHZIYOHruW4Kw4ruUWOdGw==} -- 2.51.2