chore: merge main to sync lockfile with latest dependencies

- Resolves lockfile sync issue reported by user
- Brings in new features: dataframe renderer, vega charts, SQL integration
- Updates dependencies: @deepnote/blocks v1.2.0, react-vega, tailwindcss, etc.

Author: devin-ai-integration[bot]

.github/workflows/ci.yml

@@ -96,6 +96,7 @@ jobs:
     permissions:
       id-token: write
       contents: read
+      packages: read
     steps:
       - name: Checkout
         uses: actions/checkout@08c6903cd8c0fde910a37f88322edcfb5dd907a8 # v5

.gitignore

@@ -1,74 +1,75 @@
+__pycache__
+!build/
+!src/test/pythonEnvironments/**/*.*
+!yarn.lock
 .DS_Store
+.eslintcache
+.github_token
 .huskyrc.json
-dist
-out
+.nyc_output
+.pytest_cache
+.python-version
+.qlty/cache
+.qlty/logs
+.qlty/out
+.qlty/plugin_cachedir
+.qlty/results
+.vs/
+.vscode-test
+.vscode-test-web
 *.exe
-log.log
-**/node_modules
+*.i18n.json
+*.nls.*.json
+*.noseids
 *.pyc
 *.vsix
+*.xlf
+**/.mypy_cache/**
+**/.venv*/
+**/.vscode test/**
+**/.vscode-smoke/**
+**/.vscode-test/**
 **/.vscode/.ropeproject/**
+**/*.esbuild.meta.json
+**/node_modules
 **/testFiles/**/.cache/**
-*.noseids
-.nyc_output
-.vscode-test
-__pycache__
-npm-debug.log
-**/.mypy_cache/**
-!yarn.lock
+# Compilation of less to css
+# Esbuild files
+# Qlty cache directories
+# translation files
+bin/**
 coverage/
 cucumber-report.json
-**/.vscode-test/**
-**/.vscode test/**
-**/.vscode-smoke/**
-**/.venv*/
-port.txt
-precommit.hook
-pythonFiles/lib/**
 debug_coverage*/**
-languageServer/**
+debug*.log
+debugpy*.log
+dist
+l10n/
 languageServer.*/**
-bin/**
+languageServer/**
+log.log
 logs/**
+nodeLanguageServer.*/**
+nodeLanguageServer/**
+npm-debug.log
 obj/**
-.pytest_cache
-temp
-tmp
-src/test/datascience/tmp/**
-src/test/datascience/temp/**
-.python-version
-.vs/
-test-results*.xml
-testresults.json
-telemetry.json
-xunit-test-results.xml
-!build/
-debug*.log
-debugpy*.log
+out
+port.txt
+precommit.hook
 pydevd*.log
-vscode.d.ts
-vscode.proposed.*.d.ts
-nodeLanguageServer/**
-nodeLanguageServer.*/**
+pythonFiles/lib/**
 src/test/datascience/.venv*
-!src/test/pythonEnvironments/**/*.*
-.vscode-test-web
-.github_token
-# translation files
-*.xlf
-*.nls.*.json
-*.i18n.json
-l10n/
-# Esbuild files
-**/*.esbuild.meta.json
-# Compilation of less to css
+src/test/datascience/temp/**
+src/test/datascience/tmp/**
 src/webviews/webview-side/interactive-common/variableExplorerGrid.css
 src/webviews/webview-side/interactive-common/variableExplorerGrid.css.map
 src/webviews/webview-side/react-common/seti/seti.css
 src/webviews/webview-side/react-common/seti/seti.css.map
-# Qlty cache directories
-.qlty/cache
-.qlty/logs
-.qlty/out
-.qlty/plugin_cachedir
-.qlty/results
+telemetry.json
+temp
+test-results*.xml
+testresults.json
+tmp
+vscode.d.ts
+vscode.proposed.*.d.ts
+xunit-test-results.xml

.husky/post-checkout

@@ -0,0 +1 @@
+npm ci

.husky/pre-commit

@@ -1,17 +1 @@
-#!/bin/sh
-if npm list prettier | grep -q prettier@ ; then
-    echo husky - prettier is installed
-else
-    echo husky - prettier is not installed, skipping format check
-    exit 0
-fi
-
-# run prettier on all .ts files that are in the commit
-changed=$(git diff --diff-filter=ACM --cached --name-only | grep .ts$ | tr '\n' ' ')
-
-if [ -z "$changed" ]; then
-    echo husky - No modified files to check
-    exit 0
-fi
-
-npx prettier $changed --check
+npm exec lint-staged

.husky/pre-push

@@ -0,0 +1,5 @@
+branch_name="$(git symbolic-ref --short HEAD)"
+if [ "$branch_name" = "main" ]; then
+  echo "Pushing directly to main is not allowed."
+  exit 1
+fi

build/esbuild/build.ts

@@ -9,6 +9,9 @@ import { lessLoader } from 'esbuild-plugin-less';
 import fs from 'fs-extra';
 import { getZeroMQPreBuildsFoldersToKeep, getBundleConfiguration, bundleConfiguration } from '../webpack/common';
 import ImportGlobPlugin from 'esbuild-plugin-import-glob';
+import postcss from 'postcss';
+import tailwindcss from '@tailwindcss/postcss';
+import autoprefixer from 'autoprefixer';
 const plugin = require('node-stdlib-browser/helpers/esbuild/plugin');
 const stdLibBrowser = require('node-stdlib-browser');
 
@@ -45,6 +48,8 @@ const commonExternals = [
     'vscode',
     'commonjs',
     'node:crypto',
+    'node:fs/promises',
+    'node:path',
     'vscode-jsonrpc', // Used by a few modules, might as well pull this out, instead of duplicating it in separate bundles.
     // Ignore telemetry specific packages that are not required.
     'applicationinsights-native-metrics',
@@ -86,7 +91,11 @@ const loader: { [ext: string]: Loader } = {
 
 // https://github.com/evanw/esbuild/issues/20#issuecomment-802269745
 // https://github.com/hyrious/esbuild-plugin-style
-function style({ minify = true, charset = 'utf8' }: StylePluginOptions = {}): Plugin {
+function style({
+    minify = true,
+    charset = 'utf8',
+    enableTailwind = false
+}: StylePluginOptions & { enableTailwind?: boolean } = {}): Plugin {
     return {
         name: 'style',
         setup({ onResolve, onLoad }) {
@@ -132,6 +141,32 @@ function style({ minify = true, charset = 'utf8' }: StylePluginOptions = {}): Pl
             }));
 
             onLoad({ filter: /.*/, namespace: 'style-content' }, async (args) => {
+                // Process with PostCSS/Tailwind if enabled and file exists
+                if (enableTailwind && args.path.includes('tailwind.css') && fs.existsSync(args.path)) {
+                    try {
+                        const cssContent = await fs.readFile(args.path, 'utf8');
+                        const result = await postcss([tailwindcss, autoprefixer]).process(cssContent, {
+                            from: args.path,
+                            to: args.path
+                        });
+
+                        const options = { ...opt, stdin: { contents: result.css, loader: 'css' } };
+                        options.loader = options.loader || {};
+                        // Add the same loaders we add for other places
+                        Object.keys(loader).forEach((key) => {
+                            if (options.loader && !options.loader[key]) {
+                                options.loader[key] = loader[key];
+                            }
+                        });
+                        const { errors, warnings, outputFiles } = await esbuild.build(options);
+                        return { errors, warnings, contents: outputFiles![0].text, loader: 'text' };
+                    } catch (error) {
+                        console.error(`PostCSS processing failed for ${args.path}:`, error);
+                        throw error;
+                    }
+                }
+
+                // Default behavior for other CSS files
                 const options = { entryPoints: [args.path], ...opt };
                 options.loader = options.loader || {};
                 // Add the same loaders we add for other places
@@ -140,7 +175,9 @@ function style({ minify = true, charset = 'utf8' }: StylePluginOptions = {}): Pl
                         options.loader[key] = loader[key];
                     }
                 });
