feat: add app-level authentication foundation

2026-03-30 23:47:09 +03:00
parent 91854a4153
commit ab2e603997
42 changed files with 1624 additions and 236 deletions
@@ -1,34 +1,42 @@
-// If already logged in, redirect to home
-try {
-  if (localStorage.getItem('crank_user')) {
-    window.location.replace((window.APP_BASE||'')+'index.html');
-  }
-} catch (e) {}
-
-document.getElementById('login-form').addEventListener('submit', function (e) {
-  e.preventDefault();
-  var email    = document.getElementById('email').value.trim();
-  var password = document.getElementById('password').value;
-  var errEl    = document.getElementById('login-error');
-
-  if (!email || !password) {
-    errEl.style.display = 'block';
-    errEl.textContent = 'Please enter your email and password.';
-    return;
+(function() {
+  function showError(message) {
+    var errorElement = document.getElementById('login-error');
+    errorElement.style.display = 'block';
+    errorElement.textContent = message;
  }

-  // Demo: any non-empty credentials succeed
-  errEl.style.display = 'none';
-  var initials = email.split('@')[0].slice(0, 2).toUpperCase();
-  var displayName = email.split('@')[0].replace(/[._]/g, ' ')
-    .split(' ').map(function(w) { return w.charAt(0).toUpperCase() + w.slice(1); }).join(' ');
-  var user = {
-    name:      displayName,
-    email:     email,
-    role:      'Admin',
-    workspace: 'acme-workspace',
-    initials:  initials,
-  };
-  try { localStorage.setItem('crank_user', JSON.stringify(user)); } catch (ex) {}
-  window.location.href = (window.APP_BASE||'')+'index.html';
-});
+  function hideError() {
+    var errorElement = document.getElementById('login-error');
+    errorElement.style.display = 'none';
+  }
+
+  document.addEventListener('DOMContentLoaded', function() {
+    window.CrankAuth.guardLoginPage().catch(function(error) {
+      console.error(error);
+    });
+
+    document.getElementById('login-form').addEventListener('submit', async function(event) {
+      event.preventDefault();
+
+      var email = document.getElementById('email').value.trim();
+      var password = document.getElementById('password').value;
+
+      if (!email || !password) {
+        showError('Please enter your email and password.');
+        return;
+      }
+
+      hideError();
+
+      try {
+        await window.CrankAuth.login(email, password);
+      } catch (error) {
+        if (error && error.status === 401) {
+          showError('Invalid email or password. Please try again.');
+          return;
+        }
+        showError('Unable to sign in right now. Please try again.');
+      }
+    });
+  });
+}());