Merge pull request #96 from seanmarpo/main

Add support for relative path deployments

Author: vwh

package.json

@@ -5,12 +5,14 @@
   "scripts": {
     "dev": "vite",
     "build": "tsc -b && vite build",
+    "preview": "vite preview",
+    "build:pages": "tsc -b && vite build --mode pages",
+    "preview:pages": "vite preview --mode pages",
+    "deploy": "gh-pages -d dist",
     "lint": "eslint .",
     "format": "prettier --write 'src/**/*.{js,jsx,ts,tsx}'",
     "format:check": "prettier --check 'src/**/*.{js,jsx,ts,tsx}'",
-    "preview": "vite preview",
-    "knip": "knip",
-    "deploy": "gh-pages -d dist"
+    "knip": "knip"
   },
   "dependencies": {
     "@codemirror/autocomplete": "^6.18.6",

src/sqlite/core.ts

@@ -32,6 +32,7 @@ export default class Sqlite {
   }
 
   // Initialize SQL.js
+
   private static async initSQLjs(): Promise<SqlJsStatic> {
     if (Sqlite.sqlJsStatic) return Sqlite.sqlJsStatic;
     return await initSqlJs({
@@ -156,7 +157,7 @@ export default class Sqlite {
   // Used for pagination
   private getMaxSizeOfTable(tableName: string, filters?: Filters) {
     const [results] = this.exec(`
-      SELECT COUNT(*) FROM "${tableName}" 
+      SELECT COUNT(*) FROM "${tableName}"
       ${buildWhereClause(filters)}
     `);
 
@@ -175,9 +176,9 @@ export default class Sqlite {
     sorters?: Sorters
   ) {
     const [results] = this.exec(`
-      SELECT ${this.tablesSchema[table].primaryKey}, * FROM "${table}" 
-      ${buildWhereClause(filters)} 
-      ${buildOrderByClause(sorters)} 
+      SELECT ${this.tablesSchema[table].primaryKey}, * FROM "${table}"
+      ${buildWhereClause(filters)}
+      ${buildOrderByClause(sorters)}
       LIMIT ${limit} OFFSET ${offset}
     `);
 

vite.config.ts

@@ -7,68 +7,73 @@ import compression from "vite-plugin-compression";
 import viteImagemin from "vite-plugin-imagemin";
 import babelReactCompiler from "babel-plugin-react-compiler";
 
-export default defineConfig({
-  base: "/sqlite-online/",
-  plugins: [
-    react({
-      babel: {
-        plugins: [babelReactCompiler]
-      }
-    }),
-    tailwindcss(),
-    compression(),
-    viteImagemin({
-      gifsicle: {
-        optimizationLevel: 7,
-        interlaced: false
-      },
-      optipng: {
-        optimizationLevel: 7
-      },
-      mozjpeg: {
-        quality: 20
-      },
-      pngquant: {
-        quality: [0.8, 0.9],
-        speed: 4
-      },
-      svgo: {
-        plugins: [
-          {
-            name: "removeViewBox"
-          },
-          {
-            name: "removeEmptyAttrs",
-            active: false
-          }
-        ]
-      }
-    })
-  ],
-  build: {
-    rollupOptions: {
-      output: {
-        manualChunks(id) {
-          if (id.includes("node_modules")) {
-            return id
-              .toString()
-              .split("node_modules/")[1]
-              .split("/")[0]
-              .toString();
+export default defineConfig(({ mode }) => {
+  const isPages = mode === 'pages';
+  console.log('Mode:', mode);
+  
+  return {
+    base: isPages ? '/sqlite-online/' : '/',
+    plugins: [
+      react({
+        babel: {
+          plugins: [babelReactCompiler]
+        }
+      }),
+      tailwindcss(),
+      compression(),
+      viteImagemin({
+        gifsicle: {
+          optimizationLevel: 7,
+          interlaced: false
+        },
+        optipng: {
+          optimizationLevel: 7
+        },
+        mozjpeg: {
+          quality: 20
+        },
+        pngquant: {
+          quality: [0.8, 0.9],
+          speed: 4
+        },
+        svgo: {
+          plugins: [
+            {
+              name: "removeViewBox"
+            },
+            {
+              name: "removeEmptyAttrs",
+              active: false
+            }
+          ]
+        }
+      })
+    ],
+    build: {
+      rollupOptions: {
+        output: {
+          manualChunks(id) {
+            if (id.includes("node_modules")) {
+              return id
+                .toString()
+                .split("node_modules/")[1]
+                .split("/")[0]
+                .toString();
+            }
           }
         }
       }
-    }
-  },
-  resolve: {
-    alias: {
-      "@": path.resolve(__dirname, "./src")
-    }
-  },
-  server: {
-    fs: {
-      allow: [path.resolve(__dirname), path.resolve(__dirname, "..")],
-      strict: false
+    },
+    resolve: {
+      alias: {
+        "@": path.resolve(__dirname, "./src")
+      }
+    },
+    server: {
+      fs: {
+        allow: [path.resolve(__dirname), path.resolve(__dirname, "..")],
+        strict: false
+      }
     }
   }
-});
+})