+
                 const { errors, warnings, outputFiles } = await esbuild.build(options);
+
                 return { errors, warnings, contents: outputFiles![0].text, loader: 'text' };
             });
         }
@@ -158,7 +195,9 @@ function createConfig(
     const plugins: Plugin[] = [];
     let define: SameShape<BuildOptions, BuildOptions>['define'] = undefined;
     if (target === 'web') {
-        plugins.push(style());
+        // Enable Tailwind processing for dataframe renderer
+        const enableTailwind = source.includes(path.join('dataframe-renderer', 'index.ts'));
+        plugins.push(style({ enableTailwind }));
         plugins.push(lessLoader());
 
         define = {
@@ -287,6 +326,16 @@ async function buildAll() {
             ),
             { target: 'web', watch: watchAll }
         ),
+        build(
+            path.join(extensionFolder, 'src', 'webviews', 'webview-side', 'dataframe-renderer', 'index.ts'),
+            path.join(extensionFolder, 'dist', 'webviews', 'webview-side', 'dataframeRenderer', 'dataframeRenderer.js'),
+            { target: 'web', watch: isWatchMode }
+        ),
+        build(
+            path.join(extensionFolder, 'src', 'webviews', 'webview-side', 'vega-renderer', 'index.ts'),
+            path.join(extensionFolder, 'dist', 'webviews', 'webview-side', 'vegaRenderer', 'vegaRenderer.js'),
+            { target: 'web', watch: isWatchMode }
+        ),
         build(
             path.join(extensionFolder, 'src', 'webviews', 'webview-side', 'variable-view', 'index.tsx'),
             path.join(extensionFolder, 'dist', 'webviews', 'webview-side', 'viewers', 'variableView.js'),
@@ -301,6 +350,11 @@ async function buildAll() {
             path.join(extensionFolder, 'src', 'webviews', 'webview-side', 'data-explorer', 'index.tsx'),
             path.join(extensionFolder, 'dist', 'webviews', 'webview-side', 'viewers', 'dataExplorer.js'),
             { target: 'web', watch: watchAll }
+        ),
+        build(
+            path.join(extensionFolder, 'src', 'webviews', 'webview-side', 'integrations', 'index.tsx'),
+            path.join(extensionFolder, 'dist', 'webviews', 'webview-side', 'integrations', 'index.js'),
+            { target: 'web', watch: watchAll }
         )
     );