dbxlite-ui 0.3.1 → 0.3.3

package/assets/index.html

@@ -14,7 +14,7 @@
 
     <!-- Favicon - database icon in gradient rounded square -->
     <link rel="icon" type="image/svg+xml" href="./logo/favicon.svg">
-    <script type="module" crossorigin src="./assets/main-D7VyIWiO.js"></script>
+    <script type="module" crossorigin src="./assets/main-CyH5V7SF.js"></script>
     <link rel="modulepreload" crossorigin href="./assets/oauth-constants-m7PlKcMR.js">
     <link rel="modulepreload" crossorigin href="./assets/react-vendor-B2Ij4Vfr.js">
     <link rel="modulepreload" crossorigin href="./assets/monaco-editor-CbzSR0rd.js">

package/dist/cli.js

@@ -160,12 +160,43 @@ function findAssetsDir() {
 const ASSETS_DIR = findAssetsDir();
 console.log(`Assets directory: ${ASSETS_DIR}`);
 
+// SPA-route prefixes that map to actual on-disk asset folders. Any path
+// outside these prefixes that doesn't resolve to a file falls back to
+// index.html so the React router can handle it (mirrors the Vercel rewrite).
+const ASSET_PREFIXES = ['/assets/', '/duckdb/', '/sql-templates/', '/logo/', '/screenshots/'];
+const ASSET_FILES = ['/robots.txt', '/sitemap.xml', '/favicon.ico'];
+// API prefixes never fall back to index.html — they're CORS-proxy paths
+// (Snowflake, BigQuery) that exist in the Vercel deployment but not here.
+// Returning index.html for these breaks the connector with "Unexpected
+// token '<'" when it tries to JSON.parse the HTML response.
+const API_PREFIXES = ['/api/'];
+
+function isAssetPath(urlPath) {
+  return ASSET_PREFIXES.some(p => urlPath.startsWith(p)) || ASSET_FILES.includes(urlPath);
+}
+
+function isApiPath(urlPath) {
+  return API_PREFIXES.some(p => urlPath.startsWith(p));
+}
+
 // Create asset server
 const server = createServer((req, res) => {
   let urlPath = req.url.split('?')[0];
   if (urlPath === '/') urlPath = '/index.html';
 
-  const filePath = join(ASSETS_DIR, urlPath);
+  // Cloud API proxy paths (Snowflake / BigQuery CORS proxies) only exist in
+  // the Vercel deployment. Locally we 501 with a JSON body so the connector
+  // can show a clear error instead of choking on HTML.
+  if (isApiPath(urlPath)) {
+    res.writeHead(501, { 'Content-Type': 'application/json' });
+    res.end(JSON.stringify({
+      error: 'cloud_proxy_unavailable',
+      message: `${urlPath} requires the dbxlite-cloud proxy. Use sql.dbxlite.com for Snowflake/BigQuery, or run dbxlite locally only for DuckDB.`,
+    }));
+    return;
+  }
+
+  let filePath = join(ASSETS_DIR, urlPath);
 
   // Security: prevent directory traversal
   if (!filePath.startsWith(ASSETS_DIR)) {
@@ -175,10 +206,18 @@ const server = createServer((req, res) => {
   }
 
   try {
-    if (!existsSync(filePath) || statSync(filePath).isDirectory()) {
-      res.writeHead(404, { 'Content-Type': 'text/plain', 'Content-Length': 9 });
-      res.end('Not found');
-      return;
+    const missing = !existsSync(filePath) || statSync(filePath).isDirectory();
+    if (missing) {
+      // SPA fallback: non-asset routes (e.g. /examples, /screenshots-page)
+      // serve index.html so the React router can handle them. True asset
+      // misses (under /assets/, /duckdb/, etc.) still 404.
+      if (!isAssetPath(urlPath) && urlPath !== '/index.html') {
+        filePath = join(ASSETS_DIR, 'index.html');
+      } else {
+        res.writeHead(404, { 'Content-Type': 'text/plain', 'Content-Length': 9 });
+        res.end('Not found');
+        return;
+      }
     }
 
     const content = readFileSync(filePath);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dbxlite-ui",
-  "version": "0.3.1",
+  "version": "0.3.3",
   "description": "Local UI for DuckDB - replaces duckdb -ui with dbxlite",
   "homepage": "https://github.com/hfmsio/dbxlite",
   "bugs": "https://github.com/hfmsio/dbxlite/issues",