newsroom/assets/controllers/utility/login_controller.js

import { Controller } from '@hotwired/stimulus';

export default class extends Controller {
  static targets = ['nostrError'];

  async loginAct(event) {
    if (!window.nostr) {
      if (this.hasNostrErrorTarget) {
        this.nostrErrorTarget.textContent = 'Extension is not available.';
        this.nostrErrorTarget.style.display = 'block';
      }
      event?.preventDefault();
      return;
    }
    if (this.hasNostrErrorTarget) {
      this.nostrErrorTarget.textContent = '';
      this.nostrErrorTarget.style.display = 'none';
    }

    const tags = [
      ['u', window.location.origin + '/login'],
      ['method', 'POST'],
      ['t', 'extension']
    ]
    const ev = {
      created_at: Math.floor(Date.now()/1000),
      kind: 27235,
      tags: tags,
      content: ''
    }

    const signed = await window.nostr.signEvent(ev);
    // base64 encode and send as Auth header
    const result = await fetch('/login', {
      method: 'POST',
      credentials: 'same-origin',
      headers: {
        'Authorization': 'Nostr ' + btoa(JSON.stringify(signed))
      }
    }).then(response => {
      if (!response.ok) return false;
      return 'Authentication Successful';
    })

    if (!!result) {
      // Save editor state before reload (if in editor)
      if (typeof window.saveEditorStateBeforeLogin === 'function') {
        window.saveEditorStateBeforeLogin();
      }
      window.location.reload();
    }
  }
}