tunli 0.0.27 → 0.2.0

package/package.json

@@ -1,44 +1,68 @@
 {
   "name": "tunli",
-  "description": "Node.js application for creating HTTP tunnels to make local software projects accessible over the internet.",
-  "version": "0.0.27",
+  "description": "Developer-first HTTP tunneling CLI with daemon-based tunnel management, profiles, and self-hosted server support.",
+  "version": "0.2.0",
   "main": "bin/tunli",
   "bin": {
     "tunli": "bin/tunli"
   },
   "scripts": {
-    "dev": "nodemon client.js"
+    "prepublishOnly": "npm test",
+    "build": "npm run clean && tsc",
+    "build:sea": "npm run clean && tsc && scripts/build-main.sh && scripts/build-launcher.sh",
+    "build:main": "npm run clean && tsc && scripts/build-main.sh",
+    "build:launcher": "npm run clean && tsc && scripts/build-launcher.sh",
+    "clean": "rm -rf dist",
+    "dev:dashboard": "tsx --tsconfig tsconfig.json dev/dashboard-dev.ts",
+    "test": "npm run build && node --test test/**",
+    "test:coverage": "npm run build && node --test --experimental-test-coverage --test-coverage-exclude='test/**'",
+    "test:coverage:c8": "npm run build && npx c8 node --test",
+    "test:coverage:lcov": "npm run build && npx c8 --src src node --enable-source-maps --test"
   },
   "keywords": [
-    "HTTP tunnel",
+    "tunnel",
+    "http tunnel",
     "reverse proxy",
-    "remote access",
     "local development",
-    "Node.js"
+    "websocket",
+    "daemon",
+    "self-hosted"
   ],
   "author": "Pascal Pfeifer <pascal@tunli.app>",
   "imports": {
-    "#lib/*": "./src/lib/*.js",
-    "#commands/*": "./src/commands/*.js",
-    "#src/*": "./src/*.js"
+    "#*": "./dist/*.js"
   },
+  "files": [
+    "bin/",
+    "dist/",
+    "README.md",
+    "CHANGELOG.md",
+    "LICENSE"
+  ],
   "type": "module",
   "dependencies": {
-    "axios": "^1.11.0",
-    "blessed": "^0.1.81",
+    "@pfeiferio/ipv4": "^1.1.0",
+    "@pfeiferio/string-interpolate": "^1.0.0",
     "chalk": "^5.5.0",
-    "commander": "^14.0.0",
+    "ink": "^6.8.0",
     "qrcode": "^1.5.4",
+    "react": "^19.2.4",
     "socket.io-client": "^4.8.1"
   },
   "devDependencies": {
-    "nodemon": "^3.1.10"
+    "@types/qrcode": "^1.5.6",
+    "@types/react": "^19.0.0",
+    "esbuild": "^0.27.4",
+    "nodemon": "^3.1.10",
+    "tsx": "^4.19.3",
+    "typescript": "^5.9.3"
   },
   "repository": {
     "type": "git",
-    "url": "https://github.com/tunlijs/tunli-client"
+    "url": "git+https://github.com/tunlijs/tunli-client"
   },
   "publishConfig": {
+    "access": "public",
     "registry": "https://registry.npmjs.org"
   },
   "homepage": "https://tunli.app",
@@ -47,8 +71,7 @@
     "url": "https://github.com/tunlijs/tunli-client/issues"
   },
   "license": "GPL-3.0",
-  "readme": "README.md",
   "engines": {
-    "node": ">=18"
+    "node": ">=22"
   }
 }

package/client.js

