Add biome config from deepnote/deepnote

.husky/pre-commit

@@ -1 +1 @@
-jlpm exec lint-staged
+yarn exec lint-staged

.npmrc

@@ -0,0 +1,2 @@
+@deepnote:registry=https://npm.pkg.github.com
+//npm.pkg.github.com/:_authToken=${GITHUB_TOKEN}

.prettierignore

@@ -5,3 +5,8 @@ node_modules
 !/package.json
 jupyterlab_deepnote
 .venv
+coverage
+**/*.ts
+**/*.tsx
+**/*.js
+**/*.jsx

biome.json

@@ -0,0 +1,139 @@
+{
+  "$schema": "https://biomejs.dev/schemas/2.2.5/schema.json",
+  "vcs": { "enabled": true, "clientKind": "git", "useIgnoreFile": true },
+  "files": { "ignoreUnknown": false },
+  "formatter": {
+    "enabled": true,
+    "formatWithErrors": false,
+    "indentStyle": "space",
+    "indentWidth": 2,
+    "lineEnding": "lf",
+    "lineWidth": 120,
+    "attributePosition": "auto",
+    "bracketSameLine": false,
+    "bracketSpacing": true,
+    "expand": "auto",
+    "useEditorconfig": true,
+    "includes": ["**", "!./coverage", "!./dist", "!**/package.json"]
+  },
+  "linter": {
+    "enabled": true,
+    "rules": {
+      "recommended": true,
+      "a11y": {
+        "recommended": true
+      },
+      "complexity": {
+        "recommended": true,
+        "noBannedTypes": "error",
+        "noUselessTypeConstraint": "error",
+        "noCommaOperator": "error",
+        "noStaticOnlyClass": "error",
+        "noUselessConstructor": "error",
+        "noUselessEmptyExport": "error",
+        "noUselessThisAlias": "error",
+        "useOptionalChain": "error"
+      },
+      "correctness": {
+        "recommended": true,
+        "noUnusedImports": "error",
+        "noUnusedFunctionParameters": "error",
+        "noUnusedPrivateClassMembers": "error",
+        "useHookAtTopLevel": "error",
+        "noConstAssign": "error",
+        "noGlobalObjectCalls": "error",
+        "noInnerDeclarations": "error",
+        "noInvalidUseBeforeDeclaration": "error",
+        "noInvalidBuiltinInstantiation": "error",
+        "noUnreachableSuper": "error",
+        "noUnsafeOptionalChaining": "error",
+        "noUnusedLabels": "error"
+      },
+      "performance": {
+        "recommended": true
+      },
+      "security": {
+        "recommended": true
+      },
+      "style": {
+        "recommended": true,
+        "noNonNullAssertion": "error",
+        "useArrayLiterals": "error",
+        "useConst": "error",
+        "useForOf": "error",
+        "useImportType": "error",
+        "useNodejsImportProtocol": "error",
+        "useNumberNamespace": "error",
+        "noNamespace": "error",
+        "noParameterAssign": "error",
+        "useAsConstAssertion": "error",
+        "useConsistentMemberAccessibility": {
+          "level": "error",
+          "options": {
+            "accessibility": "noPublic"
+          }
+        },
+        "useShorthandFunctionType": "error",
+        "useExportType": "error",
+        "useLiteralEnumMembers": "error",
+        "useUnifiedTypeSignatures": "error"
+      },
+      "suspicious": {
+        "recommended": true,
+        "noEmptyInterface": "error",
+        "noExplicitAny": "error",
+        "noConsole": "warn",
+        "noDebugger": "error",
+        "noConfusingVoidType": "error",
+        "noDuplicateClassMembers": "error",
+        "noDuplicateObjectKeys": "error",
+        "noDuplicateParameters": "error",
+        "noExtraNonNullAssertion": "error",
+        "noFunctionAssign": "error",
+        "noLabelVar": "error",
+        "noMisleadingInstantiator": "error",
+        "noRedeclare": "error",
+        "noUnsafeDeclarationMerging": "error",
+        "noUnsafeNegation": "error",
+        "useAdjacentOverloadSignatures": "error",
+        "useNamespaceKeyword": "error"
+      },
+      "nursery": {
+        "noFloatingPromises": "error",
+        "noMisusedPromises": "error",
+        "noNonNullAssertedOptionalChain": "error",
+        "useConsistentTypeDefinitions": "error"
+      }
+    }
+  },
+  "javascript": {
+    "formatter": {
+      "jsxQuoteStyle": "single",
+      "quoteProperties": "preserve",
+      "trailingCommas": "es5",
+      "semicolons": "asNeeded",
+      "arrowParentheses": "asNeeded",
+      "bracketSameLine": false,
+      "quoteStyle": "single",
+      "attributePosition": "auto",
+      "bracketSpacing": true
+    }
+  },
+  "overrides": [
+    {
+      "includes": ["*.tsx"],
+      "linter": {
+        "rules": {
+          "style": {
+            "useImportType": "off"
+          }
+        }
+      }
+    }
+  ],
+  "html": { "formatter": { "selfCloseVoidElements": "always" } },
+  "assist": {
+    "enabled": true,
+    "actions": { "source": { "organizeImports": "on" } }
+  }
+}

