web-agent-bridge 1.1.1 → 1.1.2

package/public/js/auth-nav.js

@@ -1,31 +1,31 @@
-/**
- * Shows / hides UI by auth state using data-wab-auth="signed-in" | "guest"
- * Run on DOMContentLoaded — keep dashboard links only for signed-in users.
- */
-(function () {
-  function hasToken() {
-    try {
-      return !!localStorage.getItem('wab_token');
-    } catch (e) {
-      return false;
-    }
-  }
-
-  function apply() {
-    var signedIn = hasToken();
-    document.querySelectorAll('[data-wab-auth]').forEach(function (el) {
-      var mode = el.getAttribute('data-wab-auth');
-      if (mode === 'signed-in') {
-        el.style.display = signedIn ? '' : 'none';
-      } else if (mode === 'guest') {
-        el.style.display = signedIn ? 'none' : '';
-      }
-    });
-  }
-
-  if (document.readyState === 'loading') {
-    document.addEventListener('DOMContentLoaded', apply);
-  } else {
-    apply();
-  }
-})();
+/**
+ * Shows / hides UI by auth state using data-wab-auth="signed-in" | "guest"
+ * Run on DOMContentLoaded — keep dashboard links only for signed-in users.
+ */
+(function () {
+  function hasToken() {
+    try {
+      return !!localStorage.getItem('wab_token');
+    } catch (e) {
+      return false;
+    }
+  }
+
+  function apply() {
+    var signedIn = hasToken();
+    document.querySelectorAll('[data-wab-auth]').forEach(function (el) {
+      var mode = el.getAttribute('data-wab-auth');
+      if (mode === 'signed-in') {
+        el.style.display = signedIn ? '' : 'none';
+      } else if (mode === 'guest') {
+        el.style.display = signedIn ? 'none' : '';
+      }
+    });
+  }
+
+  if (document.readyState === 'loading') {
+    document.addEventListener('DOMContentLoaded', apply);
+  } else {
+    apply();
+  }
+})();

package/public/js/auth-redirect.js

@@ -1,12 +1,12 @@
-/**
- * Safe redirect target after login/register (?next=/path)
- */
-(function () {
-  window.wabGetPostAuthRedirect = function () {
-    try {
-      var p = new URLSearchParams(window.location.search).get('next');
-      if (p && p.charAt(0) === '/' && p.indexOf('//') !== 0) return p;
-    } catch (e) {}
-    return '/dashboard';
-  };
-})();
+/**
+ * Safe redirect target after login/register (?next=/path)
+ */
+(function () {
+  window.wabGetPostAuthRedirect = function () {
+    try {
+      var p = new URLSearchParams(window.location.search).get('next');
+      if (p && p.charAt(0) === '/' && p.indexOf('//') !== 0) return p;
+    } catch (e) {}
+    return '/dashboard';
+  };
+})();

package/public/js/cookie-consent.js

