jupyterlab_tabular_data_viewer_extension 1.1.20 → 1.1.36

package/README.md

@@ -10,6 +10,10 @@ View and browse Parquet, Excel, CSV, and TSV files directly in JupyterLab. Doubl
 
 ![Parquet Viewer](.resources/screenshot.png)
 
+**Opening files:** Right-click any supported file and select "Tabular Data Viewer" from the "Open With" menu, or simply double-click to open with the default viewer.
+
+![Open With Menu](.resources/screenshot-menu.png)
+
 ## Features
 
 **Supported File Formats:**
@@ -58,10 +62,12 @@ pip uninstall jupyterlab_tabular_data_viewer_extension
 Configure file type support through JupyterLab Settings:
 
 1. Open **Settings → Settings Editor**
-2. Search for "Parquet Viewer Extension"
+2. Search for "Tabular Data Viewer Extension"
 3. Configure options:
    - **Enable Parquet files** - Default: enabled
-   - **Enable Excel files** - Default: disabled (enable to view .xlsx files)
+   - **Enable Excel files** - Default: enabled
+   - **Enable CSV files** - Default: enabled
+   - **Enable TSV files** - Default: enabled
 
 When a file type is disabled, files open with JupyterLab's default handler instead.
 

package/lib/index.js

@@ -34,9 +34,7 @@ const plugin = {
     autoStart: true,
     requires: [ISettingRegistry],
     activate: async (app, settingRegistry) => {
-        // console.log(
-        //   'JupyterLab extension jupyterlab_tabular_data_viewer_extension is activated!'
-        // );
+        console.log('JupyterLab extension jupyterlab_tabular_data_viewer_extension is activated!');
         const { docRegistry, commands, contextMenu } = app;
         // Track last right-clicked row for context menu
         let lastContextMenuRow = null;

package/package.json

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

package/src/index.ts

@@ -73,9 +73,9 @@ const plugin: JupyterFrontEndPlugin<void> = {
   autoStart: true,
   requires: [ISettingRegistry],
   activate: async (app: JupyterFrontEnd, settingRegistry: ISettingRegistry) => {
-    // console.log(
-    //   'JupyterLab extension jupyterlab_tabular_data_viewer_extension is activated!'
-    // );
+    console.log(
+      'JupyterLab extension jupyterlab_tabular_data_viewer_extension is activated!'
+    );
 
     const { docRegistry, commands, contextMenu } = app;
 

package/style/base.css

@@ -19,7 +19,8 @@
 }
 
 .jp-TabularDataViewer-table {
-  border-collapse: collapse;
+  border-collapse: separate;
+  border-spacing: 0;
   table-layout: fixed;
   font-family: var(--jp-code-font-family);
   font-size: var(--jp-code-font-size);
@@ -44,8 +45,10 @@
 .jp-TabularDataViewer-filterCell {
   padding: 4px 8px;
   border-bottom: 1px solid var(--jp-border-color1);
-  border-right: 1px solid var(--jp-border-color2);
+  border-right: 1px solid var(--jp-border-color0);
   box-sizing: border-box;
+  background-color: var(--jp-layout-color2);
+  position: relative;
 }
 
 .jp-TabularDataViewer-filterCell:last-child {
@@ -57,7 +60,7 @@
   padding: 4px 6px;
   border: 1px solid var(--jp-border-color2);
   border-radius: 2px;
-  background-color: var(--jp-input-background);
+  background-color: var(--jp-layout-color0);
   color: var(--jp-ui-font-color1);
   font-family: var(--jp-ui-font-family);
   font-size: var(--jp-ui-font-size1);
@@ -85,7 +88,7 @@
   text-align: left;
   font-weight: 600;
   border-bottom: 2px solid var(--jp-border-color1);
-  border-right: 1px solid var(--jp-border-color2);
+  border-right: 1px solid var(--jp-border-color0);
   background-color: var(--jp-layout-color2);
   position: relative;
   min-width: 120px;
@@ -156,6 +159,7 @@
 .jp-TabularDataViewer-cell {
   padding: 6px 12px;
   border-right: 1px solid var(--jp-border-color2);
+  border-bottom: 1px solid var(--jp-border-color2);
   color: var(--jp-ui-font-color1);
   word-break: break-word;
   max-width: 400px;
@@ -245,7 +249,7 @@
 }
 
 [data-jp-theme-light='false'] .jp-TabularDataViewer-filterInput {
-  background-color: var(--jp-input-background);
+  background-color: var(--jp-layout-color0);
   color: var(--jp-ui-font-color0);
 }