admindb 1.0.1

package/dist/public/css/input.css

@@ -0,0 +1,179 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+@layer base {
+  html {
+    -webkit-font-smoothing: antialiased;
+    text-rendering: optimizeLegibility;
+  }
+  body {
+    @apply font-sans;
+  }
+  ::selection {
+    @apply bg-primary/25;
+  }
+
+  /* Thin, theme-aware scrollbars */
+  ::-webkit-scrollbar {
+    width: 10px;
+    height: 10px;
+  }
+  ::-webkit-scrollbar-track {
+    background: transparent;
+  }
+  ::-webkit-scrollbar-thumb {
+    background: rgb(0 0 0 / 0.16);
+    border-radius: 999px;
+    border: 2px solid transparent;
+    background-clip: content-box;
+  }
+  ::-webkit-scrollbar-thumb:hover {
+    background: rgb(0 0 0 / 0.28);
+    border-radius: 999px;
+    border: 2px solid transparent;
+    background-clip: content-box;
+  }
+  [data-theme='admindbDark'] ::-webkit-scrollbar-thumb {
+    background: rgb(255 255 255 / 0.18);
+    border-radius: 999px;
+    border: 2px solid transparent;
+    background-clip: content-box;
+  }
+  [data-theme='admindbDark'] ::-webkit-scrollbar-thumb:hover {
+    background: rgb(255 255 255 / 0.3);
+    border-radius: 999px;
+    border: 2px solid transparent;
+    background-clip: content-box;
+  }
+}
+
+@layer components {
+  /* Cards / panels */
+  .app-card {
+    @apply rounded-2xl border border-base-300/70 bg-base-100 shadow-soft;
+  }
+  .code-panel {
+    @apply overflow-x-auto rounded-xl border border-base-300 bg-neutral p-4 font-mono text-[13px] leading-relaxed text-neutral-content;
+  }
+
+  /* Sidebar */
+  .side-link {
+    @apply flex items-center gap-3 rounded-lg px-3 py-2 text-[13.5px] font-medium text-neutral-content/65 transition-colors duration-150;
+  }
+  .side-link:hover {
+    @apply bg-white/[0.06] text-neutral-content;
+  }
+  .side-link.active {
+    @apply bg-primary/20 text-white;
+  }
+  .side-link svg {
+    @apply h-[18px] w-[18px] shrink-0;
+  }
+  .table-icon {
+    @apply grid h-7 w-7 shrink-0 place-items-center rounded-md bg-white/[0.06] text-neutral-content/60;
+  }
+  .side-link.active .table-icon {
+    @apply bg-primary/25 text-white;
+  }
+
+  /* Row actions revealed on hover */
+  .row-actions {
+    @apply flex items-center justify-end gap-1 opacity-100 transition-opacity duration-150 lg:opacity-100;
+  }
+  tr:hover .row-actions,
+  tr:focus-within .row-actions {
+    @apply opacity-100;
+  }
+
+  /* Sortable column headers */
+  .sort-link {
+    @apply inline-flex items-center gap-1.5 font-semibold text-base-content/70 transition-colors hover:text-primary;
+  }
+  .sort-link.active {
+    @apply text-primary;
+  }
+  .sort-link .sort-arrow {
+    @apply text-[10px] opacity-100 transition-opacity;
+  }
+  .sort-link:hover .sort-arrow,
+  .sort-link.active .sort-arrow {
+    @apply opacity-100;
+  }
+
+  /* Form controls */
+  .field-label {
+    @apply mb-1.5 flex flex-wrap items-center gap-1.5 text-[13px] font-medium text-base-content/70;
+  }
+  .field-input {
+    @apply w-full rounded-xl border border-base-300 bg-base-100 px-3.5 py-2.5 text-sm text-base-content shadow-soft outline-none transition duration-150 placeholder:text-base-content/30 focus:border-primary/70 focus:ring-4 focus:ring-primary/10 disabled:cursor-not-allowed disabled:bg-base-200 disabled:text-base-content/40;
+  }
+  .field-select {
+    @apply w-full rounded-xl border border-base-300 bg-base-100 px-3 py-2.5 text-sm text-base-content shadow-soft outline-none transition duration-150 focus:border-primary/70 focus:ring-4 focus:ring-primary/10;
+  }
+  .field-check {
+    @apply checkbox checkbox-primary checkbox-sm;
+  }
+
+  /* Badges / chips */
+  .chip {
+    @apply inline-flex items-center gap-1 rounded-md px-1.5 py-0.5 text-[10px] font-semibold uppercase tracking-wide;
+  }
+  .chip-pk {
+    @apply bg-primary/10 text-primary;
+  }
+  .chip-null {
+    @apply bg-warning/10 text-warning;
+  }
+  .chip-type {
+    @apply bg-base-200 text-base-content/45;
+  }
+  .chip-required {
+    @apply text-error;
+  }
+
+  /* Stat cards */
+  .stat-card {
+    @apply flex items-center gap-4 rounded-2xl border border-base-300/70 bg-base-100 p-5 shadow-soft;
+  }
+  .stat-icon {
+    @apply grid h-11 w-11 shrink-0 place-items-center rounded-xl;
+  }
+
+  /* SQL editor (query page) */
+  .sql-editor-wrap {
+    @apply flex overflow-hidden rounded-xl border border-base-300 bg-base-100 shadow-soft transition duration-150 focus-within:border-primary/60 focus-within:ring-4 focus-within:ring-primary/10;
+  }
+  .sql-gutter {
+    @apply select-none overflow-hidden border-r border-base-200 bg-base-200/60 px-3 py-4 text-right font-mono text-[13px] leading-[1.55] text-base-content/35;
+    min-width: 3.2rem;
+    max-height: 460px;
+  }
+  .sql-input {
+    @apply w-full resize-none overflow-auto bg-base-100 px-4 py-4 font-mono text-[13px] leading-[1.55] text-base-content outline-none placeholder:text-base-content/30;
+    max-height: 460px;
+  }
+
+  /* Empty state */
+  .empty-state {
+    @apply flex flex-col items-center justify-center gap-3 rounded-2xl border border-dashed border-base-300 px-6 py-14 text-center;
+  }
+  .empty-state .empty-icon {
+    @apply grid h-14 w-14 place-items-center rounded-2xl bg-base-200 text-base-content/40;
+  }
+
+  /* Toast */
+  .toast-item {
+    animation: toast-in 0.22s cubic-bezier(0.16, 1, 0.3, 1);
+  }
+  @keyframes toast-in {
+    from {
+      opacity: 0;
+      transform: translateY(-8px) scale(0.98);
+    }
+    to {
+      opacity: 1;
+      transform: translateY(0) scale(1);
+    }
+  }
+}

