@fias/plugin-dev-harness 1.4.0 → 1.4.2

package/dist/server/static/static/harness.js

@@ -1,603 +0,0 @@
-/**
- * Fias Arche Dev — Client-side Bridge Host
- *
- * Handles postMessage communication with the plugin iframe,
- * enforcing permissions and rate limits, and proxying server-side
- * operations through the harness Express server.
- */
-(function () {
-  'use strict';
-
-  var iframe = document.getElementById('plugin-iframe');
-  var consoleBody = document.getElementById('console-body');
-  var consoleCount = document.getElementById('console-count');
-  var consoleToggle = document.getElementById('console-toggle');
-  var creditBalance = document.getElementById('credit-balance');
-  var themeToggle = document.getElementById('theme-toggle');
-  var reloadBtn = document.getElementById('reload-btn');
-  var modeBadge = document.getElementById('mode-badge');
-  var pluginStatus = document.getElementById('plugin-status');
-  var themeBadge = document.getElementById('theme-badge');
-  var loginModal = document.getElementById('login-modal');
-  var loginEmail = document.getElementById('login-email');
-  var loginPassword = document.getElementById('login-password');
-  var loginError = document.getElementById('login-error');
-  var loginSubmit = document.getElementById('login-submit');
-  var loginCancel = document.getElementById('login-cancel');
-  var envSelector = document.getElementById('env-selector');
-
-  var messageCount = 0;
-  var currentTheme = 'dark';
-  var currentMode = 'mock';
-  var currentEnvironment = 'staging';
-  var hasCredentials = false;
-  var cachedConfig = null;
-
-  /** Permission requirements per bridge call type (matches production) */
-  var PERMISSION_MAP = {
-    get_user: 'user:profile:read',
-    get_theme: 'theme:read',
-    entity_invoke: 'entities:invoke',
-    storage_read: 'storage:sandbox',
-    storage_write: 'storage:sandbox',
-    storage_list: 'storage:sandbox',
-    storage_delete: 'storage:sandbox',
-  };
-
-  /** Rate limits per message type (matches production) */
-  var RATE_LIMITS = {
-    entity_invoke: { maxPerMinute: 60 },
-    storage_write: { maxPerMinute: 120 },
-    storage_read: { maxPerMinute: 300 },
-    storage_list: { maxPerMinute: 60 },
-    storage_delete: { maxPerMinute: 60 },
-  };
-  var rateBuckets = {};
-
-  // ────────────────────────────────────────────────────────────────
-  // Initialization
-  // ────────────────────────────────────────────────────────────────
-
-  fetchConfig().then(function (config) {
-    cachedConfig = config;
-    currentTheme = config.mockTheme || 'dark';
-    currentMode = config.mode || 'mock';
-    currentEnvironment = config.environment || 'staging';
-    hasCredentials = config.hasCredentials || false;
-
-    envSelector.value = currentEnvironment;
-    updateThemeBadge();
-    updateModeBadge();
-
-    if (currentMode === 'live') {
-      creditBalance.style.display = 'inline';
-      fetchCredits();
-    }
-
-    checkPluginReachable(config.pluginUrl, function (reachable) {
-      if (reachable) {
-        pluginStatus.classList.add('hidden');
-        iframe.classList.remove('hidden');
-        iframe.src = config.pluginUrl;
-      } else {
-        showPluginError(config.pluginUrl);
-      }
-    });
-  });
-
-  // ────────────────────────────────────────────────────────────────
-  // UI Controls
-  // ────────────────────────────────────────────────────────────────
-
-  consoleToggle.addEventListener('click', function () {
-    consoleBody.classList.toggle('open');
-  });
-
-  reloadBtn.addEventListener('click', function () {
-    if (cachedConfig) {
-      pluginStatus.classList.remove('hidden', 'error');
-      pluginStatus.innerHTML =
-        '<div class="status-spinner"></div><p>Connecting to plugin server...</p>';
-      iframe.classList.add('hidden');
-      checkPluginReachable(cachedConfig.pluginUrl, function (reachable) {
-        if (reachable) {
-          pluginStatus.classList.add('hidden');
-          iframe.classList.remove('hidden');
-          iframe.src = cachedConfig.pluginUrl;
-        } else {
-          showPluginError(cachedConfig.pluginUrl);
-        }
-      });
-    } else {
-      iframe.src = iframe.src;
-    }
-  });
-
-  themeToggle.addEventListener('click', function () {
-    currentTheme = currentTheme === 'dark' ? 'light' : 'dark';
-    updateThemeBadge();
-    sendToPlugin({
-      type: 'theme_update',
-      messageId: 'theme_' + Date.now(),
-      payload: getTheme(),
-    });
-    logMessage('send', 'theme_update', { mode: currentTheme });
-  });
-
-  // Mode toggle
-  modeBadge.addEventListener('click', function () {
-    if (currentMode === 'mock') {
-      if (!hasCredentials) {
-        showLoginModal();
-        return;
-      }
-      switchMode('live');
-    } else {
-      switchMode('mock');
-    }
-  });
-
-  // Environment selector
-  envSelector.addEventListener('change', function () {
-    fetch('/api/environment', {
-      method: 'POST',
-      headers: { 'Content-Type': 'application/json' },
-      body: JSON.stringify({ environment: envSelector.value }),
-    })
-      .then(function (r) {
-        return r.json();
-      })
-      .then(function (data) {
-        currentEnvironment = data.environment;
-        currentMode = data.mode;
-        hasCredentials = data.hasCredentials;
-        updateModeBadge();
-
-        if (currentMode === 'live') {
-          creditBalance.style.display = 'inline';
-          fetchCredits();
-        } else {
-          creditBalance.style.display = 'none';
-          creditBalance.textContent = '';
-        }
-
-        logMessage(
-          'info',
-          'Environment: ' +
-            currentEnvironment.toUpperCase() +
-            (hasCredentials ? '' : ' (not authenticated)'),
-        );
-      })
-      .catch(function (err) {
-        logMessage('error', err.message);
-      });
-  });
-
-  function switchMode(newMode) {
-    fetch('/api/mode', {
-      method: 'POST',
-      headers: { 'Content-Type': 'application/json' },
-      body: JSON.stringify({ mode: newMode }),
-    })
-      .then(function (r) {
-        if (!r.ok) {
-          return r.json().then(function (err) {
-            throw new Error(err.error || 'Failed to switch mode');
-          });
-        }
-        return r.json();
-      })
-      .then(function (data) {
-        currentMode = data.mode;
-        updateModeBadge();
-        logMessage('info', 'Mode switched to ' + currentMode.toUpperCase());
-
-        if (currentMode === 'live') {
-          creditBalance.style.display = 'inline';
-          fetchCredits();
-        } else {
-          creditBalance.style.display = 'none';
-          creditBalance.textContent = '';
-        }
-      })
-      .catch(function (err) {
-        logMessage('error', err.message);
-      });
-  }
-
-  // ────────────────────────────────────────────────────────────────
-  // Login Modal
-  // ────────────────────────────────────────────────────────────────
-
-  var loginTarget = document.getElementById('login-target');
-
-  function showLoginModal() {
-    loginModal.style.display = 'flex';
-    loginEmail.value = '';
-    loginPassword.value = '';
-    loginError.style.display = 'none';
-    loginSubmit.disabled = false;
-    loginSubmit.textContent = 'Sign in';
-    loginTarget.textContent = currentEnvironment === 'production' ? 'fias.io' : 'staging.fias.io';
-    loginEmail.focus();
-  }
-
-  function hideLoginModal() {
-    loginModal.style.display = 'none';
-  }
-
-  loginCancel.addEventListener('click', hideLoginModal);
-
-  loginModal.addEventListener('click', function (e) {
-    if (e.target === loginModal) hideLoginModal();
-  });
-
-  loginEmail.addEventListener('keydown', function (e) {
-    if (e.key === 'Enter') loginPassword.focus();
-    if (e.key === 'Escape') hideLoginModal();
-  });
-
-  loginPassword.addEventListener('keydown', function (e) {
-    if (e.key === 'Enter') submitLogin();
-    if (e.key === 'Escape') hideLoginModal();
-  });
-
-  loginSubmit.addEventListener('click', submitLogin);
-
-  function submitLogin() {
-    var email = loginEmail.value.trim();
-    var password = loginPassword.value;
-
-    if (!email || !password) {
-      loginError.textContent = 'Email and password are required.';
-      loginError.style.display = 'block';
-      return;
-    }
-
-    loginSubmit.disabled = true;
-    loginSubmit.textContent = 'Signing in...';
-    loginError.style.display = 'none';
-
-    fetch('/api/auth/login', {
-      method: 'POST',
-      headers: { 'Content-Type': 'application/json' },
-      body: JSON.stringify({ email: email, password: password }),
-    })
-      .then(function (r) {
-        if (!r.ok) {
-          return r.json().then(function (err) {
-            throw new Error(err.error || 'Sign in failed');
-          });
-        }
-        return r.json();
-      })
-      .then(function () {
-        hasCredentials = true;
-        hideLoginModal();
-        logMessage('info', 'Signed in for ' + currentEnvironment.toUpperCase());
-        switchMode('live');
-      })
-      .catch(function (err) {
-        loginError.textContent = err.message;
-        loginError.style.display = 'block';
-      })
-      .finally(function () {
-        loginSubmit.disabled = false;
-        loginSubmit.textContent = 'Sign in';
-      });
-  }
-
-  // ────────────────────────────────────────────────────────────────
-  // Message Handling
-  // ────────────────────────────────────────────────────────────────
-
-  window.addEventListener('message', function (event) {
-    if (event.source !== iframe.contentWindow) return;
-
-    var data = event.data;
-    if (!data || typeof data !== 'object' || !data.type || !data.messageId) return;
-
-    logMessage('recv', data.type, data.payload);
-
-    if (data.type === 'ready') return;
-
-    if (data.type === 'resize') {
-      var height = data.payload && data.payload.height;
-      if (typeof height === 'number' && height > 0) {
-        iframe.style.height = height + 'px';
-        iframe.style.flex = 'none';
-      }
-      return;
-    }
-
-    if (data.type === 'toast') {
-      var msg = data.payload && data.payload.message;
-      if (typeof msg === 'string') {
-        logMessage('toast', msg, data.payload);
-      }
-      return;
-    }
-
-    if (data.type === 'navigate') {
-      var navPath = data.payload && data.payload.path;
-      if (typeof navPath === 'string') {
-        logMessage('nav', navPath);
-      }
-      return;
-    }
-
-    handleRequest(data);
-  });
-
-  function handleRequest(data) {
-    try {
-      var requiredPerm = PERMISSION_MAP[data.type];
-      if (requiredPerm && cachedConfig && cachedConfig.permissions.indexOf(requiredPerm) === -1) {
-        throw new Error('Permission denied: ' + requiredPerm + ' not granted');
-      }
-      checkRateLimit(data.type);
-    } catch (err) {
-      logMessage('error', err.message);
-      sendToPlugin({
-        type: 'response',
-        messageId: data.messageId,
-        payload: null,
-        error: err.message,
-      });
-      return;
-    }
-
-    fetch('/api/bridge', {
-      method: 'POST',
-      headers: { 'Content-Type': 'application/json' },
-      body: JSON.stringify({ type: data.type, payload: data.payload }),
-    })
-      .then(function (response) {
-        if (!response.ok) {
-          return response.json().then(function (err) {
-            throw new Error(err.error || 'Bridge call failed');
-          });
-        }
-        return response.json();
-      })
-      .then(function (result) {
-        logMessage('send', 'response', result);
-
-        if (
-          data.type === 'entity_invoke' &&
-          result.metadata &&
-          result.metadata.cost > 0
-        ) {
-          logMessage('cost', 'Credits used: ' + result.metadata.cost.toFixed(4));
-          fetchCredits();
-        }
-
-        sendToPlugin({
-          type: 'response',
-          messageId: data.messageId,
-          payload: result,
-        });
-      })
-      .catch(function (err) {
-        logMessage('error', err.message);
-        sendToPlugin({
-          type: 'response',
-          messageId: data.messageId,
-          payload: null,
-          error: err.message,
-        });
-      });
-  }
-
-  // ────────────────────────────────────────────────────────────────
-  // Iframe Init
-  // ────────────────────────────────────────────────────────────────
-
-  iframe.addEventListener('load', function () {
-    if (!cachedConfig) return;
-
-    sendToPlugin({
-      type: 'init',
-      messageId: 'init_0',
-      payload: {
-        archId: 'dev_harness',
-        permissions: cachedConfig.permissions,
-        theme: getTheme(),
-        currentPath: '/',
-      },
-    });
-    logMessage('send', 'init');
-  });
-
-  // ────────────────────────────────────────────────────────────────
-  // Helpers
-  // ────────────────────────────────────────────────────────────────
-
-  function updateModeBadge() {
-    var opposite = currentMode === 'live' ? 'Mock' : 'Live';
-    modeBadge.textContent = currentMode.toUpperCase() + ' \u21C6';
-    modeBadge.className = 'mode-badge ' + (currentMode === 'live' ? 'mode-live' : 'mode-mock');
-    modeBadge.title = 'Click to switch to ' + opposite + ' mode';
-  }
-
-  function updateThemeBadge() {
-    themeBadge.textContent = currentTheme.toUpperCase();
-    themeBadge.className = 'theme-badge theme-' + currentTheme;
-    document.body.style.background = currentTheme === 'light' ? '#ffffff' : '#0a0a0a';
-  }
-
-  function sendToPlugin(message) {
-    iframe.contentWindow && iframe.contentWindow.postMessage(message, '*');
-  }
-
-  function checkRateLimit(type) {
-    var limit = RATE_LIMITS[type];
-    if (!limit) return;
-
-    var now = Date.now();
-    var bucket = rateBuckets[type];
-
-    if (!bucket || now - bucket.windowStart > 60000) {
-      rateBuckets[type] = { count: 1, windowStart: now };
-      return;
-    }
-
-    if (bucket.count >= limit.maxPerMinute) {
-      throw new Error(
-        'Rate limit exceeded for ' + type + ': max ' + limit.maxPerMinute + '/minute',
-      );
-    }
-
-    bucket.count++;
-  }
-
-  var SYSTEM_FONTS = '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif';
-  var MONO_FONTS = '"SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace';
-  var SPACING = { xs: '4px', sm: '8px', md: '16px', lg: '24px', xl: '32px' };
-  var FONTS = { body: SYSTEM_FONTS, heading: SYSTEM_FONTS, mono: MONO_FONTS };
-
-  var COMPONENTS = {
-    borderRadius: '0.5rem',
-    buttonRadius: '0.375rem',
-    cardRadius: '0.5rem',
-    inputRadius: '0.375rem',
-    shadowSm: '0 1px 2px 0 rgba(0, 0, 0, 0.05)',
-    shadowMd: '0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1)',
-    shadowLg: '0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1)',
-    borderWidth: '1px',
-  };
-
-  function getTheme() {
-    if (currentTheme === 'light') {
-      return {
-        mode: 'light',
-        colors: {
-          primary: '#171717', primaryText: '#ffffff',
-          secondary: '#e5e5e5', accent: '#2563eb',
-          background: '#ffffff', surface: '#fafafa',
-          card: '#ffffff', cardText: '#0a0a0a',
-          text: '#0a0a0a', textSecondary: '#737373',
-          muted: '#f5f5f5', mutedText: '#a3a3a3',
-          border: '#e5e5e5',
-          error: '#dc2626', warning: '#d97706', success: '#16a34a', info: '#2563eb',
-        },
-        spacing: SPACING,
-        fonts: FONTS,
-        components: COMPONENTS,
-      };
-    }
-    return {
-      mode: 'dark',
-      colors: {
-        primary: '#ffffff', primaryText: '#0a0a0a',
-        secondary: '#1f1f1f', accent: '#3b82f6',
-        background: '#0a0a0a', surface: '#171717',
-        card: '#141414', cardText: '#ffffff',
-        text: '#ffffff', textSecondary: '#a6a6a6',
-        muted: '#1e1e1e', mutedText: '#737373',
-        border: '#2e2e2e',
-        error: '#ef4444', warning: '#f59e0b', success: '#22c55e', info: '#3b82f6',
-      },
-      spacing: SPACING,
-      fonts: FONTS,
-      components: COMPONENTS,
-    };
-  }
-
-  function fetchConfig() {
-    return fetch('/api/config').then(function (r) {
-      return r.json();
-    });
-  }
-
-  function fetchCredits() {
-    fetch('/api/credits')
-      .then(function (r) {
-        return r.json();
-      })
-      .then(function (data) {
-        if (data.balance !== undefined && data.balance !== null && isFinite(data.balance)) {
-          creditBalance.textContent = 'Credits: ' + data.balance.toFixed(2);
-        }
-      })
-      .catch(function () {});
-  }
-
-  function logMessage(direction, type, payload) {
-    messageCount++;
-    consoleCount.textContent = messageCount + ' messages';
-
-    var entry = document.createElement('div');
-    entry.className = 'log-entry';
-
-    var time = new Date().toLocaleTimeString();
-    var cls = 'log-info';
-    if (direction === 'error') cls = 'log-error';
-    if (direction === 'warn' || direction === 'cost') cls = 'log-warn';
-    if (direction === 'toast') cls = 'log-warn';
-
-    var text = '<span class="log-time">' + escapeHtml(time) + '</span>';
-    text +=
-      '<span class="' +
-      cls +
-      '">[' +
-      escapeHtml(direction.toUpperCase()) +
-      '] ' +
-      escapeHtml(String(type)) +
-      '</span>';
-    if (payload && typeof payload === 'object') {
-      text +=
-        ' <span style="color:#6b7280">' +
-        escapeHtml(JSON.stringify(payload).substring(0, 120)) +
-        '</span>';
-    }
-
-    entry.innerHTML = text;
-    consoleBody.appendChild(entry);
-    consoleBody.scrollTop = consoleBody.scrollHeight;
-  }
-
-  function escapeHtml(str) {
-    var div = document.createElement('div');
-    div.appendChild(document.createTextNode(str));
-    return div.innerHTML;
-  }
-
-  function checkPluginReachable(url, callback) {
-    var done = false;
-
-    fetch('/api/check-plugin')
-      .then(function (r) { return r.json(); })
-      .then(function (data) {
-        if (!done) {
-          done = true;
-          callback(data.reachable);
-        }
-      })
-      .catch(function () {
-        if (!done) {
-          done = true;
-          callback(true);
-        }
-      });
-
-    setTimeout(function () {
-      if (!done) {
-        done = true;
-        callback(false);
-      }
-    }, 5000);
-  }
-
-  function showPluginError(url) {
-    pluginStatus.classList.add('error');
-    pluginStatus.innerHTML =
-      '<p><strong>Plugin server not reachable</strong></p>' +
-      '<p>The harness cannot connect to your plugin at<br/><code>' + escapeHtml(url) + '</code></p>' +
-      '<p>Make sure your plugin dev server is running:</p>' +
-      '<p><code>npm run dev</code></p>' +
-      '<p style="color:#6b7280;font-size:12px;margin-top:8px;">' +
-      'The harness will automatically retry when you click the reload button (&#8635;).</p>';
-    iframe.classList.add('hidden');
-  }
-})();