From 9218662a4bfde29fec1dcb37fdcdcced294e4774 Mon Sep 17 00:00:00 2001
From: dqj <dqj1998@gmail.com>
Date: Sun, 18 Jan 2026 22:49:11 +0900
Subject: [PATCH] Removed stanalone support from UI SDK

---
 devices.html           |   4 +-
 files/fido2-ui-sdk.css |  40 ++----------
 files/fido2-ui-sdk.js  | 137 +----------------------------------------
 login.html             |   6 +-
 4 files changed, 12 insertions(+), 175 deletions(-)

diff --git a/devices.html b/devices.html
index 25f5d87..b826b63 100644
--- a/devices.html
+++ b/devices.html
@@ -54,8 +54,8 @@
 
     <script src="files/ua-parser.js"></script>
 
-    <script src="files/amipro_utils.js?v=20230401402"></script>
-    <script src="files/dfido2-lib.js?v=20230918"></script> 
+    <script src="files/amipro_utils.js?v=20260118"></script>
+    <script src="files/dfido2-lib.js?v=20260118"></script> 
 
     <script>
 
diff --git a/files/fido2-ui-sdk.css b/files/fido2-ui-sdk.css
index 67905ff..c95f7d5 100644
--- a/files/fido2-ui-sdk.css
+++ b/files/fido2-ui-sdk.css
@@ -86,33 +86,9 @@
   border-radius: 6px;
   background-color: #e7f1ff;
   border-left: 4px solid #0d6efd;
-}
+ }
 
