@fias/plugin-dev-harness 1.12.0 → 1.12.1

package/dist/server/static/harness.css

@@ -704,3 +704,124 @@ body {
   font-weight: 500;
   margin-bottom: 8px;
 }
+
+/* Sign-in button + paste-code login modal */
+.btn-login {
+  background: #2563eb;
+  border-color: #1d4ed8;
+  color: #fff;
+  font-weight: 600;
+}
+
+.btn-login:hover {
+  background: #1d4ed8;
+}
+
+.btn-login.authed {
+  background: #16a34a;
+  border-color: #15803d;
+}
+
+.login-modal {
+  position: fixed;
+  inset: 0;
+  background: rgba(0, 0, 0, 0.6);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  z-index: 1000;
+}
+
+.login-modal.hidden {
+  display: none;
+}
+
+.login-modal-card {
+  background: #1f1f23;
+  border: 1px solid #3f3f46;
+  border-radius: 8px;
+  padding: 20px 24px;
+  max-width: 480px;
+  width: 92%;
+  color: #e4e4e7;
+  font-size: 13px;
+  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.5);
+}
+
+.login-modal-card h2 {
+  font-size: 16px;
+  margin-bottom: 12px;
+}
+
+.login-modal-step {
+  margin: 14px 0 6px;
+  font-size: 12px;
+  color: #a1a1aa;
+}
+
+.login-modal-row {
+  display: flex;
+  gap: 8px;
+  align-items: center;
+  background: #0f0f12;
+  border: 1px solid #3f3f46;
+  border-radius: 6px;
+  padding: 8px 10px;
+}
+
+.login-modal-url {
+  color: #93c5fd;
+  word-break: break-all;
+  flex: 1;
+  font-family: monospace;
+  font-size: 12px;
+  text-decoration: none;
+}
+
+.login-modal-url:hover {
+  text-decoration: underline;
+}
+
+.login-modal-code {
+  color: #fde047;
+  font-family: monospace;
+  font-size: 18px;
+  font-weight: 700;
+  letter-spacing: 0.1em;
+  flex: 1;
+}
+
+.btn-copy {
+  background: #27272a;
+  border: 1px solid #3f3f46;
+  color: #e4e4e7;
+  padding: 4px 10px;
+  border-radius: 4px;
+  cursor: pointer;
+  font-size: 11px;
+}
+
+.btn-copy:hover {
+  background: #3f3f46;
+}
+
+.login-modal-status {
+  margin-top: 16px;
+  font-size: 12px;
+  color: #a1a1aa;
+  min-height: 18px;
+}
+
+.login-modal-status.success {
+  color: #4ade80;
+}
+
+.login-modal-status.error {
+  color: #fca5a5;
+}
+
+.login-modal-actions {
+  margin-top: 16px;
+  display: flex;
+  justify-content: flex-end;
+}

package/dist/server/static/harness.html

@@ -17,6 +17,7 @@
       </select>
       <span id="mode-badge" class="mode-badge mode-mock">MOCK</span>
       <button id="mode-toggle" class="btn-icon btn-mode-toggle" title="Switch mode">Switch to Live</button>
+      <button id="login-btn" class="btn-icon btn-login" title="Sign in to FIAS">Sign In</button>
     </div>
     <div class="toolbar-right">
       <button id="publish-btn" class="btn-publish" title="Publish plugin">Publish</button>
@@ -111,6 +112,25 @@
     </div>
     <div class="console-body" id="console-body"></div>
   </div>
+  <div id="login-modal" class="login-modal hidden" role="dialog" aria-modal="true" aria-labelledby="login-modal-title">
+    <div class="login-modal-card">
+      <h2 id="login-modal-title">Sign in to FIAS</h2>
+      <p class="login-modal-step"><strong>1.</strong> Open this URL in your browser:</p>
+      <div class="login-modal-row">
+        <a id="login-modal-url" class="login-modal-url" href="#" target="_blank" rel="noopener"></a>
+        <button class="btn-copy" data-copy="url" title="Copy URL">Copy</button>
+      </div>
+      <p class="login-modal-step"><strong>2.</strong> Enter this code, then approve:</p>
+      <div class="login-modal-row">
+        <span id="login-modal-code" class="login-modal-code"></span>
+        <button class="btn-copy" data-copy="code" title="Copy code">Copy</button>
+      </div>
+      <div class="login-modal-status" id="login-modal-status">Waiting for approval&hellip;</div>
+      <div class="login-modal-actions">
+        <button id="login-modal-cancel" class="btn-icon">Cancel</button>
+      </div>
+    </div>
+  </div>
   <script src="/static/harness.js"></script>
 </body>
 </html>