package.json

@@ -71,6 +71,7 @@
         "zod": "^4.1.11"
     },
     "devDependencies": {
+        "@biomejs/biome": "2.2.5",
         "@jupyterlab/builder": "^4.0.0",
         "@jupyterlab/testutils": "^4.0.0",
         "@types/jest": "^29.2.0",

src/__tests__/jupyterlab_deepnote.spec.ts

@@ -4,6 +4,6 @@
 
 describe('jupyterlab-deepnote', () => {
   it('should be tested', () => {
-    expect(1 + 1).toEqual(2);
-  });
-});
+    expect(1 + 1).toEqual(2)
+  })
+})

src/components/NotebookPicker.tsx

@@ -1,103 +1,95 @@
-import React from 'react';
-import { ReactWidget } from '@jupyterlab/apputils';
-import { NotebookPanel } from '@jupyterlab/notebook';
-import { HTMLSelect } from '@jupyterlab/ui-components';
-import { deepnoteMetadataSchema } from '../types';
-import { Widget } from '@lumino/widgets';
-import { Message, MessageLoop } from '@lumino/messaging';
+import { ReactWidget } from '@jupyterlab/apputils'
+import type { NotebookPanel } from '@jupyterlab/notebook'
+import { HTMLSelect } from '@jupyterlab/ui-components'
+import { type Message, MessageLoop } from '@lumino/messaging'
+import { Widget } from '@lumino/widgets'
+import React from 'react'
+import { deepnoteMetadataSchema } from '../types'
 
 export class NotebookPicker extends ReactWidget {
-  private selected: string | null = null;
+  private selected: string | null = null
 
   constructor(private panel: NotebookPanel) {
-    super();
+    super()
 
     void panel.context.ready.then(() => {
-      const deepnoteMetadata = this.panel.context.model.getMetadata('deepnote');
-      const metadataNames = deepnoteMetadata?.notebook_names;
-      const names =
-        Array.isArray(metadataNames) &&
-        metadataNames.every(n => typeof n === 'string')
-          ? metadataNames
-          : [];
+      const deepnoteMetadata = this.panel.context.model.getMetadata('deepnote')
+      const metadataNames = deepnoteMetadata?.notebook_names
+      const names = Array.isArray(metadataNames) && metadataNames.every(n => typeof n === 'string') ? metadataNames : []
 
-      this.selected = names.length === 0 ? null : (names[0] ?? null);
-      this.update();
-    });
+      this.selected = names.length === 0 ? null : (names[0] ?? null)
+      this.update()
+    })
   }
 
   private handleChange = (event: React.ChangeEvent<HTMLSelectElement>) => {
-    const model = this.panel.model;
+    const model = this.panel.model
     if (!model) {
-      return;
+      return
     }
 
-    const selected = event.target.value;
-    const deepnoteMetadata = this.panel.context.model.getMetadata('deepnote');
-    const deepnoteMetadataValidated =
-      deepnoteMetadataSchema.safeParse(deepnoteMetadata);
+    const selected = event.target.value
+    const deepnoteMetadata = this.panel.context.model.getMetadata('deepnote')
+    const deepnoteMetadataValidated = deepnoteMetadataSchema.safeParse(deepnoteMetadata)
 
     if (!deepnoteMetadataValidated.success) {
-      console.error(
-        'Invalid deepnote metadata:',
-        deepnoteMetadataValidated.error
-      );
-      return;
+      return
     }
 
-    const notebooks = deepnoteMetadataValidated.data.notebooks;
+    const notebooks = deepnoteMetadataValidated.data.notebooks
 
     if (selected in notebooks) {
       model.fromJSON({
         cells: notebooks[selected]?.cells ?? [],
         metadata: {
           deepnote: {
-            notebooks
-          }
+            notebooks,
+          },
         },
         nbformat: 4,
-        nbformat_minor: 0
-      });
-      model.dirty = false;
+        nbformat_minor: 0,
+      })
+      model.dirty = false
     }
 
