@authrim/setup 0.1.12 → 0.1.16

package/dist/web/ui.js

@@ -197,6 +197,66 @@ export function getHtmlTemplate(sessionToken, manageOnly) {
       gap: 0.5rem;
     }
 
+    /* Domain configuration section */
+    .domain-section {
+      background: var(--bg);
+      border: 1px solid var(--border);
+      border-radius: 8px;
+      padding: 1rem;
+      margin-bottom: 1rem;
+    }
+
+    .domain-section h4 {
+      margin: 0 0 1rem 0;
+      font-size: 0.95rem;
+      color: var(--text);
+      display: flex;
+      align-items: center;
+      gap: 0.5rem;
+    }
+
+    .domain-row {
+      display: grid;
+      grid-template-columns: 90px 1fr;
+      align-items: center;
+      gap: 0.75rem;
+      margin-bottom: 0.75rem;
+    }
+
+    .domain-row:last-of-type {
+      margin-bottom: 0;
+    }
+
+    .domain-label {
+      font-size: 0.85rem;
+      color: var(--text-muted);
+      font-weight: 500;
+    }
+
+    .domain-input-wrapper {
+      position: relative;
+    }
+
+    .domain-input-wrapper input {
+      padding-right: 180px;
+    }
+
+    .domain-default {
+      position: absolute;
+      right: 10px;
+      top: 50%;
+      transform: translateY(-50%);
+      font-size: 0.7rem;
+      color: var(--text-muted);
+      background: #f1f5f9;
+      padding: 2px 6px;
+      border-radius: 4px;
+      max-width: 160px;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+    }
+
     button {
       padding: 0.75rem 1.5rem;
       border-radius: 8px;
@@ -739,10 +799,37 @@ export function getHtmlTemplate(sessionToken, manageOnly) {
         <small style="color: var(--text-muted)">Lowercase letters, numbers, and hyphens only</small>
       </div>
 
-      <div class="form-group">
-        <label for="domain">Custom Domain (optional)</label>
-        <input type="text" id="domain" placeholder="auth.example.com">
-        <small style="color: var(--text-muted)">Leave empty to use workers.dev / pages.dev</small>
+      <!-- Domain Configuration -->
+      <div class="domain-section">
+        <h4>🌐 Domain Configuration</h4>
+
+        <div class="domain-row">
+          <span class="domain-label">API</span>
+          <div class="domain-input-wrapper">
+            <input type="text" id="api-domain" placeholder="auth.example.com">
+            <span class="domain-default" id="api-default">{env}-ar-router.workers.dev</span>
+          </div>
+        </div>
+
+        <div class="domain-row">
+          <span class="domain-label">Login UI</span>
+          <div class="domain-input-wrapper">
+            <input type="text" id="login-domain" placeholder="login.example.com">
+            <span class="domain-default" id="login-default">{env}-ar-ui.pages.dev</span>
+          </div>
+        </div>
+
+        <div class="domain-row">
+          <span class="domain-label">Admin UI</span>
+          <div class="domain-input-wrapper">
+            <input type="text" id="admin-domain" placeholder="admin.example.com">
+            <span class="domain-default" id="admin-default">{env}-ar-ui.pages.dev/admin</span>
+          </div>
+        </div>
+
+        <small style="color: var(--text-muted); display: block; margin-top: 0.75rem;">
+          💡 Leave empty to use default Cloudflare domains (shown on right)
+        </small>
       </div>
 
       <!-- Advanced options (shown in custom mode) -->
@@ -1318,7 +1405,9 @@ export function getHtmlTemplate(sessionToken, manageOnly) {
       // Use loaded config
       config = {
         env: loadedConfig.environment?.prefix || 'prod',
-        domain: loadedConfig.urls?.api?.custom || null,
+        apiDomain: loadedConfig.urls?.api?.custom || null,
+        loginUiDomain: loadedConfig.urls?.loginUi?.custom || null,
+        adminUiDomain: loadedConfig.urls?.adminUi?.custom || null,
         components: loadedConfig.components || {
           api: true,
           loginUi: true,
@@ -1331,7 +1420,11 @@ export function getHtmlTemplate(sessionToken, manageOnly) {
 
       // Set form values
       document.getElementById('env').value = config.env;
-      document.getElementById('domain').value = config.domain || '';
+      document.getElementById('api-domain').value = config.apiDomain || '';
+      document.getElementById('login-domain').value = config.loginUiDomain || '';
+      document.getElementById('admin-domain').value = config.adminUiDomain || '';
+      // Trigger env input to update default labels
+      document.getElementById('env').dispatchEvent(new Event('input'));
 
       // Skip to provisioning if resources already exist
       if (loadedConfig.resources) {
@@ -1344,6 +1437,14 @@ export function getHtmlTemplate(sessionToken, manageOnly) {
     });
 
     // Configuration handlers
+    // Update domain defaults when environment name changes
+    document.getElementById('env').addEventListener('input', (e) => {
+      const env = e.target.value.trim().toLowerCase().replace(/[^a-z0-9-]/g, '') || '{env}';
+      document.getElementById('api-default').textContent = env + '-ar-router.workers.dev';
+      document.getElementById('login-default').textContent = env + '-ar-ui.pages.dev';
+      document.getElementById('admin-default').textContent = env + '-ar-ui.pages.dev/admin';
+    });
+
     document.getElementById('btn-back-mode').addEventListener('click', () => {
       setStep(1);
       showSection('mode');
@@ -1380,11 +1481,15 @@ export function getHtmlTemplate(sessionToken, manageOnly) {
         configureBtn.disabled = false;
       }
 
-      const domain = document.getElementById('domain').value;
+      const apiDomain = document.getElementById('api-domain').value.trim();
+      const loginDomain = document.getElementById('login-domain').value.trim();
+      const adminDomain = document.getElementById('admin-domain').value.trim();
 
       config = {
         env,
-        domain: domain || null,
+        apiDomain: apiDomain || null,
+        loginUiDomain: loginDomain || null,
+        adminUiDomain: adminDomain || null,
         components: {
           api: true,
           loginUi: setupMode === 'quick' || document.getElementById('comp-login-ui').checked,
@@ -1398,7 +1503,7 @@ export function getHtmlTemplate(sessionToken, manageOnly) {
       // Create default config
       await api('/config/default', {
         method: 'POST',
-        body: { env, domain },
+        body: { env, apiDomain, loginUiDomain: loginDomain, adminUiDomain: adminDomain },
       });
 
       // Update resource preview with the selected env
@@ -1454,12 +1559,21 @@ export function getHtmlTemplate(sessionToken, manageOnly) {
       }, 500);
 
       try {
+        // Check if keys already exist for this environment
+        const keysCheck = await api('/keys/check/' + config.env);
+        if (keysCheck.exists) {
+          output.textContent += '⚠️ Warning: Keys already exist for environment "' + config.env + '"\\n';
+          output.textContent += '   Existing keys will be overwritten.\\n';
+          output.textContent += '\\n';
+          scrollToBottom(log);
+        }
+
         // Generate keys
         output.textContent += '🔐 Generating cryptographic keys...\\n';
         scrollToBottom(log);
         const keyResult = await api('/keys/generate', {
           method: 'POST',
-          body: { keyId: config.env + '-key-' + Date.now() },
+          body: { keyId: config.env + '-key-' + Date.now(), env: config.env },
         });
         output.textContent += '  ✓ RSA key pair generated\\n';
         output.textContent += '  ✓ Encryption keys generated\\n';
@@ -1467,8 +1581,8 @@ export function getHtmlTemplate(sessionToken, manageOnly) {
         output.textContent += '\\n';
         scrollToBottom(log);
 
-        // Show keys saved location (full path)
-        keysPath.textContent = workingDirectory ? workingDirectory + '/.keys/' : './.keys/';
+        // Show keys saved location (full path with environment)
+        keysPath.textContent = workingDirectory ? workingDirectory + '/.keys/' + config.env + '/' : './.keys/' + config.env + '/';
 
         // Provision resources
         output.textContent += '☁️ Provisioning Cloudflare resources...\\n';
@@ -1609,11 +1723,10 @@ export function getHtmlTemplate(sessionToken, manageOnly) {
     function showComplete(result) {
       const urlsEl = document.getElementById('urls');
       const env = config.env;
-      const domain = config.domain;
 
-      const apiUrl = domain ? 'https://' + domain : 'https://' + env + '-ar-router.workers.dev';
-      const loginUrl = domain ? 'https://' + domain + '/login' : 'https://' + env + '-ar-ui.pages.dev';
-      const adminUrl = domain ? 'https://' + domain + '/admin' : 'https://' + env + '-ar-ui.pages.dev/admin';
+      const apiUrl = config.apiDomain ? 'https://' + config.apiDomain : 'https://' + env + '-ar-router.workers.dev';
+      const loginUrl = config.loginUiDomain ? 'https://' + config.loginUiDomain : 'https://' + env + '-ar-ui.pages.dev';
+      const adminUrl = config.adminUiDomain ? 'https://' + config.adminUiDomain : 'https://' + env + '-ar-ui.pages.dev/admin';
 
       // Clear and rebuild URLs section safely
       urlsEl.textContent = '';
@@ -1633,7 +1746,8 @@ export function getHtmlTemplate(sessionToken, manageOnly) {
 
     // Resource naming functions
     function getResourceNames(env) {
-      const keysDir = workingDirectory ? workingDirectory + '/.keys' : '.keys';
+      // Keys are stored in environment-specific subdirectory: .keys/{env}/
+      const keysDir = workingDirectory ? workingDirectory + '/.keys/' + env : '.keys/' + env;
       return {
         d1: [
           env + '-authrim-core-db',
@@ -2114,7 +2228,8 @@ export function getHtmlTemplate(sessionToken, manageOnly) {
         result.classList.remove('hidden');
 
         if (deleteResult.success) {
-          result.innerHTML = '<div class="alert alert-success">✅ Environment deleted successfully!</div>';
+          result.textContent = '';
+          result.appendChild(createAlert('success', '✅ Environment deleted successfully!'));
 
           // Refresh environment list after a short delay
           setTimeout(() => {
@@ -2122,13 +2237,15 @@ export function getHtmlTemplate(sessionToken, manageOnly) {
             showSection('envList');
           }, 2000);
         } else {
-          result.innerHTML = '<div class="alert alert-error">❌ Some errors occurred: ' + (deleteResult.errors || []).join(', ') + '</div>';
+          result.textContent = '';
+          result.appendChild(createAlert('error', '❌ Some errors occurred: ' + (deleteResult.errors || []).join(', ')));
           btn.disabled = false;
         }
       } catch (error) {
         clearInterval(pollInterval);
         result.classList.remove('hidden');
-        result.innerHTML = '<div class="alert alert-error">❌ Error: ' + error.message + '</div>';
+        result.textContent = '';
+        result.appendChild(createAlert('error', '❌ Error: ' + error.message));
         btn.disabled = false;
       }
     });

package/dist/web/ui.js.map

@@ -1 +1 @@
-{"version":3,"file":"ui.js","sourceRoot":"","sources":["../../src/web/ui.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,MAAM,UAAU,eAAe,CAAC,YAAqB,EAAE,UAAoB;IACzE,gDAAgD;IAChD,MAAM,SAAS,GAAG,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC,OAAO,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IAC1E,MAAM,cAAc,GAAG,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC;IAErD,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;6BAggCoB,SAAS;0BACZ,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAulChC,CAAC;AACT,CAAC"}
+{"version":3,"file":"ui.js","sourceRoot":"","sources":["../../src/web/ui.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,MAAM,UAAU,eAAe,CAAC,YAAqB,EAAE,UAAoB;IACzE,gDAAgD;IAChD,MAAM,SAAS,GAAG,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC,OAAO,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IAC1E,MAAM,cAAc,GAAG,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC;IAErD,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;6BAulCoB,SAAS;0BACZ,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAqnChC,CAAC;AACT,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@authrim/setup",
-  "version": "0.1.12",
+  "version": "0.1.16",
   "description": "CLI tool for setting up Authrim OIDC Provider on Cloudflare Workers",
   "type": "module",
   "bin": {