npm - @konemono/nostr-login - Versions diffs - 1.11.0 → 1.11.3 - Mend

@konemono/nostr-login 1.11.0 → 1.11.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (17) hide show

package/dist/index.esm.js +15 -20
package/dist/index.esm.js.map +1 -1
package/dist/modules/AuthNostrService.d.ts +4 -14
package/dist/modules/Nip46.d.ts +26 -64
package/dist/modules/Signer.d.ts +6 -12
package/dist/unpkg.js +15 -20
package/dist/utils/index.d.ts +3 -6
package/dist/utils/nip44.d.ts +3 -3
package/package.json +8 -8
package/src/modules/AuthNostrService.ts +109 -210
package/src/modules/ModalManager.ts +3 -3
package/src/modules/Nip46.ts +185 -390
package/src/modules/NostrExtensionService.ts +0 -2
package/src/modules/Signer.ts +12 -35
package/src/utils/index.ts +23 -73
package/src/utils/nip44.ts +7 -12
package/test-relay-management.html +0 -407

package/test-relay-management.html DELETED Viewed

@@ -1,407 +0,0 @@
-<!DOCTYPE html>
-<html lang="ja">
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>Relay Management Test</title>
-  <style>
-    body {
-      font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
-      max-width: 1200px;
-      margin: 0 auto;
-      padding: 20px;
-      background: #f5f5f5;
-    }
-    .container {
-      background: white;
-      border-radius: 8px;
-      padding: 20px;
-      margin-bottom: 20px;
-      box-shadow: 0 2px 4px rgba(0,0,0,0.1);
-    }
-    h1 {
-      color: #333;
-      border-bottom: 2px solid #4CAF50;
-      padding-bottom: 10px;
-    }
-    h2 {
-      color: #555;
-      margin-top: 0;
-    }
-    button {
-      background: #4CAF50;
-      color: white;
-      border: none;
-      padding: 10px 20px;
-      border-radius: 4px;
-      cursor: pointer;
-      margin: 5px;
-      font-size: 14px;
-    }
-    button:hover {
-      background: #45a049;
-    }
-    button:disabled {
-      background: #ccc;
-      cursor: not-allowed;
-    }
-    .status-box {
-      background: #f9f9f9;
-      border: 1px solid #ddd;
-      border-radius: 4px;
-      padding: 15px;
-      margin: 10px 0;
-      font-family: 'Courier New', monospace;
-      font-size: 13px;
-      white-space: pre-wrap;
-      max-height: 300px;
-      overflow-y: auto;
-    }
-    .log {
-      background: #263238;
-      color: #aed581;
-      border-radius: 4px;
-      padding: 15px;
-      margin: 10px 0;
-      font-family: 'Courier New', monospace;
-      font-size: 12px;
-      max-height: 400px;
-      overflow-y: auto;
-    }
-    .log-entry {
-      margin: 2px 0;
-    }
-    .log-error {
-      color: #ff5252;
-    }
-    .log-success {
-      color: #69f0ae;
-    }
-    .log-info {
-      color: #64b5f6;
-    }
-    .stats-grid {
-      display: grid;
-      grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
-      gap: 10px;
-      margin: 10px 0;
-    }
-    .stat-card {
-      background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
-      color: white;
-      padding: 15px;
-      border-radius: 8px;
-      text-align: center;
-    }
-    .stat-value {
-      font-size: 32px;
-      font-weight: bold;
-      margin: 5px 0;
-    }
-    .stat-label {
-      font-size: 12px;
-      opacity: 0.9;
-    }
-    .relay-list {
-      list-style: none;
-      padding: 0;
-    }
-    .relay-item {
-      background: #f5f5f5;
-      padding: 10px;
-      margin: 5px 0;
-      border-radius: 4px;
-      display: flex;
-      justify-content: space-between;
-      align-items: center;
-    }
-    .relay-status {
-      padding: 4px 12px;
-      border-radius: 12px;
-      font-size: 12px;
-      font-weight: bold;
-    }
-    .status-connected {
-      background: #4CAF50;
-      color: white;
-    }
-    .status-connecting {
-      background: #FF9800;
-      color: white;
-    }
-    .status-disconnected {
-      background: #9E9E9E;
-      color: white;
-    }
-    .status-error {
-      background: #F44336;
-      color: white;
-    }
-    input[type="text"] {
-      padding: 8px;
-      border: 1px solid #ddd;
-      border-radius: 4px;
-      width: 300px;
-      font-size: 14px;
-    }
-  </style>
-</head>
-<body>
-  <h1>🔌 Relay Management Test Tool</h1>
-  <div class="container">
-    <h2>📊 Current Status</h2>
-    <div class="stats-grid" id="statsGrid">
-      <div class="stat-card">
-        <div class="stat-label">Total Relays</div>
-        <div class="stat-value" id="totalRelays">-</div>
-      </div>
-      <div class="stat-card">
-        <div class="stat-label">Connected</div>
-        <div class="stat-value" id="connectedRelays">-</div>
-      </div>
-      <div class="stat-card">
-        <div class="stat-label">Connecting</div>
-        <div class="stat-value" id="connectingRelays">-</div>
-      </div>
-      <div class="stat-card">
-        <div class="stat-label">Disconnected</div>
-        <div class="stat-value" id="disconnectedRelays">-</div>
-      </div>
-      <div class="stat-card">
-        <div class="stat-label">Error</div>
-        <div class="stat-value" id="errorRelays">-</div>
-      </div>
-    </div>
-    <h3>Relay List</h3>
-    <ul class="relay-list" id="relayList"></ul>
-  </div>
-  <div class="container">
-    <h2>🧪 Test Actions</h2>
-    <button onclick="refreshStatus()">🔄 Refresh Status</button>
-    <button onclick="checkHealth()">❤️ Check Health</button>
-    <button onclick="reconnectAll()">🔌 Reconnect All</button>
-    <button onclick="simulateOffline()">📡 Simulate Offline</button>
-    <button onclick="runAutoTest()">🤖 Run Auto Test</button>
-    <button onclick="clearLogs()">🗑️ Clear Logs</button>
-  </div>
-  <div class="container">
-    <h2>➕ Add/Remove Relay</h2>
-    <input type="text" id="relayUrl" placeholder="wss://relay.example.com" />
-    <button onclick="connectRelay()">Connect</button>
-    <button onclick="disconnectRelay()">Disconnect</button>
-  </div>
-  <div class="container">
-    <h2>📝 Logs</h2>
-    <div class="log" id="logContainer"></div>
-  </div>
-  <script type="module">
-    // このスクリプトは実際のnostr-loginインスタンスにアクセスする必要があります
-    // 実際の使用時は、アプリケーションのAuthNostrServiceインスタンスを参照してください
-    let authService = null;
-    // グローバルに公開されたインスタンスを探す
-    window.addEventListener('load', () => {
-      // 実際のアプリケーションでAuthNostrServiceインスタンスを取得する方法に応じて調整
-      // 例: authService = window.nostrLogin?.authService;
-      log('⚠️ AuthNostrService instance not found. Please integrate with your app.', 'error');
-      log('ℹ️ This is a test tool template. Modify the script to access your AuthNostrService instance.', 'info');
-    });
-    function log(message, type = 'info') {
-      const logContainer = document.getElementById('logContainer');
-      const timestamp = new Date().toLocaleTimeString();
-      const entry = document.createElement('div');
-      entry.className = `log-entry log-${type}`;
-      entry.textContent = `[${timestamp}] ${message}`;
-      logContainer.appendChild(entry);
-      logContainer.scrollTop = logContainer.scrollHeight;
-      console.log(message);
-    }
-    window.refreshStatus = async function() {
-      if (!authService) {
-        log('❌ AuthNostrService not available', 'error');
-        return;
-      }
-      try {
-        log('🔄 Refreshing status...', 'info');
-        const status = authService.getRelayStatus();
-        const stats = authService.getRelayStats();
-        // Update stats
-        document.getElementById('totalRelays').textContent = stats.total;
-        document.getElementById('connectedRelays').textContent = stats.connected;
-        document.getElementById('connectingRelays').textContent = stats.connecting;
-        document.getElementById('disconnectedRelays').textContent = stats.disconnected;
-        document.getElementById('errorRelays').textContent = stats.error;
-        // Update relay list
-        const relayList = document.getElementById('relayList');
-        relayList.innerHTML = '';
-        for (const [url, state] of Object.entries(status)) {
-          const li = document.createElement('li');
-          li.className = 'relay-item';
-          const urlSpan = document.createElement('span');
-          urlSpan.textContent = url;
-          const statusSpan = document.createElement('span');
-          statusSpan.className = `relay-status status-${state.toLowerCase()}`;
-          statusSpan.textContent = state;
-          li.appendChild(urlSpan);
-          li.appendChild(statusSpan);
-          relayList.appendChild(li);
-        }
-        log(`✅ Status updated: ${stats.connected}/${stats.total} connected`, 'success');
-      } catch (error) {
-        log(`❌ Error: ${error.message}`, 'error');
-      }
-    };
-    window.checkHealth = async function() {
-      if (!authService) {
-        log('❌ AuthNostrService not available', 'error');
-        return;
-      }
-      try {
-        const health = await authService.checkRelayHealth();
-        log(`❤️ Health check: ${health ? 'HEALTHY' : 'UNHEALTHY'}`, health ? 'success' : 'error');
-      } catch (error) {
-        log(`❌ Error: ${error.message}`, 'error');
-      }
-    };
-    window.reconnectAll = async function() {
-      if (!authService) {
-        log('❌ AuthNostrService not available', 'error');
-        return;
-      }
-      try {
-        log('🔌 Reconnecting all relays...', 'info');
-        await authService.reconnectAllRelays();
-        log('✅ Reconnection initiated', 'success');
-        setTimeout(refreshStatus, 3000);
-      } catch (error) {
-        log(`❌ Error: ${error.message}`, 'error');
-      }
-    };
-    window.connectRelay = async function() {
-      if (!authService) {
-        log('❌ AuthNostrService not available', 'error');
-        return;
-      }
-      const url = document.getElementById('relayUrl').value;
-      if (!url) {
-        log('❌ Please enter a relay URL', 'error');
-        return;
-      }
-      try {
-        log(`🔌 Connecting to ${url}...`, 'info');
-        await authService.connectToRelay(url);
-        log(`✅ Connection initiated to ${url}`, 'success');
-        setTimeout(refreshStatus, 2000);
-      } catch (error) {
-        log(`❌ Error: ${error.message}`, 'error');
-      }
-    };
-    window.disconnectRelay = async function() {
-      if (!authService) {
-        log('❌ AuthNostrService not available', 'error');
-        return;
-      }
-      const url = document.getElementById('relayUrl').value;
-      if (!url) {
-        log('❌ Please enter a relay URL', 'error');
-        return;
-      }
-      try {
-        log(`🔌 Disconnecting from ${url}...`, 'info');
-        await authService.disconnectFromRelay(url);
-        log(`✅ Disconnected from ${url}`, 'success');
-        setTimeout(refreshStatus, 1000);
-      } catch (error) {
-        log(`❌ Error: ${error.message}`, 'error');
-      }
-    };
-    window.simulateOffline = function() {
-      log('📡 To simulate offline:', 'info');
-      log('1. Open DevTools (F12)', 'info');
-      log('2. Go to Network tab', 'info');
-      log('3. Select "Offline" from throttling dropdown', 'info');
-      log('4. Wait a few seconds', 'info');
-      log('5. Select "Online" to restore connection', 'info');
-    };
-    window.runAutoTest = async function() {
-      if (!authService) {
-        log('❌ AuthNostrService not available', 'error');
-        return;
-      }
-      log('🤖 Starting automated tests...', 'info');
-      try {
-        // Test 1: Get status
-        log('Test 1: Getting relay status...', 'info');
-        const status = authService.getRelayStatus();
-        log(`✅ Got status for ${Object.keys(status).length} relays`, 'success');
-        // Test 2: Get stats
-        log('Test 2: Getting relay stats...', 'info');
-        const stats = authService.getRelayStats();
-        log(`✅ Stats: ${stats.connected}/${stats.total} connected`, 'success');
-        // Test 3: Health check
-        log('Test 3: Checking health...', 'info');
-        const health = await authService.checkRelayHealth();
-        log(`✅ Health: ${health ? 'HEALTHY' : 'UNHEALTHY'}`, 'success');
-        // Test 4: Reconnect
-        log('Test 4: Testing reconnect...', 'info');
-        await authService.reconnectAllRelays();
-        log('✅ Reconnect initiated', 'success');
-        await new Promise(r => setTimeout(r, 3000));
-        await refreshStatus();
-        log('🎉 All tests completed!', 'success');
-      } catch (error) {
-        log(`❌ Test failed: ${error.message}`, 'error');
-      }
-    };
-    window.clearLogs = function() {
-      document.getElementById('logContainer').innerHTML = '';
-      log('🗑️ Logs cleared', 'info');
-    };
-    // Auto-refresh every 5 seconds
-    setInterval(() => {
-      if (authService) {
-        refreshStatus();
-      }
-    }, 5000);
-  </script>
-</body>
-</html>