admindb 2.2.1 → 2.3.0

package/dist/views/partials/navbar.hbs

@@ -1,83 +1 @@
-<div class="sticky top-0 z-30 border-b border-base-300/80 bg-base-100/85 backdrop-blur-md">
-  <div class="navbar mx-auto w-full max-w-[1500px] px-4 sm:px-6 lg:px-8">
-    <div class="flex-none lg:hidden">
-      <label for="sidebar-toggle" class="btn btn-square btn-ghost" aria-label="open sidebar">
-        {{{icon "menu" class="h-5 w-5"}}}
-      </label>
-    </div>
-    <div class="flex flex-1 items-center gap-3">
-      <a href="{{basePath}}/" class="flex items-center gap-2.5">
-        <span class="text-lg font-bold tracking-tight">Admin<span class="text-primary">DB</span></span>
-      </a>
-      {{#unless databasesMode}}
-        {{#if isPostgres}}
-          <span class="inline-flex items-center gap-1.5 rounded-lg border border-info/40 bg-info/10 px-2.5 py-0.5 text-xs font-semibold text-info" title="Engine: PostgreSQL ({{dbPath}})">
-            <span class="h-2 w-2 rounded-full bg-info animate-pulse"></span>
-            PostgreSQL
-          </span>
-        {{else}}
-          <span class="inline-flex items-center gap-1.5 rounded-lg border border-emerald-500/40 bg-emerald-500/10 px-2.5 py-0.5 text-xs font-semibold text-emerald-600 dark:text-emerald-400" title="Engine: SQLite ({{dbPath}})">
-            <span class="h-2 w-2 rounded-full bg-emerald-500 animate-pulse"></span>
-            SQLite
-          </span>
-        {{/if}}
-      {{/unless}}
-    </div>
-    <div class="flex items-center gap-1.5">
-      {{#unless noSidebar}}
-        {{#unless databasesMode}}
-          {{#if databasesUrl}}
-            <a href="{{databasesUrl}}" class="btn btn-ghost btn-sm hidden gap-1.5 sm:inline-flex">
-              {{{icon "database" class="h-4 w-4"}}}
-              Databases
-            </a>
-          {{/if}}
-          <a href="{{basePath}}/query" class="btn btn-ghost btn-sm hidden gap-1.5 sm:inline-flex">
-            {{{icon "query" class="h-4 w-4"}}}
-            Query
-          </a>
-          {{#unless readonly}}
-            <a href="{{basePath}}/designer" class="btn btn-ghost btn-sm hidden gap-1.5 sm:inline-flex">
-              {{{icon "plus" class="h-4 w-4"}}}
-              New table
-            </a>
-          {{/unless}}
-          <a href="{{basePath}}/export" class="btn btn-ghost btn-sm hidden gap-1.5 md:inline-flex">
-            {{{icon "export" class="h-4 w-4"}}}
-            Export
-          </a>
-        {{/unless}}
-      {{/unless}}
-      {{#if authEnabled}}
-        {{#if authUser}}
-          {{#if isDefaultPassword}}
-            <span class="badge badge-warning badge-sm gap-1 hidden sm:inline-flex font-mono text-[11px]" title="Using default password (admin). Set ADMINDB_PASSWORD in production.">
-              {{{icon "warning" class="h-3.5 w-3.5"}}}
-              default pass
-            </span>
-          {{/if}}
-          <div class="dropdown dropdown-end">
-            <label tabindex="0" class="btn btn-ghost btn-sm gap-1.5 normal-case font-medium">
-              {{{icon "user" class="h-4 w-4 text-base-content/70"}}}
-              <span class="max-w-[120px] truncate text-xs">{{authUser}}</span>
-            </label>
-            <ul tabindex="0" class="dropdown-content menu p-2 shadow-soft bg-base-100 rounded-xl w-48 border border-base-300 z-50 mt-1 text-sm">
-              <li class="menu-title px-2 py-1 text-xs text-base-content/50">Signed in as <strong class="text-base-content">{{authUser}}</strong></li>
-              <li>
-                <form method="POST" action="{{basePath}}/logout" class="p-0">
-                  <button type="submit" class="w-full text-left flex items-center gap-2 px-3 py-2 text-error hover:bg-error/10 rounded-lg">
-                    {{{icon "logout" class="h-4 w-4"}}}
-                    Sign out
-                  </button>
-                </form>
-              </li>
-            </ul>
-          </div>
-        {{/if}}
-      {{/if}}
-      <button id="theme-toggle" type="button" class="btn btn-square btn-ghost btn-sm" aria-label="Toggle dark mode" title="Toggle dark mode">
-        {{{icon "moon" class="h-5 w-5"}}}
-      </button>
-    </div>
-  </div>
-</div>
+<div class="sticky top-0 z-30 border-b border-base-300/80 bg-base-100/85 backdrop-blur-md">
  <div class="navbar mx-auto w-full max-w-[1500px] px-4 sm:px-6 lg:px-8">
    <div class="flex-none lg:hidden">
      <label for="sidebar-toggle" class="btn btn-square btn-ghost" aria-label="open sidebar">
        {{{icon "menu" class="h-5 w-5"}}}
      </label>
    </div>
    <div class="flex flex-1 items-center gap-3">
      <a href="{{basePath}}/" class="flex items-center gap-2.5">
        <span class="font-headings text-lg font-bold tracking-tight text-base-content">Admin<span class="text-primary">DB</span></span>
      </a>
      {{#unless databasesMode}}
        {{#if isPostgres}}
          <span class="inline-flex items-center gap-1.5 rounded-lg border border-info/40 bg-info/10 px-2.5 py-0.5 text-xs font-semibold text-info" title="Engine: PostgreSQL ({{dbPath}})">
            <span class="h-2 w-2 rounded-full bg-info animate-pulse"></span>
            PostgreSQL
          </span>
        {{else}}
          <span class="inline-flex items-center gap-1.5 rounded-lg border border-emerald-500/40 bg-emerald-500/10 px-2.5 py-0.5 text-xs font-semibold text-emerald-600 dark:text-emerald-400" title="Engine: SQLite ({{dbPath}})">
            <span class="h-2 w-2 rounded-full bg-emerald-500 animate-pulse"></span>
            SQLite
          </span>
        {{/if}}
      {{/unless}}
    </div>
    <div class="flex items-center gap-1.5">
      {{#unless noSidebar}}
        {{#unless databasesMode}}
          {{#if databasesUrl}}
            <a href="{{databasesUrl}}" class="btn btn-ghost btn-sm hidden gap-1.5 sm:inline-flex">
              {{{icon "database" class="h-4 w-4"}}}
              Databases
            </a>
          {{/if}}
          <a href="{{basePath}}/query" class="btn btn-ghost btn-sm hidden gap-1.5 sm:inline-flex">
            {{{icon "query" class="h-4 w-4"}}}
            Query
          </a>
          {{#unless readonly}}
            <a href="{{basePath}}/designer" class="btn btn-ghost btn-sm hidden gap-1.5 sm:inline-flex">
              {{{icon "plus" class="h-4 w-4"}}}
              New table
            </a>
          {{/unless}}
          <a href="{{basePath}}/export" class="btn btn-ghost btn-sm hidden gap-1.5 md:inline-flex">
            {{{icon "export" class="h-4 w-4"}}}
            Export
          </a>
        {{/unless}}
      {{/unless}}
      {{#if authEnabled}}
        {{#if authUser}}
          <div class="dropdown dropdown-end">
            <label tabindex="0" class="btn btn-ghost btn-sm gap-1.5 normal-case font-medium">
              {{{icon "user" class="h-4 w-4 text-base-content/70"}}}
              <span class="max-w-[120px] truncate text-xs">{{authUser}}</span>
            </label>
            <ul tabindex="0" class="dropdown-content menu p-2 shadow-soft bg-base-100 rounded-xl w-56 border border-base-300 z-50 mt-1 text-sm space-y-1">
              <li class="menu-title px-2 py-1 text-xs text-base-content/50">Signed in as <strong class="text-base-content">{{authUser}}</strong></li>
              {{#if isDefaultPassword}}
                <li class="rounded-lg bg-warning/10 p-2 text-[11px] text-warning border border-warning/20">
                  <div class="flex items-center gap-1.5 font-semibold p-0">
                    {{{icon "warning" class="h-3.5 w-3.5 shrink-0"}}}
                    <span>Default pass active (admin)</span>
                  </div>
                </li>
              {{/if}}
              <li>
                <form method="POST" action="{{basePath}}/logout" class="p-0">
                  <button type="submit" class="w-full text-left flex items-center gap-2 px-3 py-2 text-error hover:bg-error/10 rounded-lg">
                    {{{icon "logout" class="h-4 w-4"}}}
                    Sign out
                  </button>
                </form>
              </li>
            </ul>
          </div>
        {{/if}}
      {{/if}}
      <button id="theme-toggle" type="button" class="btn btn-square btn-ghost btn-sm" aria-label="Toggle dark mode" title="Toggle dark mode">
        {{{icon "moon" class="h-5 w-5"}}}
      </button>
    </div>
  </div>

package/dist/views/partials/sidebar.hbs

@@ -1,129 +1 @@
-<aside class="flex h-full min-h-full w-72 flex-col bg-neutral text-neutral-content">
-  <div class="flex items-center gap-2.5 px-5 pb-4 pt-5">
-    <div class="w-full">
-      <div class="flex items-center justify-between">
-        <div class="text-base font-bold leading-tight">AdminDB <span style="font-size: x-small">{{#if version}}v{{version}}{{/if}}</span></div>
-        {{#unless databasesMode}}
-          {{#if isPostgres}}
-            <span class="rounded bg-info/20 px-1.5 py-0.5 text-[10px] font-bold text-info">PostgreSQL</span>
-          {{else}}
-            <span class="rounded bg-emerald-500/20 px-1.5 py-0.5 text-[10px] font-bold text-emerald-400">SQLite</span>
-          {{/if}}
-        {{/unless}}
-      </div>
-      <div class="mt-0.5 text-[11px] text-neutral-content/50 truncate">{{#if databasesMode}}Database manager{{else}}{{dbId}}{{/if}}</div>
-    </div>
-  </div>
-  {{#if databasesMode}}
-  <nav class="flex-1 overflow-y-auto px-3 py-2">
-    <ul class="space-y-0.5">
-      <li>
-        <a href="{{basePath}}/" class="side-link active">
-          {{{icon "database" class="h-4 w-4"}}}
-          Databases
-        </a>
-      </li>
-    </ul>
-  </nav>
-  {{else}}
-  <div class="px-4 pb-2">
-    <label class="relative block">
-      <span class="pointer-events-none absolute left-3 top-1/2 -translate-y-1/2 text-neutral-content/40">
-        {{{icon "search" class="h-4 w-4"}}}
-      </span>
-      <input id="table-search" type="search" placeholder="Filter tables…" autocomplete="off"
-        class="w-full rounded-lg border border-white/10 bg-white/[0.06] py-2 pl-9 pr-3 text-sm text-neutral-content outline-none transition placeholder:text-neutral-content/40 focus:border-primary/70 focus:ring-4 focus:ring-primary/20" />
-    </label>
-  </div>
-  <nav class="flex-1 overflow-y-auto px-3 py-2">
-    <ul class="space-y-0.5">
-      {{#if databasesUrl}}
-      <li>
-        <a href="{{databasesUrl}}" class="side-link">
-          {{{icon "database" class="h-4 w-4"}}}
-          Databases
-        </a>
-      </li>
-      {{/if}}
-      <li>
-        <a href="{{basePath}}/" class="side-link {{#if (eq currentPath '/')}}active{{/if}}">
-          {{{icon "home" class="h-4 w-4"}}}
-          Home
-        </a>
-      </li>
-      <li>
-        <a href="{{basePath}}/query" class="side-link {{#if (startsWith currentPath '/query')}}active{{/if}}">
-          {{{icon "query" class="h-4 w-4"}}}
-          Query editor
-        </a>
-      </li>
-      <li>
-        <a href="{{basePath}}/erd" class="side-link {{#if (startsWith currentPath '/erd')}}active{{/if}}">
-          {{{icon "diagram" class="h-4 w-4"}}}
-          ER Diagram
-        </a>
-      </li>
-      <li>
-        <a href="{{basePath}}/info" class="side-link {{#if (startsWith currentPath '/info')}}active{{/if}}">
-          {{{icon "settings" class="h-4 w-4"}}}
-          Info & Settings
-        </a>
-      </li>
-      {{#unless readonly}}
-      <li>
-        <a href="{{basePath}}/designer" class="side-link {{#if (startsWith currentPath '/designer')}}active{{/if}}">
-          {{{icon "plus" class="h-4 w-4"}}}
-          New table
-        </a>
-      </li>
-      {{/unless}}
-    </ul>
-    <div class="mb-2 mt-6 flex items-center justify-between px-3">
-      <span class="text-[11px] font-semibold uppercase tracking-wider text-neutral-content/40">Tables</span>
-      <span id="table-count" class="rounded-md bg-white/[0.06] px-1.5 py-0.5 text-[10px] font-semibold text-neutral-content/50">{{tables.length}}</span>
-    </div>
-    <ul id="table-list" class="space-y-0.5">
-      {{#each tables}}
-      <li class="table-item" data-name="{{this}}">
-        <a href="{{../basePath}}/tables/{{this}}" class="side-link {{#if (eq ../currentTable this)}}active{{/if}}">
-          <span class="table-icon">
-            {{{icon "table" class="h-4 w-4"}}}
-          </span>
-          <span class="truncate">{{this}}</span>
-        </a>
-      </li>
-      {{else}}
-      <li class="px-3 py-2 text-xs text-neutral-content/40">No tables yet</li>
-      {{/each}}
-    </ul>
-    {{#if internalTables.length}}
-    <div class="mb-2 mt-6 px-3 text-[11px] font-semibold uppercase tracking-wider text-neutral-content/40">Internal</div>
-    <ul class="space-y-0.5">
-      {{#each internalTables}}
-      <li>
-        <a href="{{../basePath}}/tables/{{this}}" class="side-link {{#if (eq ../currentTable this)}}active{{/if}}">
-          <span class="table-icon">
-            {{{icon "book" class="h-4 w-4"}}}
-          </span>
-          <span class="truncate">{{this}}</span>
-        </a>
-      </li>
-      {{/each}}
-    </ul>
-    {{/if}}
-  </nav>
-  {{/if}}
-  <div class="border-t border-white/10 px-5 py-3">
-    <div class="flex items-center justify-between">
-      <div class="text-[11px] font-medium uppercase tracking-wider text-neutral-content/40">{{#if databasesMode}}Directory{{else}}Engine: {{dialectName}}{{/if}}</div>
-      {{#unless databasesMode}}
-        {{#if readonly}}
-          <span class="rounded bg-warning/20 px-1.5 py-0.5 text-[9px] font-bold uppercase text-warning">Read-only</span>
-        {{else}}
-          <span class="rounded bg-success/20 px-1.5 py-0.5 text-[9px] font-bold uppercase text-success">Writable</span>
-        {{/if}}
-      {{/unless}}
-    </div>
-    <div class="mt-0.5 truncate font-mono text-[11px] text-neutral-content/60" title="{{dbPath}}">{{dbPath}}</div>
-  </div>
-</aside>
+<aside class="flex h-full min-h-full w-72 flex-col bg-neutral text-neutral-content">
  <div class="flex items-center gap-2.5 px-5 pb-4 pt-5">
    <div class="w-full">
      <div class="flex items-center justify-between">
        <div class="font-headings text-base font-bold leading-tight">AdminDB <span style="font-size: x-small" class="font-sans font-normal opacity-70">{{#if version}}v{{version}}{{/if}}</span></div>
        {{#unless databasesMode}}
          {{#if isPostgres}}
            <span class="rounded bg-info/20 px-1.5 py-0.5 text-[10px] font-bold text-info">PostgreSQL</span>
          {{else}}
            <span class="rounded bg-emerald-500/20 px-1.5 py-0.5 text-[10px] font-bold text-emerald-400">SQLite</span>
          {{/if}}
        {{/unless}}
      </div>
      <div class="mt-0.5 text-[11px] text-neutral-content/50 truncate">{{#if databasesMode}}Database manager{{else}}{{dbId}}{{/if}}</div>
    </div>
  </div>
  {{#if databasesMode}}
  <nav class="flex-1 overflow-y-auto px-3 py-2">
    <ul class="space-y-0.5">
      <li>
        <a href="{{basePath}}/" class="side-link active">
          {{{icon "database" class="h-4 w-4"}}}
          Databases
        </a>
      </li>
    </ul>
  </nav>
  {{else}}
  <div class="px-4 pb-2">
    <label class="relative block">
      <span class="pointer-events-none absolute left-3 top-1/2 -translate-y-1/2 text-neutral-content/40">
        {{{icon "search" class="h-4 w-4"}}}
      </span>
      <input id="table-search" type="search" placeholder="Filter tables…" autocomplete="off"
        class="w-full rounded-lg border border-white/10 bg-white/[0.06] py-2 pl-9 pr-3 text-sm text-neutral-content outline-none transition placeholder:text-neutral-content/40 focus:border-primary/70 focus:ring-4 focus:ring-primary/20" />
    </label>
  </div>
  <nav class="flex-1 overflow-y-auto px-3 py-2">
    <ul class="space-y-0.5">
      {{#if databasesUrl}}
      <li>
        <a href="{{databasesUrl}}" class="side-link">
          {{{icon "database" class="h-4 w-4"}}}
          Databases
        </a>
      </li>
      {{/if}}
      <li>
        <a href="{{basePath}}/" class="side-link {{#if (eq currentPath '/')}}active{{/if}}">
          {{{icon "home" class="h-4 w-4"}}}
          Home
        </a>
      </li>
      <li>
        <a href="{{basePath}}/query" class="side-link {{#if (startsWith currentPath '/query')}}active{{/if}}">
          {{{icon "query" class="h-4 w-4"}}}
          Query editor
        </a>
      </li>
      <li>
        <a href="{{basePath}}/erd" class="side-link {{#if (startsWith currentPath '/erd')}}active{{/if}}">
          {{{icon "diagram" class="h-4 w-4"}}}
          ER Diagram
        </a>
      </li>
      <li>
        <a href="{{basePath}}/seed" class="side-link {{#if (startsWith currentPath '/seed')}}active{{/if}}">
          {{{icon "seed" class="h-4 w-4"}}}
          Seed generator
        </a>
      </li>
      <li>
        <a href="{{basePath}}/info" class="side-link {{#if (startsWith currentPath '/info')}}active{{/if}}">
          {{{icon "settings" class="h-4 w-4"}}}
          Info & Settings
        </a>
      </li>
      {{#unless readonly}}
      <li>
        <a href="{{basePath}}/designer" class="side-link {{#if (startsWith currentPath '/designer')}}active{{/if}}">
          {{{icon "plus" class="h-4 w-4"}}}
          New table
        </a>
      </li>
      {{/unless}}
    </ul>
    <div class="mb-2 mt-6 flex items-center justify-between px-3">
      <span class="text-[11px] font-semibold uppercase tracking-wider text-neutral-content/40">Tables</span>
      <span id="table-count" class="rounded-md bg-white/[0.06] px-1.5 py-0.5 text-[10px] font-semibold text-neutral-content/50">{{tables.length}}</span>
    </div>
    <ul id="table-list" class="space-y-0.5">
      {{#each tables}}
      <li class="table-item" data-name="{{this}}">
        <a href="{{../basePath}}/tables/{{this}}" class="side-link {{#if (eq ../currentTable this)}}active{{/if}}">
          <span class="table-icon">
            {{{icon "table" class="h-4 w-4"}}}
          </span>
          <span class="truncate">{{this}}</span>
        </a>
      </li>
      {{else}}
      <li class="px-3 py-2 text-xs text-neutral-content/40">No tables yet</li>
      {{/each}}
    </ul>
    {{#if internalTables.length}}
    <div class="mb-2 mt-6 px-3 text-[11px] font-semibold uppercase tracking-wider text-neutral-content/40">Internal</div>
    <ul class="space-y-0.5">
      {{#each internalTables}}
      <li>
        <a href="{{../basePath}}/tables/{{this}}" class="side-link {{#if (eq ../currentTable this)}}active{{/if}}">
          <span class="table-icon">
            {{{icon "book" class="h-4 w-4"}}}
          </span>
          <span class="truncate">{{this}}</span>
        </a>
      </li>
      {{/each}}
    </ul>
    {{/if}}
  </nav>
  {{/if}}
  {{#if isDefaultPassword}}
  <div class="border-t border-white/10 px-4 py-2 bg-warning/10">
    <div class="flex items-center justify-between text-warning text-xs font-semibold">
      <span class="flex items-center gap-1.5 font-mono text-[11px]">
        {{{icon "warning" class="h-3.5 w-3.5 shrink-0"}}}
        default pass active
      </span>
      <span class="badge badge-warning badge-xs font-mono font-bold">admin</span>
    </div>
  </div>
  {{/if}}
  <div class="border-t border-white/10 px-5 py-3">
    <div class="flex items-center justify-between">
      <div class="text-[11px] font-medium uppercase tracking-wider text-neutral-content/40">{{#if databasesMode}}Directory{{else}}Engine: {{dialectName}}{{/if}}</div>
      {{#unless databasesMode}}
        {{#if readonly}}
          <span class="rounded bg-warning/20 px-1.5 py-0.5 text-[9px] font-bold uppercase text-warning">Read-only</span>
        {{else}}
          <span class="rounded bg-success/20 px-1.5 py-0.5 text-[9px] font-bold uppercase text-success">Writable</span>
        {{/if}}
      {{/unless}}
    </div>
    <div class="mt-0.5 truncate font-mono text-[11px] text-neutral-content/60" title="{{dbPath}}">{{dbPath}}</div>
  </div>