qunitx-cli 0.5.8 → 0.7.0

package/deno.lock

@@ -6,7 +6,6 @@
     "npm:@types/picomatch@*": "4.0.2",
     "npm:@types/ws@*": "8.18.1",
     "npm:cheerio@*": "1.2.0",
-    "npm:cheerio@^1.2.0": "1.2.0",
     "npm:chokidar@*": "5.0.0",
     "npm:chokidar@5": "5.0.0",
     "npm:cors@^2.8.6": "2.8.6",
@@ -14,9 +13,7 @@
     "npm:esbuild@~0.27.3": "0.27.4",
     "npm:express@^5.2.1": "5.2.1",
     "npm:js-yaml@*": "4.1.1",
-    "npm:js-yaml@^4.1.1": "4.1.1",
     "npm:kleur@*": "4.1.5",
-    "npm:kleur@^4.1.5": "4.1.5",
     "npm:picomatch@*": "4.0.3",
     "npm:picomatch@^4.0.3": "4.0.3",
     "npm:prettier@^3.8.1": "3.8.1",
@@ -1326,13 +1323,10 @@
     ],
     "packageJson": {
       "dependencies": [
-        "npm:cheerio@^1.2.0",
         "npm:chokidar@5",
         "npm:cors@^2.8.6",
         "npm:esbuild@~0.27.3",
         "npm:express@^5.2.1",
-        "npm:js-yaml@^4.1.1",
-        "npm:kleur@^4.1.5",
         "npm:picomatch@^4.0.3",
         "npm:prettier@^3.8.1",
         "npm:puppeteer@^24.38.0",

package/lib/commands/generate.js

@@ -1,5 +1,5 @@
 import fs from 'node:fs/promises';
-import kleur from 'kleur';
+import { green } from '../utils/color.js';
 import findProjectRoot from '../utils/find-project-root.js';
 import pathExists from '../utils/path-exists.js';
 import readBoilerplate from '../utils/read-boilerplate.js';
@@ -29,5 +29,5 @@ export default async function generateTestFiles() {
   await fs.mkdir(targetFolderPaths.join('/'), { recursive: true });
   await fs.writeFile(path, testJSContent.replace('{{moduleName}}', moduleName));
 
-  console.log(kleur.green(`${path} written`));
+  console.log(green(`${path} written`));
 }

package/lib/commands/help.js

@@ -1,8 +1,8 @@
-import kleur from 'kleur';
+import { blue, magenta } from '../utils/color.js';
 import pkg from '../../package.json' with { type: 'json' };
 
-const highlight = (text) => kleur.magenta().bold(text);
-const color = (text) => kleur.blue(text);
+const highlight = (text) => magenta().bold(text);
+const color = (text) => blue(text);
 
 /** Prints qunitx-cli usage information to stdout. */
 export default function displayHelpOutput() {

package/lib/commands/run/tests-in-browser.js

@@ -1,5 +1,5 @@
 import fs from 'node:fs/promises';
-import kleur from 'kleur';
+import { blue } from '../../utils/color.js';
 import esbuild from 'esbuild';
 import timeCounter from '../../utils/time-counter.js';
 import runUserModule from '../../utils/run-user-module.js';
@@ -141,7 +141,7 @@ async function runTestInsideHTMLFile(filePath, { page, server, browser }, config
   let QUNIT_RESULT;
   let targetError;
   try {
-    console.log('#', kleur.blue(`QUnitX running: http://localhost:${config.port}${filePath}`));
+    console.log('#', blue(`QUnitX running: http://localhost:${config.port}${filePath}`));
 
     const testsDone = new Promise((resolve) => {
       config._testRunDone = resolve;

package/lib/commands/run.js

@@ -2,7 +2,7 @@ import fs from 'node:fs/promises';
 import { normalize } from 'node:path';
 import { availableParallelism } from 'node:os';
 import Puppeteer from 'puppeteer';
-import kleur from 'kleur';
+import { blue, yellow } from '../utils/color.js';
 import runTestsInBrowser, { buildTestBundle } from './run/tests-in-browser.js';
 import setupBrowser from '../setup/browser.js';
 import fileWatcher from '../setup/file-watcher.js';
@@ -170,7 +170,7 @@ async function buildCachedContent(config, htmlPaths) {
       } else {
         console.log(
           '#',
-          kleur.yellow(
+          yellow(
             `WARNING: Static html file with no {{content}} detected. Therefore ignoring ${filePath}`,
           ),
         );
@@ -225,11 +225,11 @@ function splitIntoGroups(files, groupCount) {
 function logWatcherAndKeyboardShortcutInfo(config, _server) {
   console.log(
     '#',
-    kleur.blue(`Watching files... You can browse the tests on http://localhost:${config.port} ...`),
+    blue(`Watching files... You can browse the tests on http://localhost:${config.port} ...`),
   );
   console.log(
     '#',
-    kleur.blue(
+    blue(
       `Shortcuts: Press "qq" to abort running tests, "qa" to run all the tests, "qf" to run last failing test, "ql" to repeat last test`,
     ),
   );

package/lib/setup/file-watcher.js

@@ -1,5 +1,5 @@
 import chokidar from 'chokidar';
-import kleur from 'kleur';
+import { green, magenta, red, yellow } from '../utils/color.js';
 
 /**
  * Starts chokidar watchers for each lookup path and calls `onEventFunc` on JS/TS file changes, debounced via a global flag.
@@ -41,12 +41,12 @@ export function handleWatchEvent(config, extensions, event, filePath, onEventFun
 
   console.log(
     '#',
-    kleur.magenta().bold('=================================================================='),
+    magenta().bold('=================================================================='),
   );
   console.log('#', getEventColor(event), filePath.split(config.projectRoot)[1]);
   console.log(
     '#',
-    kleur.magenta().bold('=================================================================='),
+    magenta().bold('=================================================================='),
   );
 
   if (!config._building) {
@@ -90,10 +90,10 @@ export function mutateFSTree(fsTree, event, path) {
 
 function getEventColor(event) {
   if (event === 'change') {
-    return kleur.yellow('CHANGED:');
+    return yellow('CHANGED:');
   } else if (event === 'add' || event === 'addDir') {
-    return kleur.green('ADDED:');
+    return green('ADDED:');
   } else if (event === 'unlink' || event === 'unlinkDir') {
-    return kleur.red('REMOVED:');
+    return red('REMOVED:');
   }
 }

package/lib/setup/keyboard-events.js

@@ -1,4 +1,4 @@
-import kleur from 'kleur';
+import { blue } from '../utils/color.js';
 import listenToKeyboardKey from '../utils/listen-to-keyboard-key.js';
 import runTestsInBrowser from '../commands/run/tests-in-browser.js';
 
@@ -16,10 +16,7 @@ export default function setupKeyboardEvents(config, cachedContent, connections)
     abortBrowserQUnit(config, connections);
 
     if (!config.lastFailedTestFiles) {
-      console.log(
-        '#',
-        kleur.blue(`QUnitX: No tests failed so far, so repeating the last test run`),
-      );
+      console.log('#', blue(`QUnitX: No tests failed so far, so repeating the last test run`));
       return runTestsInBrowser(config, cachedContent, connections, config.lastRanTestFiles);
     }
 

package/lib/tap/display-test-result.js

@@ -1,5 +1,4 @@
-// @deno-types="npm:@types/js-yaml"
-import yaml from 'js-yaml';
+import dumpYaml from './dump-yaml.js';
 import indentString from '../utils/indent-string.js';
 
 // tape TAP output: ['operator', 'stack', 'at', 'expected', 'actual']
@@ -32,7 +31,7 @@ export default function TAPDisplayTestResult(COUNTER, details) {
         console.log('  ---');
         console.log(
           indentString(
-            yaml.dump({
+            dumpYaml({
               name: `Assertion #${index + 1}`, // TODO: check what happens on runtime errors
               actual: assertion.actual
                 ? JSON.parse(JSON.stringify(assertion.actual, getCircularReplacer()))

package/lib/tap/dump-yaml.js

@@ -0,0 +1,70 @@
+/**
+ * Minimal YAML serializer for TAP assertion failure blocks.
+ * Handles the fixed schema: { name, actual, expected, message, stack, at }.
+ * Values for actual/expected are pre-sanitized via JSON.parse(JSON.stringify(...)).
+ */
+
+// Single compiled regex covering all cases where a plain YAML scalar would be misread:
+// - YAML reserved words (null, true, false, ~, yes, no, on, off — case-insensitive)
+// - Starts with a YAML indicator: { [ ! | > ' " % @ `
+// - Block indicators that need a space: - ? : at start of string
+// - Document separator: ---
+// - Looks like a number (integer, float, hex, octal, scientific)
+// - Timestamp-like strings that YAML 1.1 auto-casts to Date
+// - Contains ': ' (key–value) or '#' anywhere (comment)
+// - Empty string
+// Also covers single-letter YAML 1.1 booleans: y/Y → true, n/N → false
+const NEEDS_QUOTING =
+  /^$|^(null|true|false|~|yes|no|on|off|y|n)$|^[{[!|>'"#%@`]|^[-?:](\s|$)|^---|^[-+]?(\d|\.\d)|^\d{4}-\d{2}-\d{2}|: |#/i;
+
+function needsQuoting(str) {
+  return NEEDS_QUOTING.test(str);
+}
+
+function dumpString(str, indent) {
+  if (str === '') return "''";
+  if (str.includes('\n')) {
+    // Block scalar |- (strip trailing newline), each line indented by current indent + 2
+    return '|-\n' + str.replace(/^/gm, `${indent}  `);
+  }
+  if (needsQuoting(str)) return `'${str.replace(/'/g, "''")}'`;
+  return str;
+}
+
+function dumpValue(value, indent) {
+  if (value === null || value === undefined) return 'null';
+  if (typeof value === 'boolean' || typeof value === 'number') return String(value);
+  if (typeof value === 'string') return dumpString(value, indent);
+  if (Array.isArray(value)) {
+    if (value.length === 0) return '[]';
+    const next = `${indent}  `;
+    return '\n' + value.map((v) => `${next}- ${dumpValue(v, next)}`).join('\n');
+  }
+  // Plain object
+  const entries = Object.entries(value);
+  if (entries.length === 0) return '{}';
+  const next = `${indent}  `;
+  return '\n' + entries.map(([k, v]) => `${next}${k}: ${dumpValue(v, next)}`).join('\n');
+}
+
+// Emits `key: value\n` or `key:\n  ...\n` — no trailing space before block scalars.
+function yamlLine(key, value) {
+  const v = dumpValue(value, '');
+  return v[0] === '\n' ? `${key}:${v}\n` : `${key}: ${v}\n`;
+}
+
+/**
+ * Serializes the fixed TAP assertion object to a YAML string.
+ * Uses a template literal (no Object.entries overhead) for the known top-level keys.
+ * @returns {string}
+ */
+export default function dumpYaml({ name, actual, expected, message, stack, at }) {
+  return (
+    `name: ${dumpString(name, '')}\n` +
+    yamlLine('actual', actual) +
+    yamlLine('expected', expected) +
+    yamlLine('message', message) +
+    yamlLine('stack', stack) +
+    yamlLine('at', at)
+  );
+}

package/lib/utils/color.js

@@ -0,0 +1,53 @@
+/**
+ * Minimal ANSI color helpers. Respects NO_COLOR, NODE_DISABLE_COLORS, FORCE_COLOR, and TTY
+ * detection — same logic as kleur.
+ *
+ * Use `createColors(enabled)` in tests to exercise both enabled and disabled branches directly.
+ */
+
+export function createColors(enabled) {
+  const c = (open, close) => (text) =>
+    enabled ? `\x1b[${open}m${text}\x1b[${close}m` : String(text);
+
+  const red = c(31, 39);
+  const green = c(32, 39);
+  const yellow = c(33, 39);
+  const blue = c(34, 39);
+
+  /** `magenta(text)` — colored text. `magenta()` — chainable: `.bold(text)`. */
+  const magenta = (text) => {
+    if (text !== undefined) return enabled ? `\x1b[35m${text}\x1b[39m` : String(text);
+    return { bold: (t) => (enabled ? `\x1b[35m\x1b[1m${t}\x1b[22m\x1b[39m` : String(t)) };
+  };
+
+  return { red, green, yellow, blue, magenta };
+}
+
+const enabled =
+  !process.env.NODE_DISABLE_COLORS &&
+  process.env.NO_COLOR == null &&
+  process.env.TERM !== 'dumb' &&
+  ((process.env.FORCE_COLOR != null && process.env.FORCE_COLOR !== '0') || !!process.stdout?.isTTY);
+
+const _c = createColors(enabled);
+
+/** ANSI red text. */
+export function red(text) {
+  return _c.red(text);
+}
+/** ANSI green text. */
+export function green(text) {
+  return _c.green(text);
+}
+/** ANSI yellow text. */
+export function yellow(text) {
+  return _c.yellow(text);
+}
+/** ANSI blue text. */
+export function blue(text) {
+  return _c.blue(text);
+}
+/** ANSI magenta text. Call without arguments to chain: `magenta().bold(text)`. */
+export function magenta(text) {
+  return _c.magenta(text);
+}

package/lib/utils/find-internal-assets-from-html.js

@@ -1,22 +1,18 @@
-import { load } from 'cheerio';
-
-const ABSOLUTE_URL_REGEX = new RegExp('^(?:[a-z]+:)?//', 'i');
+const ABSOLUTE_URL_REGEX = /^(?:[a-z]+:)?\/\//i;
+const SCRIPT_SRC_REGEX = /<script[^>]+\bsrc=['"]([^'"]+)['"]/gi;
+const LINK_HREF_REGEX = /<link[^>]+\bhref=['"]([^'"]+)['"]/gi;
 
 /**
  * Parses an HTML string and returns all internal (non-absolute-URL) `<script src>` and `<link href>` paths.
  * @returns {string[]}
  */
 export default function findInternalAssetsFromHTML(htmlContent) {
-  const $ = load(htmlContent);
-  const internalJSFiles = $('script[src]')
-    .toArray()
-    .map((scriptNode) => $(scriptNode).attr('src'))
+  const links = [...htmlContent.matchAll(LINK_HREF_REGEX)]
+    .map((m) => m[1])
     .filter((uri) => !ABSOLUTE_URL_REGEX.test(uri));
-  const internalCSSFiles = $('link[href]')
-    .toArray()
-    .map((scriptNode) => $(scriptNode).attr('href'))
+  const scripts = [...htmlContent.matchAll(SCRIPT_SRC_REGEX)]
+    .map((m) => m[1])
     .filter((uri) => !ABSOLUTE_URL_REGEX.test(uri));
 
-  return internalCSSFiles.concat(internalJSFiles);
-  // TODO: maybe needs normalization ? .map((fileReferencePath) => fileReferencePath.replace('/assets', `${projectRoot}/tmp/assets`));
+  return links.concat(scripts);
 }

package/lib/utils/run-user-module.js

@@ -1,4 +1,4 @@
-import kleur from 'kleur';
+import { red } from './color.js';
 
 /**
  * Dynamically imports `modulePath` and calls its default export with `params`; exits with code 1 on error.
@@ -15,7 +15,7 @@ export default async function runUserModule(modulePath, params, scriptPosition)
           : null;
     }
   } catch (error) {
-    console.log('#', kleur.red(`QUnitX ${scriptPosition} script failed:`));
+    console.log('#', red(`QUnitX ${scriptPosition} script failed:`));
     console.trace(error);
     console.error(error);
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "qunitx-cli",
   "type": "module",
-  "version": "0.5.8",
+  "version": "0.7.0",
   "description": "Browser runner for QUnitx: run your qunitx tests in google-chrome",
   "main": "cli.js",
   "author": "Izel Nakri",
@@ -43,11 +43,8 @@
     "url": "https://github.com/izelnakri/qunitx-cli.git"
   },
   "dependencies": {
-    "cheerio": "^1.2.0",
     "chokidar": "^5.0.0",
     "esbuild": "^0.27.3",
-    "js-yaml": "^4.1.1",
-    "kleur": "^4.1.5",
     "picomatch": "^4.0.3",
     "puppeteer": "^24.38.0",
     "ws": "^8.19.0"

package/.dockerignore

@@ -1,15 +0,0 @@
-.claude
-.env
-.github
-.gitignore
-benches
-CHANGELOG.md
-cliff.toml
-docs
-flake.lock
-flake.nix
-Makefile
-scripts
-test
-tmp
-TODO