update to node-v22

Author: Austin1serb

.release-please-config.json

@@ -1,15 +1,9 @@
 {
-  "release-type": "node",
-  "monorepo-tags": true,
-  "include-component-in-tag": true,
-  "packages": {
-    "packages/core": {
-      "package-name": "@react-zero-ui/core",
-      "release-type": "node"
-    },
-    "packages/cli": {
-      "package-name": "create-zero-ui",
-      "release-type": "node"
-    }
-  }
-}
+	"release-type": "node",
+	"monorepo-tags": true,
+	"include-component-in-tag": true,
+	"packages": {
+		"packages/core": { "package-name": "@react-zero-ui/core", "release-type": "node" },
+		"packages/cli": { "package-name": "create-zero-ui", "release-type": "node" }
+	}
+}

README.md

@@ -20,10 +20,10 @@ Pre‑render your UI once, flip a `data-*` attribute to update — that's it.
 
 ## 🚀 Live Demo
 
-| Example | Link | What it shows | Link to Code |
-| --- | --- | --- | --- |
-| Interactive menu with render tracker    | <a href="https://zero-ui.dev/" target="_blank" rel="noopener noreferrer"><strong>Main Demo↗</strong></a> | Compare Zero‑UI vs. React side‑by‑side while toggling a menu. | <a href="https://github.com/react-zero-ui/core/tree/main/examples/demo" target="_blank" rel="noopener noreferrer">Github</a> |
-| React benchmark (10 000 nested nodes)   | <a href="https://zero-ui.dev/react" target="_blank" rel="noopener noreferrer"><strong>React 10k↗</strong></a> | How long the traditional React render path takes. | <a href="https://github.com/react-zero-ui/core/tree/main/examples/demo/src/app/react" target="_blank" rel="noopener noreferrer">Github</a>   |
+| Example                                 | Link                                                                                                                                           | What it shows                                                 | Link to Code                                                                                                                                 |
+| --------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------- |
+| Interactive menu with render tracker    | <a href="https://zero-ui.dev/" target="_blank" rel="noopener noreferrer"><strong>Main Demo↗</strong></a>                                      | Compare Zero‑UI vs. React side‑by‑side while toggling a menu. | <a href="https://github.com/react-zero-ui/core/tree/main/examples/demo" target="_blank" rel="noopener noreferrer">Github</a>                 |
+| React benchmark (10 000 nested nodes)   | <a href="https://zero-ui.dev/react" target="_blank" rel="noopener noreferrer"><strong>React 10k↗</strong></a>                                 | How long the traditional React render path takes.             | <a href="https://github.com/react-zero-ui/core/tree/main/examples/demo/src/app/react" target="_blank" rel="noopener noreferrer">Github</a>   |
 | Zero‑UI benchmark (10 000 nested nodes) | <a href="https://zero-ui.dev/zero-ui" target="_blank" rel="noopener noreferrer"><strong style="text-align: nowrap;">Zero‑UI 10k↗</strong></a> | Identical DOM, but powered by Zero‑UI's `data-*` switch.      | <a href="https://github.com/react-zero-ui/core/tree/main/examples/demo/src/app/zero-ui" target="_blank" rel="noopener noreferrer">Github</a> |
 
 ---

examples/demo/package.json

@@ -33,4 +33,4 @@
 		"tailwindcss": "^4.1.10",
 		"typescript": "^5"
 	}
-}
+}

package.json

@@ -2,6 +2,9 @@
 	"name": "react-zero-ui-monorepo",
 	"private": true,
 	"type": "module",
+	"engines": {
+		"node": ">=22"
+	},
 	"workspaces": [
 		"packages/*"
 	],

packages/core/__tests__/fixtures/next/app/layout.tsx

@@ -1,13 +1,15 @@
-import { bodyAttributes } from "@zero-ui/attributes";import './globals.css';
+import { bodyAttributes } from '@zero-ui/attributes';
+import './globals.css';
 
 export default function RootLayout({ children }) {
-  return (
-    <html lang="en">
-			<body {...bodyAttributes}
-      className="bg-red test-ww this is to test the body tag"
-      id="88">
+	return (
+		<html lang="en">
+			<body
+				{...bodyAttributes}
+				className="bg-red test-ww this is to test the body tag"
+				id="88">
 				{children}
 			</body>
-		</html>);
-
-}
+		</html>
+	);
+}

packages/core/__tests__/helpers/loadCli.js

