d1s 0.2.10 → 0.2.11

package/dist/app/app/page.jsx

@@ -5,7 +5,6 @@ import { useState } from 'react';
 import { AppSidebar } from '../components/sidebar';
 import { SQLEditor } from '../components/sql-editor';
 import { TableView } from '../components/table-view';
-import UpdateBanner from '@/components/update-banner';
 
 export default function StudioPage() {
   const [currentView, setCurrentView] = useState('sql-editor');
@@ -17,28 +16,19 @@ export default function StudioPage() {
   };
 
   return (
-    <div className="flex flex-col min-h-screen bg-background">
-      {/* Banner */}
-      <UpdateBanner />
-      
-      {/* 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 top-[var(--banner-height,0px)] h-[calc(100vh-var(--banner-height,0px))]"
-          currentView={currentView}
-          onNavigate={setCurrentView}
-          onTableSelect={handleTableSelect}
-        />
-        
-        {/* 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 && (
-            <TableView tableName={selectedTable} />
-          )}
-        </main>
-      </div>
+    <div className="flex h-screen bg-background">
+      <AppSidebar 
+        className="w-64 border-r flex-shrink-0" 
+        currentView={currentView}
+        onNavigate={setCurrentView}
+        onTableSelect={handleTableSelect}
+      />
+      <main className="flex-1 overflow-hidden">
+        {currentView === 'sql-editor' && <SQLEditor />}
+        {currentView === 'table-view' && selectedTable && (
+          <TableView tableName={selectedTable} />
+        )}
+      </main>
     </div>
   );
 }

package/dist/app/page.jsx

@@ -5,7 +5,6 @@ import { useState } from 'react';
 import { AppSidebar } from '../components/sidebar';
 import { SQLEditor } from '../components/sql-editor';
 import { TableView } from '../components/table-view';
-import UpdateBanner from '@/components/update-banner';
 
 export default function StudioPage() {
   const [currentView, setCurrentView] = useState('sql-editor');
@@ -17,28 +16,19 @@ export default function StudioPage() {
   };
 
   return (
-    <div className="flex flex-col min-h-screen bg-background">
-      {/* Banner */}
-      <UpdateBanner />
-      
-      {/* 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 top-[var(--banner-height,0px)] h-[calc(100vh-var(--banner-height,0px))]"
-          currentView={currentView}
-          onNavigate={setCurrentView}
-          onTableSelect={handleTableSelect}
-        />
-        
-        {/* 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 && (
-            <TableView tableName={selectedTable} />
-          )}
-        </main>
-      </div>
+    <div className="flex h-screen bg-background">
+      <AppSidebar 
+        className="w-64 border-r flex-shrink-0" 
+        currentView={currentView}
+        onNavigate={setCurrentView}
+        onTableSelect={handleTableSelect}
+      />
+      <main className="flex-1 overflow-hidden">
+        {currentView === 'sql-editor' && <SQLEditor />}
+        {currentView === 'table-view' && selectedTable && (
+          <TableView tableName={selectedTable} />
+        )}
+      </main>
     </div>
   );
 }

package/dist/d1-studio.js

@@ -18,8 +18,38 @@ if (hasDebugFlag) {
   logger.debug('Debug mode enabled');
 }
 
-const notifier = updateNotifier({ pkg, updateCheckInterval: 1000 * 60 * 60 * 24 });
-notifier.notify({ defer: false });
+const notifier = updateNotifier({ 
+  pkg,
+  updateCheckInterval: 1000 * 60 * 60 * 24,
+});
+
+// Check if update is available
+if (notifier.update) {
+  // Get current version and latest version
+  const currentVersion = pkg.version;
+  const latestVersion = notifier.update.latest;
+  
+  // Version-specific messages
+  const versionMessages = {
+    // Add specific version messages here
+    '0.2.11': 'Fixed table toolbar and table view horizontal/vertical scroll issues'
+    // Add more version messages as needed
+  };
+
+  // Create custom message
+  let message = `Update available ${chalk.dim(currentVersion)} → ${chalk.green(latestVersion)}`;
+  
+  // Add version-specific message if available
+  if (versionMessages[latestVersion]) {
+    message += `\n${chalk.cyan('What\'s new:')} ${versionMessages[latestVersion]}`;
+  }
+  
+  // Add installation instructions
+  message += `\nRun ${chalk.cyan('npm i -g d1s@latest')} to update`;
+
+  // Display custom notification
+  notifier.notify({ message });
+}
 
 // Compute the absolute path of this file and its directory
 const __filename = fileURLToPath(import.meta.url);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "d1s",
-  "version": "0.2.10",
+  "version": "0.2.11",
   "type": "module",
   "description": "D1 Studio – a native studio for managing Cloudflare D1 databases.",
   "main": "./dist/d1-studio.js",

package/scripts/studio.js

@@ -18,8 +18,38 @@ if (hasDebugFlag) {
   logger.debug('Debug mode enabled');
 }
 
-const notifier = updateNotifier({ pkg, updateCheckInterval: 1000 * 60 * 60 * 24 });
-notifier.notify({ defer: false });
+const notifier = updateNotifier({ 
+  pkg,
+  updateCheckInterval: 1000 * 60 * 60 * 24,
+});
+
+// Check if update is available
+if (notifier.update) {
+  // Get current version and latest version
+  const currentVersion = pkg.version;
+  const latestVersion = notifier.update.latest;
+  
+  // Version-specific messages
+  const versionMessages = {
+    // Add specific version messages here
+    '0.2.11': 'Fixed table toolbar and table view horizontal/vertical scroll issues'
+    // Add more version messages as needed
+  };
+
+  // Create custom message
+  let message = `Update available ${chalk.dim(currentVersion)} → ${chalk.green(latestVersion)}`;
+  
+  // Add version-specific message if available
+  if (versionMessages[latestVersion]) {
+    message += `\n${chalk.cyan('What\'s new:')} ${versionMessages[latestVersion]}`;
+  }
+  
+  // Add installation instructions
+  message += `\nRun ${chalk.cyan('npm i -g d1s@latest')} to update`;
+
+  // Display custom notification
+  notifier.notify({ message });
+}
 
 // Compute the absolute path of this file and its directory
 const __filename = fileURLToPath(import.meta.url);

package/src/app/page.jsx

@@ -5,7 +5,6 @@ import { useState } from 'react';
 import { AppSidebar } from '../components/sidebar';
 import { SQLEditor } from '../components/sql-editor';
 import { TableView } from '../components/table-view';
-import UpdateBanner from '@/components/update-banner';
 
 export default function StudioPage() {
   const [currentView, setCurrentView] = useState('sql-editor');
@@ -17,28 +16,19 @@ export default function StudioPage() {
   };
 
   return (
-    <div className="flex flex-col min-h-screen bg-background">
-      {/* Banner */}
-      <UpdateBanner />
-      
-      {/* 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 top-[var(--banner-height,0px)] h-[calc(100vh-var(--banner-height,0px))]"
-          currentView={currentView}
-          onNavigate={setCurrentView}
-          onTableSelect={handleTableSelect}
-        />
-        
-        {/* 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 && (
-            <TableView tableName={selectedTable} />
-          )}
-        </main>
-      </div>
+    <div className="flex h-screen bg-background">
+      <AppSidebar 
+        className="w-64 border-r flex-shrink-0" 
+        currentView={currentView}
+        onNavigate={setCurrentView}
+        onTableSelect={handleTableSelect}
+      />
+      <main className="flex-1 overflow-hidden">
+        {currentView === 'sql-editor' && <SQLEditor />}
+        {currentView === 'table-view' && selectedTable && (
+          <TableView tableName={selectedTable} />
+        )}
+      </main>
     </div>
   );
 }

package/src/components/table-view.jsx

@@ -684,7 +684,7 @@ export function TableView({ tableName }) {
       />
   
       <ResizableTable columns={schema} onColumnsResize={handleColumnResize}>
-        <div className="relative flex-1 overflow-hidden bg-background font-mono">
+        <div className="flex-1 overflow-hidden bg-background font-mono">
           <ScrollArea className="w-full h-screen">
             <div className="relative w-max min-w-fit pb-4">
               <Table>