@arcblock/did-connect-service 4.0.0-beta.8

package/dist/pages/admin/tab-settings.js

@@ -0,0 +1,486 @@
+/**
+ * Settings tab — OAuth providers, builtin providers, session, email config.
+ * Only visible to owner role.
+ */
+import { OAUTH_ICONS } from "@arcblock/did-connect-core/ui";
+import { FEDERATION_SECTION_SCRIPT, federationSectionHtml } from "./tab-federation.js";
+/** Provider display metadata for the visual picker */
+const PROVIDER_META = {
+    google: { name: "Google", icon: OAUTH_ICONS.google ?? "" },
+    github: { name: "GitHub", icon: OAUTH_ICONS.github ?? "" },
+    apple: { name: "Apple", icon: OAUTH_ICONS.apple ?? "" },
+    twitter: { name: "Twitter", icon: OAUTH_ICONS.twitter ?? "" },
+    auth0: { name: "Auth0", icon: OAUTH_ICONS.auth0 ?? "" },
+};
+/** Build the provider meta JSON to embed at build time. */
+function buildProviderMetaJSON() {
+    return JSON.stringify(PROVIDER_META);
+}
+export function settingsTabHtml(t) {
+    return /* html */ `
+<div data-panel="settings" class="hidden tab-panel">
+  <h2 class="section-title">${t("settings.title")}</h2>
+  <p class="section-desc">${t("settings.desc")}</p>
+
+  <!-- Section 1: OAuth Providers — card grid -->
+  <div class="settings-card">
+    <div class="settings-card-header">
+      <span>${t("settings.oauth")}</span>
+      <button class="btn btn-xs" onclick="openOAuthDialog('add')">${t("settings.addProvider")}</button>
+    </div>
+    <div id="st-oauth-list" class="st-oauth-grid"></div>
+  </div>
+
+  <!-- Section 2: Login Methods + Email Service — side by side -->
+  <div class="st-dual-panel">
+    <!-- Left: Login Methods -->
+    <div class="settings-card" style="flex:1;min-width:240px">
+      <div class="settings-card-header">
+        <span>${t("settings.builtin")}</span>
+      </div>
+      <div id="st-builtin-list">
+        <div class="settings-row">
+          <div class="settings-label">${t("settings.passkey")}</div>
+          <label class="toggle-switch">
+            <input type="checkbox" id="st-bp-passkey" onchange="saveBuiltinProviders()" />
+            <span class="toggle-slider"></span>
+          </label>
+        </div>
+        <div class="settings-row">
+          <div class="settings-label">
+            ${t("settings.email")}
+            <span id="st-email-hint" class="st-hint hidden">${t("settings.emailNeedsConfig")}</span>
+          </div>
+          <label class="toggle-switch">
+            <input type="checkbox" id="st-bp-email" onchange="saveBuiltinProviders()" />
+            <span class="toggle-slider"></span>
+          </label>
+        </div>
+        <div class="settings-row">
+          <div class="settings-label">${t("settings.didWallet")}</div>
+          <label class="toggle-switch">
+            <input type="checkbox" id="st-bp-wallet" onchange="saveBuiltinProviders()" />
+            <span class="toggle-slider"></span>
+          </label>
+        </div>
+      </div>
+    </div>
+
+    <!-- Right: Email Service -->
+    <div class="settings-card" style="flex:1;min-width:240px">
+      <div class="settings-card-header">
+        <span>${t("settings.emailResend")}</span>
+      </div>
+      <div style="padding: 0 20px 16px;">
+        <div class="form-group">
+          <label class="form-label">${t("settings.resendApiKey")}</label>
+          <input class="input" type="password" id="st-email-apikey" placeholder="${t("settings.apiKeyPlaceholder")}" />
+        </div>
+        <div class="form-group">
+          <label class="form-label">${t("settings.fromAddress")}</label>
+          <input class="input" type="email" id="st-email-from" placeholder="${t("settings.fromPlaceholder")}" />
+        </div>
+        <button class="btn btn-sm" onclick="saveEmailConfig()">${t("common.save")}</button>
+      </div>
+    </div>
+  </div>
+
+  <!-- Section 3: Session — compact inline -->
+  <div class="settings-card">
+    <div class="settings-card-header">
+      <span>${t("settings.session")}</span>
+      <span class="settings-card-header-desc">${t("settings.sessionDesc")}</span>
+    </div>
+    <div class="settings-row" style="gap:12px;flex-wrap:wrap;">
+      <span class="settings-label" style="flex-shrink:0">${t("settings.jwtLifetime", { days: "" }).trim()}</span>
+      <input type="range" min="1" max="30" value="7" id="st-session-ttl" class="range-slider" style="flex:1;min-width:120px" oninput="updateSessionLabel()" />
+      <span id="st-session-lifetime-label" style="font-size:13px;color:var(--text);font-weight:500;min-width:48px;text-align:right;flex-shrink:0"></span>
+      <button class="btn btn-sm" style="width:auto;flex-shrink:0" onclick="saveSessionConfig()">${t("common.save")}</button>
+    </div>
+  </div>
+
+  ${federationSectionHtml(t)}
+
+  </div>
+
+<!-- OAuth Provider Dialog -->
+<dialog id="st-oauth-dialog">
+  <div class="dialog-content">
+    <h3 id="st-oauth-dialog-title">${t("settings.addOAuthTitle")}</h3>
+    <div class="form-group" id="st-oauth-provider-group">
+      <label class="form-label">${t("settings.provider")}</label>
+      <input type="hidden" id="st-oauth-provider" value="google" />
+      <div class="provider-picker" id="st-oauth-provider-picker"></div>
+      <div id="st-oauth-provider-display" style="display:none;align-items:center;gap:8px;padding:8px 0;"></div>
+    </div>
+    <div class="form-group" data-oauth-field="common">
+      <label class="form-label">${t("settings.clientId")}</label>
+      <input class="input" id="st-oauth-clientid" />
+    </div>
+    <div class="form-group" data-oauth-field="common">
+      <label class="form-label">${t("settings.clientSecret")}</label>
+      <input class="input" type="password" id="st-oauth-secret" />
+    </div>
+    <div class="form-group" data-oauth-field="apple" style="display:none">
+      <label class="form-label">${t("settings.teamId")}</label>
+      <input class="input" id="st-oauth-teamid" />
+    </div>
+    <div class="form-group" data-oauth-field="apple" style="display:none">
+      <label class="form-label">${t("settings.keyId")}</label>
+      <input class="input" id="st-oauth-keyid" />
+    </div>
+    <div class="form-group" data-oauth-field="apple" style="display:none">
+      <label class="form-label">${t("settings.privateKey")}</label>
+      <textarea class="input" id="st-oauth-privatekey" rows="4" style="height:auto;resize:vertical"></textarea>
+    </div>
+    <div class="form-group" data-oauth-field="apple" style="display:none">
+      <label class="form-label">${t("settings.serviceId")}</label>
+      <input class="input" id="st-oauth-serviceid" />
+    </div>
+    <div class="form-group" data-oauth-field="apple" style="display:none">
+      <label class="form-label">${t("settings.bundleId")}</label>
+      <input class="input" id="st-oauth-bundleid" />
+    </div>
+    <div class="form-group" data-oauth-field="auth0" style="display:none">
+      <label class="form-label">${t("settings.domain")}</label>
+      <input class="input" id="st-oauth-domain" placeholder="${t("settings.domainPlaceholder")}" />
+    </div>
+    <div class="form-group">
+      <label class="form-label">${t("settings.enabled")}</label>
+      <label class="toggle-switch">
+        <input type="checkbox" id="st-oauth-enabled" checked />
+        <span class="toggle-slider"></span>
+      </label>
+    </div>
+    <div class="form-group">
+      <label class="form-label">${t("settings.sortOrder")}</label>
+      <input class="input" type="number" id="st-oauth-order" value="0" min="0" />
+    </div>
+    <div class="form-group" id="st-oauth-callback-group">
+      <label class="form-label">${t("settings.callbackUrl")}</label>
+      <div style="display:flex;gap:8px;align-items:center">
+        <code id="st-oauth-callback" style="font-size:12px;color:var(--text-secondary);word-break:break-all"></code>
+        <button class="btn btn-sm btn-secondary" id="st-copy-callback-btn" onclick="copyCallbackUrl()" style="flex-shrink:0">${t("common.copy")}</button>
+      </div>
+    </div>
+  </div>
+  <div class="dialog-actions">
+    <button class="btn btn-secondary" onclick="closeDialog('st-oauth-dialog')">${t("common.cancel")}</button>
+    <button class="btn" id="st-oauth-save-btn" onclick="saveOAuthProvider()">${t("common.save")}</button>
+  </div>
+</dialog>
+`;
+}
+export const SETTINGS_TAB_SCRIPT = /* js */ `
+// ─── Settings tab ─────────────────────────────────────────────────
+
+var __settingsData = null;
+var __oauthEditMode = false;
+var __providerMeta = ${buildProviderMetaJSON()};
+
+function loadSettings() {
+  document.getElementById("st-oauth-list").innerHTML = skeletonRows(3);
+  api("GET", "/settings").then(function(data) {
+    if (!data.ok) return;
+    __settingsData = data.settings;
+    renderOAuthProviders();
+    renderBuiltinProviders();
+    renderSessionConfig();
+    renderEmailConfig();
+    fedLoad();
+  });
+}
+
+// ─── OAuth Providers (card grid) ─────────────────────────────────
+
+function renderOAuthProviders() {
+  var wrap = document.getElementById("st-oauth-list");
+  if (!wrap || !__settingsData) return;
+  var providers = __settingsData.oauthProviders || {};
+  var keys = Object.keys(providers);
+  if (keys.length === 0) {
+    wrap.innerHTML = '<div class="settings-row" style="color:var(--text-tertiary)">' + __t("settings.noOAuth") + '</div>';
+    return;
+  }
+  keys.sort(function(a, b) {
+    return (providers[a].order || 999) - (providers[b].order || 999);
+  });
+  var html = "";
+  for (var i = 0; i < keys.length; i++) {
+    var name = keys[i];
+    var p = providers[name];
+    var meta = __providerMeta[name];
+    var displayName = meta ? meta.name : (name.charAt(0).toUpperCase() + name.slice(1));
+    var iconHtml = meta && meta.icon ? '<span class="st-oauth-card-icon">' + meta.icon + '</span>' : "";
+    var statusDot = p.enabled !== false
+      ? '<span class="st-oauth-dot st-oauth-dot-on"></span>'
+      : '<span class="st-oauth-dot st-oauth-dot-off"></span>';
+    html += '<div class="st-oauth-card" onclick="openOAuthDialog(\\'edit\\',\\'' + escapeHtml(name) + '\\')" title="' + escapeHtml(displayName) + '">'
+      + iconHtml
+      + '<span class="st-oauth-card-name">' + escapeHtml(displayName) + '</span>'
+      + statusDot
+      + '</div>';
+  }
+  wrap.innerHTML = html;
+}
+
+function escapeHtml(s) {
+  var d = document.createElement("div");
+  d.textContent = s;
+  return d.innerHTML;
+}
+
+function renderProviderPicker(selectedProvider) {
+  var picker = document.getElementById("st-oauth-provider-picker");
+  if (!picker) return;
+  var configuredProviders = (__settingsData && __settingsData.oauthProviders) ? __settingsData.oauthProviders : {};
+  var html = "";
+  var keys = Object.keys(__providerMeta);
+  for (var i = 0; i < keys.length; i++) {
+    var id = keys[i];
+    var meta = __providerMeta[id];
+    var isSelected = id === selectedProvider;
+    var isAdded = !__oauthEditMode && !!configuredProviders[id];
+    var cls = "provider-card";
+    if (isSelected) cls += " selected";
+    if (isAdded) cls += " added";
+    var badge = isAdded ? '<span class="provider-added-badge">' + __t("settings.added") + '</span>' : "";
+    var onclick = isAdded ? "" : 'onclick="selectOAuthProvider(\\'' + id + '\\')"';
+    html += '<div class="' + cls + '" data-provider="' + id + '" ' + onclick + '>'
+      + '<span class="provider-icon">' + meta.icon + '</span>'
+      + '<span class="provider-name">' + escapeHtml(meta.name) + '</span>'
+      + badge
+      + '</div>';
+  }
+  picker.innerHTML = html;
+}
+
+function selectOAuthProvider(id) {
+  document.getElementById("st-oauth-provider").value = id;
+  renderProviderPicker(id);
+  onOAuthProviderChange();
+}
+
+function openOAuthDialog(mode, providerName) {
+  __oauthEditMode = mode === "edit";
+  var title = document.getElementById("st-oauth-dialog-title");
+  title.textContent = __oauthEditMode ? __t("settings.editOAuthTitle") : __t("settings.addOAuthTitle");
+
+  var defaultProvider = "google";
+  if (__oauthEditMode && providerName) {
+    defaultProvider = providerName;
+  } else if (__settingsData && __settingsData.oauthProviders) {
+    var configured = __settingsData.oauthProviders;
+    var keys = Object.keys(__providerMeta);
+    for (var i = 0; i < keys.length; i++) {
+      if (!configured[keys[i]]) { defaultProvider = keys[i]; break; }
+    }
+  }
+  document.getElementById("st-oauth-provider").value = defaultProvider;
+
+  var picker = document.getElementById("st-oauth-provider-picker");
+  var display = document.getElementById("st-oauth-provider-display");
+  if (__oauthEditMode) {
+    picker.style.display = "none";
+    var meta = __providerMeta[defaultProvider] || { name: defaultProvider, icon: "" };
+    display.style.display = "flex";
+    display.innerHTML = '<span style="display:inline-flex;width:20px;height:20px">' + meta.icon + '</span>'
+      + '<span style="font-size:14px;font-weight:500;color:var(--text)">' + escapeHtml(meta.name) + '</span>';
+  } else {
+    picker.style.display = "";
+    display.style.display = "none";
+    renderProviderPicker(defaultProvider);
+  }
+
+  document.getElementById("st-oauth-clientid").value = "";
+  document.getElementById("st-oauth-secret").value = "";
+  document.getElementById("st-oauth-teamid").value = "";
+  document.getElementById("st-oauth-keyid").value = "";
+  document.getElementById("st-oauth-privatekey").value = "";
+  document.getElementById("st-oauth-serviceid").value = "";
+  document.getElementById("st-oauth-bundleid").value = "";
+  document.getElementById("st-oauth-domain").value = "";
+  document.getElementById("st-oauth-enabled").checked = true;
+  document.getElementById("st-oauth-order").value = "0";
+
+  if (__oauthEditMode && providerName && __settingsData) {
+    var p = __settingsData.oauthProviders[providerName];
+    if (p) {
+      document.getElementById("st-oauth-clientid").value = p.clientId || "";
+      document.getElementById("st-oauth-secret").value = p.clientSecret || "";
+      document.getElementById("st-oauth-teamid").value = p.teamId || "";
+      document.getElementById("st-oauth-keyid").value = p.keyId || "";
+      document.getElementById("st-oauth-privatekey").value = p.privateKey || "";
+      document.getElementById("st-oauth-serviceid").value = p.serviceId || "";
+      document.getElementById("st-oauth-bundleid").value = p.bundleId || "";
+      document.getElementById("st-oauth-domain").value = p.domain || "";
+      document.getElementById("st-oauth-enabled").checked = p.enabled !== false;
+      document.getElementById("st-oauth-order").value = String(p.order ?? 0);
+    }
+  }
+
+  onOAuthProviderChange();
+  updateCallbackUrl();
+  showDialog("st-oauth-dialog");
+}
+
+function onOAuthProviderChange() {
+  var provider = document.getElementById("st-oauth-provider").value;
+  var appleFields = document.querySelectorAll('[data-oauth-field="apple"]');
+  var auth0Fields = document.querySelectorAll('[data-oauth-field="auth0"]');
+  for (var i = 0; i < appleFields.length; i++) {
+    appleFields[i].style.display = provider === "apple" ? "" : "none";
+  }
+  for (var i = 0; i < auth0Fields.length; i++) {
+    auth0Fields[i].style.display = provider === "auth0" ? "" : "none";
+  }
+  updateCallbackUrl();
+}
+
+function updateCallbackUrl() {
+  var provider = document.getElementById("st-oauth-provider").value;
+  var el = document.getElementById("st-oauth-callback");
+  if (el) el.textContent = location.origin + "/.well-known/service/oauth/callback/" + provider;
+}
+
+function copyCallbackUrl() {
+  var el = document.getElementById("st-oauth-callback");
+  var btn = document.getElementById("st-copy-callback-btn");
+  if (el && btn && navigator.clipboard) {
+    var originalText = btn.textContent;
+    navigator.clipboard.writeText(el.textContent).then(function() {
+      btn.innerHTML = '<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" style="vertical-align:middle"><path d="M5 13l4 4L19 7" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/></svg> ' + __t("common.copied");
+      btn.disabled = true;
+      setTimeout(function() { btn.textContent = originalText; btn.disabled = false; }, 2000);
+    });
+  }
+}
+
+function saveOAuthProvider() {
+  var provider = document.getElementById("st-oauth-provider").value;
+  var body = {
+    clientId: document.getElementById("st-oauth-clientid").value,
+    clientSecret: document.getElementById("st-oauth-secret").value,
+    enabled: document.getElementById("st-oauth-enabled").checked,
+    order: parseInt(document.getElementById("st-oauth-order").value, 10) || 0,
+  };
+
+  if (provider === "apple") {
+    body.teamId = document.getElementById("st-oauth-teamid").value;
+    body.keyId = document.getElementById("st-oauth-keyid").value;
+    body.privateKey = document.getElementById("st-oauth-privatekey").value;
+    body.serviceId = document.getElementById("st-oauth-serviceid").value;
+    body.bundleId = document.getElementById("st-oauth-bundleid").value;
+  }
+  if (provider === "auth0") {
+    body.domain = document.getElementById("st-oauth-domain").value;
+  }
+
+  api("PUT", "/settings/oauth/" + provider, body).then(function(data) {
+    if (data.ok) {
+      closeDialog("st-oauth-dialog");
+      showToast(__t("settings.oauthSaved"), "success");
+      loadSettings();
+    }
+  });
+}
+
+async function deleteOAuthProvider(name) {
+  var ok = await confirmDialog({ title: __t("settings.deleteProvider", { name: name }), message: __t("settings.deleteProviderMsg"), confirmLabel: __t("common.delete"), danger: true });
+  if (!ok) return;
+  var data = await api("DELETE", "/settings/oauth/" + name);
+  if (data.ok) {
+    showToast(__t("settings.providerDeleted"), "success");
+    loadSettings();
+  }
+}
+
+// ─── Built-in Providers ──────────────────────────────────────────
+
+function renderBuiltinProviders() {
+  if (!__settingsData) return;
+  var bp = __settingsData.builtinProviders || {};
+  var email = __settingsData.email || {};
+  var emailConfigured = !!(email.resendApiKey && email.fromAddress);
+
+  document.getElementById("st-bp-passkey").checked = bp.passkey ? bp.passkey.enabled !== false : true;
+  document.getElementById("st-bp-email").checked = bp.email ? bp.email.enabled !== false : true;
+  document.getElementById("st-bp-wallet").checked = bp.wallet ? bp.wallet.enabled !== false : true;
+
+  // Show hint if email not configured
+  var hint = document.getElementById("st-email-hint");
+  var emailToggle = document.getElementById("st-bp-email");
+  if (hint && emailToggle) {
+    if (!emailConfigured) {
+      hint.classList.remove("hidden");
+      emailToggle.disabled = true;
+      emailToggle.checked = false;
+    } else {
+      hint.classList.add("hidden");
+      emailToggle.disabled = false;
+    }
+  }
+}
+
+function saveBuiltinProviders() {
+  var body = {
+    passkey: { enabled: document.getElementById("st-bp-passkey").checked },
+    email: { enabled: document.getElementById("st-bp-email").checked },
+    wallet: { enabled: document.getElementById("st-bp-wallet").checked },
+  };
+  api("PUT", "/settings/builtin-providers", body).then(function(data) {
+    if (data.ok) showToast(__t("settings.saved"), "success");
+  });
+}
+
+// ─── Session ─────────────────────────────────────────────────────
+
+function updateSessionLabel() {
+  var ttl = document.getElementById("st-session-ttl").value;
+  document.getElementById("st-session-lifetime-label").textContent = __t("settings.jwtLifetime", { days: ttl });
+  document.getElementById("st-session-ttl").title = __t("settings.jwtLifetime", { days: ttl });
+}
+
+function renderSessionConfig() {
+  if (!__settingsData) return;
+  var s = __settingsData.session || {};
+  var ttl = s.jwtTtlDays || 7;
+  document.getElementById("st-session-ttl").value = ttl;
+  updateSessionLabel();
+}
+
+function saveSessionConfig() {
+  var ttl = parseInt(document.getElementById("st-session-ttl").value, 10);
+  api("PUT", "/settings/session", { jwtTtlDays: ttl }).then(function(data) {
+    if (data.ok) showToast(__t("settings.sessionSaved"), "success");
+  });
+}
+
+// ─── Email ───────────────────────────────────────────────────────
+
+function renderEmailConfig() {
+  if (!__settingsData) return;
+  var e = __settingsData.email || {};
+  document.getElementById("st-email-apikey").value = e.resendApiKey || "";
+  document.getElementById("st-email-from").value = e.fromAddress || "";
+}
+
+function saveEmailConfig() {
+  var body = {
+    resendApiKey: document.getElementById("st-email-apikey").value,
+    fromAddress: document.getElementById("st-email-from").value,
+  };
+  api("PUT", "/settings/email", body).then(function(data) {
+    if (data.ok) {
+      showToast(__t("settings.emailSaved"), "success");
+      // Re-render builtin providers to update email toggle state
+      loadSettings();
+    }
+  });
+}
+
+registerTab("settings", loadSettings);
+
+${FEDERATION_SECTION_SCRIPT}
+`;
+//# sourceMappingURL=tab-settings.js.map

package/dist/pages/admin/tab-settings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab-settings.js","sourceRoot":"","sources":["../../../src/pages/admin/tab-settings.ts"],"names":[],"mappings":"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"}

package/dist/pages/admin-instances-page.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Admin Instances page — HTML for instance registration management.
+ *
+ * Pattern: embedded LoginPage + registration form + registered instance list.
+ * Follows gen-access-key-page.ts architecture.
+ */
+export declare function buildAdminInstancesPageHTML(): string;
+//# sourceMappingURL=admin-instances-page.d.ts.map

package/dist/pages/admin-instances-page.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin-instances-page.d.ts","sourceRoot":"","sources":["../../src/pages/admin-instances-page.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAkKH,wBAAgB,2BAA2B,IAAI,MAAM,CA+NpD"}