-    this.selected = selected;
-    this.update();
-  };
+    this.selected = selected
+    this.update()
+  }
 
   protected onAfterAttach(msg: Message): void {
-    super.onAfterAttach(msg);
+    super.onAfterAttach(msg)
     requestAnimationFrame(() => {
-      MessageLoop.sendMessage(this.parent!, Widget.ResizeMessage.UnknownSize);
-    });
+      if (this.parent) {
+        MessageLoop.sendMessage(this.parent, Widget.ResizeMessage.UnknownSize)
+      }
+    })
   }
 
   render(): JSX.Element {
-    const deepnoteMetadata = this.panel.context.model.getMetadata('deepnote');
+    const deepnoteMetadata = this.panel.context.model.getMetadata('deepnote')
 
-    const deepnoteMetadataValidated =
-      deepnoteMetadataSchema.safeParse(deepnoteMetadata);
+    const deepnoteMetadataValidated = deepnoteMetadataSchema.safeParse(deepnoteMetadata)
 
     const names = deepnoteMetadataValidated.success
       ? Object.values(deepnoteMetadataValidated.data.notebooks).map(n => n.name)
-      : [];
+      : []
 
     return (
       <HTMLSelect
         value={this.selected ?? '-'}
         onChange={this.handleChange}
         onKeyDown={() => {}}
-        aria-label="Select active notebook"
-        title="Select active notebook"
+        aria-label='Select active notebook'
+        title='Select active notebook'
         style={{
           width: '120px',
           textOverflow: 'ellipsis',
           whiteSpace: 'nowrap',
-          overflow: 'hidden'
+          overflow: 'hidden',
         }}
       >
         {names.length === 0 ? (
-          <option value="-">-</option>
+          <option value='-'>-</option>
         ) : (
           names.map(n => (
             <option key={n} value={n}>
@@ -106,6 +98,6 @@ export class NotebookPicker extends ReactWidget {
           ))
         )}
       </HTMLSelect>
-    );
+    )
   }
 }

src/convert-deepnote-block-to-jupyter-cell.ts

@@ -1,44 +1,40 @@
-import {
-  createMarkdown,
-  createPythonCode,
-  DeepnoteBlock
-} from '@deepnote/blocks';
-import _cloneDeep from 'lodash/cloneDeep';
-import { ICodeCell, IMarkdownCell } from '@jupyterlab/nbformat';
-import { convertDeepnoteBlockTypeToJupyter } from './convert-deepnote-block-type-to-jupyter';
+import { createMarkdown, createPythonCode, type DeepnoteBlock } from '@deepnote/blocks'
+import type { ICodeCell, IMarkdownCell } from '@jupyterlab/nbformat'
+import _cloneDeep from 'lodash/cloneDeep'
+import { convertDeepnoteBlockTypeToJupyter } from './convert-deepnote-block-type-to-jupyter'
 
 export function convertDeepnoteBlockToJupyterCell(block: DeepnoteBlock) {
-  const blockCopy = _cloneDeep(block);
-  const jupyterCellMetadata = { ...blockCopy.metadata, cell_id: blockCopy.id };
-  const jupyterCellType = convertDeepnoteBlockTypeToJupyter(blockCopy.type);
+  const blockCopy = _cloneDeep(block)
+  const jupyterCellMetadata = { ...blockCopy.metadata, cell_id: blockCopy.id }
+  const jupyterCellType = convertDeepnoteBlockTypeToJupyter(blockCopy.type)
 
   if (jupyterCellType === 'code') {
-    const blockOutputs = blockCopy.outputs ?? [];
+    const blockOutputs = blockCopy.outputs ?? []
 
     if (Array.isArray(blockOutputs)) {
       blockOutputs.forEach(output => {
-        delete output.truncated;
-      });
+        delete output.truncated
+      })
     }
 
-    const source = createPythonCode(blockCopy);
+    const source = createPythonCode(blockCopy)
 
     const jupyterCell: ICodeCell = {
       cell_type: 'code',
       metadata: jupyterCellMetadata,
       execution_count: blockCopy.executionCount ?? null,
       outputs: blockOutputs,
-      source
-    };
-    return jupyterCell;
+      source,
+    }
+    return jupyterCell
   } else {
     // Markdown cell
-    const source = createMarkdown(blockCopy);
+    const source = createMarkdown(blockCopy)
     const jupyterCell: IMarkdownCell = {
       cell_type: 'markdown',
       metadata: {},
-      source
-    };
-    return jupyterCell;
+      source,
+    }
+    return jupyterCell
   }
 }