@kyro-cms/admin 0.3.1 → 0.3.4

package/src/pages/register.astro

@@ -1,102 +0,0 @@
----
-import AuthLayout from '../layouts/AuthLayout.astro';
----
-
-<AuthLayout title="Create Account">
-  <div class="surface-tile p-8 w-full" style="max-width: 420px;">
-    <div class="text-center mb-8">
-      <h1 class="text-2xl font-black tracking-tight text-[var(--kyro-text-primary)]">Create your account</h1>
-      <p class="text-sm text-[var(--kyro-text-secondary)] mt-2">Get started with Kyro CMS</p>
-    </div>
-
-    <form id="register-form" class="space-y-5">
-      <div>
-        <label for="email" class="block text-sm font-bold text-[var(--kyro-text-primary)] mb-2">Email</label>
-        <input type="email" id="email" name="email" required 
-          class="w-full px-4 py-3 border border-[var(--kyro-border)] bg-[var(--kyro-input-bg)] rounded-xl text-sm font-medium focus:outline-none focus:ring-2 focus:ring-[var(--kyro-sidebar-active)] focus:border-[var(--kyro-sidebar-active)] text-[var(--kyro-text-primary)]" 
-          placeholder="admin@example.com" />
-      </div>
-
-      <div>
-        <label for="password" class="block text-sm font-bold text-[var(--kyro-text-primary)] mb-2">Password</label>
-        <input type="password" id="password" name="password" required minlength="8"
-          class="w-full px-4 py-3 border border-[var(--kyro-border)] bg-[var(--kyro-input-bg)] rounded-xl text-sm font-medium focus:outline-none focus:ring-2 focus:ring-[var(--kyro-sidebar-active)] focus:border-[var(--kyro-sidebar-active)] text-[var(--kyro-text-primary)]" 
-          placeholder="Minimum 8 characters" />
-      </div>
-
-      <div>
-        <label for="confirmPassword" class="block text-sm font-bold text-[var(--kyro-text-primary)] mb-2">Confirm Password</label>
-        <input type="password" id="confirmPassword" name="confirmPassword" required minlength="8"
-          class="w-full px-4 py-3 border border-[var(--kyro-border)] bg-[var(--kyro-input-bg)] rounded-xl text-sm font-medium focus:outline-none focus:ring-2 focus:ring-[var(--kyro-sidebar-active)] focus:border-[var(--kyro-sidebar-active)] text-[var(--kyro-text-primary)]" 
-          placeholder="Confirm your password" />
-      </div>
-
-      <div id="form-message" class="hidden p-3 rounded-xl text-sm font-bold"></div>
-
-      <button type="submit" class="w-full py-3 bg-[var(--kyro-sidebar-active)] text-[var(--kyro-sidebar-text-active)] rounded-xl text-sm font-bold hover:opacity-90 transition-colors shadow-lg">
-        Create Account
-      </button>
-    </form>
-
-    <p class="text-center text-sm text-[var(--kyro-text-secondary)] mt-6">
-      Already have an account? <a href="/login" class="font-bold text-[var(--kyro-text-primary)] hover:underline">Sign in</a>
-    </p>
-  </div>
-
-  <script is:inline>
-    document.getElementById('register-form')?.addEventListener('submit', async (e) => {
-      e.preventDefault();
-      const form = e.target;
-      const message = document.getElementById('form-message');
-      const button = form.querySelector('button[type="submit"]');
-      
-      const email = form.email.value;
-      const password = form.password.value;
-      const confirmPassword = form.confirmPassword.value;
-      
-      if (password !== confirmPassword) {
-        message.textContent = 'Passwords do not match';
-        message.className = 'block p-3 rounded-xl text-sm font-bold bg-red-50 text-red-600';
-        return;
-      }
-      
-      if (password.length < 8) {
-        message.textContent = 'Password must be at least 8 characters';
-        message.className = 'block p-3 rounded-xl text-sm font-bold bg-red-50 text-red-600';
-        return;
-      }
-      
-      button.disabled = true;
-      button.textContent = 'Creating account...';
-      
-      try {
-        const res = await fetch('/api/auth/register', {
-          method: 'POST',
-          headers: { 'Content-Type': 'application/json' },
-          body: JSON.stringify({ email, password, confirmPassword })
-        });
-        
-        const data = await res.json();
-        
-        if (res.ok && data.success) {
-          // Set cookie for server-side auth
-          document.cookie = `auth_token=${data.token}; path=/; max-age=${60*60*24}; samesite=strict`;
-          localStorage.setItem('user', JSON.stringify(data.user));
-          message.textContent = data.isFirstUser ? 'Super admin account created!' : 'Account created successfully!';
-          message.className = 'block p-3 rounded-xl text-sm font-bold bg-green-50 text-green-600';
-          setTimeout(() => { window.location.href = '/admin'; }, 1000);
-        } else {
-          message.textContent = data.error || 'Registration failed';
-          message.className = 'block p-3 rounded-xl text-sm font-bold bg-red-50 text-red-600';
-          button.disabled = false;
-          button.textContent = 'Create Account';
-        }
-      } catch (err) {
-        message.textContent = 'Connection error';
-        message.className = 'block p-3 rounded-xl text-sm font-bold bg-red-50 text-red-600';
-        button.disabled = false;
-        button.textContent = 'Create Account';
-      }
-    });
-  </script>
-</AuthLayout>