@@ -1,56 +1,56 @@
-/**
- * WAB Cookie Consent Banner
- * Compliant with EU ePrivacy Directive & Dutch Telecommunicatiewet Art. 11.7a
- * Auto-injects a cookie consent banner if user hasn't consented yet.
- */
-(function () {
-  if (localStorage.getItem('wab_cookie_consent')) return;
-
-  var banner = document.createElement('div');
-  banner.id = 'wab-cookie-banner';
-  banner.setAttribute('role', 'dialog');
-  banner.setAttribute('aria-label', 'Cookie consent');
-  banner.innerHTML =
-    '<div class="wab-cookie-inner">' +
-      '<p>We use essential cookies (authentication tokens) to keep you signed in. ' +
-      'We do not use tracking or marketing cookies. ' +
-      'See our <a href="/cookies">Cookie Policy</a> and <a href="/privacy">Privacy Policy</a>.</p>' +
-      '<div class="wab-cookie-actions">' +
-        '<button id="wab-cookie-accept" class="wab-cookie-btn wab-cookie-btn-primary">Accept</button>' +
-        '<button id="wab-cookie-decline" class="wab-cookie-btn wab-cookie-btn-ghost">Essential Only</button>' +
-      '</div>' +
-    '</div>';
-
-  var style = document.createElement('style');
-  style.textContent =
-    '#wab-cookie-banner{position:fixed;bottom:0;left:0;right:0;z-index:10000;' +
-    'background:rgba(10,14,26,0.97);border-top:1px solid rgba(59,130,246,0.2);' +
-    'padding:16px 0;font-family:Inter,system-ui,sans-serif;backdrop-filter:blur(12px)}' +
-    '.wab-cookie-inner{max-width:960px;margin:0 auto;padding:0 24px;display:flex;' +
-    'align-items:center;gap:20px;flex-wrap:wrap}' +
-    '.wab-cookie-inner p{flex:1;min-width:280px;color:#94a3b8;font-size:0.875rem;line-height:1.6;margin:0}' +
-    '.wab-cookie-inner a{color:#3b82f6;text-decoration:none}' +
-    '.wab-cookie-inner a:hover{text-decoration:underline}' +
-    '.wab-cookie-actions{display:flex;gap:10px;flex-shrink:0}' +
-    '.wab-cookie-btn{padding:8px 20px;border-radius:8px;font-size:0.85rem;font-weight:500;cursor:pointer;' +
-    'border:none;transition:all 0.2s}' +
-    '.wab-cookie-btn-primary{background:#3b82f6;color:#fff}' +
-    '.wab-cookie-btn-primary:hover{background:#2563eb}' +
-    '.wab-cookie-btn-ghost{background:transparent;color:#94a3b8;border:1px solid rgba(148,163,184,0.3)}' +
-    '.wab-cookie-btn-ghost:hover{color:#e2e8f0;border-color:rgba(148,163,184,0.5)}' +
-    '@media(max-width:600px){.wab-cookie-inner{flex-direction:column;text-align:center}' +
-    '.wab-cookie-actions{width:100%;justify-content:center}}';
-
-  document.head.appendChild(style);
-  document.body.appendChild(banner);
-
-  document.getElementById('wab-cookie-accept').addEventListener('click', function () {
-    localStorage.setItem('wab_cookie_consent', 'all');
-    banner.remove();
-  });
-
-  document.getElementById('wab-cookie-decline').addEventListener('click', function () {
-    localStorage.setItem('wab_cookie_consent', 'essential');
-    banner.remove();
-  });
-})();
+/**
+ * WAB Cookie Consent Banner
+ * Compliant with EU ePrivacy Directive & Dutch Telecommunicatiewet Art. 11.7a
+ * Auto-injects a cookie consent banner if user hasn't consented yet.
+ */
+(function () {
+  if (localStorage.getItem('wab_cookie_consent')) return;
+
+  var banner = document.createElement('div');
+  banner.id = 'wab-cookie-banner';
+  banner.setAttribute('role', 'dialog');
+  banner.setAttribute('aria-label', 'Cookie consent');
+  banner.innerHTML =
+    '<div class="wab-cookie-inner">' +
+      '<p>We use essential cookies (authentication tokens) to keep you signed in. ' +
+      'We do not use tracking or marketing cookies. ' +
+      'See our <a href="/cookies">Cookie Policy</a> and <a href="/privacy">Privacy Policy</a>.</p>' +
+      '<div class="wab-cookie-actions">' +
+        '<button id="wab-cookie-accept" class="wab-cookie-btn wab-cookie-btn-primary">Accept</button>' +
+        '<button id="wab-cookie-decline" class="wab-cookie-btn wab-cookie-btn-ghost">Essential Only</button>' +
+      '</div>' +
+    '</div>';
+
+  var style = document.createElement('style');
+  style.textContent =
+    '#wab-cookie-banner{position:fixed;bottom:0;left:0;right:0;z-index:10000;' +
+    'background:rgba(10,14,26,0.97);border-top:1px solid rgba(59,130,246,0.2);' +
+    'padding:16px 0;font-family:Inter,system-ui,sans-serif;backdrop-filter:blur(12px)}' +
+    '.wab-cookie-inner{max-width:960px;margin:0 auto;padding:0 24px;display:flex;' +
+    'align-items:center;gap:20px;flex-wrap:wrap}' +
+    '.wab-cookie-inner p{flex:1;min-width:280px;color:#94a3b8;font-size:0.875rem;line-height:1.6;margin:0}' +
+    '.wab-cookie-inner a{color:#3b82f6;text-decoration:none}' +
+    '.wab-cookie-inner a:hover{text-decoration:underline}' +
+    '.wab-cookie-actions{display:flex;gap:10px;flex-shrink:0}' +
+    '.wab-cookie-btn{padding:8px 20px;border-radius:8px;font-size:0.85rem;font-weight:500;cursor:pointer;' +
+    'border:none;transition:all 0.2s}' +
+    '.wab-cookie-btn-primary{background:#3b82f6;color:#fff}' +
+    '.wab-cookie-btn-primary:hover{background:#2563eb}' +
+    '.wab-cookie-btn-ghost{background:transparent;color:#94a3b8;border:1px solid rgba(148,163,184,0.3)}' +
+    '.wab-cookie-btn-ghost:hover{color:#e2e8f0;border-color:rgba(148,163,184,0.5)}' +
+    '@media(max-width:600px){.wab-cookie-inner{flex-direction:column;text-align:center}' +
+    '.wab-cookie-actions{width:100%;justify-content:center}}';
+
+  document.head.appendChild(style);
+  document.body.appendChild(banner);
+
+  document.getElementById('wab-cookie-accept').addEventListener('click', function () {
+    localStorage.setItem('wab_cookie_consent', 'all');
+    banner.remove();
+  });
+
+  document.getElementById('wab-cookie-decline').addEventListener('click', function () {
+    localStorage.setItem('wab_cookie_consent', 'essential');
+    banner.remove();
+  });
+})();

