sqlite-hub 0.8.7 → 0.9.1

package/frontend/js/components/tableDesignerSqlPreview.js

@@ -1,36 +1,35 @@
-import { escapeHtml } from "../utils/format.js";
+import { escapeHtml } from '../utils/format.js';
 
 function renderPreviewHeader(draft, isVisible) {
-  return `
+    return `
     <div class="table-designer-preview__header">
       <div>
         <div class="table-designer-preview__eyebrow">SQL Preview</div>
-        <div class="table-designer-preview__title">${
-          draft ? "Live SQLite Output" : "No Draft Selected"
-        }</div>
+        <div class="table-designer-preview__title">${draft ? 'Live SQLite Output' : 'No Draft Selected'}</div>
       </div>
       <div class="table-designer-preview__actions">
         ${
-          draft && isVisible
-            ? `
+            draft && isVisible
+                ? `
               <button
                 class="standard-button"
                 data-action="copy-table-designer-sql"
                 type="button"
               >
-                Copy SQL
+                <span class="material-symbols-outlined">content_copy</span>
+                Copy SQL to clipboard
               </button>
             `
-            : ""
+                : ''
         }
         <button
           class="standard-button"
           data-action="toggle-table-designer-sql-preview"
-          data-next-value="${isVisible ? "false" : "true"}"
+          data-next-value="${isVisible ? 'false' : 'true'}"
           type="button"
         >
-          <span class="material-symbols-outlined">${isVisible ? "visibility_off" : "expand_less"}</span>
-          ${isVisible ? "Hide" : "Show"}
+          <span class="material-symbols-outlined">${isVisible ? 'visibility_off' : 'expand_less'}</span>
+          ${isVisible ? 'Hide' : 'Show'}
         </button>
       </div>
     </div>
@@ -38,34 +37,34 @@ function renderPreviewHeader(draft, isVisible) {
 }
 
 export function renderTableDesignerSqlPreview(draft, isVisible = true) {
-  if (!draft) {
-    return `
-      <section class="table-designer-preview shell-section${isVisible ? "" : " is-collapsed"}">
+    if (!draft) {
+        return `
+      <section class="table-designer-preview shell-section${isVisible ? '' : ' is-collapsed'}">
         ${renderPreviewHeader(draft, isVisible)}
         ${
-          isVisible
-            ? `
+            isVisible
+                ? `
               <div class="table-designer-preview__empty">
                 Select a table or create a new one to inspect the generated SQLite statements.
               </div>
             `
-            : ""
+                : ''
         }
       </section>
     `;
-  }
+    }
 
-  return `
-    <section class="table-designer-preview shell-section${isVisible ? "" : " is-collapsed"}">
+    return `
+    <section class="table-designer-preview shell-section${isVisible ? '' : ' is-collapsed'}">
       ${renderPreviewHeader(draft, isVisible)}
       ${
-        isVisible
-          ? `
+          isVisible
+              ? `
             <pre class="table-designer-preview__body custom-scrollbar">${escapeHtml(
-              draft.sqlPreview || "-- SQL preview unavailable."
+                draft.sqlPreview || '-- SQL preview unavailable.',
             )}</pre>
           `
-          : ""
+              : ''
       }
     </section>
   `;

package/frontend/js/lib/mediaTaggingDefaults.js

@@ -0,0 +1,27 @@
+export const MEDIA_TAGGING_DEFAULT_TAG_TABLE = 'media_tags';
+export const MEDIA_TAGGING_DEFAULT_MAPPING_TABLE = 'media_asset_tags';
+export const MEDIA_TAGGING_DEFAULT_TAG_TABLE_SQL = [
+    'CREATE TABLE "media_tags" (',
+    '  id INTEGER PRIMARY KEY,',
+    '  name TEXT NOT NULL UNIQUE,',
+    '  isParentTag INTEGER NOT NULL DEFAULT 0,',
+    '  parentTagId INTEGER REFERENCES media_tags(id) ON DELETE SET NULL',
+    ')',
+].join('\n');
+export const MEDIA_TAGGING_DEFAULT_MAPPING_TABLE_SQL = [
+    'CREATE TABLE media_asset_tags (',
+    '  media_asset_id INTEGER NOT NULL,',
+    '  media_tag_id INTEGER NOT NULL,',
+    '  PRIMARY KEY (media_asset_id, media_tag_id),',
+    '  FOREIGN KEY (media_asset_id) REFERENCES media_assets(id) ON DELETE CASCADE,',
+    '  FOREIGN KEY (media_tag_id) REFERENCES media_tags(id) ON DELETE CASCADE',
+    ')',
+].join('\n');
+
+export function hasDefaultMediaTaggingTagTable(schemaTables = []) {
+    return schemaTables.some(table => String(table?.name ?? '').trim() === MEDIA_TAGGING_DEFAULT_TAG_TABLE);
+}
+
+export function hasDefaultMediaTaggingMappingTable(schemaTables = []) {
+    return schemaTables.some(table => String(table?.name ?? '').trim() === MEDIA_TAGGING_DEFAULT_MAPPING_TABLE);
+}

package/frontend/js/router.js

@@ -1,84 +1,94 @@
 export function parseHash(hash = window.location.hash) {
-  const normalized = hash.startsWith("#") ? hash.slice(1) : hash;
-  const [pathname = "/"] = normalized.split("?");
-  const cleanPath = pathname || "/";
-  const segments = cleanPath.split("/").filter(Boolean);
+    const normalized = hash.startsWith('#') ? hash.slice(1) : hash;
+    const [pathname = '/'] = normalized.split('?');
+    const cleanPath = pathname || '/';
+    const segments = cleanPath.split('/').filter(Boolean);
 
-  if (segments.length === 0) {
-    return { name: "landing", path: "/", params: {} };
-  }
+    if (segments.length === 0) {
+        return { name: 'landing', path: '/', params: {} };
+    }
 
-  switch (segments[0]) {
-    case "connections":
-      return { name: "connections", path: "/connections", params: {} };
-    case "overview":
-      return { name: "overview", path: "/overview", params: {} };
-    case "charts":
-      return {
-        name: "charts",
-        path: cleanPath,
-        params: {
-          historyId: segments[1] ? decodeURIComponent(segments[1]) : null,
-        },
-      };
-    case "editor":
-      if (segments[1] === "results") {
-        return { name: "editorResults", path: "/editor/results", params: {} };
-      }
+    switch (segments[0]) {
+        case 'connections':
+            return { name: 'connections', path: '/connections', params: {} };
+        case 'overview':
+            return { name: 'overview', path: '/overview', params: {} };
+        case 'charts':
+            return {
+                name: 'charts',
+                path: cleanPath,
+                params: {
+                    historyId: segments[1] ? decodeURIComponent(segments[1]) : null,
+                },
+            };
+        case 'editor':
+            if (segments[1] === 'results') {
+                return { name: 'editorResults', path: '/editor/results', params: {} };
+            }
 
-      return { name: "editor", path: "/editor", params: {} };
-    case "data":
-      return {
-        name: "data",
-        path: cleanPath,
-        params: {
-          tableName: segments[1] ? decodeURIComponent(segments[1]) : null,
-        },
-      };
-    case "structure":
-      return { name: "structure", path: "/structure", params: {} };
-    case "table-designer":
-      return {
-        name: "tableDesigner",
-        path: cleanPath,
-        params: {
-          isNew: segments[1] === "new",
-          tableName:
-            segments[1] && segments[1] !== "new" ? decodeURIComponent(segments[1]) : null,
-        },
-      };
-    case "settings":
-      return { name: "settings", path: "/settings", params: {} };
-    default:
-      return { name: "notFound", path: cleanPath, params: {} };
-  }
+            return { name: 'editor', path: '/editor', params: {} };
+        case 'data':
+            return {
+                name: 'data',
+                path: cleanPath,
+                params: {
+                    tableName: segments[1] ? decodeURIComponent(segments[1]) : null,
+                },
+            };
+        case 'structure':
+            return {
+                name: 'structure',
+                path: cleanPath,
+                params: {
+                    tableName: segments[1] ? decodeURIComponent(segments[1]) : null,
+                },
+            };
+        case 'table-designer':
+            return {
+                name: 'tableDesigner',
+                path: cleanPath,
+                params: {
+                    isNew: segments[1] === 'new',
+                    tableName: segments[1] && segments[1] !== 'new' ? decodeURIComponent(segments[1]) : null,
+                },
+            };
+        case 'media-tagging':
+            if (segments[1] === 'queue') {
+                return { name: 'mediaTaggingQueue', path: '/media-tagging/queue', params: {} };
+            }
+            return { name: 'mediaTaggingSetup', path: '/media-tagging', params: {} };
+        case 'settings':
+            return { name: 'settings', path: '/settings', params: {} };
+        default:
+            return { name: 'notFound', path: cleanPath, params: {} };
+    }
 }
 
 export function createRouter(onRouteChange) {
-  const handleRouteChange = () => {
-    onRouteChange(parseHash(window.location.hash));
-  };
+    const handleRouteChange = () => {
+        onRouteChange(parseHash(window.location.hash));
+    };
 
-  return {
-    start() {
-      window.addEventListener("hashchange", handleRouteChange);
+    return {
+        start() {
+            window.addEventListener('hashchange', handleRouteChange);
 
-      if (!window.location.hash) {
-        window.location.hash = "#/";
-        return;
-      }
+            if (!window.location.hash) {
+                window.location.hash = '#/';
+                return;
+            }
 
-      handleRouteChange();
-    },
-    navigate(path) {
-      const nextHash = path.startsWith("#") ? path : `#${path}`;
+            handleRouteChange();
+        },
+        navigate(path) {
+            const nextHash = path.startsWith('#') ? path : `#${path}`;
 
-      if (window.location.hash === nextHash) {
-        handleRouteChange();
-        return;
-      }
+            if (window.location.hash === nextHash) {
+                handleRouteChange();
+                return;
+            }
 
-      window.location.hash = nextHash;
-    },
-  };
+            window.location.hash = nextHash;
+        },
+    };
 }