refactor: Migrate to serialization function from @deepnote/blocks instead of direct yaml serialization (#330)

Author: OlegWock

CONTRIBUTING.md

@@ -41,7 +41,7 @@ Extensions: Show Recommended Extensions
 
 Then install all the extensions listed under "Workspace Recommendations".
 
-On Apple Silicon, you will have to use system versions of `libsodium` and `libzmq` instead of the bundled ones:
+On Apple Silicon, you will have to use system versions of `libsodium` and `libzmq` instead of the bundled ones. Also, you'll need to use Python 3.11 or older.
 
 ```shell
 brew update

package-lock.json

@@ -2673,8 +2673,8 @@
     },
     "dependencies": {
         "@c4312/evt": "^0.1.1",
-        "@deepnote/blocks": "^1.4.0",
-        "@deepnote/convert": "^1.3.0",
+        "@deepnote/blocks": "^4.3.0",
+        "@deepnote/convert": "^3.2.0",
         "@deepnote/database-integrations": "^1.3.0",
         "@deepnote/sql-language-server": "^3.0.0",
         "@enonic/fnv-plus": "^1.3.0",

package.json

@@ -180,7 +180,7 @@ suite('ChartBigNumberBlockConverter', () => {
         });
 
         test('uses default value when metadata is invalid', () => {
-            const block: DeepnoteBlock = {
+            const block = {
                 blockGroup: 'test-group',
                 content: '',
                 id: 'block-123',
@@ -189,7 +189,7 @@ suite('ChartBigNumberBlockConverter', () => {
                 },
                 sortingKey: 'a0',
                 type: 'big-number'
-            };
+            } as unknown as DeepnoteBlock;
 
             const cell = converter.convertToCell(block);
 
@@ -199,14 +199,14 @@ suite('ChartBigNumberBlockConverter', () => {
         });
 
         test('uses default value when metadata is empty', () => {
-            const block: DeepnoteBlock = {
+            const block = {
                 blockGroup: 'test-group',
                 content: '',
                 id: 'block-123',
                 metadata: {},
                 sortingKey: 'a0',
                 type: 'big-number'
-            };
+            } as DeepnoteBlock;
 
             const cell = converter.convertToCell(block);
 
@@ -251,6 +251,8 @@ suite('ChartBigNumberBlockConverter', () => {
                 metadata: {
                     existing: 'value',
                     deepnote_big_number_value: 'old_value',
+                    deepnote_big_number_title: '',
+                    deepnote_big_number_format: '',
                     [DEEPNOTE_VSCODE_RAW_CONTENT_KEY]: 'old raw content'
                 },
                 sortingKey: 'a0',
@@ -379,7 +381,9 @@ suite('ChartBigNumberBlockConverter', () => {
                 id: 'block-123',
                 metadata: {
                     existing: 'value',
-                    deepnote_big_number_value: 'old_value'
+                    deepnote_big_number_value: 'old_value',
+                    deepnote_big_number_title: '',
+                    deepnote_big_number_format: ''
                 },
                 sortingKey: 'a0',
                 type: 'big-number'
@@ -394,14 +398,14 @@ suite('ChartBigNumberBlockConverter', () => {
         });
 
         test('applies defaults when metadata is missing', () => {
-            const block: DeepnoteBlock = {
+            const block = {
                 blockGroup: 'test-group',
                 content: 'old content',
                 id: 'block-123',
-                metadata: {},
+                metadata: undefined,
                 sortingKey: 'a0',
                 type: 'big-number'
-            };
+            } as unknown as DeepnoteBlock;
             const cell = new NotebookCellData(NotebookCellKind.Code, 'my_value', 'python');
 
             converter.applyChangesToBlock(block, cell);
@@ -428,7 +432,8 @@ suite('ChartBigNumberBlockConverter', () => {
                 metadata: {
                     custom: 'value',
                     deepnote_big_number_title: 'title',
-                    deepnote_big_number_value: 'old_value'
+                    deepnote_big_number_value: 'old_value',
+                    deepnote_big_number_format: ''
                 },
                 outputs: [],
                 sortingKey: 'a0',

src/notebooks/deepnote/converters/chartBigNumberBlockConverter.unit.test.ts

@@ -43,6 +43,7 @@ suite('CodeBlockConverter', () => {
                 content: 'print("hello")',
                 id: 'block-123',
                 sortingKey: 'a0',
+                metadata: {},
                 type: 'code'
             };
 
@@ -59,6 +60,7 @@ suite('CodeBlockConverter', () => {
                 content: '',
                 id: 'block-123',
                 sortingKey: 'a0',
+                metadata: {},
                 type: 'code'
             };
 
@@ -85,6 +87,7 @@ suite('CodeBlockConverter', () => {
                 content: 'import numpy as np\nimport pandas as pd\n\nprint("hello")',
                 id: 'block-123',
                 sortingKey: 'a0',
+                metadata: {},
                 type: 'code'
             };
 
@@ -101,6 +104,7 @@ suite('CodeBlockConverter', () => {
                 content: 'old content',
                 id: 'block-123',
                 sortingKey: 'a0',
+                metadata: {},
                 type: 'code'
             };
             const cell = new NotebookCellData(NotebookCellKind.Code, 'new content', 'python');
@@ -116,6 +120,7 @@ suite('CodeBlockConverter', () => {
                 content: 'old content',
                 id: 'block-123',
                 sortingKey: 'a0',
+                metadata: {},
                 type: 'code'
             };
             const cell = new NotebookCellData(NotebookCellKind.Code, '', 'python');