admindb 2.4.1 → 2.6.0

package/dist/utils/common.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.truncate = exports.decodePk = exports.encodePk = exports.isInternalTable = exports.isPostgresConnectionString = exports.errorMessage = void 0;
+exports.truncate = exports.decodePk = exports.encodePk = exports.isPostgresConnectionString = exports.errorMessage = void 0;
 exports.sanitizeConnectionString = sanitizeConnectionString;
 exports.isPathWithinRoot = isPathWithinRoot;
 exports.parseFilters = parseFilters;
@@ -99,8 +99,6 @@ function filtersToQS(filters) {
     }
     return Object.keys(out).length ? `f=${encodeURIComponent(JSON.stringify(out))}` : '';
 }
-const isInternalTable = (name) => name.startsWith('_');
-exports.isInternalTable = isInternalTable;
 const encodePk = (values) => values.map((v) => encodeURIComponent(v == null ? '' : String(v))).join(',');
 exports.encodePk = encodePk;
 const decodePk = (encoded) => String(encoded)

package/dist/utils/icons.js

@@ -13,6 +13,9 @@ exports.ICONS = {
     book: '<svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.747 0 3.332.477 4.5 1.253v13C19.832 18.477 18.247 18 16.5 18c-1.746 0-3.332.477-4.5 1.253" /></svg>',
     schema: '<svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z" /><path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z" /></svg>',
     diagram: '<svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><rect x="2" y="3" width="6" height="5" rx="1" stroke-linecap="round" stroke-linejoin="round"/><rect x="16" y="3" width="6" height="5" rx="1" stroke-linecap="round" stroke-linejoin="round"/><rect x="9" y="16" width="6" height="5" rx="1" stroke-linecap="round" stroke-linejoin="round"/><path stroke-linecap="round" stroke-linejoin="round" d="M5 8v4h14V8M12 12v4"/></svg>',
+    diff: '<svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M8 7h8M8 12h8m-8 5h4M4 4v16a2 2 0 002 2h12a2 2 0 002-2V4a2 2 0 00-2-2H6a2 2 0 00-2 2zM12 3v4m-3-2h6"/></svg>',
+    sync: '<svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15" /></svg>',
+    swap: '<svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M8 7h12m0 0l-4-4m4 4l-4 4m0 6H4m0 0l4 4m-4-4l4-4" /></svg>',
     search: '<svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" /></svg>',
     filter: '<svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M3 4a1 1 0 011-1h16a1 1 0 011 1v2.586a1 1 0 01-.293.707l-6.414 6.414A1 1 0 0014 15.414V20a1 1 0 01-1 1h-2a1 1 0 01-1-1v-4.586a1 1 0 00-.293-.707L3.293 7.293A1 1 0 013 6.586V4z" /></svg>',
     export: '<svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4" /></svg>',

package/dist/utils/stream.d.ts

@@ -0,0 +1 @@
+import{Transform} from 'node:stream';export declare function createJsonStream():Transform;export declare function createCsvStream(columns:string[]):Transform;export declare function parseCsvStreamBatched(stream:AsyncIterable<string|Buffer>,onBatch:(rows:string[][])=>Promise<void>,batchSize?:number):Promise<number>;

package/dist/utils/stream.js

@@ -0,0 +1,131 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createJsonStream = createJsonStream;
+exports.createCsvStream = createCsvStream;
+exports.parseCsvStreamBatched = parseCsvStreamBatched;
+const node_stream_1 = require("node:stream");
+const csv_1 = require("./csv");
+function createJsonStream() {
+    let isFirst = true;
+    return new node_stream_1.Transform({
+        writableObjectMode: true,
+        readableObjectMode: false,
+        transform(chunk, _encoding, callback) {
+            try {
+                const str = JSON.stringify(chunk, null, 2);
+                if (isFirst) {
+                    isFirst = false;
+                    this.push(`[\n  ${str.replace(/\n/g, '\n  ')}`);
+                }
+                else {
+                    this.push(`,\n  ${str.replace(/\n/g, '\n  ')}`);
+                }
+                callback();
+            }
+            catch (err) {
+                callback(err);
+            }
+        },
+        flush(callback) {
+            if (isFirst) {
+                this.push('[]');
+            }
+            else {
+                this.push('\n]');
+            }
+            callback();
+        },
+    });
+}
+function createCsvStream(columns) {
+    let headerSent = false;
+    return new node_stream_1.Transform({
+        writableObjectMode: true,
+        readableObjectMode: false,
+        transform(chunk, _encoding, callback) {
+            try {
+                if (!headerSent) {
+                    headerSent = true;
+                    const header = columns.map(csv_1.csvEscape).join(',');
+                    this.push(`${header}\r\n`);
+                }
+                const line = columns.map((c) => (0, csv_1.csvEscape)(chunk[c])).join(',');
+                this.push(`${line}\r\n`);
+                callback();
+            }
+            catch (err) {
+                callback(err);
+            }
+        },
+        flush(callback) {
+            if (!headerSent) {
+                this.push(`${columns.map(csv_1.csvEscape).join(',')}\r\n`);
+            }
+            callback();
+        },
+    });
+}
+async function parseCsvStreamBatched(stream, onBatch, batchSize = 500) {
+    let buffer = '';
+    let inQuotes = false;
+    let row = [];
+    let field = '';
+    let totalRows = 0;
+    let batch = [];
+    for await (const chunk of stream) {
+        const text = typeof chunk === 'string' ? chunk : chunk.toString('utf-8');
+        buffer += text;
+        for (let i = 0; i < buffer.length; i++) {
+            const ch = buffer[i];
+            if (inQuotes) {
+                if (ch === '"') {
+                    if (buffer[i + 1] === '"') {
+                        field += '"';
+                        i++;
+                    }
+                    else {
+                        inQuotes = false;
+                    }
+                }
+                else {
+                    field += ch;
+                }
+            }
+            else if (ch === '"') {
+                inQuotes = true;
+            }
+            else if (ch === ',') {
+                row.push(field);
+                field = '';
+            }
+            else if (ch === '\n') {
+                row.push(field);
+                field = '';
+                if (row.length > 1 || (row[0] !== undefined && row[0] !== '')) {
+                    batch.push(row);
+                    totalRows++;
+                    if (batch.length >= batchSize) {
+                        await onBatch(batch);
+                        batch = [];
+                    }
+                }
+                row = [];
+            }
+            else if (ch !== '\r') {
+                field += ch;
+            }
+        }
+        buffer = '';
+    }
+    if (field || row.length > 0) {
+        row.push(field);
+        if (row.length > 1 || (row[0] !== undefined && row[0] !== '')) {
+            batch.push(row);
+            totalRows++;
+        }
+    }
+    if (batch.length > 0) {
+        await onBatch(batch);
+    }
+    return totalRows;
+}

package/dist/views/layouts/main.hbs

@@ -1 +1 @@
-<!DOCTYPE html>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <title>{{title}} · AdminDB</title>
  <link rel="preconnect" href="https://fonts.googleapis.com" />
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
  <link href="https://fonts.googleapis.com/css2?family=Sora:wght@400;500;600;700;800&family=IBM+Plex+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap" rel="stylesheet" />
  <link rel="stylesheet" href="{{basePath}}/css/app.css" />
  <script>
    window.APP = {
      basePath: {{{json basePath}}},
      dbId: {{{json dbId}}},
      readonly: {{{json readonly}}},
      serverless: {{{json serverless}}},
      dialect: {{{json dialect}}},
      isSqlite: {{{json isSqlite}}},
      isPostgres: {{{json isPostgres}}}
    };
    // Apply the saved theme before first paint to avoid a flash.
    (function () {
      try {
        var t = localStorage.getItem('admindb-theme');
        if (t === 'dark') document.documentElement.setAttribute('data-theme', 'admindbDark');
      } catch (e) {}
    })();
  </script>
  <script>
    window.AdminIcons = {
      map: {{{json icons}}},
      get: function(name, customClass) {
        var svg = this.map[name] || '';
        if (!svg || !customClass) return svg;
        if (svg.indexOf('class="') !== -1) {
          return svg.replace(/class="[^"]*"/, 'class="' + customClass + '"');
        }
        return svg.replace('<svg', '<svg class="' + customClass + '"');
      }
    };
  </script>
  <script src="{{basePath}}/js/common.js" defer></script>
  <script src="{{basePath}}/js/api.js" defer></script>
  <script src="{{basePath}}/js/app.js" defer></script>
  <script src="{{basePath}}/js/inspector.js" defer></script>
  <div class="pointer-events-none fixed inset-0 -z-10 overflow-hidden">
    <div class="absolute -left-24 top-32 h-72 w-72 rounded-full bg-primary/15 blur-3xl"></div>
    <div class="absolute -right-24 bottom-20 h-80 w-80 rounded-full bg-orange-500/10 blur-3xl"></div>
  </div>
  {{#if readonly}}
    <div class="flex items-center justify-center gap-2 bg-warning/15 px-4 py-2 text-center text-sm font-semibold text-warning">
      <span class="shrink-0">{{{icon "warning" class="h-4 w-4"}}}</span>
      {{#if serverless}}
        Serverless mode active — database is open in read-only mode. Writes and schema modifications are disabled.
      {{else}}
        Read-only mode — this database is open without write access. All writes are disabled.
      {{/if}}
    </div>
  {{/if}}
  {{#if noSidebar}}
    <div class="flex min-h-screen flex-col">
      {{> navbar}}
      <main class="mx-auto w-full max-w-[1500px] flex-1 px-4 py-6 sm:px-6 lg:px-8 lg:py-8">
        {{{body}}}
      </main>
      <footer class="border-t border-base-300 px-6 py-4 text-center text-xs text-base-content/40">
        AdminDB{{#if version}} v{{version}}{{/if}} · SQLite & PostgreSQL database administration
      </footer>
    </div>
  {{else}}
    <div class="drawer lg:drawer-open">
      <input id="sidebar-toggle" type="checkbox" class="drawer-toggle" />
      <div class="drawer-content flex min-h-screen flex-col">
        {{> navbar}}
        <main class="mx-auto w-full max-w-[1500px] flex-1 px-4 py-6 sm:px-6 lg:px-8 lg:py-8">
          {{{body}}}
        </main>
        <footer class="border-t border-base-300 px-6 py-4 text-center text-xs text-base-content/40">
          AdminDB{{#if version}} v{{version}}{{/if}} · SQLite & PostgreSQL database administration
        </footer>
      </div>
      <div class="drawer-side z-40 lg:sticky lg:top-0 lg:h-screen lg:max-h-screen">
        <label for="sidebar-toggle" aria-label="close sidebar" class="drawer-overlay"></label>
        {{> sidebar}}
      </div>
    </div>
  {{/if}}
  <div id="toast-container" class="pointer-events-none fixed inset-x-0 top-4 z-50 flex flex-col items-center gap-2 px-4"></div>
+<!DOCTYPE html>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <title>{{title}} · AdminDB</title>
  <link rel="preconnect" href="https://fonts.googleapis.com" />
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
  <link href="https://fonts.googleapis.com/css2?family=Sora:wght@400;500;600;700;800&family=IBM+Plex+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap" rel="stylesheet" />
  <link rel="stylesheet" href="{{basePath}}/css/app.css" />
  <script>
    window.APP = {
      basePath: {{{json basePath}}},
      dbId: {{{json dbId}}},
      readonly: {{{json readonly}}},
      serverless: {{{json serverless}}},
      dialect: {{{json dialect}}},
      isSqlite: {{{json isSqlite}}},
      isPostgres: {{{json isPostgres}}}
    };
    // Apply the saved theme before first paint to avoid a flash.
    (function () {
      try {
        var t = localStorage.getItem('admindb-theme');
        if (t === 'dark') document.documentElement.setAttribute('data-theme', 'admindbDark');
      } catch (e) {}
    })();
  </script>
  <script>
    window.AdminIcons = {
      map: {{{json icons}}},
      get: function(name, customClass) {
        var svg = this.map[name] || '';
        if (!svg || !customClass) return svg;
        if (svg.indexOf('class="') !== -1) {
          return svg.replace(/class="[^"]*"/, 'class="' + customClass + '"');
        }
        return svg.replace('<svg', '<svg class="' + customClass + '"');
      }
    };
  </script>
  <script src="{{basePath}}/js/common.js" defer></script>
  <script src="{{basePath}}/js/api.js" defer></script>
  <script src="{{basePath}}/js/app.js" defer></script>
  <script src="{{basePath}}/js/inspector.js" defer></script>
  <script src="{{basePath}}/js/search.js" defer></script>
  <div class="pointer-events-none fixed inset-0 -z-10 overflow-hidden">
    <div class="absolute -left-24 top-32 h-72 w-72 rounded-full bg-primary/15 blur-3xl"></div>
    <div class="absolute -right-24 bottom-20 h-80 w-80 rounded-full bg-orange-500/10 blur-3xl"></div>
  </div>
  {{#if readonly}}
    <div class="flex items-center justify-center gap-2 bg-warning/15 px-4 py-2 text-center text-sm font-semibold text-warning">
      <span class="shrink-0">{{{icon "warning" class="h-4 w-4"}}}</span>
      {{#if serverless}}
        Serverless mode active — database is open in read-only mode. Writes and schema modifications are disabled.
      {{else}}
        Read-only mode — this database is open without write access. All writes are disabled.
      {{/if}}
    </div>
  {{/if}}
  {{#if noSidebar}}
    <div class="flex min-h-screen flex-col">
      {{> navbar}}
      <main class="mx-auto w-full max-w-[1500px] flex-1 px-4 py-6 sm:px-6 lg:px-8 lg:py-8">
        {{{body}}}
      </main>
      <footer class="border-t border-base-300 px-6 py-4 text-center text-xs text-base-content/40">
        AdminDB{{#if version}} v{{version}}{{/if}} · SQLite & PostgreSQL database administration
      </footer>
    </div>
  {{else}}
    <div class="drawer lg:drawer-open">
      <input id="sidebar-toggle" type="checkbox" class="drawer-toggle" />
      <div class="drawer-content flex min-h-screen flex-col">
        {{> navbar}}
        <main class="mx-auto w-full max-w-[1500px] flex-1 px-4 py-6 sm:px-6 lg:px-8 lg:py-8">
          {{{body}}}
        </main>
        <footer class="border-t border-base-300 px-6 py-4 text-center text-xs text-base-content/40">
          AdminDB{{#if version}} v{{version}}{{/if}} · SQLite & PostgreSQL database administration
        </footer>
      </div>
      <div class="drawer-side z-40 lg:sticky lg:top-0 lg:h-screen lg:max-h-screen">
        <label for="sidebar-toggle" aria-label="close sidebar" class="drawer-overlay"></label>
        {{> sidebar}}
      </div>
    </div>
  {{/if}}
  <div id="toast-container" class="pointer-events-none fixed inset-x-0 top-4 z-50 flex flex-col items-center gap-2 px-4"></div>

package/dist/views/pages/error.hbs

@@ -1 +1,10 @@
-<div class="mx-auto mt-16 max-w-md space-y-6 text-center">
  <div class="mx-auto grid h-20 w-20 place-items-center rounded-3xl bg-error/10 text-error">
    {{{icon "warning" class="h-10 w-10"}}}
  </div>
  <div>
    <h1 class="text-5xl font-extrabold tracking-tight text-error">{{status}}</h1>
    <p class="mt-2 text-base-content/60">{{error}}</p>
  </div>
  <a href="{{basePath}}/" class="btn btn-primary">Back to home</a>
+<div class="mx-auto mt-16 max-w-md space-y-6 text-center">
+  <div class="mx-auto grid h-20 w-20 place-items-center rounded-3xl bg-error/10 text-error">
+    {{{icon "warning" class="h-10 w-10"}}}
+  </div>
+  <div>
+    <h1 class="text-5xl font-extrabold tracking-tight text-error">{{status}}</h1>
+    <p class="mt-2 text-base-content/60">{{error}}</p>
+  </div>
+  <a href="{{basePath}}/" class="btn btn-primary">Back to home</a>
+</div>