package/dist/public/js/api.js

@@ -0,0 +1,47 @@
+/* Tiny JSON API client. Every request resolves to the `data` payload of the
+ * consistent { success, data?, error? } envelope, or throws with the message. */
+(function () {
+  'use strict';
+  const base = (window.APP && window.APP.basePath) || '';
+
+  function url(path) {
+    return base + path;
+  }
+
+  window.Api = {
+    basePath: base,
+    url: url,
+
+    async request(method, path, body) {
+      const opts = { method, headers: {} };
+      if (body !== undefined) {
+        opts.headers['Content-Type'] = 'application/json';
+        opts.body = JSON.stringify(body);
+      }
+      let res;
+      try {
+        res = await fetch(url(path), opts);
+      } catch (e) {
+        throw new Error('Network error: ' + e.message);
+      }
+      let data = null;
+      try {
+        data = await res.json();
+      } catch (e) {
+        data = null;
+      }
+      if (!res.ok) {
+        throw new Error((data && data.error) || 'Request failed (' + res.status + ')');
+      }
+      if (!data || data.success === false) {
+        throw new Error((data && data.error) || 'Request failed');
+      }
+      return data.data;
+    },
+
+    get(path) { return this.request('GET', path); },
+    post(path, body) { return this.request('POST', path, body); },
+    put(path, body) { return this.request('PUT', path, body); },
+    del(path) { return this.request('DELETE', path); },
+  };
+})();