-.fido2-sdk-standalone {
-  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
-  min-height: 100vh;
-  padding: 40px 20px;
-}
-
-.fido2-sdk-standalone .container {
-  max-width: 1000px;
-}
-
-.fido2-sdk-standalone .card {
-  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
-  border: none;
-}
-
-.fido2-sdk-standalone .card-header {
-  background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
-  border-bottom: 2px solid #dee2e6;
-}
-
-.fido2-sdk-standalone .card-body {
-  background-color: #ffffff;
-}
-
-.fido2-sdk-table .text-danger {
+ .fido2-sdk-table .text-danger {
   color: #dc3545 !important;
   text-decoration: none;
   transition: all 0.2s ease;
@@ -134,15 +110,11 @@
 
 @media (max-width: 768px) {
   .fido2-sdk-modal .modal-dialog {
-    margin: 10px;
-    max-width: calc(100% - 20px);
-  }
+     margin: 10px;
+     max-width: calc(100% - 20px);
+   }
 
-  .fido2-sdk-standalone {
-    padding: 20px 10px;
-  }
-
-  .fido2-sdk-table th,
+   .fido2-sdk-table th,
   .fido2-sdk-table td {
     padding: 8px 12px;
     font-size: 14px;
diff --git a/files/fido2-ui-sdk.js b/files/fido2-ui-sdk.js
index 42cf6d2..a25190c 100644
--- a/files/fido2-ui-sdk.js
+++ b/files/fido2-ui-sdk.js
@@ -1685,137 +1685,6 @@
     this.containerElement = null;
   };
 
-  UIRenderer.prototype.renderStandalone = function() {
-    if (this.config.container) {
-      const container = typeof this.config.container === 'string'
-        ? document.querySelector(this.config.container)
-        : this.config.container;
-
-      if (container) {
-        container.innerHTML = this._getStandaloneBodyHTML();
-        this.containerElement = container;
-        this.themeManager.applyTheme(container);
-        this._bindEvents();
-        return container;
-      }
-    }
-
-    document.body.innerHTML = this._getStandaloneBodyHTML();
-    document.body.className = 'fido2-sdk-standalone';
-    this.containerElement = document.body;
-    this.themeManager.applyTheme(document.body);
-    this._bindEvents();
-    return document.body;
-  };
-
-  UIRenderer.prototype._getStandaloneBodyHTML = function() {
-    const theme = this.config.theme;
-    const dm = window.Fido2UIManager ? window.Fido2UIManager.deviceManager : null;
-    const userId = dm ? dm.getEffectiveUserId() : (this.config.userId || '');
-
-    return `
-      <div class="container fido2-sdk-container">
-        <div class="card fido2-sdk-card">
-          <div class="card-header fido2-sdk-header d-flex justify-content-between align-items-center">
-            <div>
-              ${theme.logo ? `<img src="${theme.logo}" class="fido2-sdk-logo me-2" alt="Logo">` : ''}
-              <h4 class="mb-0 fido2-sdk-text">${this.i18n.getText('my_devices')}</h4>
-            </div>
-            ${this.config.features.showSessionStatus ? '<span class="badge fido2-sdk-status-badge" id="fido2SessionStatus"></span>' : ''}
-          </div>
-          <div class="card-body fido2-sdk-body">
-            ${this.config.features.showUserInfo && userId ? `
-              <div class="alert alert-info fido2-sdk-user-info fido2-sdk-text">
-                <strong>${this.i18n.getText('title_welcome')}:</strong> ${userId}
-              </div>
-            ` : ''}
-            ${this.config.features.showAddButton ? `
-              <button type="button" class="btn btn-info mt-2 mb-3 fido2-sdk-btn fido2-sdk-btn-primary" id="fido2AddDeviceBtn">
-                ${this.i18n.getText('btn_add')}
-              </button>
-            ` : ''}
-            <div class="table-responsive mt-2">
-              <table class="table table-striped fido2-sdk-table">
-                <thead>
-                  <tr>
-                    <th>${this.i18n.getText('title_device')}</th>
-                    <th>${this.i18n.getText('title_time')}</th>
-                    ${this.config.features.showDeleteButton ? `<th>${this.i18n.getText('title_act')}</th>` : ''}
-                  </tr>
-                </thead>
-                <tbody id="fido2DevicesList">
-                  <tr>
-                    <td colspan="3" class="text-center fido2-sdk-text">${this.i18n.getText('title_empty_list')}</td>
-                  </tr>
-                </tbody>
-              </table>
-            </div>
-          </div>
-        </div>
-      </div>
-    `;
-  };
-
-  UIRenderer.prototype._getStandaloneHTML = function() {
-    const theme = this.config.theme;
-    const dm = window.Fido2UIManager ? window.Fido2UIManager.deviceManager : null;
-    const userId = dm ? dm.getEffectiveUserId() : (this.config.userId || '');
-
-    return `
-      <!DOCTYPE html>
-      <html>
-      <head>
-        <meta charset="utf-8">
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <title>${this.i18n.getText('my_devices')}</title>
-        <link rel="stylesheet" href="files/bootstrap.css">
-        <link rel="stylesheet" href="files/boxicons.css">
-        <link rel="stylesheet" href="files/fido2-ui-sdk.css">
-      </head>
-      <body class="fido2-sdk-standalone">
-        <div class="container fido2-sdk-container">
-          <div class="card fido2-sdk-card">
-            <div class="card-header fido2-sdk-header d-flex justify-content-between align-items-center">
-              <div>
-                ${theme.logo ? `<img src="${theme.logo}" class="fido2-sdk-logo me-2" alt="Logo">` : ''}
-                <h4 class="mb-0 fido2-sdk-text">${this.i18n.getText('my_devices')}</h4>
-              </div>
-              ${this.config.features.showSessionStatus ? '<span class="badge fido2-sdk-status-badge" id="fido2SessionStatus"></span>' : ''}
-            </div>
-            <div class="card-body fido2-sdk-body">
-              ${this.config.features.showUserInfo && userId ? `
-                <div class="alert alert-info fido2-sdk-user-info fido2-sdk-text">
-                  <strong>${this.i18n.getText('title_welcome')}:</strong> ${userId}
-                </div>
-              ` : ''}
-            ${this.config.features.showAddButton ? `
-              <button type="button" class="btn btn-info mt-2 mb-3 fido2-sdk-btn fido2-sdk-btn-primary" id="fido2AddDeviceBtn">
-                ${this.i18n.getText('btn_add')}
-              </button>
-            ` : ''}
-            <div class="table-responsive mt-2">
-                <table class="table table-striped fido2-sdk-table">
-                  <thead>
-                    <tr>
-                      <th>${this.i18n.getText('title_device')}</th>
-                      <th>${this.i18n.getText('title_time')}</th>
-                      ${this.config.features.showDeleteButton ? `<th>${this.i18n.getText('title_act')}</th>` : ''}
-                    </tr>
-                  </thead>
-                  <tbody id="fido2DevicesList">
-                    <tr>
-                      <td colspan="3" class="text-center fido2-sdk-text">${this.i18n.getText('title_empty_list')}</td>
-                    </tr>
-                  </tbody>
-                </table>
-              </div>
-            </div>
-          </div>
-        </div>
-      </body>
-      </html>
-    `;
-  };
 
   function Fido2UIManager() {
     this.config = null;
@@ -1888,11 +1757,7 @@
 
     const mode = manager.config.mode;
 
-    if (mode === 'standalone') {
-      manager.uiRenderer.renderStandalone();
-    } else {
-      manager.uiRenderer.renderModal();
-    }
+    manager.uiRenderer.renderModal();
 
     manager._bindInternalEvents();
     manager._loadInitialData();
diff --git a/login.html b/login.html
index 25744f1..f4de6c9 100644
--- a/login.html
+++ b/login.html
@@ -53,15 +53,15 @@
     <script src="files/menu.js"></script>
     <script src="files/main.js"></script>
 
-    <script src="files/amipro_utils.js?v=20230414"></script>
-    <script src="files/dfido2-lib.js?v=2025092701"></script> 
+    <script src="files/amipro_utils.js?v=20260118"></script>
+    <script src="files/dfido2-lib.js?v=20260118"></script> 
 
     <script>
       <!--
         // For stand alone: 'https://local.dqj-macpro.com'
         // For proxy: set 'https://mac-air-m2.dqj-home.com'
       -->
-      setFidoServerURL('https://local.dqj-macpro.com');//'https://fido2.amipro.me');
+      setFidoServerURL('https://fido2.amipro.me'); //'https://local.dqj-macpro.com');
 
       const i18n_messages = new Map();