package/dist/server/static/harness.js

@@ -1317,3 +1317,117 @@
     iframe.classList.add('hidden');
   }
 })();
+
+// Paste-code login flow. Self-contained IIFE — communicates with the harness
+// server's /api/auth/cli-login/* endpoints, which mint a code, poll the
+// configured FIAS environment for approval, and persist the returned API key
+// as the harness's credentials.
+(function () {
+  'use strict';
+
+  var loginBtn = document.getElementById('login-btn');
+  var modal = document.getElementById('login-modal');
+  var modalUrl = document.getElementById('login-modal-url');
+  var modalCode = document.getElementById('login-modal-code');
+  var modalStatus = document.getElementById('login-modal-status');
+  var cancelBtn = document.getElementById('login-modal-cancel');
+  if (!loginBtn || !modal) return;
+
+  var pollHandle = null;
+  var pollAbort = null;
+  var currentCode = null;
+
+  function setStatus(text, kind) {
+    modalStatus.textContent = text;
+    modalStatus.className = 'login-modal-status' + (kind ? ' ' + kind : '');
+  }
+
+  function showModal(claimUrl, code) {
+    modalUrl.textContent = claimUrl;
+    modalUrl.href = claimUrl;
+    modalCode.textContent = code;
+    setStatus('Waiting for approval…');
+    modal.classList.remove('hidden');
+  }
+
+  function stopPolling() {
+    if (pollHandle) { clearTimeout(pollHandle); pollHandle = null; }
+    if (pollAbort) { pollAbort.abort(); pollAbort = null; }
+    currentCode = null;
+  }
+
+  function hideModal() {
+    modal.classList.add('hidden');
+    stopPolling();
+  }
+
+  function startLogin() {
+    setStatus('Requesting code…');
+    modal.classList.remove('hidden');
+    fetch('/api/auth/cli-login/start', { method: 'POST' })
+      .then(function (r) {
+        if (!r.ok) return r.json().then(function (e) { throw new Error(e.error || 'Failed to start sign-in'); });
+        return r.json();
+      })
+      .then(function (d) {
+        currentCode = d.code.replace(/[\s-]/g, '').toUpperCase();
+        showModal(d.claimUrl, d.code);
+        var intervalMs = (d.pollIntervalSeconds || 2) * 1000;
+        pollOnce(intervalMs);
+      })
+      .catch(function (e) { setStatus(e.message, 'error'); });
+  }
+
+  function pollOnce(intervalMs) {
+    if (!currentCode) return;
+    pollAbort = new AbortController();
+    fetch('/api/auth/cli-login/poll/' + encodeURIComponent(currentCode), { signal: pollAbort.signal })
+      .then(function (r) {
+        if (r.status === 410) return r.json().then(function () { throw new Error('Code expired. Click Sign In to start over.'); });
+        if (!r.ok) return r.json().then(function (e) { throw new Error(e.error || 'Sign-in poll failed'); });
+        return r.json();
+      })
+      .then(function (d) {
+        if (d.status === 'ready') {
+          setStatus('Signed in.', 'success');
+          loginBtn.textContent = 'Signed In';
+          loginBtn.classList.add('authed');
+          setTimeout(hideModal, 800);
+          return;
+        }
+        pollHandle = setTimeout(function () { pollOnce(intervalMs); }, intervalMs);
+      })
+      .catch(function (e) {
+        if (e.name === 'AbortError') return;
+        setStatus(e.message, 'error');
+      });
+  }
+
+  loginBtn.addEventListener('click', startLogin);
+  cancelBtn.addEventListener('click', hideModal);
+  modal.addEventListener('click', function (ev) {
+    if (ev.target === modal) hideModal();
+  });
+
+  var copyButtons = modal.querySelectorAll('.btn-copy');
+  copyButtons.forEach(function (btn) {
+    btn.addEventListener('click', function () {
+      var which = btn.getAttribute('data-copy');
+      var text = which === 'url' ? modalUrl.textContent : modalCode.textContent;
+      if (navigator.clipboard && navigator.clipboard.writeText) {
+        navigator.clipboard.writeText(text).then(function () {
+          var orig = btn.textContent;
+          btn.textContent = 'Copied!';
+          setTimeout(function () { btn.textContent = orig; }, 1500);
+        });
+      }
+    });
+  });
+
+  fetch('/api/config').then(function (r) { return r.json(); }).then(function (c) {
+    if (c.hasCredentials) {
+      loginBtn.textContent = 'Signed In';
+      loginBtn.classList.add('authed');
+    }
+  }).catch(function () {});
+})();

package/package.json

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