admindb 1.0.1 → 1.1.0

package/dist/public/js/databases.js

@@ -1,45 +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));
-    });
-  });
-})();
+/* 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));
+    });
+  });
+})();

package/dist/public/js/designer.js

@@ -1,205 +1,205 @@
-/* Visual table designer: add column definitions one at a time, validate them,
- * and preview the generated CREATE TABLE live. Create executes; Copy copies. */
-(function () {
-  'use strict';
-  const DESIGNER_TYPES = ['TEXT', 'INTEGER', 'REAL', 'BLOB', 'BOOLEAN', 'DATE', 'DATETIME'];
-  const NAME_RE = /^[A-Za-z_][A-Za-z0-9_$]*$/;
-
-  const columnsEl = document.getElementById('columns');
-  const errorBox = document.getElementById('designer-error');
-  const tableNameEl = document.getElementById('table-name');
-  const addBtn = document.getElementById('add-column');
-  const createBtn = document.getElementById('create-table');
-  const copyBtn = document.getElementById('copy-sql');
-  const previewBox = document.getElementById('sql-preview');
-  const previewCode = document.getElementById('preview-code');
-  const previewPlaceholder = document.getElementById('preview-placeholder');
-  const previewStatus = document.getElementById('preview-status');
-
-  const columnCache = {};
-  let fkTables = [];
-  let previewTimer = null;
-
-  function escapeHtml(s) {
-    return (window.UI && UI.escapeHtml) ? UI.escapeHtml(s) : String(s == null ? '' : s);
-  }
-
-  async function loadColumns(table) {
-    if (columnCache[table]) return columnCache[table];
-    const info = await Api.get('/api/tables/' + encodeURIComponent(table) + '/info');
-    columnCache[table] = info.columns.map((c) => c.name);
-    return columnCache[table];
-  }
-
-  function addColumnRow() {
-    const row = document.createElement('div');
-    row.className = 'grid grid-cols-2 items-end gap-2.5 rounded-xl border border-base-300 bg-base-100 p-3 shadow-soft sm:grid-cols-12';
-    row.innerHTML = [
-      '<div class="col-span-2 sm:col-span-2"><label class="field-label">Name</label>',
-      '<input class="field-input col-name" placeholder="column_name" autocomplete="off" spellcheck="false"></div>',
-      '<div class="col-span-1 sm:col-span-2"><label class="field-label">Type</label>',
-      '<select class="field-select col-type">' + DESIGNER_TYPES.map((t) => '<option>' + t + '</option>').join('') + '</select></div>',
-      '<div class="col-span-1 sm:col-span-2"><label class="field-label">FK table</label>',
-      '<select class="field-select col-fk-table"><option value="">— none —</option>' +
-      fkTables.map((t) => '<option>' + escapeHtml(t) + '</option>').join('') + '</select></div>',
-      '<div class="col-span-1 sm:col-span-2"><label class="field-label">FK column</label>',
-      '<select class="field-select col-fk-col"><option value="">—</option></select></div>',
-      '<div class="col-span-1 sm:col-span-2"><label class="field-label">Default</label>',
-      '<input class="field-input col-default" placeholder="0, CURRENT_TIMESTAMP" autocomplete="off" spellcheck="false"></div>',
-      '<div class="col-span-2 flex items-end justify-between gap-1 pb-0.5 sm:col-span-2">',
-      '<label class="flex cursor-pointer flex-col items-center gap-1" title="Primary key"><input type="checkbox" class="checkbox checkbox-primary checkbox-xs col-pk"><span class="text-[10px] font-semibold uppercase text-base-content/50">PK</span></label>',
-      '<label class="flex cursor-pointer flex-col items-center gap-1" title="Not null"><input type="checkbox" class="checkbox checkbox-xs col-notnull"><span class="text-[10px] font-semibold uppercase text-base-content/50">NN</span></label>',
-      '<label class="flex cursor-pointer flex-col items-center gap-1" title="Unique"><input type="checkbox" class="checkbox checkbox-xs col-unique"><span class="text-[10px] font-semibold uppercase text-base-content/50">UQ</span></label>',
-      '<button type="button" class="btn btn-ghost btn-xs text-error remove-col" title="Remove column">&times;</button>',
-      '</div>',
-    ].join('');
-    columnsEl.appendChild(row);
-
-    const fkTableSel = row.querySelector('.col-fk-table');
-    const fkColSel = row.querySelector('.col-fk-col');
-    fkTableSel.addEventListener('change', () => {
-      fkColSel.innerHTML = '<option value="">—</option>';
-      const target = fkTableSel.value;
-      if (!target) return;
-      loadColumns(target)
-        .then((cols) => {
-          fkColSel.innerHTML = '<option value="">—</option>' + cols.map((c) => '<option>' + escapeHtml(c) + '</option>').join('');
-        })
-        .catch(() => {});
-    });
-    row.querySelector('.remove-col').addEventListener('click', () => row.remove());
-
-    row.querySelectorAll('input, select').forEach((el) => {
-      el.addEventListener('input', schedulePreview);
-      el.addEventListener('change', schedulePreview);
-    });
-  }
-
-  function collectColumns() {
-    const cols = [];
-    document.querySelectorAll('#columns > div').forEach((row) => {
-      const name = row.querySelector('.col-name').value.trim();
-      if (!name) return;
-      const fkTable = row.querySelector('.col-fk-table').value;
-      const fkCol = row.querySelector('.col-fk-col').value;
-      cols.push({
-        name,
-        type: row.querySelector('.col-type').value,
-        primaryKey: row.querySelector('.col-pk').checked,
-        notNull: row.querySelector('.col-notnull').checked,
-        unique: row.querySelector('.col-unique').checked,
-        defaultValue: row.querySelector('.col-default').value.trim() || null,
-        foreignKey: fkTable && fkCol ? { table: fkTable, column: fkCol } : null,
-      });
-    });
-    return cols;
-  }
-
-  function validate() {
-    const name = tableNameEl.value.trim();
-    const cols = collectColumns();
-    if (!name) return 'Table name is required.';
-    if (!NAME_RE.test(name)) return 'Invalid table name: "' + name + '". Use letters, digits and underscores.';
-    if (!cols.length) return 'Add at least one column.';
-    let pkCount = 0;
-    const seen = {};
-    for (const c of cols) {
-      if (!NAME_RE.test(c.name)) return 'Invalid column name: "' + c.name + '".';
-      if (seen[c.name]) return 'Duplicate column name: "' + c.name + '".';
-      seen[c.name] = true;
-      if (c.primaryKey) pkCount += 1;
-      if (c.foreignKey && (!c.foreignKey.table || !c.foreignKey.column)) {
-        return 'Column "' + c.name + '" has an incomplete foreign key (choose both table and column).';
-      }
-    }
-    if (pkCount > 1) return 'At most one column can be a primary key.';
-    return null;
-  }
-
-  function showError(msg) {
-    errorBox.classList.remove('hidden');
-    errorBox.innerHTML = '<div class="alert alert-error shadow-lg"><span>' + escapeHtml(msg) + '</span></div>';
-  }
-
-  function schedulePreview() {
-    clearTimeout(previewTimer);
-    previewTimer = setTimeout(runPreview, 250);
-  }
-
-  async function runPreview() {
-    const err = validate();
-    if (err) {
-      errorBox.classList.add('hidden');
-      previewBox.classList.add('hidden');
-      previewPlaceholder.classList.remove('hidden');
-      if (previewStatus) previewStatus.textContent = 'fix validation errors…';
-      return;
-    }
-    errorBox.classList.add('hidden');
-    try {
-      const data = await Api.post('/api/tables/generate', {
-        name: tableNameEl.value.trim(),
-        columns: collectColumns(),
-      });
-      previewCode.textContent = data.sql;
-      previewBox.classList.remove('hidden');
-      previewPlaceholder.classList.add('hidden');
-      if (previewStatus) {
-        previewStatus.textContent = 'live preview · not executed';
-        previewStatus.className = 'text-[11px] font-medium text-accent';
-      }
-    } catch (e) {
-      previewBox.classList.add('hidden');
-      previewPlaceholder.classList.remove('hidden');
-      showError(e.message);
-    }
-  }
-
-  async function submit() {
-    errorBox.classList.add('hidden');
-    const err = validate();
-    if (err) {
-      showError(err);
-      return;
-    }
-    const body = { name: tableNameEl.value.trim(), columns: collectColumns() };
-    try {
-      const data = await Api.post('/api/tables', body);
-      UI.showToast(data.message || 'Table created.', 'success');
-      setTimeout(() => {
-        window.location.href = Api.basePath + '/tables/' + encodeURIComponent(body.name);
-      }, 500);
-    } catch (e) {
-      showError(e.message);
-    }
-  }
-
-  async function init() {
-    try {
-      const tables = await Api.get('/api/tables');
-      fkTables = tables.map((t) => t.name).filter((n) => n.charAt(0) !== '_');
-    } catch (e) {
-      fkTables = [];
-    }
-    addColumnRow();
-    addColumnRow();
-    tableNameEl.addEventListener('input', schedulePreview);
-  }
-
-  if (addBtn) addBtn.addEventListener('click', addColumnRow);
-  if (createBtn) createBtn.addEventListener('click', submit);
-  if (copyBtn) {
-    copyBtn.addEventListener('click', () => {
-      const text = previewCode.textContent || '';
-      if (!text) {
-        UI.showError('Nothing to copy yet.');
-        return;
-      }
-      navigator.clipboard.writeText(text)
-        .then(() => UI.showToast('SQL copied to clipboard.', 'success'))
-        .catch(() => UI.showError('Could not copy.'));
-    });
-  }
-
-  init();
-})();
+/* Visual table designer: add column definitions one at a time, validate them,
+ * and preview the generated CREATE TABLE live. Create executes; Copy copies. */
+(function () {
+  'use strict';
+  const DESIGNER_TYPES = ['TEXT', 'INTEGER', 'REAL', 'BLOB', 'BOOLEAN', 'DATE', 'DATETIME'];
+  const NAME_RE = /^[A-Za-z_][A-Za-z0-9_$]*$/;
+
+  const columnsEl = document.getElementById('columns');
+  const errorBox = document.getElementById('designer-error');
+  const tableNameEl = document.getElementById('table-name');
+  const addBtn = document.getElementById('add-column');
+  const createBtn = document.getElementById('create-table');
+  const copyBtn = document.getElementById('copy-sql');
+  const previewBox = document.getElementById('sql-preview');
+  const previewCode = document.getElementById('preview-code');
+  const previewPlaceholder = document.getElementById('preview-placeholder');
+  const previewStatus = document.getElementById('preview-status');
+
+  const columnCache = {};
+  let fkTables = [];
+  let previewTimer = null;
+
+  function escapeHtml(s) {
+    return (window.UI && UI.escapeHtml) ? UI.escapeHtml(s) : String(s == null ? '' : s);
+  }
+
+  async function loadColumns(table) {
+    if (columnCache[table]) return columnCache[table];
+    const info = await Api.get('/api/tables/' + encodeURIComponent(table) + '/info');
+    columnCache[table] = info.columns.map((c) => c.name);
+    return columnCache[table];
+  }
+
+  function addColumnRow() {
+    const row = document.createElement('div');
+    row.className = 'grid grid-cols-2 items-end gap-2.5 rounded-xl border border-base-300 bg-base-100 p-3 shadow-soft sm:grid-cols-12';
+    row.innerHTML = [
+      '<div class="col-span-2 sm:col-span-2"><label class="field-label">Name</label>',
+      '<input class="field-input col-name" placeholder="column_name" autocomplete="off" spellcheck="false"></div>',
+      '<div class="col-span-1 sm:col-span-2"><label class="field-label">Type</label>',
+      '<select class="field-select col-type">' + DESIGNER_TYPES.map((t) => '<option>' + t + '</option>').join('') + '</select></div>',
+      '<div class="col-span-1 sm:col-span-2"><label class="field-label">FK table</label>',
+      '<select class="field-select col-fk-table"><option value="">— none —</option>' +
+      fkTables.map((t) => '<option>' + escapeHtml(t) + '</option>').join('') + '</select></div>',
+      '<div class="col-span-1 sm:col-span-2"><label class="field-label">FK column</label>',
+      '<select class="field-select col-fk-col"><option value="">—</option></select></div>',
+      '<div class="col-span-1 sm:col-span-2"><label class="field-label">Default</label>',
+      '<input class="field-input col-default" placeholder="0, CURRENT_TIMESTAMP" autocomplete="off" spellcheck="false"></div>',
+      '<div class="col-span-2 flex items-end justify-between gap-1 pb-0.5 sm:col-span-2">',
+      '<label class="flex cursor-pointer flex-col items-center gap-1" title="Primary key"><input type="checkbox" class="checkbox checkbox-primary checkbox-xs col-pk"><span class="text-[10px] font-semibold uppercase text-base-content/50">PK</span></label>',
+      '<label class="flex cursor-pointer flex-col items-center gap-1" title="Not null"><input type="checkbox" class="checkbox checkbox-xs col-notnull"><span class="text-[10px] font-semibold uppercase text-base-content/50">NN</span></label>',
+      '<label class="flex cursor-pointer flex-col items-center gap-1" title="Unique"><input type="checkbox" class="checkbox checkbox-xs col-unique"><span class="text-[10px] font-semibold uppercase text-base-content/50">UQ</span></label>',
+      '<button type="button" class="btn btn-ghost btn-xs text-error remove-col" title="Remove column">&times;</button>',
+      '</div>',
+    ].join('');
+    columnsEl.appendChild(row);
+
+    const fkTableSel = row.querySelector('.col-fk-table');
+    const fkColSel = row.querySelector('.col-fk-col');
+    fkTableSel.addEventListener('change', () => {
+      fkColSel.innerHTML = '<option value="">—</option>';
+      const target = fkTableSel.value;
+      if (!target) return;
+      loadColumns(target)
+        .then((cols) => {
+          fkColSel.innerHTML = '<option value="">—</option>' + cols.map((c) => '<option>' + escapeHtml(c) + '</option>').join('');
+        })
+        .catch(() => {});
+    });
+    row.querySelector('.remove-col').addEventListener('click', () => row.remove());
+
+    row.querySelectorAll('input, select').forEach((el) => {
+      el.addEventListener('input', schedulePreview);
+      el.addEventListener('change', schedulePreview);
+    });
+  }
+
+  function collectColumns() {
+    const cols = [];
+    document.querySelectorAll('#columns > div').forEach((row) => {
+      const name = row.querySelector('.col-name').value.trim();
+      if (!name) return;
+      const fkTable = row.querySelector('.col-fk-table').value;
+      const fkCol = row.querySelector('.col-fk-col').value;
+      cols.push({
+        name,
+        type: row.querySelector('.col-type').value,
+        primaryKey: row.querySelector('.col-pk').checked,
+        notNull: row.querySelector('.col-notnull').checked,
+        unique: row.querySelector('.col-unique').checked,
+        defaultValue: row.querySelector('.col-default').value.trim() || null,
+        foreignKey: fkTable && fkCol ? { table: fkTable, column: fkCol } : null,
+      });
+    });
+    return cols;
+  }
+
+  function validate() {
+    const name = tableNameEl.value.trim();
+    const cols = collectColumns();
+    if (!name) return 'Table name is required.';
+    if (!NAME_RE.test(name)) return 'Invalid table name: "' + name + '". Use letters, digits and underscores.';
+    if (!cols.length) return 'Add at least one column.';
+    let pkCount = 0;
+    const seen = {};
+    for (const c of cols) {
+      if (!NAME_RE.test(c.name)) return 'Invalid column name: "' + c.name + '".';
+      if (seen[c.name]) return 'Duplicate column name: "' + c.name + '".';
+      seen[c.name] = true;
+      if (c.primaryKey) pkCount += 1;
+      if (c.foreignKey && (!c.foreignKey.table || !c.foreignKey.column)) {
+        return 'Column "' + c.name + '" has an incomplete foreign key (choose both table and column).';
+      }
+    }
+    if (pkCount > 1) return 'At most one column can be a primary key.';
+    return null;
+  }
+
+  function showError(msg) {
+    errorBox.classList.remove('hidden');
+    errorBox.innerHTML = '<div class="alert alert-error shadow-lg"><span>' + escapeHtml(msg) + '</span></div>';
+  }
+
+  function schedulePreview() {
+    clearTimeout(previewTimer);
+    previewTimer = setTimeout(runPreview, 250);
+  }
+
+  async function runPreview() {
+    const err = validate();
+    if (err) {
+      errorBox.classList.add('hidden');
+      previewBox.classList.add('hidden');
+      previewPlaceholder.classList.remove('hidden');
+      if (previewStatus) previewStatus.textContent = 'fix validation errors…';
+      return;
+    }
+    errorBox.classList.add('hidden');
+    try {
+      const data = await Api.post('/api/tables/generate', {
+        name: tableNameEl.value.trim(),
+        columns: collectColumns(),
+      });
+      previewCode.textContent = data.sql;
+      previewBox.classList.remove('hidden');
+      previewPlaceholder.classList.add('hidden');
+      if (previewStatus) {
+        previewStatus.textContent = 'live preview · not executed';
+        previewStatus.className = 'text-[11px] font-medium text-accent';
+      }
+    } catch (e) {
+      previewBox.classList.add('hidden');
+      previewPlaceholder.classList.remove('hidden');
+      showError(e.message);
+    }
+  }
+
+  async function submit() {
+    errorBox.classList.add('hidden');
+    const err = validate();
+    if (err) {
+      showError(err);
+      return;
+    }
+    const body = { name: tableNameEl.value.trim(), columns: collectColumns() };
+    try {
+      const data = await Api.post('/api/tables', body);
+      UI.showToast(data.message || 'Table created.', 'success');
+      setTimeout(() => {
+        window.location.href = Api.basePath + '/tables/' + encodeURIComponent(body.name);
+      }, 500);
+    } catch (e) {
+      showError(e.message);
+    }
+  }
+
+  async function init() {
+    try {
+      const tables = await Api.get('/api/tables');
+      fkTables = tables.map((t) => t.name).filter((n) => n.charAt(0) !== '_');
+    } catch (e) {
+      fkTables = [];
+    }
+    addColumnRow();
+    addColumnRow();
+    tableNameEl.addEventListener('input', schedulePreview);
+  }
+
+  if (addBtn) addBtn.addEventListener('click', addColumnRow);
+  if (createBtn) createBtn.addEventListener('click', submit);
+  if (copyBtn) {
+    copyBtn.addEventListener('click', () => {
+      const text = previewCode.textContent || '';
+      if (!text) {
+        UI.showError('Nothing to copy yet.');
+        return;
+      }
+      navigator.clipboard.writeText(text)
+        .then(() => UI.showToast('SQL copied to clipboard.', 'success'))
+        .catch(() => UI.showError('Could not copy.'));
+    });
+  }
+
+  init();
+})();