admindb 2.2.1 → 2.3.0

package/dist/views/pages/info.hbs

@@ -1,107 +1 @@
-<div class="space-y-6">
-  <div class="flex flex-wrap items-center justify-between gap-3">
-    <div>
-      <p class="text-sm font-semibold uppercase tracking-wider text-primary">{{dialect}} Database</p>
-      <h1 class="mt-1 text-3xl font-extrabold tracking-tight">Info & Settings</h1>
-      <p class="mt-1.5 text-sm text-base-content/55">Database configuration, settings, and schema DDL overview.</p>
-    </div>
-  </div>
-  <div class="grid grid-cols-1 lg:grid-cols-3 gap-6">
-    <div class="lg:col-span-1 space-y-6">
-      <div class="app-card overflow-hidden">
-        <div class="border-b border-base-200 bg-base-200/40 px-4 py-3">
-          <h2 class="text-sm font-bold uppercase tracking-wider text-base-content/80">Settings / Configuration</h2>
-        </div>
-        <div class="p-0">
-          <table class="table table-sm w-full">
-            <tbody>
-              {{#each settings}}
-              <tr class="hover:bg-base-200/20">
-                <td class="font-medium text-base-content/70 w-1/2">{{@key}}</td>
-                <td class="font-mono text-xs">{{this}}</td>
-              </tr>
-              {{else}}
-              <tr>
-                <td colspan="2" class="p-4 text-center text-sm text-base-content/40">No settings available</td>
-              </tr>
-              {{/each}}
-            </tbody>
-          </table>
-        </div>
-      </div>
-    </div>
-    <div class="lg:col-span-2 space-y-6">
-      <div class="app-card overflow-hidden flex flex-col h-[75vh]">
-        <div class="border-b border-base-200 bg-base-200/40 px-4 py-3 flex items-center justify-between">
-          <div class="flex items-center gap-3">
-            <h2 class="text-sm font-bold uppercase tracking-wider text-base-content/80">Schema DDL</h2>
-            <span class="badge badge-sm badge-ghost font-mono text-[10px] uppercase font-bold">{{dialect}}</span>
-          </div>
-          <button id="btn-copy-ddl" class="btn btn-sm btn-ghost gap-1.5" disabled>
-            {{{icon "copy" class="h-4 w-4"}}}
-            Copy
-          </button>
-        </div>
-        <div class="bg-base-300 p-4 overflow-y-auto flex-1 relative">
-          <div id="ddl-loader" class="absolute inset-0 flex flex-col items-center justify-center text-base-content/50 gap-3">
-            {{{icon "spinner" class="h-6 w-6 animate-spin text-primary"}}}
-            <p class="text-sm font-medium">Extracting schema definitions...</p>
-          </div>
-          <div id="ddl-error" class="hidden absolute inset-0 flex flex-col items-center justify-center text-error gap-3 bg-base-300">
-            {{{icon "error" class="h-8 w-8"}}}
-            <p class="text-sm font-medium">Failed to load schema.</p>
-          </div>
-          <pre id="ddl-container" class="hidden m-0 h-full"><code class="language-sql text-sm text-base-content/80 whitespace-pre-wrap"></code></pre>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-<script>
-  document.addEventListener('DOMContentLoaded', async () => {
-    const loader = document.getElementById('ddl-loader');
-    const container = document.getElementById('ddl-container');
-    const codeBlock = container.querySelector('code');
-    const btnCopy = document.getElementById('btn-copy-ddl');
-    const errorBox = document.getElementById('ddl-error');
-    try {
-      const res = await fetch('{{basePath}}/api/info/ddl');
-      const json = await res.json();
-      loader.classList.add('hidden');
-      if (json.success && json.data) {
-        if (window.Utils && window.Utils.highlightSql) {
-          codeBlock.innerHTML = window.Utils.highlightSql(json.data);
-        } else {
-          codeBlock.textContent = json.data;
-        }
-        container.classList.remove('hidden');
-        btnCopy.disabled = false;
-        btnCopy.addEventListener('click', async () => {
-          try {
-            await navigator.clipboard.writeText(json.data);
-            const originalText = btnCopy.innerHTML;
-            btnCopy.innerHTML = `{{{icon "check" class="h-4 w-4"}}} Copied!`;
-            btnCopy.classList.add('text-success');
-            setTimeout(() => {
-              btnCopy.innerHTML = originalText;
-              btnCopy.classList.remove('text-success');
-            }, 2000);
-          } catch (err) {
-            console.error('Failed to copy', err);
-          }
-        });
-      } else {
-        if (json.success && !json.data) {
-          codeBlock.textContent = '-- No tables defined in the database.';
-          container.classList.remove('hidden');
-        } else {
-          throw new Error(json.error || 'Failed to fetch DDL');
-        }
-      }
-    } catch (err) {
-      loader.classList.add('hidden');
-      errorBox.classList.remove('hidden');
-      errorBox.querySelector('p').textContent = err.message || 'Failed to load schema.';
-    }
-  });
-</script>
+<div class="space-y-6">
  <div class="page-header">
    <div class="page-header-row">
      <div>
        <div class="page-pretitle">{{dialect}} Database</div>
        <h1 class="page-title">Info & Settings</h1>
        <p class="mt-0.5 text-xs text-base-content/60">Database configuration, settings, and schema DDL overview.</p>
      </div>
    </div>
  </div>
  <div class="grid grid-cols-1 lg:grid-cols-3 gap-6">
    <div class="lg:col-span-1 space-y-6">
      {{#if isDefaultPassword}}
        <div class="alert alert-warning text-xs shadow-xs rounded-2xl border border-warning/30 p-3.5">
          {{{icon "warning" class="h-5 w-5 shrink-0 text-warning"}}}
          <div>
            <div class="font-bold text-sm">Default Password in Use</div>
            <div class="text-base-content/80 mt-0.5 leading-relaxed">Console is running with default password (<code class="font-mono font-semibold">admin</code>). Run <code class="font-mono font-semibold">npm run generatehash</code> and set <code class="font-mono font-semibold">ADMINDB_PASSWORD</code>.</div>
          </div>
        </div>
      {{/if}}
      <div class="app-card overflow-hidden">
        <div class="border-b border-base-200 bg-base-200/40 px-4 py-3">
          <h2 class="text-sm font-bold uppercase tracking-wider text-base-content/80">Settings / Configuration</h2>
        </div>
        <div class="p-0">
          <table class="table table-sm w-full">
            <tbody>
              {{#each settings}}
              <tr class="hover:bg-base-200/20">
                <td class="font-medium text-base-content/70 w-1/2">{{@key}}</td>
                <td class="font-mono text-xs">{{this}}</td>
              </tr>
              {{else}}
              <tr>
                <td colspan="2" class="p-4 text-center text-sm text-base-content/40">No settings available</td>
              </tr>
              {{/each}}
            </tbody>
          </table>
        </div>
      </div>
    </div>
    <div class="lg:col-span-2 space-y-6">
      <div class="app-card overflow-hidden flex flex-col h-[75vh]">
        <div class="border-b border-base-200 bg-base-200/40 px-4 py-3 flex items-center justify-between">
          <div class="flex items-center gap-3">
            <h2 class="text-sm font-bold uppercase tracking-wider text-base-content/80">Schema DDL</h2>
            <span class="badge badge-sm badge-ghost font-mono text-[10px] uppercase font-bold">{{dialect}}</span>
          </div>
          <button id="btn-copy-ddl" class="btn btn-sm btn-ghost gap-1.5" disabled>
            {{{icon "copy" class="h-4 w-4"}}}
            Copy
          </button>
        </div>
        <div class="bg-base-300 p-4 overflow-y-auto flex-1 relative">
          <div id="ddl-loader" class="absolute inset-0 flex flex-col items-center justify-center text-base-content/50 gap-3">
            {{{icon "spinner" class="h-6 w-6 animate-spin text-primary"}}}
            <p class="text-sm font-medium">Extracting schema definitions...</p>
          </div>
          <div id="ddl-error" class="hidden absolute inset-0 flex flex-col items-center justify-center text-error gap-3 bg-base-300">
            {{{icon "error" class="h-8 w-8"}}}
            <p class="text-sm font-medium">Failed to load schema.</p>
          </div>
          <pre id="ddl-container" class="hidden m-0 h-full"><code class="language-sql text-sm text-base-content/80 whitespace-pre-wrap"></code></pre>
        </div>
      </div>
    </div>
  </div>
  document.addEventListener('DOMContentLoaded', async () => {
    const loader = document.getElementById('ddl-loader');
    const container = document.getElementById('ddl-container');
    const codeBlock = container.querySelector('code');
    const btnCopy = document.getElementById('btn-copy-ddl');
    const errorBox = document.getElementById('ddl-error');
    try {
      const res = await fetch('{{basePath}}/api/info/ddl');
      const json = await res.json();
      loader.classList.add('hidden');
      if (json.success && json.data) {
        if (window.Utils && window.Utils.highlightSql) {
          codeBlock.innerHTML = window.Utils.highlightSql(json.data);
        } else {
          codeBlock.textContent = json.data;
        }
        container.classList.remove('hidden');
        btnCopy.disabled = false;
        btnCopy.addEventListener('click', async () => {
          try {
            await navigator.clipboard.writeText(json.data);
            const originalText = btnCopy.innerHTML;
            btnCopy.innerHTML = `{{{icon "check" class="h-4 w-4"}}} Copied!`;
            btnCopy.classList.add('text-success');
            setTimeout(() => {
              btnCopy.innerHTML = originalText;
              btnCopy.classList.remove('text-success');
            }, 2000);
          } catch (err) {
            console.error('Failed to copy', err);
          }
        });
      } else {
        if (json.success && !json.data) {
          codeBlock.textContent = '-- No tables defined in the database.';
          container.classList.remove('hidden');
        } else {
          throw new Error(json.error || 'Failed to fetch DDL');
        }
      }
    } catch (err) {
      loader.classList.add('hidden');
      errorBox.classList.remove('hidden');
      errorBox.querySelector('p').textContent = err.message || 'Failed to load schema.';
    }
  });

package/dist/views/pages/login.hbs

@@ -1,98 +1 @@
-<div class="flex min-h-[75vh] items-center justify-center py-6 px-4">
-  <div class="w-full max-w-md">
-    <div class="mb-8 text-center">
-      <div class="mx-auto mb-4 flex h-14 w-14 items-center justify-center rounded-2xl bg-primary/10 text-primary shadow-soft">
-        {{{icon "database" class="h-8 w-8"}}}
-      </div>
-      <h1 class="text-2xl font-extrabold tracking-tight text-base-content sm:text-3xl">
-        Admin<span class="text-primary">DB</span>
-      </h1>
-      <p class="mt-1 text-sm text-base-content/60">
-        Sign in to access your database administration console
-      </p>
-    </div>
-    <div class="app-card border border-base-300/80 bg-base-100 p-6 sm:p-8 shadow-soft">
-      {{#if error}}
-        <div class="mb-6 flex items-start gap-3 rounded-xl bg-error/10 p-4 text-sm text-error border border-error/20" role="alert">
-          <span class="shrink-0 mt-0.5">
-            {{{icon "warning" class="h-5 w-5"}}}
-          </span>
-          <div class="font-medium">{{error}}</div>
-        </div>
-      {{/if}}
-      {{#if isDefaultPassword}}
-        <div class="mb-6 rounded-xl bg-info/10 p-3.5 text-xs text-info border border-info/20">
-          <div class="font-semibold flex items-center gap-1.5 mb-1">
-            {{{icon "warning" class="h-4 w-4 shrink-0"}}}
-            Default Credentials Active
-          </div>
-          <p class="text-base-content/70">
-            Username: <code class="font-mono font-semibold text-primary">admin</code> · Password: <code class="font-mono font-semibold text-primary">admin</code>
-          </p>
-          <p class="mt-1 text-[11px] text-base-content/50">
-            Set <code class="font-mono">ADMINDB_PASSWORD</code> in production to secure your console.
-          </p>
-        </div>
-      {{/if}}
-      <form method="POST" action="{{basePath}}/login" class="space-y-4">
-        {{#if next}}
-          <input type="hidden" name="next" value="{{next}}" />
-        {{/if}}
-        <div>
-          <label class="field-label" for="login-username">
-            <span>Username</span>
-          </label>
-          <div class="relative">
-            <input
-              id="login-username"
-              type="text"
-              name="username"
-              value="{{#if username}}{{username}}{{else}}admin{{/if}}"
-              required
-              autofocus
-              placeholder="Username"
-              class="field-input pl-10"
-              autocomplete="username"
-            />
-            <div class="pointer-events-none absolute inset-y-0 left-0 flex items-center pl-3 text-base-content/40">
-              {{{icon "user" class="h-5 w-5"}}}
-            </div>
-          </div>
-        </div>
-        <div>
-          <label class="field-label" for="login-password">
-            <span>Password</span>
-          </label>
-          <div class="relative">
-            <input
-              id="login-password"
-              type="password"
-              name="password"
-              required
-              placeholder="••••••••"
-              class="field-input pl-10"
-              autocomplete="current-password"
-            />
-            <div class="pointer-events-none absolute inset-y-0 left-0 flex items-center pl-3 text-base-content/40">
-              {{{icon "lock" class="h-5 w-5"}}}
-            </div>
-          </div>
-        </div>
-        <div class="pt-2">
-          <button type="submit" class="btn btn-primary w-full gap-2 font-semibold shadow-soft">
-            {{{icon "logout" class="h-4 w-4 rotate-180"}}}
-            Sign In
-          </button>
-        </div>
-      </form>
-    </div>
-    <div class="mt-6 space-y-2 text-center text-xs text-base-content/55">
-      <p class="leading-relaxed">
-        <span class="font-semibold text-base-content/80">Security Notice:</span> Built-in auth provides basic access control. For production, protect your admin routes using your own application authentication, VPN, or reverse proxy.
-      </p>
-      <p class="text-base-content/40">
-        Native authentication can be disabled via <code class="font-mono">--no-auth</code> or <code class="font-mono">auth: false</code>.
-      </p>
-    </div>
-  </div>
-</div>
+<div class="flex min-h-[75vh] items-center justify-center py-6 px-4">
  <div class="w-full max-w-md">
    <div class="mb-8 text-center">
      <div class="mx-auto mb-4 flex h-14 w-14 items-center justify-center rounded-2xl bg-primary/10 text-primary shadow-soft">
        {{{icon "database" class="h-8 w-8"}}}
      </div>
      <h1 class="font-headings text-2xl font-extrabold tracking-tight text-base-content sm:text-3xl">
        Admin<span class="text-primary">DB</span>
      </h1>
      <p class="mt-1 text-sm text-base-content/60">
        Sign in to access your database administration console
      </p>
    </div>
    <div class="app-card border bg-base-100/90 p-6 sm:p-8 shadow-card backdrop-blur-md">
      {{#if error}}
        <div class="mb-6 flex items-start gap-3 rounded-xl bg-error/10 p-4 text-sm text-error border border-error/20" role="alert">
          <span class="shrink-0 mt-0.5">
            {{{icon "warning" class="h-5 w-5"}}}
          </span>
          <div class="font-medium">{{error}}</div>
        </div>
      {{/if}}
      {{#if isDefaultPassword}}
        <div class="mb-6 rounded-xl bg-info/10 p-3.5 text-xs text-info border border-info/20">
          <div class="font-semibold flex items-center gap-1.5 mb-1">
            {{{icon "warning" class="h-4 w-4 shrink-0"}}}
            Default Credentials Active
          </div>
          <p class="text-base-content/70">
            Username: <code class="font-mono font-semibold text-primary">admin</code> · Password: <code class="font-mono font-semibold text-primary">admin</code>
          </p>
          <p class="mt-1 text-[11px] text-base-content/50">
            Set <code class="font-mono">ADMINDB_PASSWORD</code> in production to secure your console.
          </p>
        </div>
      {{/if}}
      <form method="POST" action="{{basePath}}/login" class="space-y-4">
        {{#if next}}
          <input type="hidden" name="next" value="{{next}}" />
        {{/if}}
        <div>
          <label class="field-label" for="login-username">
            <span>Username</span>
          </label>
          <div class="relative">
            <input
              id="login-username"
              type="text"
              name="username"
              value="{{#if username}}{{username}}{{else}}admin{{/if}}"
              required
              autofocus
              placeholder="Username"
              class="field-input pl-10"
              autocomplete="username"
            />
            <div class="pointer-events-none absolute inset-y-0 left-0 flex items-center pl-3 text-base-content/40">
              {{{icon "user" class="h-5 w-5"}}}
            </div>
          </div>
        </div>
        <div>
          <label class="field-label" for="login-password">
            <span>Password</span>
          </label>
          <div class="relative">
            <input
              id="login-password"
              type="password"
              name="password"
              required
              placeholder="••••••••"
              class="field-input pl-10"
              autocomplete="current-password"
            />
            <div class="pointer-events-none absolute inset-y-0 left-0 flex items-center pl-3 text-base-content/40">
              {{{icon "lock" class="h-5 w-5"}}}
            </div>
          </div>
        </div>
        <div class="pt-2">
          <button type="submit" class="btn btn-primary w-full gap-2 font-semibold shadow-soft">
            {{{icon "logout" class="h-4 w-4 rotate-180"}}}
            Sign In
          </button>
        </div>
      </form>
    </div>
    <div class="mt-6 space-y-2 text-center text-xs text-base-content/55">
      <p class="leading-relaxed">
        <span class="font-semibold text-base-content/80">Security Notice:</span> Built-in auth provides basic access control. For production, protect your admin routes using your own application authentication, VPN, or reverse proxy.
      </p>
      <p class="text-base-content/40">
        Native authentication can be disabled via <code class="font-mono">--no-auth</code> or <code class="font-mono">auth: false</code>.
      </p>
    </div>
  </div>