@@ -1,33 +0,0 @@
-import {dirnameFromMeta, readJsonFile, searchFileInDirectoryTree} from "#src/core/FS/utils";
-import {program} from 'commander';
-import {createCommandHTTP} from "#commands/CommandHTTP";
-import {createCommandAuth} from "#commands/CommandAuth";
-import {createCommandConfig} from "#commands/CommandConfig";
-import {createCommandRegister} from "#commands/CommandRegister";
-import {createCommandRefresh} from "#commands/CommandRefresh";
-import {argumentAliasResolver} from "#commands/helper/AliasResolver";
-import {createCommandInvite} from "#commands/CommandInvite";
-import {addExamples, addUsage} from "#commands/utils";
-import {profileListOption} from "#commands/Option/ProfileListOption";
-
-program
-  .name('tunli')
-  .description('HTTP tunnel client')
-  .option('-v, --version', 'version', () => {
-    const packageJson = readJsonFile(searchFileInDirectoryTree('package.json', dirnameFromMeta(import.meta)))
-    console.log(`tunli: ${packageJson.version}`)
-    process.exit()
-  })
-  .addOption(profileListOption())
-
-program.addCommand(createCommandConfig(program))
-program.addCommand(createCommandHTTP(program), {isDefault: true})
-program.addCommand(createCommandRegister(program))
-program.addCommand(createCommandRefresh(program))
-program.addCommand(createCommandInvite(program))
-program.addCommand(createCommandAuth(program))
-
-addExamples(program)
-addUsage(program)
-
-await program.parseAsync(argumentAliasResolver());

package/src/cli-app/Dashboard.js

