admindb 2.5.0 → 2.6.2

package/dist/views/partials/navbar.hbs

@@ -1 +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="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/{{encodeUri dbId}}" 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/{{encodeUri dbId}}" 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/{{encodeUri dbId}}" 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>
+<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}}
        <button id="global-search-trigger" type="button" class="btn btn-ghost btn-sm gap-2 border border-base-300 bg-base-200/60 hover:bg-base-200 text-base-content/70 hover:text-base-content font-normal text-xs rounded-xl px-3 py-1.5 h-auto transition-all shadow-xs sm:ml-2" title="Search tables, columns, commands (Ctrl+K)">
          {{{icon "search" class="h-3.5 w-3.5 text-base-content/50"}}}
          <span class="hidden md:inline font-medium text-base-content/70">Search tables, columns…</span>
          <span class="inline md:hidden font-medium text-base-content/70">Search</span>
          <kbd class="hidden sm:inline-flex items-center gap-0.5 rounded border border-base-300 bg-base-100 px-1.5 py-0.5 text-[10px] font-mono text-base-content/60 font-semibold shadow-xs">
            <span class="text-[9px]">Ctrl</span> K
          </kbd>
        </button>
      {{/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/{{encodeUri dbId}}" 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/{{encodeUri dbId}}" 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/{{encodeUri dbId}}" 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 +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="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}}/home/{{encodeUri dbId}}" class="side-link {{#if (startsWith currentPath '/home')}}active{{/if}}">
          {{{icon "home" class="h-4 w-4"}}}
          Home
        </a>
      </li>
      <li>
        <a href="{{basePath}}/query/{{encodeUri dbId}}" 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/{{encodeUri dbId}}" 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/{{encodeUri dbId}}" 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/{{encodeUri dbId}}" 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/{{encodeUri dbId}}" 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="{{tableName this}}">
        <a href="{{../basePath}}/tables/{{encodeUri ../dbId}}/{{encodeUri (tableName this)}}" class="side-link {{#if (eq ../currentTable (tableName this))}}active{{/if}}">
          <span class="table-icon">
            {{{icon "table" class="h-4 w-4"}}}
          </span>
          <span class="truncate">{{tableName this}}</span>
        </a>
      </li>
      {{else}}
      <li class="px-3 py-2 text-xs text-neutral-content/40">No tables yet</li>
      {{/each}}
    </ul>
  </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>
+<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 {{#if (eq currentPath '/')}}active{{/if}}">
          {{{icon "database" class="h-4 w-4"}}}
          Databases
        </a>
      </li>
      <li>
        <a href="{{basePath}}/diff" class="side-link {{#if (startsWith currentPath '/diff')}}active{{else}}{{#if (startsWith currentPath '/sync')}}active{{/if}}{{/if}}">
          {{{icon "diff" class="h-4 w-4"}}}
          Diff & Replicate
        </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}}/home/{{encodeUri dbId}}" class="side-link {{#if (startsWith currentPath '/home')}}active{{/if}}">
          {{{icon "home" class="h-4 w-4"}}}
          Home
        </a>
      </li>
      <li>
        <a href="{{basePath}}/query/{{encodeUri dbId}}" 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/{{encodeUri dbId}}" 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/{{encodeUri dbId}}" class="side-link {{#if (startsWith currentPath '/seed')}}active{{/if}}">
          {{{icon "seed" class="h-4 w-4"}}}
          Seed generator
        </a>
      </li>
      <li>
        <a href="{{basePath}}/diff/{{encodeUri dbId}}" class="side-link {{#if (startsWith currentPath '/diff')}}active{{else}}{{#if (startsWith currentPath '/sync')}}active{{/if}}{{/if}}">
          {{{icon "diff" class="h-4 w-4"}}}
          Diff & Replicate
        </a>
      </li>
      <li>
        <a href="{{basePath}}/info/{{encodeUri dbId}}" 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/{{encodeUri dbId}}" 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="{{tableName this}}">
        <a href="{{../basePath}}/tables/{{encodeUri ../dbId}}/{{encodeUri (tableName this)}}" class="side-link {{#if (eq ../currentTable (tableName this))}}active{{/if}}">
          <span class="table-icon">
            {{{icon "table" class="h-4 w-4"}}}
          </span>
          <span class="truncate">{{tableName this}}</span>
        </a>
      </li>
      {{else}}
      <li class="px-3 py-2 text-xs text-neutral-content/40">No tables yet</li>
      {{/each}}
    </ul>
  </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>