@fias/plugin-dev-harness 1.5.2 → 1.5.4

package/dist/server/static/harness.js

@@ -16,14 +16,9 @@
   var themeToggle = document.getElementById('theme-toggle');
   var reloadBtn = document.getElementById('reload-btn');
   var modeBadge = document.getElementById('mode-badge');
+  var modeToggle = document.getElementById('mode-toggle');
   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;
@@ -38,6 +33,7 @@
     get_user: 'user:profile:read',
     get_theme: 'theme:read',
     entity_invoke: 'entities:invoke',
+    image_generate: 'entities:image_generate',
     storage_read: 'storage:sandbox',
     storage_write: 'storage:sandbox',
     storage_list: 'storage:sandbox',
@@ -47,6 +43,7 @@
   /** Rate limits per message type (matches production) */
   var RATE_LIMITS = {
     entity_invoke: { maxPerMinute: 60 },
+    image_generate: { maxPerMinute: 10 },
     storage_write: { maxPerMinute: 120 },
     storage_read: { maxPerMinute: 300 },
     storage_list: { maxPerMinute: 60 },
@@ -124,11 +121,11 @@
     logMessage('send', 'theme_update', { mode: currentTheme });
   });
 
-  // Mode toggle
-  modeBadge.addEventListener('click', function () {
+  // Mode toggle button
+  modeToggle.addEventListener('click', function () {
     if (currentMode === 'mock') {
       if (!hasCredentials) {
-        showLoginModal();
+        logMessage('error', 'Not authenticated. Run: npx fias-dev login');
         return;
       }
       switchMode('live');
@@ -205,88 +202,6 @@
       });
   }
 
-  // ────────────────────────────────────────────────────────────────
-  // 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
   // ────────────────────────────────────────────────────────────────
@@ -475,6 +390,388 @@
       });
   }
 