@@ -1,220 +0,0 @@
-import {concat, createScreen} from "#src/cli-app/helper/utils";
-import {dirnameFromMeta, readJsonFile, searchFileInDirectoryTree} from "#src/core/FS/utils";
-import {ref} from "#src/core/Ref";
-import {trimEnd} from "#src/utils/stringFunctions";
-import chalk from "chalk";
-import {getLatestVersion} from "#lib/Flow/getLatestVersion";
-import {exec} from 'child_process'
-import {checkGlobalInstallation, checkLocalInstallation} from "#src/utils/npmFunctions";
-import QRCode from 'qrcode'
-
-export class Dashboard {
-
-  /**
-   * @type {TunnelClient}
-   */
-  #client
-  /**
-   * @type {tunnelClientOptions}
-   */
-  #options
-  /**
-   * @type {AppConfig}
-   */
-  #config
-  /**
-   * @type {Screen}
-   */
-  #screen
-  /**
-   * @type {Ref}
-   */
-  #forwardingUrl
-
-  /**
-   * @param {TunnelClient} client
-   * @param {tunnelClientOptions} options
-   * @param {AppConfig} config
-   */
-  constructor(client, options, config) {
-    this.#client = client
-    this.#options = options
-    this.#config = config
-  }
-
-  /**
-   * @param {string} value
-   */
-  set forwardingUrl(value) {
-    this.#forwardingUrl.value = value
-  }
-
-  /**
-   * @return {Screen}
-   */
-  get screen() {
-    return this.#screen
-  }
-
-  destroy() {
-    this.#screen.destroy()
-  }
-
-  init() {
-
-    const options = this.#options
-    const config = this.#config
-    const client = this.#client
-
-    const screen = createScreen()
-    this.#screen = screen
-    const packageJson = readJsonFile(searchFileInDirectoryTree('package.json', dirnameFromMeta(import.meta)))
-    const connectionStatus = ref(chalk.yellow('offline'))
-    const requestCount = ref(0)
-    const connectionDetails = ref('')
-    const forwardingUrl = ref(trimEnd(options.server, '/'))
-
-    this.#forwardingUrl = forwardingUrl
-
-    const allowedCidr = options.allowCidr.join(', ')
-    const deniedCidr = options.denyCidr.join(', ')
-
-    const blockedCount = ref(0)
-    const lastBlockedIp = ref('')
-    const availableUpdate = ref('')
-
-    screen.key('C-q', () => {
-      QRCode.toString(forwardingUrl.value, {type: 'terminal'}, (err, url) => {
-        if (err) throw err
-        screen.newFullScreenModal(url)
-      })
-    })
-
-    getLatestVersion().then((version) => {
-      if (version && version !== packageJson.version) {
-        availableUpdate.value = chalk.yellow(`update available (version ${version}, Ctrl-U to update)`)
-
-        screen.onceKey('C-u', async (char, details) => {
-          availableUpdate.value = chalk.yellow('Updating...')
-          let modifier
-          if (await checkGlobalInstallation(packageJson.name)) {
-            modifier = ' -g'
-          } else if (!await checkLocalInstallation(packageJson.name)) {
-            availableUpdate.value = chalk.red('Update failed.')
-            return
-          }
-
-          const npmUpdateCommand = `npm${modifier} update ${packageJson.name} --registry https://registry.npmjs.org`
-
-          exec(npmUpdateCommand, (error, stdout, stderr) => {
-            if (error || stderr) {
-              availableUpdate.value = chalk.red('Update failed. Reason 2.')
-              return;
-            }
-            availableUpdate.value = chalk.green('Update done. Please restart tunli. (Ctrl+R to restart)')
-          })
-        })
-      }
-    })
-
-    screen.row(packageJson.name)
-    screen.row('(Ctrl+C to quit)', {
-      top: -1, right: 0
-    })
-
-    screen.row("")
-
-    const infoList = screen.list({minWidth: 30})
-
-    screen.row('HTTP Requests')
-    screen.line()
-
-    const accessLog = screen.list({
-      length: 30, reverse: true, minWidth: [undefined, 30], maxWidth: [undefined, screen.width - 35]
-    })
-
-    client.on('tunnel-connection-established', () => {
-      connectionStatus.value = chalk.bold(chalk.green('online'))
-      connectionDetails.value = ''
-      screen.render()
-    })
-
-    client.on('blocked', ip => {
-      blockedCount.value++
-      lastBlockedIp.value = ` (${ip})`
-    })
-    client.on('tunnel-connection-closed', () => {
-      connectionStatus.value = chalk.bold(chalk.red('offline'))
-      screen.render()
-    })
-
-    client.on('tunnel-connection-error', (error) => {
-      if (error.stopPropagation) {
-        return
-      }
-      connectionDetails.value = chalk.bold(chalk.red(` - ${error.message}`))
-      screen.render()
-    })
-
-    client.on('response', (res, req) => {
-
-      const code = res.statusCode
-      let rspMsg = `${res.statusCode} ${res.statusMessage}`
-      if (code >= 500) {
-        rspMsg = chalk.red(rspMsg)
-      } else if (code >= 400) {
-        rspMsg = chalk.blueBright(rspMsg)
-      } else {
-        rspMsg = chalk.green(rspMsg)
-      }
-
-      rspMsg = chalk.bold(rspMsg)
-
-      requestCount.value++
-      accessLog.row(req.method, req.path, rspMsg)
-      screen.render()
-    })
-
-    screen.key('C-c', (char, details) => {
-      process.exit(0);
-    })
-
-    screen.key('C-r', (char, details) => {
-      process.send('restart')
-    })
-
-    const target = new URL(`${options.protocol}://${options.host}:${options.port}`)
-
-    infoList.row('Tunnel', concat(connectionStatus, connectionDetails))
-    infoList.row('Version', packageJson.version)
-    infoList.row(chalk.yellow('Update'), availableUpdate).if(() => availableUpdate)
-    infoList.row('Profile', config.profile)
-    infoList.row('Config', config.configPath)
-    infoList.row('QR-Code', 'Ctrl-Q')
-
-    if (allowedCidr || deniedCidr) infoList.row('')
-    if (allowedCidr) infoList.row('Allowed', allowedCidr)
-    if (deniedCidr) infoList.row('Denied', deniedCidr)
-    if (allowedCidr || deniedCidr) infoList.row('Blocked', concat(blockedCount, lastBlockedIp))
-
-    infoList.row('')
-    infoList.row('Latency', concat(client.latency, 'ms'))
-    infoList.row('Forwarding', concat(forwardingUrl, ` -> ${trimEnd(target.toString(), '/')}`))
-    infoList.row('Connections', requestCount)
-
-    screen.render();
-
-    return this
-  }
-}
-
-/**
- * @param {TunnelClient} client
- * @param {tunnelClientOptions} options
- * @param {AppConfig} config
- */
-export const initDashboard = (client, options, config) => {
-  const dashboard = new Dashboard(client, options, config)
-  dashboard.init()
-  return dashboard
-}

package/src/cli-app/Screen/FullScreenModal.js

