d1s 0.2.9 → 0.2.10

package/scripts/studio.js

@@ -3,10 +3,6 @@ import chalk from 'chalk';
 import open from 'open';
 import { fileURLToPath } from 'url';
 import { dirname, join } from 'path';
-import { createHash } from 'crypto';
-import { homedir } from 'os';
-import os from 'os';
-import { readFile, writeFile, mkdir } from 'node:fs/promises';
 import express from 'express';
 import { createServer } from 'http';
 import next from 'next';
@@ -29,133 +25,6 @@ notifier.notify({ defer: false });
 const __filename = fileURLToPath(import.meta.url);
 const __dirname = dirname(__filename);
 
-// License validation utilities
-class LicenseError extends Error {
-  constructor(message, type = 'VALIDATION_ERROR') {
-    super(message);
-    this.name = 'LicenseError';
-    this.type = type;
-  }
-}
-
-class StudioLicenseManager {
-  constructor() {
-    this.licenseDir = join(homedir(), '.d1studio');
-    this.licensePath = join(this.licenseDir, 'license.json');
-  }
-
-  async checkLicenseFile() {
-    try {
-      const licenseData = JSON.parse(await readFile(this.licensePath, 'utf8'));
-      
-      // If no end_date or subscription_status, the license is valid (perpetual license)
-      if (!licenseData.end_date || !licenseData.subscription_status) {
-        return {
-          licenseData,
-          isValid: true,
-          isExpiringSoon: false
-        };
-      }
-
-      // Check subscription status first
-      if (licenseData.subscription_status !== 'active') {
-        return {
-          licenseData,
-          isValid: false,
-          isExpiringSoon: false
-        };
-      }
-
-      const endDate = new Date(licenseData.end_date);
-      const now = new Date();
-      
-      // Check if subscription has ended
-      if (endDate < now) {
-        return {
-          licenseData,
-          isValid: false,
-          isExpiringSoon: false
-        };
-      }
-
-      // Check if subscription ends in next 7 days
-      const sevenDaysFromNow = new Date(now.getTime() + (7 * 24 * 60 * 60 * 1000));
-      const isExpiringSoon = endDate <= sevenDaysFromNow;
-
-      return {
-        licenseData,
-        isValid: true,
-        isExpiringSoon
-      };
-    } catch (error) {
-      return null;
-    }
-  }
-
-  async saveLicenseFile(licenseData) {
-    try {
-      await mkdir(this.licenseDir, { recursive: true });
-      await writeFile(this.licensePath, JSON.stringify(licenseData, null, 2));
-    } catch (error) {
-      throw new LicenseError('Failed to save license information', 'SAVE_ERROR');
-    }
-  }
-}
-
-async function generateHardwareId() {
-  const osInfo = {
-    platform: process.platform,
-    arch: process.arch,
-    cpus: os.cpus().length,
-    hostname: os.hostname(),
-    username: os.userInfo().username,
-  };
-  const systemString = JSON.stringify(osInfo);
-  return createHash('sha256').update(systemString).digest('hex');
-}
-
-async function validateLicenseRemote(licenseKey, email, hardwareId) {
-  const baseUrl =
-    process.env.NODE_ENV === 'development'
-      ? 'http://localhost:4000'
-      : 'https://d1-studio.com';
-
-  try {
-    const response = await fetch(`${baseUrl}/api/validate-license`, {
-      method: 'POST',
-      headers: { 'Content-Type': 'application/json' },
-      body: JSON.stringify({ licenseKey, email, hardwareId }),
-    });
-
-    const result = await response.json();
-
-    if (!response.ok) {
-      throw new LicenseError(
-        result.message || 'License validation failed',
-        result.type || 'VALIDATION_ERROR'
-      );
-    }
-
-    return result;
-  } catch (error) {
-    if (error instanceof LicenseError) {
-      throw error;
-    }
-    if (error.name === 'TypeError' && error.message.includes('fetch')) {
-      throw new LicenseError(
-        process.env.NODE_ENV === 'development'
-          ? 'Unable to connect to local license validation service. Make sure the development server is running.'
-          : 'Unable to connect to license server. Please check your internet connection.',
-        'CONNECTION_ERROR'
-      );
-    }
-    throw new LicenseError(
-      'An unexpected error occurred during license validation',
-      'VALIDATION_ERROR'
-    );
-  }
-}
-
 async function startServer(port, projectDirectory) {
   return new Promise((resolvePromise, rejectPromise) => {
     // Determine Next.js app directory based on environment:
@@ -210,69 +79,6 @@ async function startStudio() {
   try {
     logger.info(chalk.green('Initializing D1 Studio...'));
 
-    const licenseManager = new StudioLicenseManager();
-
-    // Check existing license
-    const licenseCheck = await licenseManager.checkLicenseFile();
-    
-    // Handle license validation
-    if (!licenseCheck || !licenseCheck.isValid) {
-      // Prompt for license information if needed
-      const { default: inquirer } = await import('inquirer');
-      logger.info(chalk.yellow('\nPlease enter your D1 Studio license information:'));
-
-      const answers = await inquirer.prompt([
-        {
-          type: 'input',
-          name: 'licenseKey',
-          message: 'License Key:',
-          validate: (input) => input.length > 0 || 'License key is required',
-        },
-        {
-          type: 'input',
-          name: 'email',
-          message: 'Email:',
-          validate: (input) => {
-            const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
-            return emailRegex.test(input) || 'Please enter a valid email';
-          },
-        },
-      ]);
-
-      const hardwareId = await generateHardwareId();
-
-      try {
-        const validation = await validateLicenseRemote(
-          answers.licenseKey,
-          answers.email,
-          hardwareId
-        );
-
-        // Save the complete validation response
-        await licenseManager.saveLicenseFile({
-          licenseKey: answers.licenseKey,
-          email: answers.email,
-          hardwareId,
-          end_date: validation.end_date,
-          subscription_status: validation.subscription_status,
-          type: validation.licenseType,
-          activatedAt: new Date().toISOString()
-        });
-
-        logger.info(chalk.green('\nLicense activated successfully!'));
-      } catch (error) {
-        logger.error(chalk.red(`\nLicense validation failed: ${error.message}`));
-        process.exit(1);
-      }
-    } else if (licenseCheck.isExpiringSoon) {
-      // Show warning about expiring subscription
-      const endDate = new Date(licenseCheck.licenseData.end_date).toLocaleDateString();
-      logger.warn(chalk.yellow(`
-        ⚠️  Your subscription will expire on ${endDate}
-        Please renew your subscription at https://d1-studio.com to continue using D1 Studio.
-      `));
-    }
-
     // Get wrangler configuration
     try {
       const userProjectPath = process.cwd();

package/src/app/api/update/route.js

@@ -1,31 +1,40 @@
 // app/api/update/route.js
 import { NextResponse } from 'next/server';
-import updateNotifier from 'update-notifier';
 import pkg from '../../../../package.json' assert { type: 'json' };
 
 export async function GET() {
   try {
-    // Create notifier instance with package info
-    const notifier = updateNotifier({ 
-      pkg,
-      updateCheckInterval: 1000 * 60 * 60 * 24 // Check once per day
+    // Get current version from package.json
+    const currentVersion = pkg.version;
+    
+    // Fetch the latest version from npm registry
+    const response = await fetch('https://registry.npmjs.org/d1s/latest', {
+      headers: {
+        'Accept': 'application/json',
+        'User-Agent': 'd1-studio'
+      },
+      // Add cache control to prevent excessive requests
+      cache: 'no-cache'
     });
-
-    // If there's an update, notifier.update will contain the update info
-    if (notifier.update) {
-      const { latest, current } = notifier.update;
-      
-      // Only return update info if versions are different
-      if (latest !== current) {
-        return NextResponse.json({ 
-          update: {
-            latest,
-            current
-          }
-        });
-      }
+    
+    if (!response.ok) {
+      throw new Error('Failed to check for updates');
     }
-
+    
+    const data = await response.json();
+    const latestVersion = data.version;
+    
+    // Compare versions - only return update info if there's a newer version
+    if (latestVersion && currentVersion && latestVersion !== currentVersion) {
+      console.log(`Update available: ${currentVersion} → ${latestVersion}`);
+      return NextResponse.json({ 
+        update: {
+          latest: latestVersion,
+          current: currentVersion
+        }
+      });
+    }
+    
     // No update available
     return NextResponse.json({ update: null });
   } catch (error) {

package/src/app/page.jsx

@@ -21,17 +21,17 @@ export default function StudioPage() {
       {/* Banner */}
       <UpdateBanner />
       
-      {/* Main layout */}
-      <div className="flex flex-1">
-        {/* Sidebar */}
+      {/* Main layout with adjusted positioning for banner */}
+      <div className="flex flex-1 mt-[var(--banner-height,0px)]">
+        {/* Sidebar with adjusted height */}
         <AppSidebar 
-          className="w-64 border-r fixed h-[calc(100vh-var(--banner-height,0px))]"
+          className="w-64 border-r fixed top-[var(--banner-height,0px)] h-[calc(100vh-var(--banner-height,0px))]"
           currentView={currentView}
           onNavigate={setCurrentView}
           onTableSelect={handleTableSelect}
         />
         
-        {/* Main content */}
+        {/* Main content with adjusted margin-top and height */}
         <main className="ml-64 flex-1 h-[calc(100vh-var(--banner-height,0px))]">
           {currentView === 'sql-editor' && <SQLEditor />}
           {currentView === 'table-view' && selectedTable && (

package/src/components/sidebar.jsx

@@ -133,7 +133,8 @@ export function AppSidebar({
 
   return (
     <>
-      <aside className={`${className} w-64 fixed top-0 left-0 h-full bg-neutral-50 p-4`}>
+      {/* The sidebar now has top position adjusted for the banner */}
+      <aside className={`${className} top-[var(--banner-height,0px)] left-0 h-[calc(100vh-var(--banner-height,0px))] bg-neutral-50 p-4`}>
         <div className="flex flex-col h-full font-sans">
           {/* Header */}
           <div className="flex items-center gap-2 mb-4">

package/src/components/update-banner.jsx

@@ -2,61 +2,92 @@
 'use client'
 
 import { useEffect, useState } from 'react';
-import { Download } from 'lucide-react';
+import { Info } from 'lucide-react';
 import axios from 'axios';
 
 export default function UpdateBanner() {
   const [updateInfo, setUpdateInfo] = useState(null);
-  const [visible, setVisible] = useState(true);
+  const [visible, setVisible] = useState(false);
+  const [loading, setLoading] = useState(true);
 
   useEffect(() => {
-    const dismissedVersion = localStorage.getItem('updateBannerDismissedVersion');
-    if (dismissedVersion) {
-      setVisible(false);
-    }
-  }, []);
-
-  useEffect(() => {
-    const timer = setTimeout(() => {
-      axios
-        .get('/api/update')
-        .then(({ data }) => {
-          if (data?.update) {
-            const dismissedVersion = localStorage.getItem('updateBannerDismissedVersion');
-            if (dismissedVersion !== data.update.latest) {
-              setUpdateInfo(data.update);
-              setVisible(true);
-            }
+    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) {
+          // Only show if the user hasn't dismissed this specific version
+          if (dismissedVersion !== data.update.latest) {
+            setUpdateInfo(data.update);
+            setVisible(true);
+          } else {
+            setVisible(false);
           }
-        })
-        .catch(console.error);
-    }, 1000);
+        } else {
+          setVisible(false);
+        }
+      } catch (error) {
+        console.error('Error checking for updates:', error);
+        setVisible(false);
+      } finally {
+        setLoading(false);
+      }
+    };
 
-    return () => clearTimeout(timer);
+    // Check immediately and then daily
+    checkForUpdates();
+    const interval = setInterval(checkForUpdates, 24 * 60 * 60 * 1000); // Check daily
+    
+    return () => clearInterval(interval);
   }, []);
 
-  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
+  }
 
   const handleClose = () => {
-    localStorage.setItem('updateBannerDismissedVersion', updateInfo.latest);
+    // Store the dismissed version to avoid showing the same update again
+    if (updateInfo?.latest) {
+      localStorage.setItem('dismissedVersion', updateInfo.latest);
+    }
     setVisible(false);
   };
 
   return (
-    <div className="w-full bg-neutral-100 border-b px-3 py-2 flex items-center justify-between">
-      <div className="flex items-center gap-2 text-sm">
-        <Download className="h-4 w-4 text-blue-500" />
-        <span>
-          Version {updateInfo.latest} is available — npm install -g d1s@latest
-        </span>
+    <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="text-neutral-500 hover:text-neutral-700"
-        aria-label="Close update banner"
-      >
-        ×
-      </button>
     </div>
   );
 }

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);
@@ -559,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,
@@ -583,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,y]=(0,s.useState)(null),g=(0,s.useRef)(new l).current,w=(0,s.useCallback)((e,t=1,r=50)=>{let a=`table-${e}-${t}-${r}`;return g.get(a)},[]),x=(0,s.useCallback)(e=>{g.cache.forEach((t,r)=>{r.startsWith(`table-${e}-`)&&g.invalidate(r)})},[]),T=(0,s.useCallback)((e,t,r,a,s=1,o=50)=>{let i=`table-${e}-${s}-${o}`;g.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=g.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 g.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 g.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={})=>(y(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),g.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};`),g.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 t=JSON.parse(e);if(!t.accountId||!t.apiToken)throw Error("Invalid credentials stored. Please reconnect to Cloudflare.");let r=await fetch("/api/pull-remote/confirm",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({accountId:t.accountId,apiToken:t.apiToken})}),a=await r.json();if(!r.ok||!a.success)throw Error(a.error?.message||"Failed to pull from remote");return g.clear(),await k(),a}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")}};

package/dist/.next/.next/static/chunks/app/layout-8360fab69b848283.js

@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[177],{8671:(e,t,r)=>{Promise.resolve().then(r.t.bind(r,5613,23)),Promise.resolve().then(r.t.bind(r,7207,23)),Promise.resolve().then(r.t.bind(r,347,23)),Promise.resolve().then(r.bind(r,6124)),Promise.resolve().then(r.bind(r,33))},6124:(e,t,r)=>{"use strict";r.d(t,{Toaster:()=>g});var s=r(5155),a=r(6528),o=r(2115),d=r(9930),i=r(1027),n=r(689),l=r(4031);let u=d.Kq,c=o.forwardRef((e,t)=>{let{className:r,...a}=e;return(0,s.jsx)(d.LM,{ref:t,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]",r),...a})});c.displayName=d.LM.displayName;let f=(0,i.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((e,t)=>{let{className:r,variant:a,...o}=e;return(0,s.jsx)(d.bL,{ref:t,className:(0,l.cn)(f({variant:a}),r),...o})});p.displayName=d.bL.displayName,o.forwardRef((e,t)=>{let{className:r,...a}=e;return(0,s.jsx)(d.rc,{ref:t,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",r),...a})}).displayName=d.rc.displayName;let m=o.forwardRef((e,t)=>{let{className:r,...a}=e;return(0,s.jsx)(d.bm,{ref:t,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",r),"toast-close":"",...a,children:(0,s.jsx)(n.A,{className:"h-4 w-4"})})});m.displayName=d.bm.displayName;let v=o.forwardRef((e,t)=>{let{className:r,...a}=e;return(0,s.jsx)(d.hE,{ref:t,className:(0,l.cn)("text-sm font-semibold [&+div]:text-xs",r),...a})});v.displayName=d.hE.displayName;let x=o.forwardRef((e,t)=>{let{className:r,...a}=e;return(0,s.jsx)(d.VY,{ref:t,className:(0,l.cn)("text-sm opacity-90",r),...a})});function g(){let{toasts:e}=(0,a.dj)();return(0,s.jsxs)(u,{children:[e.map(function(e){let{id:t,title:r,description:a,action:o,...d}=e;return(0,s.jsxs)(p,{...d,children:[(0,s.jsxs)("div",{className:"grid gap-1",children:[r&&(0,s.jsx)(v,{children:r}),a&&(0,s.jsx)(x,{children:a})]}),o,(0,s.jsx)(m,{})]},t)}),(0,s.jsx)(c,{})]})}x.displayName=d.VY.displayName},347:()=>{}},e=>{var t=t=>e(e.s=t);e.O(0,[280,692,92,735,441,517,358],()=>t(8671)),_N_E=e.O()}]);