jupyterlab_tabular_data_viewer_extension 1.2.33 → 1.2.38

package/lib/index.js

@@ -20,6 +20,11 @@ class TabularDataWidgetFactory extends ABCWidgetFactory {
         const content = new TabularDataViewer(context.path, this._setLastContextMenuRow);
         const widget = new TabularDataDocument({ content, context });
         widget.title.label = context.path.split('/').pop() || 'Tabular Data File';
+        // Listen to context fileChanged signal to refresh data when file is reverted
+        context.fileChanged.connect(() => {
+            console.log('[Tabular Data Viewer] File changed, refreshing data');
+            content.refresh();
+        });
         // Track this as the active widget when context menu is used
         this._setActiveWidget(content);
         return widget;
@@ -63,6 +68,20 @@ const plugin = {
             console.error('[Tabular Data Viewer] Failed to load settings:', error);
             // console.log('[Tabular Data Viewer] Using default settings:', settings);
         }
+        // Command to refresh tabular data view
+        const refreshCommand = 'tabular-data-viewer:refresh';
+        commands.addCommand(refreshCommand, {
+            label: 'Refresh Tabular Data',
+            caption: 'Refresh the tabular data view from file',
+            isEnabled: () => {
+                return activeWidget !== null;
+            },
+            execute: async () => {
+                if (activeWidget) {
+                    await activeWidget.refresh();
+                }
+            }
+        });
         // Command to copy row as JSON
         const copyRowCommand = 'tabular-data-viewer:copy-row-json';
         commands.addCommand(copyRowCommand, {
@@ -85,6 +104,12 @@ const plugin = {
                 }
             }
         });
+        // Add refresh command to context menu for tabular data viewer
+        contextMenu.addItem({
+            command: refreshCommand,
+            selector: '.jp-TabularDataViewer',
+            rank: 0
+        });
         // Add to context menu for tabular data viewer rows
         contextMenu.addItem({
             command: copyRowCommand,

package/lib/widget.d.ts

@@ -44,6 +44,11 @@ export declare class TabularDataViewer extends Widget {
      * Get cleanup function to clear highlight (for external use)
      */
     getCleanupHighlight(): () => void;
+    /**
+     * Refresh the data view by reloading from the file
+     * Preserves scroll position and current filters/sorting
+     */
+    refresh(): Promise<void>;
     /**
      * Initialize the viewer by loading metadata and initial data
      */

package/lib/widget.js

@@ -201,6 +201,30 @@ export class TabularDataViewer extends Widget {
     getCleanupHighlight() {
         return this._cleanupHighlight || (() => { });
     }
+    /**
+     * Refresh the data view by reloading from the file
+     * Preserves scroll position and current filters/sorting
+     */
+    async refresh() {
+        // Store current scroll position
+        const scrollTop = this._tableContainer.scrollTop;
+        const scrollLeft = this._tableContainer.scrollLeft;
+        try {
+            // Reload metadata (in case file structure changed)
+            await this._loadMetadata();
+            // Reload data with current filters and sorting
+            await this._loadData(true);
+            // Restore scroll position after a short delay to allow rendering
+            setTimeout(() => {
+                this._tableContainer.scrollTop = scrollTop;
+                this._tableContainer.scrollLeft = scrollLeft;
+            }, 100);
+            console.log(`Refreshed tabular data view: ${this._filePath}`);
+        }
+        catch (error) {
+            this._showError(`Failed to refresh data: ${error}`);
+        }
+    }
     /**
      * Initialize the viewer by loading metadata and initial data
      */

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "jupyterlab_tabular_data_viewer_extension",
-    "version": "1.2.33",
+    "version": "1.2.38",
     "description": "Jupyterlab extension to browse tabular data files (Parquet, Excel, CSV, TSV) with filtering and sorting capabilities",
     "keywords": [
         "jupyter",

package/src/index.ts

@@ -46,6 +46,12 @@ class TabularDataWidgetFactory extends ABCWidgetFactory<
     const widget = new TabularDataDocument({ content, context });
     widget.title.label = context.path.split('/').pop() || 'Tabular Data File';
 
+    // Listen to context fileChanged signal to refresh data when file is reverted
+    context.fileChanged.connect(() => {
+      console.log('[Tabular Data Viewer] File changed, refreshing data');
+      content.refresh();
+    });
+
     // Track this as the active widget when context menu is used
     this._setActiveWidget(content);
 
@@ -110,6 +116,21 @@ const plugin: JupyterFrontEndPlugin<void> = {
       // console.log('[Tabular Data Viewer] Using default settings:', settings);
     }
 
+    // Command to refresh tabular data view
+    const refreshCommand = 'tabular-data-viewer:refresh';
+    commands.addCommand(refreshCommand, {
+      label: 'Refresh Tabular Data',
+      caption: 'Refresh the tabular data view from file',
+      isEnabled: () => {
+        return activeWidget !== null;
+      },
+      execute: async () => {
+        if (activeWidget) {
+          await activeWidget.refresh();
+        }
+      }
+    });
+
     // Command to copy row as JSON
     const copyRowCommand = 'tabular-data-viewer:copy-row-json';
     commands.addCommand(copyRowCommand, {
@@ -134,6 +155,13 @@ const plugin: JupyterFrontEndPlugin<void> = {
       }
     });
 
+    // Add refresh command to context menu for tabular data viewer
+    contextMenu.addItem({
+      command: refreshCommand,
+      selector: '.jp-TabularDataViewer',
+      rank: 0
+    });
+
     // Add to context menu for tabular data viewer rows
     contextMenu.addItem({
       command: copyRowCommand,

package/src/widget.ts

@@ -222,6 +222,34 @@ export class TabularDataViewer extends Widget {
     return this._cleanupHighlight || (() => {});
   }
 
+  /**
+   * Refresh the data view by reloading from the file
+   * Preserves scroll position and current filters/sorting
+   */
+  public async refresh(): Promise<void> {
+    // Store current scroll position
+    const scrollTop = this._tableContainer.scrollTop;
+    const scrollLeft = this._tableContainer.scrollLeft;
+
+    try {
+      // Reload metadata (in case file structure changed)
+      await this._loadMetadata();
+
+      // Reload data with current filters and sorting
+      await this._loadData(true);
+
+      // Restore scroll position after a short delay to allow rendering
+      setTimeout(() => {
+        this._tableContainer.scrollTop = scrollTop;
+        this._tableContainer.scrollLeft = scrollLeft;
+      }, 100);
+
+      console.log(`Refreshed tabular data view: ${this._filePath}`);
+    } catch (error) {
+      this._showError(`Failed to refresh data: ${error}`);
+    }
+  }
+
   /**
    * Initialize the viewer by loading metadata and initial data
    */

package/style/base.css

@@ -124,9 +124,13 @@
 }
 
 .jp-TabularDataViewer-sortIndicator {
-  margin-left: 4px;
+  position: absolute;
+  right: 8px;
+  bottom: 4px;
   color: var(--jp-brand-color1);
-  font-size: var(--jp-ui-font-size0);
+  font-size: 16px;
+  font-weight: bold;
+  line-height: 1;
 }
 
 /* Column Resize Handle */