@@ -1,63 +0,0 @@
-import blessed from "blessed";
-
-const centerContent = (text, boxWidth) => {
-  const lines = text.split('\n')
-  return lines.map(line => {
-    const pad = Math.floor((boxWidth - line.length) / 2)
-    return ' '.repeat(Math.max(pad, 0)) + line
-  }).join('\n')
-}
-export const newFullScreenModal = (screen, text) => {
-  // Backdrop zum Blocken von Inputs „unter“ dem Modal
-  const backdrop = blessed.box({
-    top: 0, left: 0, width: '100%', height: '100%',
-    style: {bg: 'black'},
-    mouse: true, clickable: true
-  })
-
-  // Größe anhand des Inhalts bestimmen (mit Padding & Border)
-  const lines = text.split('\n')
-  const contentWidth = Math.max(...lines.map(l => l.length))
-  const contentHeight = lines.length
-  const boxWidth = Math.min(contentWidth + 4, screen.width - 2)
-  //const centeredQr = centerContent(text, screen.width - 2) // -2 wegen Padding/Border
-
-  const qrBox = blessed.box({
-    top: 'center',
-    left: 'center',
-    width: boxWidth,
-    height: Math.min(contentHeight + 2, screen.height - 2),
-    padding: {left: 1, right: 1},
-    tags: false,
-    scrollable: true,
-    content: text,
-    border: 'line',
-    style: {
-      fg: 'white',
-      bg: 'black',
-      border: {fg: 'cyan'}
-    },
-    keys: true,
-    mouse: true,
-    alwaysScroll: true
-  })
-
-  // Einfügen und nach vorne bringen
-  screen.append(backdrop)
-  screen.append(qrBox)
-  qrBox.focus()
-  screen.render()
-
-  const close = () => {
-    backdrop.detach()
-    qrBox.detach()
-    screen.render()
-  }
-
-  // Schließen über Tastatur/Click
-  qrBox.key(['escape', 'q', 'C-q'], close)
-  backdrop.on('click', close)
-
-  // Bei Resize neu zentriert blessed automatisch; nur neu rendern
-  screen.on('resize', () => screen.render())
-}

package/src/cli-app/Screen.js

@@ -1,140 +0,0 @@
-import {List} from "#src/cli-app/elements/List/List";
-import EventEmitter from "node:events";
-import {Row} from "#src/cli-app/elements/Row";
-import {ElementNode} from "#src/cli-app/elements/ElementNode";
-import {arrayRemoveEntry} from "#src/utils/arrayFunctions";
-import {Line} from "#src/cli-app/elements/Line";
-import {newFullScreenModal} from "#src/cli-app/Screen/FullScreenModal";
-
-export class Screen extends EventEmitter {
-
-  #screen
-
-  /**
-   * @type {ElementNode[]}
-   */
-  #elements = []
-
-  constructor(screen) {
-    super()
-    this.#screen = screen
-
-    for (const proxyFn of ['append']) {
-      this[proxyFn] = (...arg) => {
-        screen[proxyFn](...arg)
-      }
-    }
-
-    const ele = new ElementNode(this)
-    ele._cached.height = ele.height
-    ele._cached.top = ele.positionTop
-    this.#elements.push(ele)
-
-    this.on('delete-element', (ele) => {
-      this.#elements = arrayRemoveEntry(this.#elements, ele)
-    })
-
-    screen.on('keypress', (char, details) => this.emit('keypress', char, /** keypressEventDetails */ details))
-  }
-
-  get screen() {
-    return this.#screen
-  }
-
-  get children() {
-    return this.#elements
-  }
-
-  get width() {
-    return this.#screen.width
-  }
-
-  get height() {
-    return this.#screen.height
-  }
-
-  newFullScreenModal(text) {
-    return newFullScreenModal(this, text)
-  }
-
-  /**
-   * @param {string|array} key
-   * @param {keypressEventListener} callback
-   */
-  key(key, callback) {
-    this.#screen.key(key, callback)
-  }
-
-  /**
-   * @param {string|array} key
-   * @param {keypressEventListener} callback
-   */
-  onceKey(key, callback) {
-    this.#screen.onceKey(key, callback)
-  }
-
-  render() {
-    this.#screen.render()
-  }
-
-  destroy() {
-    this.#screen.destroy()
-  }
-
-  /**
-   *
-   * @param {ElementNode} ele
-   */
-  updateElement(ele) {
-
-    const heightChanged = ele._cached.height === ele.height
-    const topChanged = ele._cached.top === ele.positionTop
-
-    ele._cached.height = ele.height
-    ele._cached.top = ele.positionTop
-
-    if (heightChanged || topChanged) {
-      ele.nextElementSibling?.emit('prev-resize', ele)
-    }
-  }
-
-  /**
-   * @param {...cliListOption} [options]
-   * @returns {List}
-   */
-  list(options) {
-    const ele = new List(this)
-    ele.init(options)
-
-    ele._cached.height = ele.height
-    ele._cached.top = ele.positionTop
-
-    this.#elements.push(ele)
-    return ele
-  }
-
-  /**
-   * @param content
-   * @param [top]
-   * @param [right]
-   * @returns {Row}
-   */
-  row(content, {top, right} = {}) {
-    const ele = new Row(this)
-    ele.init(content, {top, right})
-    ele._cached.height = ele.height
-    ele._cached.top = ele.positionTop
-
-    this.#elements.push(ele)
-    return ele
-  }
-
-  line() {
-    const ele = new Line(this)
-    ele.init()
-    ele._cached.height = ele.height
-    ele._cached.top = ele.positionTop
-    this.#elements.push(ele)
-    return ele
-  }
-}

