describedBy and lint

Author: jtpio

src/plugin.ts

@@ -68,6 +68,37 @@ const codeMirrorPlugin: JupyterFrontEndPlugin<void> = {
 
     commands.addCommand('jupyterlab-cell-diff:show-codemirror', {
       label: 'Show Cell Diff (CodeMirror)',
+      describedBy: {
+        args: {
+          type: 'object',
+          properties: {
+            cellId: {
+              type: 'string',
+              description: 'ID of the cell to show diff for'
+            },
+            originalSource: {
+              type: 'string',
+              description: 'Original source code to compare against'
+            },
+            newSource: {
+              type: 'string',
+              description: 'New source code to compare with'
+            },
+            showActionButtons: {
+              type: 'boolean',
+              description: 'Whether to show action buttons in the diff widget'
+            },
+            notebookPath: {
+              type: 'string',
+              description: 'Path to the notebook containing the cell'
+            },
+            openDiff: {
+              type: 'boolean',
+              description: 'Whether to open the diff widget automatically'
+            }
+          }
+        }
+      },
       execute: async (args: any = {}) => {
         const {
           cellId,
@@ -140,6 +171,37 @@ const nbdimePlugin: JupyterFrontEndPlugin<void> = {
 
     commands.addCommand('jupyterlab-cell-diff:show-nbdime', {
       label: 'Show Cell Diff (NBDime)',
+      describedBy: {
+        args: {
+          type: 'object',
+          properties: {
+            cellId: {
+              type: 'string',
+              description: 'ID of the cell to show diff for'
+            },
+            originalSource: {
+              type: 'string',
+              description: 'Original source code to compare against'
+            },
+            newSource: {
+              type: 'string',
+              description: 'New source code to compare with'
+            },
+            showActionButtons: {
+              type: 'boolean',
+              description: 'Whether to show action buttons in the diff widget'
+            },
+            notebookPath: {
+              type: 'string',
+              description: 'Path to the notebook containing the cell'
+            },
+            openDiff: {
+              type: 'boolean',
+              description: 'Whether to open the diff widget automatically'
+            }
+          }
+        }
+      },
       execute: async (args: any = {}) => {
         const {
           cellId,

style/base.css

@@ -50,35 +50,35 @@
   transition: background-color 0.1s ease;
 }
 
-.jp-DiffView-toggle button:hover,
-.jp-DiffView-accept button:hover,
-.jp-DiffView-reject button:hover {
-  background-color: var(--jp-layout-color3);
-}
-
 .jp-DiffView-accept button {
   background-color: var(--jp-success-color2) !important;
   border-color: var(--jp-success-color1) !important;
 }
 
-.jp-DiffView-accept button:hover {
-  background-color: var(--jp-success-color1) !important;
-  color: var(--jp-ui-inverse-font-color1) !important;
-}
-
 .jp-DiffView-reject button {
   background-color: var(--jp-error-color2) !important;
   border-color: var(--jp-error-color1) !important;
 }
 
+.jp-DiffView-toggle button {
+  background-color: var(--jp-brand-color2) !important;
+  border-color: var(--jp-brand-color1) !important;
+}
+
+.jp-DiffView-toggle button:hover,
+.jp-DiffView-accept button:hover,
 .jp-DiffView-reject button:hover {
-  background-color: var(--jp-error-color1) !important;
+  background-color: var(--jp-layout-color3);
+}
+
+.jp-DiffView-accept button:hover {
+  background-color: var(--jp-success-color1) !important;
   color: var(--jp-ui-inverse-font-color1) !important;
 }
 
-.jp-DiffView-toggle button {
-  background-color: var(--jp-brand-color2) !important;
-  border-color: var(--jp-brand-color1) !important;
+.jp-DiffView-reject button:hover {
+  background-color: var(--jp-error-color1) !important;
+  color: var(--jp-ui-inverse-font-color1) !important;
 }
 
 .jp-DiffView-toggle button:hover {