package/dist/public/js/app.js

@@ -0,0 +1,120 @@
+/* Shared UI helpers: HTML escaping, toasts, theme toggle, sidebar filtering. */
+(function () {
+  'use strict';
+
+  function escapeHtml(s) {
+    return String(s == null ? '' : s)
+      .replace(/&/g, '&')
+      .replace(/</g, '&lt;')
+      .replace(/>/g, '&gt;')
+      .replace(/"/g, '&quot;')
+      .replace(/'/g, '&#39;');
+  }
+
+  var ICONS = {
+    error:
+      '<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z" /></svg>',
+    success:
+      '<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7" /></svg>',
+    info:
+      '<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" /></svg>',
+    warning:
+      '<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" /></svg>',
+    sun:
+      '<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M12 3v1m0 16v1m9-9h-1M4 12H3m15.364 6.364l-.707-.707M6.343 6.343l-.707-.707m12.728 0l-.707.707M6.343 17.657l-.707.707M16 12a4 4 0 11-8 0 4 4 0 018 0z" /></svg>',
+    moon:
+      '<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M20.354 15.354A9 9 0 018.646 3.646 9.003 9.003 0 0012 21a9.003 9.003 0 008.354-5.646z" /></svg>',
+  };
+
+  var PALETTES = {
+    error: 'border-error/40 bg-error/10 text-error',
+    success: 'border-success/40 bg-success/10 text-success',
+    info: 'border-info/40 bg-info/10 text-info',
+    warning: 'border-warning/40 bg-warning/10 text-warning',
+  };
+
+  function showToast(message, type) {
+    var container = document.getElementById('toast-container');
+    if (!container) return;
+    type = type || 'info';
+    var el = document.createElement('div');
+    el.className =
+      'toast-item pointer-events-auto flex w-full max-w-sm items-start gap-3 rounded-xl border bg-base-100 px-4 py-3 shadow-lift ' +
+      (PALETTES[type] || PALETTES.info);
+    el.innerHTML =
+      '<span class="mt-0.5 shrink-0">' + (ICONS[type] || ICONS.info) + '</span>' +
+      '<span class="flex-1 text-sm font-medium text-base-content">' + escapeHtml(message) + '</span>' +
+      '<button type="button" class="toast-close mt-0.5 shrink-0 text-base-content/40 transition-colors hover:text-base-content" aria-label="Dismiss">&times;</button>';
+    container.appendChild(el);
+
+    var remove = function () {
+      el.style.transition = 'opacity .18s ease, transform .18s ease';
+      el.style.opacity = '0';
+      el.style.transform = 'translateY(-6px) scale(0.98)';
+      setTimeout(function () { el.remove(); }, 180);
+    };
+    el.querySelector('.toast-close').addEventListener('click', remove);
+    setTimeout(remove, 4200);
+  }
+
+  // ---- Theme -------------------------------------------------------------
+
+  function applyTheme(dark) {
+    document.documentElement.setAttribute('data-theme', dark ? 'admindbDark' : 'admindb');
+    try {
+      localStorage.setItem('admindb-theme', dark ? 'dark' : 'light');
+    } catch (e) { /* ignore */ }
+    var btn = document.getElementById('theme-toggle');
+    if (btn) btn.innerHTML = dark ? ICONS.sun : ICONS.moon;
+  }
+
+  function initTheme() {
+    var stored = null;
+    try {
+      stored = localStorage.getItem('admindb-theme');
+    } catch (e) { /* ignore */ }
+    var dark = stored === 'dark' ||
+      (!stored && window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches);
+    applyTheme(dark);
+    var btn = document.getElementById('theme-toggle');
+    if (btn) {
+      btn.addEventListener('click', function () {
+        var current = document.documentElement.getAttribute('data-theme') === 'admindbDark';
+        applyTheme(!current);
+      });
+    }
+  }
+
+  // ---- Sidebar table filter ----------------------------------------------
+
+  function initTableFilter() {
+    var input = document.getElementById('table-search');
+    var list = document.getElementById('table-list');
+    var countEl = document.getElementById('table-count');
+    if (!input || !list) return;
+    var items = Array.prototype.slice.call(list.querySelectorAll('.table-item'));
+    input.addEventListener('input', function () {
+      var q = input.value.trim().toLowerCase();
+      var shown = 0;
+      items.forEach(function (item) {
+        var name = (item.getAttribute('data-name') || '').toLowerCase();
+        var show = !q || name.indexOf(q) !== -1;
+        item.style.display = show ? '' : 'none';
+        if (show) shown += 1;
+      });
+      if (countEl) countEl.textContent = String(shown);
+    });
+  }
+
+  document.addEventListener('DOMContentLoaded', function () {
+    initTheme();
+    initTableFilter();
+  });
+
+  window.UI = {
+    escapeHtml: escapeHtml,
+    showToast: showToast,
+    showError: function (message) { showToast(message, 'error'); },
+    applyTheme: applyTheme,
+  };
+})();

package/dist/public/js/browse.js

@@ -0,0 +1,123 @@
+/* Row actions on the table browse page: delete, page-size, row filters, and
+ * CSV import. */
+(function () {
+  'use strict';
+
+  const base = (window.APP && window.APP.basePath) || '';
+
+  // ---- Delete row --------------------------------------------------------
+
+  document.querySelectorAll('.js-delete-row').forEach((btn) => {
+    btn.addEventListener('click', () => {
+      const table = btn.dataset.table;
+      const pk = btn.dataset.pk;
+      if (!table || !pk) return;
+      if (!window.confirm('Delete this row? This cannot be undone.')) return;
+      Api.del('/api/tables/' + encodeURIComponent(table) + '/row/' + encodeURIComponent(pk))
+        .then(() => {
+          UI.showToast('Row deleted.', 'success');
+          window.location.reload();
+        })
+        .catch((e) => UI.showError(e.message));
+    });
+  });
+
+  // ---- Page size (keeps current filters) ----------------------------------
+
+  const sizeSel = document.getElementById('page-size');
+  if (sizeSel) {
+    sizeSel.addEventListener('change', () => {
+      const table = sizeSel.dataset.table;
+      const size = sizeSel.value;
+      const orderBy = sizeSel.dataset.orderby || '';
+      const orderDir = sizeSel.dataset.orderdir || 'asc';
+      const filters = sizeSel.dataset.filters || '';
+      let href =
+        base + '/tables/' + encodeURIComponent(table) + '?page=1&size=' + encodeURIComponent(size) +
+        '&orderBy=' + encodeURIComponent(orderBy) + '&orderDir=' + encodeURIComponent(orderDir);
+      if (filters) href += '&' + filters;
+      window.location.href = href;
+    });
+  }
+
+  // ---- Row filters --------------------------------------------------------
+
+  const filterForm = document.getElementById('filter-form');
+  const clearBtn = document.getElementById('clear-filter');
+  if (filterForm) {
+    function currentFilters() {
+      const out = {};
+      filterForm.querySelectorAll('.filter-input').forEach((input) => {
+        const v = (input.value || '').trim();
+        if (v) out[input.name] = v;
+      });
+      return out;
+    }
+    function navigate(filters) {
+      let table = '';
+      const m = window.location.pathname.match(/\/tables\/([^/]+)(?:\/|$)/);
+      if (m) table = decodeURIComponent(m[1]);
+      if (!table) return;
+      const qs = new URLSearchParams({ page: '1', size: '50' });
+      const keys = Object.keys(filters);
+      if (keys.length) qs.set('f', JSON.stringify(filters));
+      window.location.href = base + '/tables/' + encodeURIComponent(table) + '?' + qs.toString();
+    }
+    filterForm.addEventListener('submit', (e) => {
+      e.preventDefault();
+      navigate(currentFilters());
+    });
+    if (clearBtn) {
+      clearBtn.addEventListener('click', () => navigate({}));
+    }
+  }
+
+  // ---- CSV import ---------------------------------------------------------
+
+  const importBtn = document.getElementById('import-csv');
+  const importPanel = document.getElementById('import-panel');
+  const importClose = document.getElementById('import-csv-close');
+  const importText = document.getElementById('import-csv-text');
+  const importFile = document.getElementById('import-csv-file');
+  const importSubmit = document.getElementById('import-csv-submit');
+
+  if (importBtn && importPanel) {
+    importBtn.addEventListener('click', () => {
+      importPanel.classList.toggle('hidden');
+      if (!importPanel.classList.contains('hidden')) importText.focus();
+    });
+  }
+  if (importClose) {
+    importClose.addEventListener('click', () => importPanel.classList.add('hidden'));
+  }
+  if (importFile) {
+    importFile.addEventListener('change', () => {
+      const file = importFile.files && importFile.files[0];
+      if (!file) return;
+      const reader = new FileReader();
+      reader.onload = () => {
+        importText.value = String(reader.result || '');
+      };
+      reader.readAsText(file);
+    });
+  }
+  if (importSubmit && importText) {
+    importSubmit.addEventListener('click', async () => {
+      const csv = importText.value.trim();
+      if (!csv) return UI.showError('Paste or choose a CSV file first.');
+      const m = window.location.pathname.match(/\/tables\/([^/]+)(?:\/|$)/);
+      const table = m ? decodeURIComponent(m[1]) : '';
+      if (!table) return UI.showError('Could not determine the table.');
+      importSubmit.disabled = true;
+      try {
+        const data = await Api.post('/api/tables/' + encodeURIComponent(table) + '/rows/import', { csv });
+        UI.showToast(data.message || 'Import complete.', 'success');
+        window.location.reload();
+      } catch (e) {
+        UI.showError(e.message);
+      } finally {
+        importSubmit.disabled = false;
+      }
+    });
+  }
+})();

package/dist/public/js/databases.js

@@ -0,0 +1,45 @@
+/* Databases landing page: create and delete SQLite database files. */
+(function () {
+  'use strict';
+  const nameInput = document.getElementById('new-db-name');
+  const createBtn = document.getElementById('create-db');
+
+  function escapeHtml(s) {
+    return (window.UI && UI.escapeHtml) ? UI.escapeHtml(s) : String(s == null ? '' : s);
+  }
+
+  async function createDb() {
+    const name = (nameInput.value || '').trim();
+    if (!name) return UI.showError('Enter a database name.');
+    try {
+      const data = await Api.post('/api/databases', { name });
+      UI.showToast(data.message || 'Database created.', 'success');
+      setTimeout(() => {
+        window.location.href = Api.basePath + '/' + encodeURIComponent(data.id);
+      }, 400);
+    } catch (e) {
+      UI.showError(e.message);
+    }
+  }
+
+  if (createBtn) createBtn.addEventListener('click', createDb);
+  if (nameInput) {
+    nameInput.addEventListener('keydown', (e) => {
+      if (e.key === 'Enter') createDb();
+    });
+  }
+
+  document.querySelectorAll('.js-delete-db').forEach((btn) => {
+    btn.addEventListener('click', () => {
+      const id = btn.dataset.id;
+      if (!id) return;
+      if (!window.confirm('Delete database "' + id + '" permanently? This removes the file and all of its data.')) return;
+      Api.del('/api/databases/' + encodeURIComponent(id))
+        .then((data) => {
+          UI.showToast(data.message || 'Database deleted.', 'success');
+          window.location.reload();
+        })
+        .catch((e) => UI.showError(e.message));
+    });
+  });
+})();