package/public/js/ws-client.js

@@ -1,74 +1,74 @@
-/**
- * WAB WebSocket Client with auto-reconnect and exponential backoff
- * Usage:
- *   const ws = new WABWebSocket(token, siteId);
- *   ws.on('analytic', (data) => console.log(data));
- *   ws.connect();
- */
-class WABWebSocket {
-  constructor(token, siteId, options = {}) {
-    this.token = token;
-    this.siteId = siteId;
-    this.maxRetries = options.maxRetries || 10;
-    this.baseDelay = options.baseDelay || 1000;
-    this.maxDelay = options.maxDelay || 30000;
-    this._retries = 0;
-    this._ws = null;
-    this._listeners = {};
-    this._closed = false;
-  }
-
-  connect() {
-    if (this._closed) return;
-    const proto = location.protocol === 'https:' ? 'wss:' : 'ws:';
-    this._ws = new WebSocket(`${proto}//${location.host}/ws/analytics`);
-
-    this._ws.onopen = () => {
-      this._retries = 0;
-      this._ws.send(JSON.stringify({ type: 'auth', token: this.token, siteId: this.siteId }));
-      this._emit('connected');
-    };
-
-    this._ws.onmessage = (e) => {
-      try {
-        const msg = JSON.parse(e.data);
-        this._emit(msg.type, msg);
-      } catch { /* ignore malformed */ }
-    };
-
-    this._ws.onclose = () => {
-      this._emit('disconnected');
-      this._reconnect();
-    };
-
-    this._ws.onerror = () => {
-      this._ws.close();
-    };
-  }
-
-  _reconnect() {
-    if (this._closed || this._retries >= this.maxRetries) {
-      this._emit('max_retries');
-      return;
-    }
-    const delay = Math.min(this.baseDelay * Math.pow(2, this._retries), this.maxDelay);
-    const jitter = delay * (0.5 + Math.random() * 0.5);
-    this._retries++;
-    this._emit('reconnecting', { attempt: this._retries, delay: Math.round(jitter) });
-    setTimeout(() => this.connect(), jitter);
-  }
-
-  on(event, cb) {
-    if (!this._listeners[event]) this._listeners[event] = [];
-    this._listeners[event].push(cb);
-  }
-
-  _emit(event, data) {
-    (this._listeners[event] || []).forEach(cb => { try { cb(data); } catch {} });
-  }
-
-  close() {
-    this._closed = true;
-    if (this._ws) this._ws.close();
-  }
-}
+/**
+ * WAB WebSocket Client with auto-reconnect and exponential backoff
+ * Usage:
+ *   const ws = new WABWebSocket(token, siteId);
+ *   ws.on('analytic', (data) => console.log(data));
+ *   ws.connect();
+ */
+class WABWebSocket {
+  constructor(token, siteId, options = {}) {
+    this.token = token;
+    this.siteId = siteId;
+    this.maxRetries = options.maxRetries || 10;
+    this.baseDelay = options.baseDelay || 1000;
+    this.maxDelay = options.maxDelay || 30000;
+    this._retries = 0;
+    this._ws = null;
+    this._listeners = {};
+    this._closed = false;
+  }
+
+  connect() {
+    if (this._closed) return;
+    const proto = location.protocol === 'https:' ? 'wss:' : 'ws:';
+    this._ws = new WebSocket(`${proto}//${location.host}/ws/analytics`);
+
+    this._ws.onopen = () => {
+      this._retries = 0;
+      this._ws.send(JSON.stringify({ type: 'auth', token: this.token, siteId: this.siteId }));
+      this._emit('connected');
+    };
+
+    this._ws.onmessage = (e) => {
+      try {
+        const msg = JSON.parse(e.data);
+        this._emit(msg.type, msg);
+      } catch { /* ignore malformed */ }
+    };
+
+    this._ws.onclose = () => {
+      this._emit('disconnected');
+      this._reconnect();
+    };
+
+    this._ws.onerror = () => {
+      this._ws.close();
+    };
+  }
+
+  _reconnect() {
+    if (this._closed || this._retries >= this.maxRetries) {
+      this._emit('max_retries');
+      return;
+    }
+    const delay = Math.min(this.baseDelay * Math.pow(2, this._retries), this.maxDelay);
+    const jitter = delay * (0.5 + Math.random() * 0.5);
+    this._retries++;
+    this._emit('reconnecting', { attempt: this._retries, delay: Math.round(jitter) });
+    setTimeout(() => this.connect(), jitter);
+  }
+
+  on(event, cb) {
+    if (!this._listeners[event]) this._listeners[event] = [];
+    this._listeners[event].push(cb);
+  }
+
+  _emit(event, data) {
+    (this._listeners[event] || []).forEach(cb => { try { cb(data); } catch {} });
+  }
+
+  close() {
+    this._closed = true;
+    if (this._ws) this._ws.close();
+  }
+}