@@ -4,7 +4,7 @@ import path from 'node:path';
 
 export async function loadCliFromFixture(fixtureDir) {
 	const r = createRequire(path.join(fixtureDir, 'package.json'));
-	const modulePath = r.resolve('../../../dist/cli/init.cjs'); // get the path
+	const modulePath = r.resolve('../../../dist/cli/init.js'); // get the path
 	const mod = r(modulePath); // actually require the module
 	console.log('[Global Setup] Loaded CLI from fixture:', modulePath);
 	// Return a wrapper function that changes directory before running CLI

packages/core/__tests__/helpers/resetProjectState.js

@@ -2,7 +2,7 @@
 import fs from 'node:fs';
 import path from 'node:path';
 import { rmSync } from 'node:fs';
-import { overwriteFile } from './overwriteFile';
+import { overwriteFile } from './overwriteFile.js';
 
 /**
  * Reset everything the Zero-UI CLI generates inside a fixture.

packages/core/__tests__/unit/ast.test.cjs

@@ -4,8 +4,8 @@ const fs = require('fs');
 const path = require('path');
 const os = require('os');
 const { performance } = require('node:perf_hooks');
-const { findAllSourceFiles } = require('../../dist/postcss/helpers.cjs');
-const { collectUseUIHooks, extractVariants } = require('../../dist/postcss/ast-parsing.cjs');
+const { findAllSourceFiles } = require('../../dist/postcss/helpers');
+const { collectUseUIHooks, extractVariants } = require('../../dist/postcss/ast-parsing');
 
 const ComponentImports = readFile(path.join(__dirname, './fixtures/test-components.jsx'));
 const AllPatternsComponent = readFile(path.join(__dirname, './fixtures/ts-test-components.tsx'));

packages/core/__tests__/unit/cli.test.cjs

@@ -56,7 +56,7 @@ function cleanupTestDir(testDir) {
 function runCLIScript(targetDir, timeout = 30000) {
 	return new Promise((resolve, reject) => {
 		// Updated path to the correct CLI script location
-		const binScript = path.resolve(__dirname, '../../../cli/bin.js');
+		const binScript = path.resolve(__dirname, '../../../cli/bin');
 
 		const child = spawn('node', [binScript, '.'], { cwd: targetDir, stdio: ['pipe', 'pipe', 'pipe'] });
 
@@ -296,7 +296,7 @@ export function TestComponent() {
 		fs.writeFileSync(path.join(componentDir, 'TestComponent.jsx'), testComponent);
 
 		// Import and run the library CLI directly
-		const { runZeroUiInit } = require('../../dist/cli/postInstall.cjs');
+		const { runZeroUiInit } = require('../../dist/cli/postInstall');
 
 		// Mock console to capture output
 		const originalConsoleLog = console.log;
@@ -354,7 +354,7 @@ test('Library CLI handles errors gracefully', async () => {
 		};
 
 		try {
-			const { runZeroUiInit } = require('../../dist/cli/postInstall.cjs');
+			const { runZeroUiInit } = require('../../dist/cli/postInstall');
 
 			// This should complete without errors in most cases
 			await runZeroUiInit();
@@ -523,7 +523,7 @@ export function Toggle() {
 		fs.writeFileSync(path.join(componentsDir, 'Toggle.jsx'), component2);
 
 		// Import and run the library CLI
-		const { runZeroUiInit } = require('../../dist/cli/postInstall.cjs');
+		const { runZeroUiInit } = require('../../dist/cli/postInstall');
 
 		const originalConsoleLog = console.log;
 		const logMessages = [];

packages/core/__tests__/unit/index.test.cjs

@@ -7,7 +7,7 @@ const os = require('os');
 //  This file is the entry point for the react-zero-ui library, that uses postcss to trigger the build process
 const plugin = require('../../dist/postcss/index.cjs');
 
-const { patchTsConfig, toKebabCase, patchPostcssConfig, patchViteConfig } = require('../../dist/postcss/helpers.cjs');
+const { patchTsConfig, toKebabCase, patchPostcssConfig, patchViteConfig } = require('../../dist/postcss/helpers.js');
 
 function getAttrFile() {
 	return path.join(process.cwd(), '.zero-ui', 'attributes.js');
@@ -23,7 +23,7 @@ async function runTest(files, callback) {
 
 		// Clear the global file cache to prevent stale entries from previous tests
 		try {
-			const astParsing = require('../../dist/postcss/ast-parsing.cjs');
+			const astParsing = require('../../dist/postcss/ast-parsing.js');
 			if (astParsing.clearCache) {
 				astParsing.clearCache();
 			}