@gtkx/cli 0.2.1 → 0.2.3

package/dist/create.js

@@ -1,4 +1,4 @@
-import { execSync } from "node:child_process";
+import { spawn } from "node:child_process";
 import { existsSync, mkdirSync, writeFileSync } from "node:fs";
 import { join, resolve } from "node:path";
 import * as p from "@clack/prompts";
@@ -12,11 +12,11 @@ const TESTING_DEV_DEPENDENCIES = {
 const getTestScript = (testing) => {
     switch (testing) {
         case "vitest":
-            return "vitest";
+            return "GDK_BACKEND=x11 xvfb-run -a vitest";
         case "jest":
-            return "jest";
+            return "GDK_BACKEND=x11 xvfb-run -a jest";
         case "node":
-            return "node --import tsx --test tests/**/*.test.ts";
+            return "GDK_BACKEND=x11 xvfb-run -a node --import tsx --test tests/**/*.test.ts";
         case "none":
             return undefined;
     }
@@ -116,7 +116,7 @@ ${afterEachFn}(async () => {
 
 describe("App", () => {
     it("renders the increment button", async () => {
-        await render(<App />);
+        await render(<App />, { wrapper: false });
         const button = await screen.findByRole("button", { name: "Increment" });
         ${assertion}
     });
@@ -191,6 +191,13 @@ const isValidProjectName = (name) => {
 const isValidAppId = (appId) => {
     return /^[a-zA-Z][a-zA-Z0-9]*(\.[a-zA-Z][a-zA-Z0-9]*)+$/.test(appId);
 };
+const runCommand = (command, cwd) => {
+    return new Promise((resolve, reject) => {
+        const proc = spawn(command, { cwd, stdio: "pipe", shell: true });
+        proc.on("close", (code) => code === 0 ? resolve() : reject(new Error(`Command failed with exit code ${code}`)));
+        proc.on("error", reject);
+    });
+};
 const suggestAppId = (name) => {
     const sanitized = name.replace(/-/g, "");
     return `org.gtkx.${sanitized}`;
@@ -302,9 +309,9 @@ export const createApp = async (options = {}) => {
     }
     try {
         const addCmd = getAddCommand(packageManager, DEPENDENCIES, false);
-        execSync(addCmd, { cwd: projectPath, stdio: "pipe" });
+        await runCommand(addCmd, projectPath);
         const addDevCmd = getAddCommand(packageManager, devDeps, true);
-        execSync(addDevCmd, { cwd: projectPath, stdio: "pipe" });
+        await runCommand(addDevCmd, projectPath);
         installSpinner.stop("Dependencies installed!");
     }
     catch (error) {
@@ -316,6 +323,14 @@ export const createApp = async (options = {}) => {
         p.log.info(`  ${getAddCommand(packageManager, devDeps, true)}`);
     }
     const runCmd = getRunCommand(packageManager);
-    p.note(`cd ${name}\n${runCmd}`, "Next steps");
-    p.outro("Happy hacking!");
+    const nextSteps = `cd ${name}
+${runCmd}`;
+    const testingNote = testing !== "none"
+        ? `
+
+To run tests, you need xvfb installed:
+  Fedora: sudo dnf install xorg-x11-server-Xvfb
+  Ubuntu: sudo apt install xvfb`
+        : "";
+    p.note(`${nextSteps}${testingNote}`, "Next steps");
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gtkx/cli",
-  "version": "0.2.1",
+  "version": "0.2.3",
   "description": "CLI for GTKX - create and develop GTK4 React applications",
   "license": "MPL-2.0",
   "author": "Eugenio Depalo <eugeniodepalo@gmail.com>",
@@ -47,8 +47,8 @@
     "@vitejs/plugin-react": "5.1.2",
     "citty": "0.1.6",
     "vite": "7.2.7",
-    "@gtkx/ffi": "0.2.1",
-    "@gtkx/react": "0.2.1"
+    "@gtkx/ffi": "0.2.3",
+    "@gtkx/react": "0.2.3"
   },
   "peerDependencies": {
     "react": "^19"