d1s 0.2.8 → 0.2.10

package/src/components/update-banner.jsx

@@ -1,64 +1,93 @@
 // components/update-banner.jsx
-
 'use client'
 
 import { useEffect, useState } from 'react';
+import { Info } from 'lucide-react';
 import axios from 'axios';
 
 export default function UpdateBanner() {
   const [updateInfo, setUpdateInfo] = useState(null);
-  const [visible, setVisible] = useState(true);
-
-  // On component mount, check if the banner was previously dismissed
-  useEffect(() => {
-    const isDismissed = localStorage.getItem('updateBannerDismissed');
-    if (isDismissed === 'true') {
-      setVisible(false);
-    }
-  }, []);
+  const [visible, setVisible] = useState(false);
+  const [loading, setLoading] = useState(true);
 
-  // Fetch update info from /api/update
   useEffect(() => {
-    axios
-      .get('/api/update')
-      .then(({ data }) => {
-        // If there's an update object returned
+    const checkForUpdates = async () => {
+      try {
+        setLoading(true);
+        
+        // Check if we've already dismissed this specific version update
+        const dismissedVersion = localStorage.getItem('dismissedVersion');
+        
+        const { data } = await axios.get('/api/update');
+        
         if (data?.update) {
-          setUpdateInfo(data.update);
-          // If user has not dismissed the banner, ensure it's visible
-          // so they see the new version if it differs from the old one
-          setVisible(true);
+          // Only show if the user hasn't dismissed this specific version
+          if (dismissedVersion !== data.update.latest) {
+            setUpdateInfo(data.update);
+            setVisible(true);
+          } else {
+            setVisible(false);
+          }
+        } else {
+          setVisible(false);
         }
-      })
-      .catch(console.error);
+      } catch (error) {
+        console.error('Error checking for updates:', error);
+        setVisible(false);
+      } finally {
+        setLoading(false);
+      }
+    };
+
+    // Check immediately and then daily
+    checkForUpdates();
+    const interval = setInterval(checkForUpdates, 24 * 60 * 60 * 1000); // Check daily
+    
+    return () => clearInterval(interval);
   }, []);
 
-  // If no update or the banner was dismissed, don't render
-  if (!updateInfo || !visible) return null;
+  // If banner is dismissed or no update info, don't render and reset CSS variable
+  if (!updateInfo || !visible || loading) {
+    // Reset the banner height when hidden
+    if (typeof document !== 'undefined') {
+      document.documentElement.style.setProperty('--banner-height', '0px');
+    }
+    return null;
+  }
+
+  // Set the banner height CSS variable when visible
+  if (typeof document !== 'undefined') {
+    document.documentElement.style.setProperty('--banner-height', '37px'); // Adjust based on actual banner height
+  }
 
-  // Close handler that writes to localStorage
   const handleClose = () => {
-    localStorage.setItem('updateBannerDismissed', 'true');
+    // Store the dismissed version to avoid showing the same update again
+    if (updateInfo?.latest) {
+      localStorage.setItem('dismissedVersion', updateInfo.latest);
+    }
     setVisible(false);
   };
 
   return (
-    <div className="bg-gray-200 w-full px-3 py-3 flex items-center justify-between">
-      <div className="text-gray-800">
-        <strong>Update available!</strong> You are on version {updateInfo.current}; 
-        version {updateInfo.latest} is available. Run{' '}
-        <code className="bg-white text-sm px-1 py-0.5 rounded">
-          npm install -g d1s@latest
-        </code>{' '}
-        to update.
+    <div className="fixed top-0 left-0 right-0 z-50 bg-yellow-200 border-b border-yellow-500 px-3 py-2 font-sans">
+      <div className="flex items-center justify-center relative">
+        {/* Info icon and text centered */}
+        <div className="flex items-center gap-2 mx-auto">
+          <Info className="h-4 w-4 text-neutral-900" />
+          <span className="text-sm font-medium">
+           Version {updateInfo.latest} is available — npm install -g d1s@latest
+          </span>
+        </div>
+        
+        {/* Close button positioned absolutely on the right */}
+        <button
+          onClick={handleClose}
+          className="absolute right-0 text-neutral-500 hover:text-neutral-700"
+          aria-label="Close update banner"
+        >
+          ×
+        </button>
       </div>
-      <button
-        onClick={handleClose}
-        className="ml-4 text-gray-500 hover:text-gray-700"
-        aria-label="Close update banner"
-      >
-        &times;
-      </button>
     </div>
   );
-}
+}

