ownremote 0.0.0-stage → 1.0.0

package/src/tray-helper.ps1

@@ -0,0 +1,183 @@
+# Ikon system tray untuk mode background. Dijalankan oleh src/tray.js.
+# stdin (dari node), satu perintah per baris:
+#   state <url>\t<code>\t<online>\t<paired>\t<allowPairing 1|0>\t<publicUrl>
+#   notify <judul>\t<teks>
+#   quit
+# stdout (ke node): "ready", "cmd open", "cmd newcode", "cmd togglepair", "cmd stop"
+# Jika stdin ditutup (server mati), ikon dihapus dan proses berhenti.
+param([string]$Render)
+$ErrorActionPreference = 'Stop'
+
+Add-Type -ReferencedAssemblies System.Windows.Forms, System.Drawing -TypeDefinition @"
+using System;
+using System.Drawing;
+using System.Drawing.Drawing2D;
+using System.Runtime.InteropServices;
+using System.Threading;
+using System.Windows.Forms;
+
+public static class OwnRemoteTray {
+    [DllImport("user32.dll")] static extern bool SetProcessDPIAware();
+    [DllImport("user32.dll")] static extern bool DestroyIcon(IntPtr handle);
+
+    static NotifyIcon icon;
+    static Control ui;
+    static ToolStripMenuItem urlItem, publicItem, codeItem, devicesItem, pairItem;
+    static Icon idleIcon, activeIcon;
+    static string url = "", publicUrl = "", code = "";
+
+    static void Emit(string s) {
+        Console.Out.WriteLine(s);
+        Console.Out.Flush();
+    }
+
+    // Panah cursor hijau limau dengan outline gelap; titik hijau = ada perangkat terhubung.
+    public static Bitmap Draw(bool active, int size) {
+        var bmp = new Bitmap(size, size);
+        float k = size / 32f;
+        using (var g = Graphics.FromImage(bmp)) {
+            g.SmoothingMode = SmoothingMode.AntiAlias;
+            g.Clear(Color.Transparent);
+            var pts = new PointF[] {
+                new PointF(5 * k, 2 * k), new PointF(5 * k, 26 * k), new PointF(11 * k, 20.5f * k),
+                new PointF(15 * k, 29.5f * k), new PointF(19.5f * k, 27.5f * k), new PointF(15.5f * k, 18.5f * k),
+                new PointF(23.5f * k, 18.5f * k)
+            };
+            using (var outline = new Pen(Color.FromArgb(255, 13, 15, 20), 3.2f * k)) {
+                outline.LineJoin = LineJoin.Round;
+                g.DrawPolygon(outline, pts);
+            }
+            using (var fill = new SolidBrush(Color.FromArgb(255, 198, 244, 91))) g.FillPolygon(fill, pts);
+            if (active) {
+                float d = 13 * k, x = size - d - 0.5f * k, y = size - d - 0.5f * k;
+                using (var ring = new SolidBrush(Color.FromArgb(255, 13, 15, 20))) g.FillEllipse(ring, x - 1.5f * k, y - 1.5f * k, d + 3 * k, d + 3 * k);
+                using (var dot = new SolidBrush(Color.FromArgb(255, 74, 222, 128))) g.FillEllipse(dot, x, y, d, d);
+            }
+        }
+        return bmp;
+    }
+
+    static Icon MakeIcon(bool active) {
+        int size = Math.Max(16, SystemInformation.SmallIconSize.Width);
+        using (var bmp = Draw(active, size)) {
+            IntPtr h = bmp.GetHicon();
+            var tmp = Icon.FromHandle(h);
+            var copy = (Icon)tmp.Clone();
+            DestroyIcon(h);
+            return copy;
+        }
+    }
+
+    public static void Run() {
+        try { SetProcessDPIAware(); } catch { }
+        Application.EnableVisualStyles();
+        ui = new Control();
+        var handle = ui.Handle; // paksa handle dibuat agar BeginInvoke bisa dipakai dari thread pembaca
+
+        idleIcon = MakeIcon(false);
+        activeIcon = MakeIcon(true);
+
+        var menu = new ContextMenuStrip();
+        var title = new ToolStripMenuItem("OwnRemote - running in background");
+        title.Enabled = false;
+        urlItem = new ToolStripMenuItem("Open on phone: -", null, (s, e) => Copy(url, "Address copied"));
+        publicItem = new ToolStripMenuItem("Internet: -", null, (s, e) => Copy(publicUrl, "Public URL copied"));
+        publicItem.Visible = false;
+        codeItem = new ToolStripMenuItem("Pairing code: -", null, (s, e) => Copy(code, "Pairing code copied"));
+        devicesItem = new ToolStripMenuItem("Devices: -");
+        devicesItem.Enabled = false;
+        var open = new ToolStripMenuItem("Open OwnRemote menu", null, (s, e) => Emit("cmd open"));
+        open.Font = new Font(open.Font, FontStyle.Bold);
+        var newCode = new ToolStripMenuItem("Generate new pairing code", null, (s, e) => Emit("cmd newcode"));
+        pairItem = new ToolStripMenuItem("Lock pairing", null, (s, e) => Emit("cmd togglepair"));
+        var stop = new ToolStripMenuItem("Stop server", null, (s, e) => Emit("cmd stop"));
+        menu.Items.AddRange(new ToolStripItem[] {
+            title, new ToolStripSeparator(),
+            urlItem, publicItem, codeItem, devicesItem, new ToolStripSeparator(),
+            open, newCode, pairItem, new ToolStripSeparator(),
+            stop
+        });
+
+        icon = new NotifyIcon();
+        icon.Icon = idleIcon;
+        icon.Text = "OwnRemote - running";
+        icon.ContextMenuStrip = menu;
+        icon.MouseDoubleClick += (s, e) => { if (e.Button == MouseButtons.Left) Emit("cmd open"); };
+        icon.Visible = true;
+
+        var reader = new Thread(ReadLoop);
+        reader.IsBackground = true;
+        reader.Start();
+
+        Emit("ready");
+        Application.Run();
+        icon.Visible = false;
+        icon.Dispose();
+    }
+
+    static void ReadLoop() {
+        string line;
+        while ((line = Console.In.ReadLine()) != null) {
+            string l = line;
+            try { ui.BeginInvoke((MethodInvoker)(() => Handle(l))); } catch { }
+        }
+        try { ui.BeginInvoke((MethodInvoker)(() => Quit())); } catch { }
+    }
+
+    static void Quit() {
+        icon.Visible = false;
+        Application.ExitThread();
+    }
+
+    static void Handle(string line) {
+        try {
+            int sp = line.IndexOf(' ');
+            string cmd = sp < 0 ? line : line.Substring(0, sp);
+            string[] f = (sp < 0 ? "" : line.Substring(sp + 1)).Split('\t');
+            switch (cmd) {
+                case "state": {
+                    url = f[0];
+                    code = f[1];
+                    int online = int.Parse(f[2]);
+                    urlItem.Text = url.Length > 0 ? "Open on phone: " + url + "   (click to copy)" : "No network detected";
+                    codeItem.Text = "Pairing code: " + code.Substring(0, 3) + " " + code.Substring(3) + "   (click to copy)";
+                    devicesItem.Text = "Devices: " + online + " online / " + f[3] + " paired";
+                    pairItem.Text = f[4] == "1" ? "Lock pairing (reject new devices)" : "Unlock pairing";
+                    publicUrl = f.Length > 5 ? f[5] : "";
+                    publicItem.Visible = publicUrl.Length > 0;
+                    publicItem.Text = "Internet (Cloudflare): " + publicUrl + "   (click to copy)";
+                    icon.Icon = online > 0 ? activeIcon : idleIcon;
+                    string tip = "OwnRemote - running\n" + (online > 0 ? online + " device(s) connected" : "Code " + code.Substring(0, 3) + " " + code.Substring(3));
+                    icon.Text = tip.Length > 63 ? tip.Substring(0, 63) : tip;
+                    break;
+                }
+                case "notify":
+                    icon.ShowBalloonTip(3000, f[0], f.Length > 1 && f[1].Length > 0 ? f[1] : " ", ToolTipIcon.Info);
+                    break;
+                case "quit":
+                    Quit();
+                    break;
+            }
+        } catch (Exception e) {
+            Console.Error.WriteLine(e.Message);
+        }
+    }
+
+    static void Copy(string text, string title) {
+        if (string.IsNullOrEmpty(text)) return;
+        try {
+            Clipboard.SetText(text);
+            icon.ShowBalloonTip(1500, title, text, ToolTipIcon.None);
+        } catch { }
+    }
+}
+"@
+
+if ($Render) {
+    # mode uji: simpan gambar ikon sebagai PNG
+    [OwnRemoteTray]::Draw($false, 64).Save("$Render-idle.png")
+    [OwnRemoteTray]::Draw($true, 64).Save("$Render-active.png")
+    exit 0
+}
+
+[OwnRemoteTray]::Run()

