standard-log-color 3.2.4 → 6.0.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "standard-log-color",
-  "version": "3.2.4",
+  "version": "6.0.0",
   "description": "Color console reporter for `standard-log`",
   "homepage": "https://github.com/unional/standard-log/tree/master/packages/color",
   "bugs": {
@@ -15,52 +15,98 @@
     "name": "Homa Wong",
     "email": "homawong@gmail.com"
   },
+  "sideEffects": false,
+  "type": "module",
+  "exports": {
+    "import": "./esm/index.js",
+    "require": "./cjs/index.js"
+  },
+  "main": "./cjs/index.js",
+  "browser": {
+    "./cjs/createColorLogReporter.d.ts": "./cjs/createColorLogReporter.browser.d.ts",
+    "./cjs/createColorLogReporter.js": "./cjs/createColorLogReporter.browser.js",
+    "./cjs/createColorLogReporter.js.map": "./cjs/createColorLogReporter.browser.js.map",
+    "./cjs/utils/supportColor.d.ts": "./cjs/utils/supportColor.browser.d.ts",
+    "./cjs/utils/supportColor.js": "./cjs/utils/supportColor.browser.js",
+    "./cjs/utils/supportColor.js.map": "./cjs/utils/supportColor.browser.js.map",
+    "./esm/createColorLogReporter.d.ts": "./esm/createColorLogReporter.browser.d.ts",
+    "./esm/createColorLogReporter.js": "./esm/createColorLogReporter.browser.js",
+    "./esm/createColorLogReporter.js.map": "./esm/createColorLogReporter.browser.js.map",
+    "./esm/utils/supportColor.d.ts": "./esm/utils/supportColor.browser.d.ts",
+    "./esm/utils/supportColor.js": "./esm/utils/supportColor.browser.js",
+    "./esm/utils/supportColor.js.map": "./esm/utils/supportColor.browser.js.map",
+    "./ts/createColorLogReporter.ts": "./ts/createColorLogReporter.browser.ts",
+    "./ts/utils/supportColor.ts": "./ts/utils/supportColor.browser.ts"
+  },
+  "types": "./cjs/index.d.ts",
   "files": [
     "dist",
-    "lib",
-    "libm",
-    "src"
+    "cjs",
+    "esm",
+    "ts",
+    "!ts/**/*.spec.ts"
   ],
-  "main": "lib/index.js",
-  "module": "libm/index.js",
-  "jsnext:main": "libm/index.js",
-  "typings": "lib/index.d.ts",
-  "browser": {
-    "./lib/utils/supportColor.js": "./lib/utils/supportColor.browser.js",
-    "./lib/utils/supportColor.d.ts": "./lib/utils/supportColor.browser.d.ts",
-    "./lib/utils/supportColor.js.map": "./lib/utils/supportColor.browser.js.map",
-    "./libm/utils/supportColor.js": "./libm/utils/supportColor.browser.js",
-    "./libm/utils/supportColor.d.ts": "./libm/utils/supportColor.browser.d.ts",
-    "./libm/utils/supportColor.js.map": "./libm/utils/supportColor.browser.js.map",
-    "./src/utils/supportColor.ts": "./src/utils/supportColor.browser.ts",
-    "./lib/createColorLogReporter.js": "./lib/createColorLogReporter.browser.js",
-    "./lib/createColorLogReporter.d.ts": "./lib/createColorLogReporter.browser.d.ts",
-    "./lib/createColorLogReporter.js.map": "./lib/createColorLogReporter.browser.js.map",
-    "./libm/createColorLogReporter.js": "./libm/createColorLogReporter.browser.js",
-    "./libm/createColorLogReporter.d.ts": "./libm/createColorLogReporter.browser.d.ts",
-    "./libm/createColorLogReporter.js.map": "./libm/createColorLogReporter.browser.js.map",
-    "./src/createColorLogReporter.ts": "./src/createColorLogReporter.browser.ts"
-  },
-  "sideEffects": false,
   "scripts": {
-    "build": "tsc -p tsconfig.lib.json && tsc -p tsconfig.libm.json",
-    "bundle": "webpack",
-    "clean": "rimraf dist lib libm",
+    "build": "npm-run-all build:clean -p build:cjs build:esm build:tslib bundle:es5 bundle:esm",
+    "build:clean": "rimraf .tsbuildinfo || true",
+    "build:cjs": "tsc -p ./tsconfig.cjs.json",
+    "build:esm": "tsc -p ./tsconfig.esm.json",
+    "build:tslib": "tsc -p ./tsconfig.tslib.json",
+    "bundle": "run-p bundle:es5 bundle:esm",
+    "bundle:es5": "webpack -c ./webpack.es5.cjs",
+    "bundle:esm": "webpack -c ./webpack.esm.cjs",
+    "clean": "rimraf cjs coverage dist esm lib libm tslib .tsbuildinfo && mkdir cjs && echo '{\"type\":\"commonjs\"}' > cjs/package.json || true",
     "coverage": "jest --coverage",
-    "depcheck": "dependency-check . --unused --no-dev && dependency-check . --missing --no-dev",
+    "depcheck": "depcheck",
+    "lint": "cross-env TIMING=1 eslint --ext=ts,js,cjs,mjs .",
     "prepublishOnly": "yarn build && yarn bundle",
+    "size": "size-limit",
     "test": "jest",
     "test:watch": "jest --watch",
-    "verify": "yarn lint && yarn depcheck && yarn coverage",
+    "verify": "npm-run-all clean -p build depcheck lint coverage -p size",
     "watch": "jest --watch"
   },
   "dependencies": {
-    "color-map": "^1.1.0",
-    "tslib": "^2.2.0",
-    "unpartial": "^0.6.3"
+    "color-map": "^1.1.4",
+    "unpartial": "^0.7.4"
+  },
+  "devDependencies": {
+    "@size-limit/preset-small-lib": "^7.0.8",
+    "assertron": "^9.2.3",
+    "compression-webpack-plugin": "^10.0.0",
+    "cross-env": "^7.0.3",
+    "depcheck": "^1.4.3",
+    "eslint": "^8.17.0",
+    "jest": "^28.1.0",
+    "npm-run-all": "^4.1.5",
+    "param-case": "^3.0.4",
+    "pascal-case": "^3.1.2",
+    "rimraf": "^3.0.2",
+    "satisfier": "^5.2.0",
+    "size-limit": "^7.0.8",
+    "standard-log": "workspace:*",
+    "ts-jest": "^28.0.4",
+    "ts-loader": "^9.3.0",
+    "tslib": "^2.4.0",
+    "typescript": "^4.7.3",
+    "webpack": "^5.73.0",
+    "webpack-cli": "^4.9.2"
   },
   "peerDependencies": {
-    "standard-log": ">=4.0.2"
+    "standard-log": ">=9.0.0"
   },