package/public/login.html

@@ -1,83 +1,83 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>Sign In — Web Agent Bridge</title>
-  <link rel="preconnect" href="https://fonts.googleapis.com">
-  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
-  <link rel="stylesheet" href="/css/styles.css">
-  <script src="/js/auth-redirect.js"></script>
-</head>
-<body>
-  <div class="auth-page">
-    <div class="auth-card fade-in">
-      <div style="text-align:center; margin-bottom:32px;">
-        <a href="/" class="navbar-brand" style="justify-content:center;">
-          <div class="brand-icon">⚡</div>
-          <span>WAB</span>
-        </a>
-      </div>
-      <h1 style="text-align:center;">Welcome back</h1>
-      <p class="subtitle" style="text-align:center;">Sign in to your account</p>
-
-      <div class="alert alert-error" id="errorAlert"></div>
-
-      <form id="loginForm">
-        <div class="form-group">
-          <label for="email">Email</label>
-          <input type="email" id="email" class="form-input" placeholder="you@example.com" required>
-        </div>
-        <div class="form-group">
-          <label for="password">Password</label>
-          <input type="password" id="password" class="form-input" placeholder="Your password" required>
-        </div>
-        <button type="submit" class="btn btn-primary btn-lg">Sign In</button>
-      </form>
-
-      <div class="auth-footer">
-        Don't have an account? <a href="/register">Create one</a>
-      </div>
-    </div>
-  </div>
-
-  <script>
-    if (localStorage.getItem('wab_token')) {
-      window.location.replace(typeof wabGetPostAuthRedirect === 'function' ? wabGetPostAuthRedirect() : '/dashboard');
-    }
-
-    document.getElementById('loginForm').addEventListener('submit', async (e) => {
-      e.preventDefault();
-      const errorEl = document.getElementById('errorAlert');
-      errorEl.style.display = 'none';
-
-      const email = document.getElementById('email').value;
-      const password = document.getElementById('password').value;
-
-      try {
-        const res = await fetch('/api/auth/login', {
-          method: 'POST',
-          headers: { 'Content-Type': 'application/json' },
-          body: JSON.stringify({ email, password })
-        });
-        const data = await res.json();
-
-        if (!res.ok) {
-          errorEl.textContent = data.error || 'Login failed';
-          errorEl.style.display = 'block';
-          return;
-        }
-
-        localStorage.setItem('wab_token', data.token);
-        localStorage.setItem('wab_user', JSON.stringify(data.user));
-        window.location.href = typeof wabGetPostAuthRedirect === 'function' ? wabGetPostAuthRedirect() : '/dashboard';
-      } catch (err) {
-        errorEl.textContent = 'Connection error. Please try again.';
-        errorEl.style.display = 'block';
-      }
-    });
-  </script>
-  <script src="/js/cookie-consent.js"></script>
-</body>
-</html>
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Sign In — Web Agent Bridge</title>
+  <link rel="preconnect" href="https://fonts.googleapis.com">
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
+  <link rel="stylesheet" href="/css/styles.css">
+  <script src="/js/auth-redirect.js"></script>
+</head>
+<body>
+  <div class="auth-page">
+    <div class="auth-card fade-in">
+      <div style="text-align:center; margin-bottom:32px;">
+        <a href="/" class="navbar-brand" style="justify-content:center;">
+          <div class="brand-icon">⚡</div>
+          <span>WAB</span>
+        </a>
+      </div>
+      <h1 style="text-align:center;">Welcome back</h1>
+      <p class="subtitle" style="text-align:center;">Sign in to your account</p>
+
+      <div class="alert alert-error" id="errorAlert"></div>
+
+      <form id="loginForm">
+        <div class="form-group">
+          <label for="email">Email</label>
+          <input type="email" id="email" class="form-input" placeholder="you@example.com" required>
+        </div>
+        <div class="form-group">
+          <label for="password">Password</label>
+          <input type="password" id="password" class="form-input" placeholder="Your password" required>
+        </div>
+        <button type="submit" class="btn btn-primary btn-lg">Sign In</button>
+      </form>
+
+      <div class="auth-footer">
+        Don't have an account? <a href="/register">Create one</a>
+      </div>
+    </div>
+  </div>
+
+  <script>
+    if (localStorage.getItem('wab_token')) {
+      window.location.replace(typeof wabGetPostAuthRedirect === 'function' ? wabGetPostAuthRedirect() : '/dashboard');
+    }
+
+    document.getElementById('loginForm').addEventListener('submit', async (e) => {
+      e.preventDefault();
+      const errorEl = document.getElementById('errorAlert');
+      errorEl.style.display = 'none';
+
+      const email = document.getElementById('email').value;
+      const password = document.getElementById('password').value;
+
+      try {
+        const res = await fetch('/api/auth/login', {
+          method: 'POST',
+          headers: { 'Content-Type': 'application/json' },
+          body: JSON.stringify({ email, password })
+        });
+        const data = await res.json();
+
+        if (!res.ok) {
+          errorEl.textContent = data.error || 'Login failed';
+          errorEl.style.display = 'block';
+          return;
+        }
+
+        localStorage.setItem('wab_token', data.token);
+        localStorage.setItem('wab_user', JSON.stringify(data.user));
+        window.location.href = typeof wabGetPostAuthRedirect === 'function' ? wabGetPostAuthRedirect() : '/dashboard';
+      } catch (err) {
+        errorEl.textContent = 'Connection error. Please try again.';
+        errorEl.style.display = 'block';
+      }
+    });
+  </script>
+  <script src="/js/cookie-consent.js"></script>
+</body>
+</html>