@tui-sandbox/library 11.4.1 → 11.6.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tui-sandbox/library",
-  "version": "11.4.1",
+  "version": "11.6.0",
   "repository": {
     "type": "git",
     "url": "https://github.com/mikavilpas/tui-sandbox"
@@ -12,11 +12,12 @@
   },
   "dependencies": {
     "@catppuccin/palette": "1.7.1",
-    "@trpc/client": "11.4.3",
-    "@trpc/server": "11.4.3",
+    "@trpc/client": "11.4.4",
+    "@trpc/server": "11.4.4",
     "@xterm/addon-fit": "0.10.0",
     "@xterm/addon-unicode11": "0.8.0",
     "@xterm/xterm": "5.5.0",
+    "concurrently": "9.2.0",
     "cors": "2.8.5",
     "cypress": "14.5.3",
     "dree": "5.1.5",
@@ -32,7 +33,7 @@
     "@types/command-exists": "1.2.3",
     "@types/cors": "2.8.19",
     "@types/express": "5.0.3",
-    "@types/node": "24.1.0",
+    "@types/node": "24.2.0",
     "nodemon": "3.1.10",
     "tsx": "4.20.3",
     "vite": "7.0.6",

package/src/client/cypress-assertions.ts

@@ -10,28 +10,26 @@
  * Limitation: text spanning multiple lines will not be detected.
  */
 export function textIsVisibleWithColor(text: string, color: string): Cypress.Chainable<JQuery> {
-  return cy.get("div.xterm-rows span").and($spans => {
-    const matching = $spans.filter((_, el) => !!el.textContent.includes(text))
-
-    const colors = matching.map((_, el) => {
-      return window.getComputedStyle(el).color
+  return cy
+    .get("div.xterm-rows span")
+    .filter(`:contains(${text})`)
+    .should("exist") // ensures there's at least one match
+    .should($els => {
+      const colors = $els.map((_, el) => window.getComputedStyle(el).color).toArray()
+      expect(colors).to.include(color)
     })
-
-    expect(JSON.stringify(colors.toArray())).to.contain(color)
-  })
 }
 
 /** Like `textIsVisibleWithColor`, but checks the background color instead
  * of the text color.
  */
 export function textIsVisibleWithBackgroundColor(text: string, color: string): Cypress.Chainable<JQuery> {
-  return cy.get("div.xterm-rows span").and($spans => {
-    const matching = $spans.filter((_, el) => !!el.textContent.includes(text))
-
-    const colors = matching.map((_, el) => {
-      return window.getComputedStyle(el).backgroundColor
+  return cy
+    .get("div.xterm-rows span")
+    .filter(`:contains(${text})`)
+    .should("exist") // ensures there's at least one match
+    .should($els => {
+      const colors = $els.map((_, el) => window.getComputedStyle(el).backgroundColor).toArray()
+      expect(colors).to.include(color)
     })
-
-    expect(JSON.stringify(colors.toArray())).to.contain(color)
-  })
 }

package/src/scripts/commands/commandRunOnce.ts

@@ -0,0 +1,35 @@
+import concurrently from "concurrently"
+import { debuglog } from "util"
+
+const log = debuglog("tui-sandbox.commandRunOnce")
+
+export async function commandRunOnce(): Promise<void> {
+  const job = concurrently(
+    [
+      {
+        name: "server",
+        command: "tui start",
+        prefixColor: "blue",
+      },
+      {
+        name: "cypress",
+        command: `'wait-on --timeout 60000 http-get://127.0.0.1:3000/ping && pnpm exec cypress run --config baseUrl=http://127.0.0.1:3000 --quiet'`,
+        prefixColor: "yellow",
+      },
+    ],
+    {
+      killOthersOn: ["failure", "success"],
+      padPrefix: true, // makes all the prefixes the same length
+      successCondition: "command-cypress", // the test run that determines success/failure
+    }
+  )
+
+  await job.result.then(
+    _ => {
+      log("All commands completed successfully")
+    },
+    (err: unknown) => {
+      log("One or more commands failed. Debug info follows.", err)
+    }
+  )
+}

package/src/scripts/parseArguments.test.ts

@@ -21,3 +21,8 @@ it(`can parse "start"`, async () => {
   expect(await parseArguments(["start"])).toEqual({ action: "start" })
   expect(await parseArguments(["start", "foo"])).toBeUndefined()
 })
+
+it(`can parse "run"`, async () => {
+  expect(await parseArguments(["run"])).toEqual({ action: "run" })
+  expect(await parseArguments(["run", "foo"])).toBeUndefined()
+})

package/src/scripts/parseArguments.ts

@@ -14,7 +14,7 @@ export const parseArguments = async (args: string[]): Promise<ParseArgumentsResu
   }
 
   {
-    // tui neovim exec <command> <args>
+    // tui neovim exec <command>
     const schema = z.tuple([z.literal("neovim"), z.literal("exec"), z.string()])
     const execArguments = schema.safeParse(args)
     if (execArguments.success) {
@@ -37,9 +37,20 @@ export const parseArguments = async (args: string[]): Promise<ParseArgumentsResu
       }
     }
   }
+
+  {
+    // tui start
+    const schema = z.tuple([z.literal("run")])
+    const result = schema.safeParse(args)
+    if (result.success) {
+      return {
+        action: "run",
+      }
+    }
+  }
 }
 
-export type ParseArgumentsResult = NeovimPrepare | NeovimExec | TuiStart
+export type ParseArgumentsResult = NeovimPrepare | NeovimExec | TuiStart | TuiRunOnce
 
 export type NeovimExec = {
   action: "neovim exec"
@@ -53,3 +64,7 @@ export type NeovimPrepare = {
 export type TuiStart = {
   action: "start"
 }
+
+export type TuiRunOnce = {
+  action: "run"
+}

package/src/scripts/tui.ts

@@ -1,5 +1,6 @@
 import path from "node:path"
 import type { TestServerConfig } from "../server/index.js"
+import { commandRunOnce } from "./commands/commandRunOnce.js"
 import { commandTuiNeovimExec } from "./commands/commandTuiNeovimExec.js"
 import { commandTuiNeovimPrepare } from "./commands/commandTuiNeovimPrepare.js"
 import { commandTuiStart } from "./commands/commandTuiStart.js"
@@ -40,6 +41,10 @@ switch (command?.action) {
     await commandTuiStart()
     break
   }
+  case "run": {
+    await commandRunOnce()
+    break
+  }
   default: {
     command satisfies undefined
     showUsageAndExit()