package/src/tray.js

@@ -0,0 +1,85 @@
+const { spawn } = require('child_process');
+const path = require('path');
+const config = require('./config');
+
+// Ikon system tray (mode background) lewat proses PowerShell + WinForms NotifyIcon (tray-helper.ps1).
+class TrayIcon {
+  constructor({ log = () => {}, onCommand = () => {} } = {}) {
+    this.log = log;
+    this.onCommand = onCommand;
+    this.proc = null;
+    this.lastState = null;
+  }
+
+  start() {
+    if (this.proc) return;
+    const script = path.join(__dirname, 'tray-helper.ps1');
+    const proc = spawn(
+      'powershell.exe',
+      ['-NoProfile', '-NonInteractive', '-ExecutionPolicy', 'Bypass', '-STA', '-File', script],
+      { windowsHide: true, stdio: ['pipe', 'pipe', 'pipe'] },
+    );
+    this.proc = proc;
+
+    let buf = '';
+    proc.stdout.on('data', (chunk) => {
+      buf += chunk;
+      let i;
+      while ((i = buf.indexOf('\n')) >= 0) {
+        const line = buf.slice(0, i).trim();
+        buf = buf.slice(i + 1);
+        if (line === 'ready') {
+          if (this.lastState) this.send(this.lastState);
+        } else if (line.startsWith('cmd ')) {
+          this.onCommand(line.slice(4));
+        }
+      }
+    });
+    proc.stderr.on('data', (d) => {
+      const msg = String(d).trim();
+      if (msg) this.log(`Tray icon: ${msg}`);
+    });
+    proc.stdin.on('error', () => { /* proses sudah mati */ });
+    proc.on('error', (err) => this.log(`Tray icon failed to start: ${err.message}`));
+    proc.on('exit', () => {
+      if (this.proc === proc) this.proc = null;
+    });
+  }
+
+  stop() {
+    if (!this.proc) return;
+    const p = this.proc;
+    this.proc = null;
+    try { p.stdin.end('quit\n'); } catch { /* abaikan */ }
+    setTimeout(() => { if (p.exitCode === null) p.kill(); }, 1500).unref();
+  }
+
+  send(line) {
+    if (this.proc && this.proc.stdin.writable) this.proc.stdin.write(`${line}\n`);
+  }
+
+  update({ url, pairCode, online, paired, allowPairing, publicUrl }) {
+    const clean = (s) => String(s).replace(/[\t\r\n]/g, ' ');
+    this.lastState = `state ${clean(url || '')}\t${pairCode}\t${online}\t${paired}\t${allowPairing ? 1 : 0}\t${clean(publicUrl || '')}`;
+    this.send(this.lastState);
+  }
+
+  notify(title, text = '') {
+    const clean = (s) => String(s).replace(/[\t\r\n]/g, ' ');
+    this.send(`notify ${clean(title)}\t${clean(text)}`);
+  }
+}
+
+// Buka menu CLI di jendela console baru (dipanggil dari menu tray).
+function openCliWindow() {
+  const cli = path.join(config.ROOT, 'cli.js');
+  const args = `/c start "OwnRemote" "${process.execPath}" "${cli}"`;
+  spawn('cmd.exe', [args], {
+    cwd: config.ROOT,
+    detached: true,
+    stdio: 'ignore',
+    windowsVerbatimArguments: true,
+  }).unref();
+}
+
+module.exports = { TrayIcon, openCliWindow };