package/src/cli-app/elements/ElementNode.js

@@ -1,97 +0,0 @@
-import EventEmitter from "node:events";
-
-export class ElementNode extends EventEmitter {
-
-  _cached = {
-    top: null,
-    height: null
-  }
-
-  /**
-   * @type {ElementNode}
-   */
-  #nextElementSibling
-  /**
-   * @type {ElementNode}
-   */
-  #prevElementSibling
-  /**
-   * @type {Screen}
-   */
-  #screen
-  #height = 0
-
-
-  #detached = false
-  #offsetTop = 0;
-
-  /**
-   * @param {Screen} screen
-   */
-  constructor(screen) {
-    super()
-    this.#screen = screen
-
-    if (screen.children.length) {
-      const before = screen.children[screen.children.length - 1]
-      before.#nextElementSibling = this
-      this.#prevElementSibling = before
-    }
-
-    /**
-     * prev element postop and height
-     */
-    this.on('prev-resize', ({positionTop, height}) => {
-      this.emit('position-top', positionTop + height)
-      this.nextElementSibling?.emit('prev-resize', this)
-    })
-  }
-
-  get detached() {
-    return this.#detached
-  }
-
-  get nextElementSibling() {
-    return this.#nextElementSibling
-  }
-
-  get positionTop() {
-    if (this.#prevElementSibling) {
-      return this.#prevElementSibling.positionTop + this.#prevElementSibling.height + this.#offsetTop
-    }
-    return this.#offsetTop
-  }
-
-  set offsetTop(offsetTop) {
-    this.#offsetTop = offsetTop ?? 0
-  }
-
-  get screen() {
-    return this.#screen
-  }
-
-  get height() {
-    return this.#height
-  }
-
-  set height(height) {
-    const update = this.#height !== height
-    this.#height = height
-    if (update) {
-      this.emit('height', height)
-    }
-  }
-
-  delete() {
-
-    this.#screen.emit('delete-element', this)
-    this.emit('delete', this)
-    this.#detached = true
-    const next = this.#nextElementSibling
-
-    if (next) {
-      next.#prevElementSibling = this.#prevElementSibling
-      this.#nextElementSibling?.emit('prev-resize', this.#prevElementSibling)
-    }
-  }
-}

package/src/cli-app/elements/Line.js

@@ -1,21 +0,0 @@
-import {ElementNode} from "#src/cli-app/elements/ElementNode";
-import blessed from "blessed";
-
-export class Line extends ElementNode {
-
-  /**
-   * @param {("horizontal", "vertical")} orientation
-   */
-  init(orientation = 'horizontal') {
-
-    const line = blessed.line({
-      orientation
-    })
-
-    this.height = 1
-    this.on('position-top', (val) => line.top = val)
-    this.on('height', (val) => line.height = val)
-    this.on('delete', (val) => line.detach())
-    this.screen.append(line)
-  }
-}