+  // ────────────────────────────────────────────────────────────────
+  // Publish Wizard
+  // ────────────────────────────────────────────────────────────────
+
+  var publishBtn = document.getElementById('publish-btn');
+  var publishModal = document.getElementById('publish-modal');
+  var pubCancel = document.getElementById('pub-cancel');
+  var pubBack = document.getElementById('pub-back');
+  var pubNext = document.getElementById('pub-next');
+  var pubError = document.getElementById('pub-error');
+  var pubStep = 1;
+  var pubManifest = null;
+  var pubSubmissionId = null;
+  var pubPollTimer = null;
+  var pubValidationPassed = false;
+
+  publishBtn.addEventListener('click', function () {
+    if (currentMode !== 'live' || !hasCredentials) {
+      pubError.textContent = 'Switch to live mode and sign in to publish.';
+      pubError.style.display = 'block';
+      publishModal.style.display = 'flex';
+      showPublishStep(1);
+      return;
+    }
+    pubError.style.display = 'none';
+    fetch('/api/manifest')
+      .then(function (r) {
+        if (!r.ok) throw new Error('fias-plugin.json not found');
+        return r.json();
+      })
+      .then(function (manifest) {
+        pubManifest = manifest;
+        populatePublishForm(manifest);
+        publishModal.style.display = 'flex';
+        showPublishStep(1);
+      })
+      .catch(function (err) {
+        pubError.textContent = err.message;
+        pubError.style.display = 'block';
+        publishModal.style.display = 'flex';
+        showPublishStep(1);
+      });
+  });
+
+  pubCancel.addEventListener('click', closePublishModal);
+  publishModal.addEventListener('click', function (e) {
+    if (e.target === publishModal) closePublishModal();
+  });
+
+  function closePublishModal() {
+    publishModal.style.display = 'none';
+    if (pubPollTimer) { clearInterval(pubPollTimer); pubPollTimer = null; }
+    pubStep = 1;
+  }
+
+  pubBack.addEventListener('click', function () {
+    if (pubStep > 1) showPublishStep(pubStep - 1);
+  });
+
+  pubNext.addEventListener('click', function () {
+    pubError.style.display = 'none';
+    if (pubStep === 1) {
+      collectAndSaveManifest().then(function () { showPublishStep(2); startValidation(); });
+    } else if (pubStep === 2 && pubValidationPassed) {
+      showPublishStep(3);
+      showCostInfo();
+    } else if (pubStep === 3) {
+      startBuildAndSubmit();
+    } else if (pubStep === 4) {
+      closePublishModal();
+    }
+  });
+
+  function showPublishStep(step) {
+    pubStep = step;
+    for (var i = 1; i <= 4; i++) {
+      var el = document.getElementById('publish-step-' + i);
+      if (el) el.style.display = i === step ? 'block' : 'none';
+    }
+    var steps = document.querySelectorAll('.publish-step');
+    steps.forEach(function (s, idx) {
+      s.className = 'publish-step' + (idx + 1 === step ? ' active' : idx + 1 < step ? ' completed' : '');
+    });
+    pubBack.style.display = step > 1 && step < 4 ? 'inline-block' : 'none';
+    if (step === 1) { pubNext.textContent = 'Validate'; pubNext.style.display = 'inline-block'; }
+    else if (step === 2) { pubNext.textContent = 'Build & Submit'; pubNext.style.display = 'inline-block'; pubNext.disabled = !pubValidationPassed; }
+    else if (step === 3) { pubNext.textContent = 'Confirm & Build'; pubNext.style.display = 'inline-block'; }
+    else if (step === 4) { pubNext.textContent = 'Close'; pubNext.style.display = 'inline-block'; }
+  }
+
+  function populatePublishForm(m) {
+    document.getElementById('pub-name').value = m.name || '';
+    document.getElementById('pub-version').value = m.version || '1.0.0';
+    document.getElementById('pub-description').value = m.description || '';
+    document.getElementById('pub-expanded-desc').value = m.expandedDescription || '';
+    document.getElementById('pub-archetype').value = m.archeType || 'tool';
+    document.getElementById('pub-pricing-model').value = m.pricing?.model || 'free';
+    document.getElementById('pub-price').value = m.pricing?.priceCents || '';
+    document.getElementById('pub-price-row').style.display = m.pricing?.model === 'free' ? 'none' : 'block';
+
+    // Tags
+    var tagsList = document.getElementById('pub-tags-list');
+    tagsList.innerHTML = '';
+    (m.tags || []).forEach(function (t) { addPublishTag(t); });
+
+    // Permissions
+    var checkboxes = document.querySelectorAll('#pub-permissions input[type="checkbox"]');
+    var perms = m.permissions || [];
+    checkboxes.forEach(function (cb) { cb.checked = perms.indexOf(cb.value) !== -1; });
+  }
+
+  // Tag management
+  document.getElementById('pub-tags-input').addEventListener('keydown', function (e) {
+    if (e.key === 'Enter' || e.key === ',') {
+      e.preventDefault();
+      var val = this.value.trim().replace(/,/g, '');
+      if (val) { addPublishTag(val); this.value = ''; }
+    }
+  });
+
+  function addPublishTag(text) {
+    var tag = document.createElement('span');
+    tag.className = 'pub-tag';
+    tag.innerHTML = escapeHtml(text) + ' <button class="pub-tag-remove">&times;</button>';
+    tag.querySelector('.pub-tag-remove').addEventListener('click', function () { tag.remove(); });
+    document.getElementById('pub-tags-list').appendChild(tag);
+  }
+
+  // Pricing model change
+  document.getElementById('pub-pricing-model').addEventListener('change', function () {
+    document.getElementById('pub-price-row').style.display = this.value === 'free' ? 'none' : 'block';
+  });
+
+  function collectManifest() {
+    var tags = [];
+    document.querySelectorAll('#pub-tags-list .pub-tag').forEach(function (t) {
+      tags.push(t.textContent.replace('\u00d7', '').trim());
+    });
+    var perms = [];
+    document.querySelectorAll('#pub-permissions input:checked').forEach(function (cb) { perms.push(cb.value); });
+    var pricingModel = document.getElementById('pub-pricing-model').value;
+    var pricing = { model: pricingModel, currency: 'usd' };
+    if (pricingModel !== 'free') pricing.priceCents = parseInt(document.getElementById('pub-price').value, 10) || 0;
+
+    return {
+      name: document.getElementById('pub-name').value.trim(),
+      version: document.getElementById('pub-version').value.trim(),
+      description: document.getElementById('pub-description').value.trim(),
+      expandedDescription: document.getElementById('pub-expanded-desc').value.trim() || undefined,
+      main: (pubManifest && pubManifest.main) || 'src/index.tsx',
+      archeType: document.getElementById('pub-archetype').value,
+      tags: tags,
+      pricing: pricing,
+      permissions: perms,
+      sdk: (pubManifest && pubManifest.sdk) || '^1.0.0',
+      dependencies: pubManifest && pubManifest.dependencies,
+    };
+  }
+
+  function collectAndSaveManifest() {
+    var manifest = collectManifest();
+    pubManifest = manifest;
+    return fetch('/api/manifest', {
+      method: 'PUT',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify(manifest),
+    }).then(function (r) {
+      if (!r.ok) throw new Error('Failed to save manifest');
+    });
+  }
+
+  function startValidation() {
+    pubValidationPassed = false;
+    pubNext.disabled = true;
+    document.getElementById('pub-validate-loading').style.display = 'flex';
+    document.getElementById('pub-validate-results').style.display = 'none';
+
+    fetch('/api/publish/validate', { method: 'POST' })
+      .then(function (r) { return r.json(); })
+      .then(function (data) {
+        document.getElementById('pub-validate-loading').style.display = 'none';
+        document.getElementById('pub-validate-results').style.display = 'block';
+
+        var statusEl = document.getElementById('pub-validate-status');
+        var errorsEl = document.getElementById('pub-validate-errors');
+        var warningsEl = document.getElementById('pub-validate-warnings');
+        errorsEl.innerHTML = '';
+        warningsEl.innerHTML = '';
+
+        if (data.valid && (!data.errors || data.errors.length === 0)) {
+          statusEl.innerHTML = '<div class="pub-valid">Manifest is valid</div>';
+          pubValidationPassed = true;
+          pubNext.disabled = false;
+        } else {
+          statusEl.innerHTML = '<div style="color:#fca5a5;font-weight:500;margin-bottom:8px">Validation failed</div>';
+        }
+
+        if (data.errors) {
+          data.errors.forEach(function (e) {
+            var div = document.createElement('div');
+            div.className = 'pub-error-item';
+            div.textContent = e;
+            errorsEl.appendChild(div);
+          });
+        }
+        if (data.warnings) {
+          data.warnings.forEach(function (w) {
+            var div = document.createElement('div');
+            div.className = 'pub-warn-item';
+            div.textContent = w;
+            warningsEl.appendChild(div);
+          });
+        }
+
+        // Listing preview
+        var preview = document.getElementById('pub-listing-preview');
+        var m = pubManifest;
+        preview.innerHTML =
+          '<div class="pub-listing-name">' + escapeHtml(m.name) + '</div>' +
+          '<div class="pub-listing-desc">' + escapeHtml(m.description) + '</div>' +
+          '<div class="pub-listing-meta">' +
+            '<span>v' + escapeHtml(m.version) + '</span>' +
+            '<span>' + escapeHtml(m.archeType) + '</span>' +
+            '<span>' + escapeHtml(m.pricing.model) + '</span>' +
+          '</div>';
+      })
+      .catch(function (err) {
+        document.getElementById('pub-validate-loading').style.display = 'none';
+        pubError.textContent = err.message;
+        pubError.style.display = 'block';
+      });
+  }
+
+  function showCostInfo() {
+    var costEl = document.getElementById('pub-cost-info');
+    costEl.innerHTML = '<p>Submission cost: <strong>5,000 credits ($50.00)</strong> for first listing, <strong>100 credits ($1.00)</strong> for updates.</p>';
+    fetch('/api/credits').then(function (r) { return r.json(); }).then(function (d) {
+      if (d.balance != null && isFinite(d.balance)) {
+        costEl.innerHTML += '<p style="margin-top:8px">Your balance: <strong>' + d.balance.toFixed(2) + ' credits</strong></p>';
+      }
+    }).catch(function () {});
+    document.getElementById('pub-build-output').style.display = 'none';
+    document.getElementById('pub-build-output').textContent = '';
+    document.getElementById('pub-submit-progress').innerHTML = '';
+  }
+
+  function startBuildAndSubmit() {
+    pubNext.style.display = 'none';
+    pubBack.style.display = 'none';
+    var outputEl = document.getElementById('pub-build-output');
+    var progressEl = document.getElementById('pub-submit-progress');
+    outputEl.style.display = 'block';
+    outputEl.textContent = '';
+    progressEl.innerHTML = '<div class="pub-phase active" id="phase-build">Building...</div>' +
+      '<div class="pub-phase" id="phase-package">Packaging...</div>' +
+      '<div class="pub-phase" id="phase-submit">Uploading & submitting...</div>';
+
+    // SSE build
+    fetch('/api/publish/build', { method: 'POST' })
+      .then(function (response) {
+        var reader = response.body.getReader();
+        var decoder = new TextDecoder();
+        var buffer = '';
+
+        function pump() {
+          return reader.read().then(function (chunk) {
+            if (chunk.done) return;
+            buffer += decoder.decode(chunk.value, { stream: true });
+            var lines = buffer.split('\n');
+            buffer = lines.pop() || '';
+            for (var i = 0; i < lines.length; i++) {
+              if (lines[i].indexOf('data: ') !== 0) continue;
+              try {
+                var parsed = JSON.parse(lines[i].slice(6));
+                if (parsed.line) {
+                  outputEl.textContent += parsed.line + '\n';
+                  outputEl.scrollTop = outputEl.scrollHeight;
+                }
+                if (parsed.done) {
+                  if (parsed.code !== 0) throw new Error('Build failed (exit code ' + parsed.code + ')');
+                  document.getElementById('phase-build').className = 'pub-phase done';
+                  document.getElementById('phase-build').textContent = 'Build complete';
+                  return doPackageAndSubmit();
+                }
+              } catch (e) {
+                if (e instanceof SyntaxError) continue;
+                throw e;
+              }
+            }
+            return pump();
+          });
+        }
+        return pump();
+      })
+      .catch(function (err) {
+        document.getElementById('phase-build').className = 'pub-phase error';
+        document.getElementById('phase-build').textContent = 'Build failed: ' + err.message;
+        pubBack.style.display = 'inline-block';
+      });
+  }
+
+  function doPackageAndSubmit() {
+    var progressPhase = document.getElementById('phase-package');
+    progressPhase.className = 'pub-phase active';
+
+    return fetch('/api/publish/package', { method: 'POST' })
+      .then(function (r) {
+        if (!r.ok) return r.json().then(function (e) { throw new Error(e.error); });
+        return r.json();
+      })
+      .then(function (data) {
+        progressPhase.className = 'pub-phase done';
+        progressPhase.textContent = 'Packaged (' + Math.round(data.sizeBytes / 1024) + ' KB)';
+        document.getElementById('phase-submit').className = 'pub-phase active';
+
+        return fetch('/api/publish/submit', {
+          method: 'POST',
+          headers: { 'Content-Type': 'application/json' },
+          body: JSON.stringify({}),
+        });
+      })
+      .then(function (r) {
+        if (!r.ok) return r.json().then(function (e) { throw new Error(e.error); });
+        return r.json();
+      })
+      .then(function (data) {
+        document.getElementById('phase-submit').className = 'pub-phase done';
+        document.getElementById('phase-submit').textContent = 'Submitted for review';
+        pubSubmissionId = data.submissionId;
+        logMessage('info', 'Submitted: ' + pubSubmissionId);
+        setTimeout(function () { showPublishStep(4); startStatusPolling(); }, 1000);
+      })
+      .catch(function (err) {
+        var active = document.querySelector('.pub-phase.active');
+        if (active) { active.className = 'pub-phase error'; active.textContent += ' — ' + err.message; }
+        pubBack.style.display = 'inline-block';
+      });
+  }
+
+  function startStatusPolling() {
+    if (pubPollTimer) clearInterval(pubPollTimer);
+    document.getElementById('pub-review-status').style.display = 'block';
+    document.getElementById('pub-review-result').style.display = 'none';
+
+    pubPollTimer = setInterval(function () {
+      fetch('/api/publish/status/' + pubSubmissionId)
+        .then(function (r) { return r.json(); })
+        .then(function (data) {
+          var sub = data.submission || data;
+          var status = sub.status;
+          var statusEl = document.getElementById('pub-review-status');
+
+          if (status === 'reviewing') {
+            statusEl.innerHTML = '<div class="status-spinner"></div><p>AI is reviewing your plugin...</p>';
+          } else if (status === 'building') {
+            statusEl.innerHTML = '<div class="status-spinner"></div><p>Building your plugin...</p>';
+          } else if (status === 'published') {
+            clearInterval(pubPollTimer);
+            pubPollTimer = null;
+            statusEl.style.display = 'none';
+            document.getElementById('pub-review-result').style.display = 'block';
+            document.getElementById('pub-review-result').innerHTML =
+              '<div class="pub-congrats">Published!</div>' +
+              '<p style="text-align:center;color:#a1a1aa;font-size:13px">Your plugin is now live on the Fias marketplace.</p>';
+            logMessage('info', 'Plugin published!');
+          } else if (status === 'rejected') {
+            clearInterval(pubPollTimer);
+            pubPollTimer = null;
+            statusEl.style.display = 'none';
+            document.getElementById('pub-review-result').style.display = 'block';
+            var html = '<div class="pub-rejected">Submission Rejected</div>';
+            if (sub.errorMessage) html += '<p style="color:#a1a1aa;font-size:12px;margin-bottom:8px">' + escapeHtml(sub.errorMessage) + '</p>';
+            if (data.review) {
+              html += '<p style="color:#6b7280;font-size:11px">Risk score: ' + (data.review.riskScore || 'N/A') + '</p>';
+            }
+            document.getElementById('pub-review-result').innerHTML = html;
+          }
+        })
+        .catch(function () {});
+    }, 3000);
+  }
+
   // ────────────────────────────────────────────────────────────────
   // Iframe Init
   // ────────────────────────────────────────────────────────────────
@@ -501,9 +798,9 @@
 
   function updateModeBadge() {
     var opposite = currentMode === 'live' ? 'Mock' : 'Live';
-    modeBadge.textContent = currentMode.toUpperCase() + ' \u21C6';
+    modeBadge.textContent = currentMode.toUpperCase();
     modeBadge.className = 'mode-badge ' + (currentMode === 'live' ? 'mode-live' : 'mode-mock');
-    modeBadge.title = 'Click to switch to ' + opposite + ' mode';
+    modeToggle.textContent = 'Switch to ' + opposite;
   }
 
   function updateThemeBadge() {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fias/plugin-dev-harness",
-  "version": "1.5.2",
+  "version": "1.5.4",
   "description": "Development harness for building and testing FIAS plugin arches locally",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",