package/src/context/database-context.js

@@ -395,10 +395,10 @@ export function DatabaseProvider({ children }) {
       tableCache.clear();
       await refreshTables();
   
-      toast({
-        title: "Success",
-        description: `Remote state applied successfully. Migrations applied: ${data.details.appliedMigrations.join(', ')}`,
-      });
+      // toast({
+      //   title: "Success",
+      //   description: `Remote state applied successfully. Migrations applied: ${data.details.appliedMigrations.join(', ')}`,
+      // });
   
       return data;
     } catch (error) {

package/src/lib/logger.js

@@ -4,14 +4,21 @@ const { combine, timestamp, printf, colorize } = winston.format;
 
 const isDevelopment = process.env.NODE_ENV === 'development' || process.env.NODE_ENV === undefined;
 const isProduction = process.env.NODE_ENV === 'production';
+// Check for DEBUG env var which is set by --debug flag
 const isDebug = process.env.DEBUG === 'true';
 
-const logFormat = printf(({ level, message, timestamp }) => {
-  return `${timestamp} ${level}: ${message}`;
+const logFormat = printf(({ level, message, timestamp, ...metadata }) => {
+  let msg = `${timestamp} ${level}: ${message}`;
+  // Add metadata if present
+  if (Object.keys(metadata).length > 0) {
+    msg += ` ${JSON.stringify(metadata)}`;
+  }
+  return msg;
 });
 
 const logger = winston.createLogger({
-  level: isProduction ? 'warn' : (isDebug ? 'debug' : 'info'),
+  // Set log level based on environment and debug flag
+  level: isDebug ? 'debug' : (isProduction ? 'warn' : 'info'),
   format: combine(
     timestamp({ format: 'YYYY-MM-DD HH:mm:ss' }),
     colorize(),
@@ -19,10 +26,33 @@ const logger = winston.createLogger({
   ),
   transports: [
     new winston.transports.Console({
-      level: isProduction ? 'warn' : (isDebug ? 'debug' : 'info'),
+      level: isDebug ? 'debug' : (isProduction ? 'warn' : 'info'),
       silent: process.env.NODE_ENV === 'test'
     })
   ]
 });
 
-export default logger;
+// Add helper methods
+logger.logRequest = (method, path, params = {}) => {
+  logger.debug(`Request: ${method} ${path}`, params);
+};
+
+logger.logError = (error, source = 'unknown') => {
+  logger.error(`Error in ${source}: ${error.message}`, {
+    error: error.stack || error.message,
+    source
+  });
+};
+
+logger.shouldLog = (level) => {
+  const currentLevel = logger.level;
+  const levels = {
+    error: 0,
+    warn: 1,
+    info: 2,
+    debug: 3
+  };
+  return levels[level] <= levels[currentLevel];
+};
+
+export default logger;

package/src/lib/sql-operations.js

@@ -112,26 +112,18 @@ export function parseStatement(sql) {
     // Extract the index name.
     const indexMatch = cleanSql.match(/INDEX\s+(?:IF\s+NOT\s+EXISTS\s+)?([\w$]+)/i);
     const indexName = indexMatch ? indexMatch[1] : '';
-    // Extract the columns from the ON clause.
-    const onMatch = cleanSql.match(/ON\s+[\w$]+\s*\(([^)]+)\)/i);
-    const columns = onMatch ? onMatch[1].trim() : '';
-    // Remove spaces and replace commas with hyphens.
-    const formattedColumns = columns.replace(/\s+/g, '').replace(/,/g, '-').toLowerCase();
     
-    // Build a description that uses the index name,
-    // and appends the columns if they are not already included.
-    let description = indexName;
-    if (formattedColumns && !description.toLowerCase().includes(formattedColumns)) {
-      description += `-${formattedColumns}`;
-    }
+    // For index migrations, simply use the index name as the description.
+    const description = indexName;
     
     return {
       type: Operations.CREATE_INDEX,
       tableName,
       sql: cleanSql,
-      description // e.g. "idx_movies_name" or "idx_movies_name-name"
+      description // now simply the index name, e.g. "idx_technology_timestamp"
     };
-  }  
+  }
+    
 
   if (upperSql.startsWith('DROP INDEX')) {
     const tableName = extractTableNameFromIndex(cleanSql);
@@ -342,6 +334,83 @@ export async function executeSQL(projectDir, databaseName, sql, env = {}, remote
   }
 }
 
+/**
+ * Fetches the latest `limit` records for a given table from the remote database.
+ *
+ * This implementation uses the executeSQL function with the remote flag enabled.
+ * It orders the results based on the provided ordering column. If no ordering column is provided,
+ * it falls back to the default "id" column.
+ *
+ * @param {string} projectDir - The project directory.
+ * @param {string} databaseName - The D1 database name.
+ * @param {string} tableName - The table to fetch records for.
+ * @param {object} env - Environment variables (including credentials).
+ * @param {number} limit - The number of records to fetch.
+ * @param {string} [orderingColumn="id"] - The column to order by.
+ * @returns {Promise<Array<object>>} Array of row objects.
+ */
+export async function fetchRemoteTableData(
+  projectDir,
+  databaseName,
+  tableName,
+  env,
+  limit,
+  orderingColumn = "id"
+) {
+  // Use the provided ordering column; if not provided, default to "id".
+  const query = `SELECT * FROM "${tableName}" ORDER BY "${orderingColumn}" DESC LIMIT ${limit};`;
+  try {
+    // Execute the SQL command on the remote database.
+    const result = await executeSQL(projectDir, databaseName, query, env, true);
+    
+    // ExecuteSQL returns stdout that should contain a JSON array starting from a '['.
+    const jsonStart = result.indexOf('[');
+    if (jsonStart === -1) {
+      throw new Error(`Unexpected result format: ${result}`);
+    }
+    const jsonStr = result.substring(jsonStart);
+    const parsed = JSON.parse(jsonStr);
+    // Assuming the structure: parsed[0].results contains the rows.
+    const rows = parsed[0]?.results || [];
+    return rows;
+  } catch (error) {
+    logger.error(`Error fetching remote data for table ${tableName}:`, error);
+    throw error;
+  }
+}
+
+/**
+ * Generates a bulk insert SQL statement for the specified table and rows.
+ *
+ * This function constructs a single INSERT statement that inserts multiple rows.
+ * It escapes single quotes in string values. You may need to extend this for
+ * additional data types (e.g., numbers, dates, booleans) or more complex structures.
+ *
+ * @param {string} tableName - The table to insert into.
+ * @param {Array<object>} rows - An array of objects, each representing a row.
+ * @returns {string} The bulk insert SQL statement.
+ */
+export function generateBulkInsertSQL(tableName, rows) {
+  if (!rows || rows.length === 0) return '';
+  
+  // Get the list of columns from the first row object.
+  const columns = Object.keys(rows[0]);
+  const columnList = columns.map(col => `"${col}"`).join(', ');
+
+  // Build the values list for each row.
+  const valuesList = rows.map(row => {
+    const values = columns.map(col => {
+      const value = row[col];
+      if (value === null || value === undefined) return 'NULL';
+      // For simplicity, treat the value as a string.
+      return `'${String(value).replace(/'/g, "''")}'`;
+    }).join(', ');
+    return `(${values})`;
+  }).join(', ');
+
+  return `INSERT INTO "${tableName}" (${columnList}) VALUES ${valuesList};`;
+}
+
 // ---------------------------------------------------------------------
 // SQL Formatting and Helper Functions
 // ---------------------------------------------------------------------
@@ -482,14 +551,14 @@ export function formatMigrationContent(sql) {
  * @returns {Promise<string>} The migration file content.
  */
 
- export async function getMigrationFileContent(projectDir, databaseName, migrationFile, env) {
+export async function getMigrationFileContent(projectDir, databaseName, migrationFile, env) {
   try {
     // Extract table name using improved helper
     const tableName = await extractTableNameFromMigration(migrationFile);
     let sql;
 
-    if (tableName) {
-      // Try getting SQL from sqlite_master for table
+    // For non-index migrations, try getting SQL from sqlite_master for table
+    if (tableName && !migrationFile.includes('create-index')) {
       const result = await executeSQL(
         projectDir,
         databaseName,
@@ -506,24 +575,38 @@ export function formatMigrationContent(sql) {
       }
     }
 
-    // If we couldn't get the SQL from table, try index
+    // If we couldn't get the SQL from table and it's an index migration, try fetching via index name.
     if (!sql && migrationFile.includes('create-index')) {
-      const indexMatch = migrationFile.match(/create-index[-_]([^_.]+)/);
+      const indexMatch = migrationFile.match(/create-index[_-](.+)\.sql$/i);
       if (indexMatch) {
-        const result = await executeSQL(
+        let indexName = indexMatch[1]; // e.g. "idx_technology_timestamp-technology-timestamp"
+        let result = await executeSQL(
           projectDir,
           databaseName,
-          `SELECT sql FROM sqlite_master WHERE type='index' AND name='${indexMatch[1]}';`,
+          `SELECT sql FROM sqlite_master WHERE type='index' AND name='${indexName}' COLLATE NOCASE;`,
           env,
           true
         );
-        const parsed = JSON.parse(result);
+        let parsed = JSON.parse(result);
         sql = parsed[0]?.results?.[0]?.sql;
+        // Fallback: if no result, try using only the part before the first hyphen.
+        if (!sql) {
+          const fallbackIndexName = indexName.split('-')[0]; // "idx_technology_timestamp"
+          result = await executeSQL(
+            projectDir,
+            databaseName,
+            `SELECT sql FROM sqlite_master WHERE type='index' AND name='${fallbackIndexName}' COLLATE NOCASE;`,
+            env,
+            true
+          );
+          parsed = JSON.parse(result);
+          sql = parsed[0]?.results?.[0]?.sql;
+        }
       }
-    }
+    }    
 
-    // If still no SQL, try fetching any object matching the name pattern
-    if (!sql && tableName) {
+    // If still no SQL and it's not an index migration, try a fallback query
+    if (!sql && tableName && !migrationFile.includes('create-index')) {
       const result = await executeSQL(
         projectDir,
         databaseName,

package/src/lib/version-utils.js

@@ -0,0 +1,34 @@
+// lib/version-utils.js
+
+/**
+ * Compares semantic versions to determine if v2 is newer than v1
+ * @param {string} v1 - First version (e.g. "1.0.0")
+ * @param {string} v2 - Second version (e.g. "1.0.1")
+ * @returns {boolean} True if v2 is newer than v1
+ */
+export function isNewerVersion(v1, v2) {
+    if (!v1 || !v2) return false;
+    
+    // Split versions by dots
+    const v1Parts = v1.split('.').map(Number);
+    const v2Parts = v2.split('.').map(Number);
+    
+    // Compare major, minor, and patch versions
+    for (let i = 0; i < 3; i++) {
+      if (v2Parts[i] > v1Parts[i]) return true;
+      if (v2Parts[i] < v1Parts[i]) return false;
+    }
+    
+    // If we reach here, versions are equal
+    return false;
+  }
+  
+  /**
+   * Formats version strings for display by removing leading 'v' if present
+   * @param {string} version - The version string (e.g. "v1.0.0" or "1.0.0")
+   * @returns {string} Formatted version (e.g. "1.0.0")
+   */
+  export function formatVersion(version) {
+    if (!version) return '';
+    return version.startsWith('v') ? version.substring(1) : version;
+  }

package/dist/.next/.next/server/chunks/336.js

@@ -1 +0,0 @@
-exports.id=336,exports.ids=[336],exports.modules={97928:(e,t,r)=>{Promise.resolve().then(r.t.bind(r,13219,23)),Promise.resolve().then(r.t.bind(r,34863,23)),Promise.resolve().then(r.t.bind(r,25155,23)),Promise.resolve().then(r.t.bind(r,40802,23)),Promise.resolve().then(r.t.bind(r,9350,23)),Promise.resolve().then(r.t.bind(r,48530,23)),Promise.resolve().then(r.t.bind(r,88921,23))},61480:(e,t,r)=>{Promise.resolve().then(r.t.bind(r,66959,23)),Promise.resolve().then(r.t.bind(r,33875,23)),Promise.resolve().then(r.t.bind(r,88903,23)),Promise.resolve().then(r.t.bind(r,57174,23)),Promise.resolve().then(r.t.bind(r,84178,23)),Promise.resolve().then(r.t.bind(r,87190,23)),Promise.resolve().then(r.t.bind(r,61365,23))},99233:(e,t,r)=>{Promise.resolve().then(r.bind(r,13164)),Promise.resolve().then(r.bind(r,91831))},12385:(e,t,r)=>{Promise.resolve().then(r.bind(r,52652)),Promise.resolve().then(r.bind(r,2899))},52652:(e,t,r)=>{"use strict";r.d(t,{Toaster:()=>v});var a=r(45512),s=r(46888),o=r(58009),i=r(68952),n=r(21643),c=r(51255),l=r(3603);let d=i.Kq,u=o.forwardRef(({className:e,...t},r)=>(0,a.jsx)(i.LM,{ref:r,className:(0,l.cn)("fixed top-0 z-[100] flex max-h-screen w-full flex-col-reverse p-4 sm:bottom-0 sm:right-0 sm:top-auto sm:flex-col md:max-w-[420px]",e),...t}));u.displayName=i.LM.displayName;let h=(0,n.F)("group pointer-events-auto relative flex w-full items-center justify-between space-x-2 overflow-hidden rounded-md border p-4 pr-6 shadow-lg transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-bottom-full",{variants:{variant:{default:"border bg-background text-foreground",destructive:"destructive group border-destructive bg-destructive text-destructive-foreground"}},defaultVariants:{variant:"default"}}),p=o.forwardRef(({className:e,variant:t,...r},s)=>(0,a.jsx)(i.bL,{ref:s,className:(0,l.cn)(h({variant:t}),e),...r}));p.displayName=i.bL.displayName,o.forwardRef(({className:e,...t},r)=>(0,a.jsx)(i.rc,{ref:r,className:(0,l.cn)("inline-flex h-8 shrink-0 items-center justify-center rounded-md border bg-transparent px-3 text-sm font-medium transition-colors hover:bg-secondary focus:outline-none focus:ring-1 focus:ring-ring disabled:pointer-events-none disabled:opacity-50 group-[.destructive]:border-muted/40 group-[.destructive]:hover:border-destructive/30 group-[.destructive]:hover:bg-destructive group-[.destructive]:hover:text-destructive-foreground group-[.destructive]:focus:ring-destructive",e),...t})).displayName=i.rc.displayName;let m=o.forwardRef(({className:e,...t},r)=>(0,a.jsx)(i.bm,{ref:r,className:(0,l.cn)("absolute right-1 top-1 rounded-md p-1 text-foreground/50 opacity-0 transition-opacity hover:text-foreground focus:opacity-100 focus:outline-none focus:ring-1 group-hover:opacity-100 group-[.destructive]:text-red-300 group-[.destructive]:hover:text-red-50 group-[.destructive]:focus:ring-red-400 group-[.destructive]:focus:ring-offset-red-600",e),"toast-close":"",...t,children:(0,a.jsx)(c.A,{className:"h-4 w-4"})}));m.displayName=i.bm.displayName;let f=o.forwardRef(({className:e,...t},r)=>(0,a.jsx)(i.hE,{ref:r,className:(0,l.cn)("text-sm font-semibold [&+div]:text-xs",e),...t}));f.displayName=i.hE.displayName;let b=o.forwardRef(({className:e,...t},r)=>(0,a.jsx)(i.VY,{ref:r,className:(0,l.cn)("text-sm opacity-90",e),...t}));function v(){let{toasts:e}=(0,s.dj)();return(0,a.jsxs)(d,{children:[e.map(function({id:e,title:t,description:r,action:s,...o}){return(0,a.jsxs)(p,{...o,children:[(0,a.jsxs)("div",{className:"grid gap-1",children:[t&&(0,a.jsx)(f,{children:t}),r&&(0,a.jsx)(b,{children:r})]}),s,(0,a.jsx)(m,{})]},e)}),(0,a.jsx)(u,{})]})}b.displayName=i.VY.displayName},98180:(e,t,r)=>{"use strict";r.r(t),r.d(t,{default:()=>u,metadata:()=>d});var a=r(62740),s=r(27944),o=r.n(s),i=r(95510),n=r.n(i);r(61135);var c=r(91831),l=r(13164);let d={title:"d1-studio",description:"Native D1 database studio."};function u({children:e}){return(0,a.jsx)("html",{lang:"en",children:(0,a.jsx)("body",{className:`${o().variable} ${n().variable} antialiased`,children:(0,a.jsxs)(c.DatabaseProvider,{children:[e,(0,a.jsx)(l.Toaster,{})," "]})})})}},13164:(e,t,r)=>{"use strict";r.d(t,{Toaster:()=>a});let a=(0,r(46760).registerClientReference)(function(){throw Error("Attempted to call Toaster() from the server but Toaster is on the client. It's not possible to invoke a client function from the server, it can only be rendered as a Component or passed to props of a Client Component.")},"/Users/karenredona/Desktop/d1studio/src/components/ui/toaster.jsx","Toaster")},61135:()=>{},2899:(e,t,r)=>{"use strict";r.d(t,{DatabaseProvider:()=>u,t:()=>h});var a=r(45512),s=r(58009),o=r(46888);let i=new Map;function n(e,t,r=2e3){let a=i.get(e);if(a&&Date.now()-a.timestamp<r)return a.promise;let s=t();return i.set(e,{promise:s,timestamp:Date.now()}),s.finally(()=>{setTimeout(()=>{i.delete(e)},r)}),s}let c=(0,s.createContext)(void 0);class l{constructor(){this.cache=new Map}get(e){return this.cache.get(e)||null}set(e,t,r,a){this.cache.set(e,{data:t,schema:r,meta:a,timestamp:Date.now()})}update(e,t,r,a){let s=this.cache.get(e);s&&this.cache.set(e,{data:t||s.data,schema:r||s.schema,meta:a||s.meta,timestamp:Date.now()})}invalidate(e){this.cache.delete(e)}clear(){this.cache.clear()}}class d{constructor(){this.queue=[],this.processing=!1}async add(e){return new Promise((t,r)=>{this.queue.push({operation:e,resolve:t,reject:r}),this.process()})}async process(){if(this.processing||0===this.queue.length)return;this.processing=!0;let{operation:e,resolve:t,reject:r}=this.queue.shift();try{let r=await e();t(r)}catch(e){r(e)}finally{this.processing=!1,this.process()}}}function u({children:e}){let{toast:t}=(0,o.dj)(),[r,i]=(0,s.useState)([]),[u,h]=(0,s.useState)(!0),[p,m]=(0,s.useState)(null),[f,b]=(0,s.useState)(null);(0,s.useRef)(new d);let[v,g]=(0,s.useState)(null),y=(0,s.useRef)(new l).current,w=(0,s.useCallback)((e,t=1,r=50)=>{let a=`table-${e}-${t}-${r}`;return y.get(a)},[]),x=(0,s.useCallback)(e=>{y.cache.forEach((t,r)=>{r.startsWith(`table-${e}-`)&&y.invalidate(r)})},[]),T=(0,s.useCallback)((e,t,r,a,s=1,o=50)=>{let i=`table-${e}-${s}-${o}`;y.update(i,t,r,a)},[]),S=(0,s.useCallback)(async e=>n(`query-${e}`,async()=>{try{let t=await fetch("/api/query",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({query:e})});if(!t.ok){let e="Failed to execute query";try{let r=await t.json();e=r?.error?.message||e}catch(e){}throw Error(e)}let r=await t.json();if(!r.success)throw Error(r.error||"Query execution failed");return r}catch(e){throw e||Error("An unknown error occurred")}},1e3),[]),j=(0,s.useCallback)(async e=>{try{let t=await fetch(`/api/tables/${e}`),r=await t.json();if(!t.ok||!r.success)throw Error(r.error||"Failed to fetch table schema");return r.schema||[]}catch(e){throw console.error("Schema fetch error:",e),t({variant:"destructive",title:"Schema Fetch Failed",description:e.message}),e}},[t]),E=(0,s.useCallback)(async(e,r={})=>{let{forceFetch:a=!1,page:s=1,limit:o=50}=r,i=`table-${e}-${s}-${o}`;if(!a){let e=y.get(i);if(e)return e}return n(`table-${e}-${s}-${o}`,async()=>{try{let t=await fetch(`/api/tables/${e}?page=${s}&limit=${o}`,{headers:{"Cache-Control":"no-cache",Pragma:"no-cache"}});if(!t.ok)throw Error("Failed to fetch table data");let r=await t.json();if(!r.success)throw Error(r.error||"Failed to fetch table data");return y.set(i,r.data,r.schema,r.meta),r}catch(e){throw console.error("Error fetching table data:",e),t({variant:"destructive",title:"Data Fetch Failed",description:e.message}),e}},1e3)},[t]),C=(0,s.useCallback)(async e=>{try{return y.invalidate(e),await E(e,{forceFetch:!0})}catch(e){throw console.error("Error updating table data:",e),t({variant:"destructive",title:"Update Failed",description:e.message}),e}},[E,t]),P=(0,s.useCallback)(async(e,t={})=>(g(e),await E(e,t)),[E]),k=(0,s.useCallback)(async()=>n("refresh-tables",async()=>{h(!0),m(null);try{let e=await fetch("/api/tables");if(!e.ok)throw Error("Failed to fetch tables");let t=await e.json();if(t.error)throw Error(t.error);return i(t.tables||[]),t.tables||[]}catch(e){throw m(e.message),t({variant:"destructive",title:"Refresh Failed",description:e.message}),e}finally{h(!1)}},2e3),[t]),D=(0,s.useCallback)(async e=>{try{await S(e),y.clear(),await k(),t({title:"Success",description:"Table created successfully"})}catch(e){throw t({variant:"destructive",title:"Create Table Failed",description:e.message}),Error(`Failed to create table: ${e.message}`)}},[S,k,t]),N=(0,s.useCallback)(async e=>{try{await S(`DROP TABLE ${e};`),y.invalidate(e),await k(),t({title:"Success",description:"Table dropped successfully"})}catch(e){throw t({variant:"destructive",title:"Drop Table Failed",description:e.message}),Error(`Failed to drop table: ${e.message}`)}},[S,k,t]),$=(0,s.useCallback)(async e=>{try{let r=await fetch("/api/migrations/sync",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(e)});if(!r.ok){let e=await r.json();throw Error(e.error?.message||"Failed to sync migrations")}let a=await r.json();return t({title:"Success",description:"Migrations synced successfully"}),a}catch(e){throw console.error("Error syncing migrations:",e),t({variant:"destructive",title:"Sync Failed",description:e.message}),e}},[t]),F=(0,s.useCallback)(async()=>{try{let e=localStorage.getItem("cf_credentials");if(!e)throw Error("No Cloudflare credentials found. Please connect to Cloudflare first.");let r=JSON.parse(e);if(!r.accountId||!r.apiToken)throw Error("Invalid credentials stored. Please reconnect to Cloudflare.");let a=await fetch("/api/pull-remote/confirm",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({accountId:r.accountId,apiToken:r.apiToken})}),s=await a.json();if(!a.ok||!s.success)throw Error(s.error?.message||"Failed to pull from remote");return y.clear(),await k(),t({title:"Success",description:`Remote state applied successfully. Migrations applied: ${s.details.appliedMigrations.join(", ")}`}),s}catch(e){throw console.error("Error pulling from remote:",e),t({variant:"destructive",title:"Pull Failed",description:e.message}),e}},[k,t]),O=(0,s.useCallback)(async e=>{try{let t=await fetch("/api/push-remote",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(e)}),r=await t.json();if(!t.ok)throw Error(r.error?.message||"Failed to push to remote");return r}catch(e){throw console.error("Error pushing to remote:",e),e}},[t]),A=(0,s.useMemo)(()=>({tables:r,currentDatabase:f,isLoading:u,error:p,activeTable:v,refreshTables:k,executeQuery:S,fetchTableSchema:j,fetchTableData:E,updateTableData:C,createTable:D,dropTable:N,syncMigrations:$,pullFromRemote:F,pushToRemote:O,getCachedTable:w,updateTableCache:T,invalidateTable:x,switchTable:P}),[r,f,u,p,v,k,S,j,E,C,D,N,$,F,O,w,T,x,P]);return(0,a.jsx)(c.Provider,{value:A,children:e})}function h(){let e=(0,s.useContext)(c);if(!e)throw Error("useDatabase must be used within a DatabaseProvider");return e}},46888:(e,t,r)=>{"use strict";r.d(t,{dj:()=>h});var a=r(58009);let s=0,o=new Map,i=e=>{if(o.has(e))return;let t=setTimeout(()=>{o.delete(e),d({type:"REMOVE_TOAST",toastId:e})},1e6);o.set(e,t)},n=(e,t)=>{switch(t.type){case"ADD_TOAST":return{...e,toasts:[t.toast,...e.toasts].slice(0,1)};case"UPDATE_TOAST":return{...e,toasts:e.toasts.map(e=>e.id===t.toast.id?{...e,...t.toast}:e)};case"DISMISS_TOAST":{let{toastId:r}=t;return r?i(r):e.toasts.forEach(e=>{i(e.id)}),{...e,toasts:e.toasts.map(e=>e.id===r||void 0===r?{...e,open:!1}:e)}}case"REMOVE_TOAST":if(void 0===t.toastId)return{...e,toasts:[]};return{...e,toasts:e.toasts.filter(e=>e.id!==t.toastId)}}},c=[],l={toasts:[]};function d(e){l=n(l,e),c.forEach(e=>{e(l)})}function u({...e}){let t=(s=(s+1)%Number.MAX_SAFE_INTEGER).toString(),r=()=>d({type:"DISMISS_TOAST",toastId:t});return d({type:"ADD_TOAST",toast:{...e,id:t,open:!0,onOpenChange:e=>{e||r()}}}),{id:t,dismiss:r,update:e=>d({type:"UPDATE_TOAST",toast:{...e,id:t}})}}function h(){let[e,t]=a.useState(l);return a.useEffect(()=>(c.push(t),()=>{let e=c.indexOf(t);e>-1&&c.splice(e,1)}),[e]),{...e,toast:u,dismiss:e=>d({type:"DISMISS_TOAST",toastId:e})}}},3603:(e,t,r)=>{"use strict";r.d(t,{cn:()=>o});var a=r(82281),s=r(94805);function o(...e){return(0,s.QP)((0,a.$)(e))}},91831:(e,t,r)=>{"use strict";r.d(t,{DatabaseProvider:()=>s});var a=r(46760);let s=(0,a.registerClientReference)(function(){throw Error("Attempted to call DatabaseProvider() from the server but DatabaseProvider is on the client. It's not possible to invoke a client function from the server, it can only be rendered as a Component or passed to props of a Client Component.")},"/Users/karenredona/Desktop/d1studio/src/context/database-context.js","DatabaseProvider");(0,a.registerClientReference)(function(){throw Error("Attempted to call useDatabase() from the server but useDatabase is on the client. It's not possible to invoke a client function from the server, it can only be rendered as a Component or passed to props of a Client Component.")},"/Users/karenredona/Desktop/d1studio/src/context/database-context.js","useDatabase")}};