feat: Add support for all text blocks (using @deepnote/blocks).

Author: Artmann

CONTRIBUTING.md

@@ -32,6 +32,31 @@ cd vscode-jupyter
 
 ```
 
+#### Install Recommended Extensions
+
+First, install all the recommended VS Code extensions. Open the Command Palette (Ctrl+Shift+P or Cmd+Shift+P) and run:
+```
+Extensions: Show Recommended Extensions
+```
+Then install all the extensions listed under "Workspace Recommendations".
+
+#### Link the @deepnote/blocks Package
+
+To work with Deepnote notebooks, you'll need to link the `@deepnote/blocks` package:
+
+1. Clone the deepnote/deepnote repository:
+   ```shell
+   git clone https://github.com/deepnote/deepnote
+   cd deepnote/packages/blocks
+   pnpm link --global
+   ```
+
+2. Return to the vscode-deepnote repository root and link the package:
+   ```shell
+   cd /path/to/vscode-deepnote
+   pnpm link --global @deepnote/blocks
+   ```
+
 On Apple Silicon, you will have to use system versions of `libsodium` and `libzmq` instead of the bundled ones:
 
 ```shell

package.json

@@ -2311,5 +2311,6 @@
             "ws": "7.5.10"
         },
         "d3-color": "3.1.0"
-    }
+    },
+    "packageManager": "[email protected]+sha1.c85a4305534f76d461407b59277b954bac97b5c4"
 }

src/notebooks/deepnote/converters/textBlockConverter.ts

@@ -1,43 +1,46 @@
+import { createMarkdown, stripMarkdown } from '@deepnote/blocks';
 import { NotebookCellData, NotebookCellKind } from 'vscode';
 
 import type { BlockConverter } from './blockConverter';
 import type { DeepnoteBlock } from '../deepnoteTypes';
 
 export class TextBlockConverter implements BlockConverter {
-    protected static readonly textBlockTypes = ['text-cell-h1', 'text-cell-h2', 'text-cell-h3', 'text-cell-p'];
+    protected static readonly textBlockTypes = [
+        'text-cell-h1',
+        'text-cell-h2',
+        'text-cell-h3',
+        'text-cell-p',
+        'text-cell-bullet',
+        'text-cell-todo',
+        'text-cell-callout',
+        'separator'
+    ];
 
     applyChangesToBlock(block: DeepnoteBlock, cell: NotebookCellData): void {
-        let value = cell.value || '';
-
-        if (block.type === 'text-cell-h1') {
-            value = value.replace(/^\s*#\s+/, '');
-        } else if (block.type === 'text-cell-h2') {
-            value = value.replace(/^\s*##\s+/, '');
-        } else if (block.type === 'text-cell-h3') {
-            value = value.replace(/^\s*###\s+/, '');
+        // For separator, just keep empty content
+        if (block.type === 'separator') {
+            block.content = '';
+
+            return;
         }
 
-        block.content = value;
+        // Update block content with cell value first
+        block.content = cell.value || '';
+
+        // Then strip the markdown formatting to get plain text
+        const textValue = stripMarkdown(block);
+
+        block.content = textValue;
     }
 
     canConvert(blockType: string): boolean {
         return TextBlockConverter.textBlockTypes.includes(blockType.toLowerCase());
     }
 
     convertToCell(block: DeepnoteBlock): NotebookCellData {
-        // TODO: Use the library to handle the markdown conversion here in the future.
-
-        let value = block.content || '';
-
-        if (block.type === 'text-cell-h1') {
-            value = `# ${value}`;
-        } else if (block.type === 'text-cell-h2') {
-            value = `## ${value}`;
-        } else if (block.type === 'text-cell-h3') {
-            value = `### ${value}`;
-        }
+        const markdown = createMarkdown(block);
 
-        const cell = new NotebookCellData(NotebookCellKind.Markup, value, 'markdown');
+        const cell = new NotebookCellData(NotebookCellKind.Markup, markdown, 'markdown');
 
         return cell;
     }