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

Author: Artmann

.github/workflows/ci.yml

@@ -11,8 +11,9 @@ env:
   NODE_VERSION: 22.x
 
 permissions:
-  contents: read
   actions: read
+  contents: read
+  packages: read
 
 concurrency:
   group: ${{ github.workflow }}-${{ github.ref }}
@@ -30,11 +31,15 @@ jobs:
       - name: Setup Node.js
         uses: actions/setup-node@v5
         with:
-          node-version: ${{ env.NODE_VERSION }}
           cache: 'npm'
+          node-version: ${{ env.NODE_VERSION }}
+          registry-url: 'https://npm.pkg.github.com'
+          scope: '@deepnote'
 
       - name: Install dependencies
         run: npm ci --prefer-offline --no-audit
+        env:
+          NODE_AUTH_TOKEN: ${{ secrets.GITHUB_TOKEN }}
 
       - name: Run ESLint
         run: npm run lint
@@ -53,11 +58,15 @@ jobs:
       - name: Setup Node.js
         uses: actions/setup-node@v5
         with:
-          node-version: ${{ env.NODE_VERSION }}
           cache: 'npm'
+          node-version: ${{ env.NODE_VERSION }}
+          registry-url: 'https://npm.pkg.github.com'
+          scope: '@deepnote'
 
       - name: Install dependencies
         run: npm ci --prefer-offline --no-audit
+        env:
+          NODE_AUTH_TOKEN: ${{ secrets.GITHUB_TOKEN }}
 
       - name: Compile TypeScript
         run: npm run compile
@@ -71,6 +80,7 @@ jobs:
 
       - name: Check licenses
         run: npm run check-licenses
+
   check_licenses:
     name: Check Licenses
     runs-on: ubuntu-latest
@@ -81,11 +91,15 @@ jobs:
       - name: Setup Node.js
         uses: actions/setup-node@v5
         with:
-          node-version: ${{ env.NODE_VERSION }}
           cache: 'npm'
+          node-version: ${{ env.NODE_VERSION }}
+          registry-url: 'https://npm.pkg.github.com'
+          scope: '@deepnote'
 
       - name: Install dependencies
         run: npm ci
+        env:
+          NODE_AUTH_TOKEN: ${{ secrets.GITHUB_TOKEN }}
 
       - name: Check Licenses
         run: npm run check-licenses

.github/workflows/copilot-setup-steps.yml

@@ -31,6 +31,7 @@ jobs:
     permissions:
       # If you want to clone the repository as part of your setup steps, for example to install dependencies, you'll need the `contents: read` permission. If you don't clone the repository in your setup steps, Copilot will do this for you automatically after the steps complete.
       contents: read
+      packages: read
 
     # You can define any steps you want, and they will run before the agent starts.
     # If you do not check out your code, Copilot will do this for you.
@@ -42,6 +43,8 @@ jobs:
         uses: actions/setup-node@v5
         with:
           node-version: ${{env.NODE_VERSION}}
+          registry-url: 'https://npm.pkg.github.com'
+          scope: '@deepnote'
 
       - name: Cache npm files
         uses: actions/cache@v4
@@ -59,6 +62,8 @@ jobs:
       # Let that happen in other jobs, this job needs to be fast
       - name: npm ci
         run: npm ci --ignore-scripts --prefer-offline --no-audit
+        env:
+          NODE_AUTH_TOKEN: ${{ secrets.GITHUB_TOKEN }}
 
       - name: npm run postinstall
         run: npm run postinstall

.github/workflows/deps.yml

@@ -10,8 +10,9 @@ env:
   NODE_VERSION: 22.x
 
 permissions:
-  contents: read
   actions: read
+  contents: read
+  packages: read
 
 concurrency:
   group: ${{ github.workflow }}-${{ github.ref }}
@@ -28,11 +29,15 @@ jobs:
       - name: Setup Node.js
         uses: actions/setup-node@v5
         with:
-          node-version: ${{ env.NODE_VERSION }}
           cache: 'npm'
+          node-version: ${{ env.NODE_VERSION }}
+          registry-url: 'https://npm.pkg.github.com'
+          scope: '@deepnote'
 
       - name: Install dependencies
         run: npm ci --prefer-offline --no-audit
+        env:
+          NODE_AUTH_TOKEN: ${{ secrets.GITHUB_TOKEN }}
 
       - name: Run security audit
         run: npm audit --json > audit-report.json || true

.npmrc

@@ -0,0 +1 @@
+@deepnote:registry=https://npm.pkg.github.com

CONTRIBUTING.md

@@ -32,6 +32,34 @@ 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:
+
+```text
+Extensions: Show Recommended Extensions
+```
+
+Then install all the extensions listed under "Workspace Recommendations".
+
+#### Configure Access to @deepnote/blocks Package
+
+The `@deepnote/blocks` package is published on GitHub Packages. To install it, you'll need to authenticate with GitHub:
+
+1. Create a GitHub Personal Access Token (classic) with `read:packages` scope:
+   - Go to https://github.com/settings/tokens
+   - Click "Generate new token (classic)"
+   - Select the `read:packages` scope
+   - Generate and copy the token
+
+2. Add the token to your global `.npmrc` file:
+   ```shell
+   echo "//npm.pkg.github.com/:_authToken=YOUR_TOKEN_HERE" >> ~/.npmrc
+   ```
+   Replace `YOUR_TOKEN_HERE` with your actual token.
+
+After completing these steps, you can install dependencies normally with `npm ci`. The project's `.npmrc` file is already configured to use GitHub Packages for the `@deepnote` scope.
+
 On Apple Silicon, you will have to use system versions of `libsodium` and `libzmq` instead of the bundled ones:
 
 ```shell

package-lock.json

@@ -2099,6 +2099,7 @@
     },
     "dependencies": {
         "@c4312/evt": "^0.1.1",
+        "@deepnote/blocks": "^1.1.0",
         "@enonic/fnv-plus": "^1.3.0",
         "@jupyter-widgets/base": "^6.0.8",
         "@jupyter-widgets/controls": "^5.0.9",