@techninja/clearstack 0.3.5 → 0.3.7

package/lib/check.js

@@ -10,6 +10,13 @@ import { checkFileLines, runCmd, countFiles } from './spec-utils.js';
 
 export { checkFileLines, runCmd, countFiles, findFiles, elapsed } from './spec-utils.js';
 
+/** Detect the project's package manager runner (npx, pnpm exec, yarn). */
+function detectRunner(projectDir) {
+  if (existsSync(resolve(projectDir, 'pnpm-lock.yaml'))) return 'pnpm exec';
+  if (existsSync(resolve(projectDir, 'yarn.lock'))) return 'yarn';
+  return 'npx';
+}
+
 /** @param {string} src */
 function parseEnv(src) {
   const env = {};
@@ -36,15 +43,24 @@ export function loadConfig(projectDir) {
   };
 }
 
-/** Standard check commands used by both CLI and POC. */
-export const CMDS = {
-  lint: 'npx eslint --config .configs/eslint.config.js . --fix',
-  stylelint: 'npx stylelint --config .configs/.stylelintrc.json "src/**/*.css" --fix',
-  prettier: 'npx prettier --config .configs/.prettierrc --write src scripts',
-  mdlint: 'npx markdownlint-cli2 --config .configs/.markdownlint.jsonc --fix "docs/**/*.md" "*.md"',
-  types: 'npx tsc --project .configs/jsconfig.json',
-  audit: 'npm audit --omit=dev',
-};
+/**
+ * Build check commands for the detected package manager.
+ * @param {string} runner
+ */
+function buildCmds(runner) {
+  const audit = runner === 'pnpm exec' ? 'pnpm audit --prod' : 'npm audit --omit=dev';
+  return {
+    lint: `${runner} eslint --config .configs/eslint.config.js . --fix`,
+    stylelint: `${runner} stylelint --config .configs/.stylelintrc.json "src/**/*.css" --fix`,
+    prettier: `${runner} prettier --config .configs/.prettierrc --write src scripts`,
+    mdlint: `${runner} markdownlint-cli2 --config .configs/.markdownlint.jsonc --fix "docs/**/*.md" "*.md"`,
+    types: `${runner} tsc --project .configs/jsconfig.json`,
+    audit,
+  };
+}
+
+/** @deprecated Use buildCmds() instead — kept for backward compat. */
+export const CMDS = buildCmds('npx');
 
 /**
  * Run the full spec compliance check (used by clearstack CLI).
@@ -53,6 +69,7 @@ export const CMDS = {
  */
 export async function check(projectDir, scope) {
   const cfg = loadConfig(projectDir);
+  const cmds = buildCmds(detectRunner(projectDir));
 
   if (scope === 'code') {
     if (!checkFileLines(projectDir, cfg.codeExt, cfg.codeMax, cfg.ignore, `Code (max ${cfg.codeMax} lines)`))
@@ -73,12 +90,12 @@ export async function check(projectDir, scope) {
   const results = [
     checkFileLines(projectDir, cfg.codeExt, cfg.codeMax, cfg.ignore, `Code (max ${cfg.codeMax} lines)`),
     checkFileLines(projectDir, cfg.docsExt, cfg.docsMax, cfg.ignore, `Docs (max ${cfg.docsMax} lines)`),
-    runCmd('ESLint', CMDS.lint, projectDir, `${jsFiles} files`),
-    runCmd('Stylelint', CMDS.stylelint, projectDir, `${cssFiles} files`),
-    runCmd('Prettier', CMDS.prettier, projectDir, `${jsFiles} files`),
-    runCmd('Markdown', CMDS.mdlint, projectDir, `${mdFiles} files`),
-    runCmd('JSDoc types', CMDS.types, projectDir, `${jsFiles} files`),
-    runCmd('Security audit', CMDS.audit, projectDir),
+    runCmd('ESLint', cmds.lint, projectDir, `${jsFiles} files`),
+    runCmd('Stylelint', cmds.stylelint, projectDir, `${cssFiles} files`),
+    runCmd('Prettier', cmds.prettier, projectDir, `${jsFiles} files`),
+    runCmd('Markdown', cmds.mdlint, projectDir, `${mdFiles} files`),
+    runCmd('JSDoc types', cmds.types, projectDir, `${jsFiles} files`),
+    runCmd('Security audit', cmds.audit, projectDir),
   ];
 
   const passed = results.filter(Boolean).length;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@techninja/clearstack",
-  "version": "0.3.5",
+  "version": "0.3.7",
   "type": "module",
   "description": "A no-build web component framework specification — scaffold, validate, and evolve spec-compliant projects",
   "bin": {
@@ -20,7 +20,7 @@
     "start": "node src/server.js",
     "dev": "node --watch --env-file=.env --env-file=.env.local src/server.js",
     "setup": "node scripts/vendor-deps.js && node scripts/build-icons.js",
-    "test": "node --test tests/*.test.js src/utils/*.test.js src/store/*.test.js",
+    "test": "node scripts/test.js",
     "spec": "node --env-file=.env scripts/spec.js",
     "lint": "eslint --config .configs/eslint.config.js . --fix",
     "format": "prettier --config .configs/.prettierrc --write src scripts tests templates/**/*.md templates/**/*.html templates/**/*.css templates/**/*.json",

package/templates/shared/scripts/test.js

@@ -1,37 +1,57 @@
 #!/usr/bin/env node
 
 /**
- * Test runner — finds and executes all .test.js files.
+ * Test runner — runs node tests directly, browser tests via web-test-runner.
+ * Browser tests live in src/components/. Everything else runs in Node.
  * @module scripts/test
  */
 
 import { execSync } from 'node:child_process';
 import { dirname, resolve } from 'node:path';
 import { fileURLToPath } from 'node:url';
-import { readdirSync, statSync } from 'node:fs';
+import { readdirSync, existsSync } from 'node:fs';
 
 const ROOT = dirname(dirname(fileURLToPath(import.meta.url)));
 
 /** @param {string} dir @returns {string[]} */
 function findTests(dir) {
   const results = [];
+  if (!existsSync(dir)) return results;
   for (const entry of readdirSync(dir, { withFileTypes: true })) {
     const full = resolve(dir, entry.name);
-    if (entry.name === 'node_modules' || entry.name === 'public') continue;
+    if (entry.name === 'node_modules' || entry.name === 'vendor') continue;
     if (entry.isDirectory()) results.push(...findTests(full));
     else if (entry.name.endsWith('.test.js')) results.push(full);
   }
   return results;
 }
 
-const files = findTests(ROOT);
-if (files.length === 0) {
-  console.log('No test files found.');
-  process.exit(0);
+const componentDir = resolve(ROOT, 'src/components');
+const allTests = findTests(ROOT);
+const nodeTests = allTests.filter((f) => !f.startsWith(componentDir));
+const browserTests = allTests.filter((f) => f.startsWith(componentDir));
+let failed = false;
+
+if (nodeTests.length > 0) {
+  console.log(`Running ${nodeTests.length} node test(s)...\n`);
+  try {
+    execSync(`node --test ${nodeTests.join(' ')}`, { cwd: ROOT, stdio: 'inherit' });
+  } catch {
+    failed = true;
+  }
 }
 
-try {
-  execSync(`node --test ${files.join(' ')}`, { cwd: ROOT, stdio: 'inherit' });
-} catch {
-  process.exit(1);
+if (browserTests.length > 0) {
+  console.log(`\nRunning ${browserTests.length} browser test(s)...\n`);
+  try {
+    execSync('npx web-test-runner --config .configs/web-test-runner.config.js', {
+      cwd: ROOT,
+      stdio: 'inherit',
+    });
+  } catch {
+    failed = true;
+  }
 }
+
+if (allTests.length === 0) console.log('No test files found.');
+if (failed) process.exit(1);