feat: CI improvements and web UI implementation

[MBanucu]

Closes #14

Summary

This PR addresses CI pipeline issues and introduces a comprehensive web UI for PTY session management.

Key Changes

• CI Enhancements: Enabled matrix strategy for faster parallel test execution, updated workflows for Bun/Node compatibility, added security scanning, and fixed runner issues (migrated to Ubuntu 24.04).
• Web UI: Implemented full browser-based interface with xterm.js terminal, real-time WebSocket streaming, session switching, and interactive input/output.
• Testing: Added extensive E2E tests (Playwright), unit/integration tests, and fixes for test isolation/reliability.
• Refactoring: Improved logging (Pino), code modularization, permissions handling, and removed debug artifacts for production readiness.

Impact

• No breaking changes; enhances stability, adds UI capabilities, and resolves CI failures.
• All changes follow project conventions (camelCase, ESLint/Prettier compliance).

Preview of this branch is available at: https://www.npmjs.com/package/opencode-pty-test

[JosXa]

Proposal:

/pty-server to launch the website immediately. Something like

import { spawn } from "bun";

function openBrowser(url: string): void {
  let cmd: string;
  let args: string[];

  if (process.platform === "win32") {
    cmd = "cmd";
    args = ["/c", "start", "", url];
  } else if (process.platform === "darwin") {
    cmd = "open";
    args = [url];
  } else {
    cmd = "xdg‑open";
    args = [url];
  }

  spawn({
    cmd: [cmd, ...args],
    stdio: ["ignore", "inherit", "inherit"],
  });
}

// usage
openBrowser("http://localhost:3000");

(should probably rewrite using bun's $`` helper)

[MBanucu]

#13 (comment)
Proposal:

/pty-server to launch the website immediately. Something like

import { spawn } from "bun";

function openBrowser(url: string): void {
  let cmd: string;
  let args: string[];

  if (process.platform === "win32") {
    cmd = "cmd";
    args = ["/c", "start", "", url];
  } else if (process.platform === "darwin") {
    cmd = "open";
    args = [url];
  } else {
    cmd = "xdg‑open";
    args = [url];
  }

  spawn({
    cmd: [cmd, ...args],
    stdio: ["ignore", "inherit", "inherit"],
  });
}

// usage
openBrowser("http://localhost:3000");

(should probably rewrite using bun's $`` helper)

I wanted to do something like that but how do I test this? This plugin is written totally cross platfrom capable and I don't want to break it. Any ideas how to test this on every platform in the universe?

[MBanucu]

@JosXa done

I use library open. It is adding some unnecessary fat to the plugin but it includes a nice feature and these people from open probably know what they are doing.

[MBanucu]

Any other wishes?

[MBanucu]

Will @shekohex ever allow themselves to merge this PR?

[shekohex]

Some nitpicks,but needs more cleanup here.

[shekohex]

Needed anymore?

[MBanucu]

this was the automatic formatter. Should I remove the formatter? It belongs to code styles. Maybe it it configurable

https://github.com/MBanucu/opencode-pty/blob/3747e5efc576abf2a16570834d2d57cdf7931c08/.prettierrc.json

{
  "semi": false,
  "trailingComma": "es5",
  "singleQuote": true,
  "printWidth": 100,
  "tabWidth": 2,
  "useTabs": false
}

Should I remove the singleQuote or remove the entire formatter?

[shekohex]

can we use biome?

[shekohex]

nitpick: file names should be kebab-cased.

[JosXa]

@JosXa done

I use library open. It is adding some unnecessary fat to the plugin but it includes a nice feature and these people from open probably know what they are doing.

Perfect!

[shekohex]

Overall looks good, one unanswered question yet is the following:
#14 (comment)