package/src/tunnel.js

@@ -0,0 +1,129 @@
+const { spawn, execFileSync } = require('child_process');
+const fs = require('fs');
+const path = require('path');
+
+// Cloudflare Tunnel yang dijalankan & diawasi oleh OwnRemote.
+//   quick : `cloudflared tunnel --url http://localhost:<port>` -> URL acak *.trycloudflare.com (tanpa akun)
+//   token : `cloudflared tunnel run --token <token>` -> named tunnel dengan domain sendiri
+//           (public hostname diarahkan ke http://localhost:<port> di dashboard Cloudflare Zero Trust)
+const MODES = ['off', 'quick', 'token'];
+const QUICK_URL_RE = /https:\/\/[a-z0-9-]+\.trycloudflare\.com/i;
+const CONNECTED_RE = /Registered tunnel connection|Connection [a-f0-9-]+ registered/i;
+const RESTART_DELAYS = [2000, 5000, 15000, 30000];
+
+function findCloudflared(customPath) {
+  const candidates = [
+    customPath,
+    path.join(process.env['ProgramFiles(x86)'] || 'C:\\Program Files (x86)', 'cloudflared', 'cloudflared.exe'),
+    path.join(process.env.ProgramFiles || 'C:\\Program Files', 'cloudflared', 'cloudflared.exe'),
+  ].filter(Boolean);
+  for (const c of candidates) if (fs.existsSync(c)) return c;
+  try {
+    const found = execFileSync('where', ['cloudflared'], { windowsHide: true, stdio: ['ignore', 'pipe', 'ignore'] })
+      .toString().split(/\r?\n/).find(Boolean);
+    if (found) return found.trim();
+  } catch { /* tidak ada di PATH */ }
+  return null;
+}
+
+class TunnelManager {
+  constructor({ log = () => {}, onChange = () => {} } = {}) {
+    this.log = log;
+    this.onChange = onChange;
+    this.proc = null;
+    this.mode = 'off';
+    this.state = 'off'; // off | starting | connected | error
+    this.url = '';
+    this.error = '';
+    this.restarts = 0;
+    this.restartTimer = null;
+    this.opts = null;
+  }
+
+  status() {
+    return { mode: this.mode, state: this.state, url: this.url, error: this.error };
+  }
+
+  /** Terapkan konfigurasi; aman dipanggil berulang (hanya restart bila ada yang berubah). */
+  apply({ mode, port, token, publicUrl, cloudflaredPath }) {
+    const next = { mode: MODES.includes(mode) ? mode : 'off', port, token: token || '', publicUrl: publicUrl || '', cloudflaredPath };
+    const same = this.opts && JSON.stringify(this.opts) === JSON.stringify(next);
+    if (same && (this.proc || next.mode === 'off')) return;
+    this.stop();
+    this.opts = next;
+    this.mode = next.mode;
+    this.restarts = 0;
+    if (next.mode === 'off') {
+      this.set('off', '', '');
+      return;
+    }
+    this.launch();
+  }
+
+  launch() {
+    const { mode, port, token, publicUrl, cloudflaredPath } = this.opts;
+    const exe = findCloudflared(cloudflaredPath);
+    if (!exe) {
+      this.set('error', '', 'cloudflared not found. Install it with: winget install --id Cloudflare.cloudflared');
+      return;
+    }
+    if (mode === 'token' && !token) {
+      this.set('error', publicUrl, 'Named tunnel needs a tunnel token (Cloudflare Zero Trust > Networks > Tunnels).');
+      return;
+    }
+    const args = mode === 'quick'
+      ? ['tunnel', '--no-autoupdate', '--url', `http://localhost:${port}`]
+      : ['tunnel', '--no-autoupdate', 'run', '--token', token];
+    this.set('starting', mode === 'token' ? publicUrl : '', '');
+    this.log(mode === 'quick' ? 'Starting Cloudflare quick tunnel...' : 'Starting Cloudflare named tunnel...');
+
+    const proc = spawn(exe, args, { windowsHide: true, stdio: ['ignore', 'pipe', 'pipe'] });
+    this.proc = proc;
+    let tail = '';
+    const onOutput = (chunk) => {
+      const text = String(chunk);
+      tail = (tail + text).slice(-2000);
+      const m = mode === 'quick' && text.match(QUICK_URL_RE);
+      if (m && this.url !== m[0]) {
+        this.url = m[0];
+        this.onChange(this.status());
+      }
+      if (CONNECTED_RE.test(text) && this.state !== 'connected') {
+        this.restarts = 0;
+        this.set('connected', this.url || publicUrl, '');
+        this.log(`Cloudflare tunnel connected${this.url ? `: ${this.url}` : ''}.`);
+      }
+    };
+    proc.stdout.on('data', onOutput);
+    proc.stderr.on('data', onOutput);
+    proc.on('error', (err) => this.set('error', '', `Failed to run cloudflared: ${err.message}`));
+    proc.on('exit', (code) => {
+      if (this.proc !== proc) return; // dihentikan dengan sengaja
+      this.proc = null;
+      const reason = (tail.match(/ERR[^\n]*/g) || []).pop() || `cloudflared exited (code ${code})`;
+      const delay = RESTART_DELAYS[Math.min(this.restarts, RESTART_DELAYS.length - 1)];
+      this.restarts++;
+      this.set('error', '', `${reason.replace(/^.*?ERR\s*/, '').trim()} - retrying in ${delay / 1000}s`);
+      this.log(`Cloudflare tunnel stopped: ${reason.trim()}`);
+      this.restartTimer = setTimeout(() => this.launch(), delay);
+    });
+  }
+
+  set(state, url, error) {
+    this.state = state;
+    this.url = url;
+    this.error = error;
+    this.onChange(this.status());
+  }
+
+  stop() {
+    clearTimeout(this.restartTimer);
+    if (this.proc) {
+      const p = this.proc;
+      this.proc = null;
+      try { p.kill(); } catch { /* sudah mati */ }
+    }
+  }
+}
+
+module.exports = { TunnelManager, findCloudflared, MODES };