-  "gitHead": "57b2555ff3bb785d6b55133ccd0e5ed15cd88094"
+  "size-limit": [
+    {
+      "path": "./cjs/index.js",
+      "limit": "10 kB"
+    },
+    {
+      "path": "./esm/index.js",
+      "limit": "10 kB"
+    },
+    {
+      "path": "./tslib/index.js",
+      "limit": "10 kB"
+    }
+  ]
 }

package/{src → ts}/ansi/adjustCodes.ts

@@ -1,4 +1,4 @@
-import { ANSI_RED, ANSI_BACKGROUND, ANSI_YELLOW, ANSI_BLACK, ANSI_FOREGROUND } from './constants';
+import { ANSI_RED, ANSI_BACKGROUND, ANSI_YELLOW, ANSI_BLACK, ANSI_FOREGROUND } from './constants.js'
 
 export function adjustCodes(codes: number[], consoleMethod: string) {
   if (

package/{src → ts}/ansi/ansiFormatter.ts

@@ -1,8 +1,8 @@
-import { createTimestampFormatter, LogEntry, TimestampFormat, toConsoleMethod } from 'standard-log';
-import { adjustCodes } from './adjustCodes';
-import { ANSI_FOREGROUND, ANSI_RED, ANSI_YELLOW } from './constants';
-import { createColorCodes } from './createColorCodes';
-import { wrapAnsi, wrapAnsiId } from './wrapAnsi';
+import { createTimestampFormatter, LogEntry, TimestampFormat, toConsoleMethod } from 'standard-log'
+import { adjustCodes } from './adjustCodes.js'
+import { ANSI_FOREGROUND, ANSI_RED, ANSI_YELLOW } from './constants.js'
+import { createColorCodes } from './createColorCodes.js'
+import { wrapAnsi, wrapAnsiId } from './wrapAnsi.js'
 
 type Context = {
   colorMap: number[][],

package/{src → ts}/ansi/createColorCodes.ts

@@ -1,6 +1,5 @@
-import { ANSI_BACKGROUND, ANSI_BLUE, ANSI_BRIGHT, ANSI_CYAN, ANSI_FOREGROUND, ANSI_GREEN, ANSI_MAGENTA, ANSI_RED, ANSI_UNDERSCORE, ANSI_WHITE, ANSI_YELLOW } from './constants';
-import { isColor } from './isColor';
-
+import { ANSI_BACKGROUND, ANSI_BLUE, ANSI_BRIGHT, ANSI_CYAN, ANSI_FOREGROUND, ANSI_GREEN, ANSI_MAGENTA, ANSI_RED, ANSI_UNDERSCORE, ANSI_WHITE, ANSI_YELLOW } from './constants.js'
+import { isColor } from './isColor.js'
 
 export function createColorCodes() {
   const baseColors = [ANSI_RED, ANSI_GREEN, ANSI_YELLOW, ANSI_BLUE, ANSI_MAGENTA, ANSI_CYAN]

package/ts/ansi/index.ts

@@ -0,0 +1,3 @@
+export * from './ansiFormatter.js'
+export * from './constants.js'
+export * from './wrapAnsi.js'

package/{src → ts}/ansi/isColor.ts

@@ -1,4 +1,4 @@
-import { AnsiColor, AnsiStyle, ANSI_BACKGROUND, ANSI_FOREGROUND, ANSI_WHITE } from './constants';
+import { AnsiColor, AnsiStyle, ANSI_BACKGROUND, ANSI_FOREGROUND, ANSI_WHITE } from './constants.js'
 
 export function isColor(color: number[], foreground: AnsiColor, background: AnsiColor, style?: AnsiStyle) {
   if (color.length === 1) {

package/{src → ts}/createColorLogReporter.browser.ts

@@ -1,7 +1,7 @@
 import { ConsoleLogReporterOptions, createConsoleLogReporter, plainLogFormatter } from 'standard-log'
 import { required } from 'unpartial'
-import { createCssFormatter } from './css'
-import { supportColor } from './utils'
+import { createCssFormatter } from './css/index.js'
+import { supportColor } from './utils/index.js'
 
 export function createColorLogReporter(options?: ConsoleLogReporterOptions) {
   return createConsoleLogReporter(required({ formatter: getFormatter() }, options))

package/{src → ts}/createColorLogReporter.ts

@@ -1,7 +1,7 @@
 import { ConsoleLogReporterOptions, createConsoleLogReporter, plainLogFormatter } from 'standard-log'
 import { required } from 'unpartial'
-import { createAnsiFormatter } from './ansi'
-import { supportColor } from './utils'
+import { createAnsiFormatter } from './ansi/index.js'
+import { supportColor } from './utils/index.js'
 
 export function createColorLogReporter(options?: ConsoleLogReporterOptions) {
   return createConsoleLogReporter(required({ formatter: getFormatter() }, options))

package/{src → ts}/css/cssFormatter.ts

@@ -1,7 +1,7 @@
 import { createTimestampFormatter, LogEntry, TimestampFormat } from 'standard-log'
 import { createColorsFromMap, RGB, RGBA, rgbHex } from 'color-map'
 import { required } from 'unpartial'
-import { rainbow } from './colors'
+import { rainbow } from './colors.js'
 
 export type CssFormatterOptions = {
   /**

package/ts/css/index.ts

@@ -0,0 +1 @@
+export * from './cssFormatter.js'

package/ts/index.ts

@@ -0,0 +1,3 @@
+export * from './ansi/index.js'
+export * from './createColorLogReporter.js'
+export * from './css/index.js'

package/ts/utils/index.ts

@@ -0,0 +1 @@
+export * from './supportColor.js'

package/{src → ts}/utils/supportColor.browser.ts

@@ -7,23 +7,26 @@ function doesBrowserSupportColor() {
   // NB: In an Electron preload script, document will be defined but not fully
   // initialized. Since we know we're in Chrome, we'll just detect this case
   // explicitly
+  // @ts-ignore
   if (typeof window !== 'undefined' && window.process && (window.process.type === 'renderer' || window.process.__nwjs)) {
-    return true;
+    return true
   }
 
   // Internet Explorer and Edge do not support colors.
   if (typeof navigator !== 'undefined' && navigator.userAgent && navigator.userAgent.toLowerCase().match(/(edge|trident)\/(\d+)/)) {
-    return false;
+    return false
   }
 
   // Is webkit? http://stackoverflow.com/a/16459606/376773
   // document is undefined in react-native: https://github.com/facebook/react-native/pull/1632
+  // @ts-ignore
   return (typeof document !== 'undefined' && document.documentElement && document.documentElement.style && document.documentElement.style.WebkitAppearance) ||
     // Is firebug? http://stackoverflow.com/a/398120/376773
+    // @ts-ignore
     (typeof window !== 'undefined' && window.console && (window.console.firebug || (window.console.exception && window.console.table))) ||
     // Is firefox >= v31?
     // https://developer.mozilla.org/en-US/docs/Tools/Web_Console#Styling_messages
     (typeof navigator !== 'undefined' && navigator.userAgent && navigator.userAgent.toLowerCase().match(/firefox\/(\d+)/) && parseInt(RegExp.$1, 10) >= 31) ||
     // Double check webkit in userAgent just in case we are in a worker
-    (typeof navigator !== 'undefined' && navigator.userAgent && navigator.userAgent.toLowerCase().match(/applewebkit\/(\d+)/));
+    (typeof navigator !== 'undefined' && navigator.userAgent && navigator.userAgent.toLowerCase().match(/applewebkit\/(\d+)/))
 }