feat: add astro support for vscode extension

graphql · Jan 20, 2024 · 934d21c · 934d21c
1 parent 61e2ee0
commit 934d21c
Show file tree

Hide file tree

Showing 5 changed files with 14 additions and 2 deletions.
diff --git a/.changeset/grumpy-moles-grin.md b/.changeset/grumpy-moles-grin.md
@@ -0,0 +1,7 @@
+---
+'graphql-language-service-server': minor
+'vscode-graphql': minor
+'vscode-graphql-syntax': minor
+---
+
+Add Astro file support
diff --git a/custom-words.txt b/custom-words.txt
@@ -65,6 +65,7 @@ yoshiakis
 
 // packages and tools
 argparse
+astro
 changesets
 clsx
 codemirror

diff --git a/packages/vscode-graphql/esbuild.js b/packages/vscode-graphql/esbuild.js
@@ -13,8 +13,10 @@ build({
   outdir: 'out/',
   format: 'cjs',
   sourcemap: true,
-  // Avoid bundling @vue/compiler-sfc's dynamic dependencies
   external: [
+    // Avoid bundling @astrojs/compiler since esbuild can't handle WASM correctly
+    '@astrojs/compiler',
+    // Avoid bundling @vue/compiler-sfc's dynamic dependencies
     'squirrelly',
     'teacup',
     'coffee-script',

diff --git a/packages/vscode-graphql/src/apis/statusBar.ts b/packages/vscode-graphql/src/apis/statusBar.ts
@@ -62,6 +62,7 @@ const statusBarActivationLanguageIds = [
   'typescriptreact',
   'vue',
   'svelte',
+  'astro',
 ];
 
 export const createStatusBar = () => {

diff --git a/packages/vscode-graphql/src/extension.ts b/packages/vscode-graphql/src/extension.ts
@@ -60,6 +60,7 @@ export async function activate(context: ExtensionContext) {
       { scheme: 'file', language: 'vue' },
       { scheme: 'file', language: 'vue-html' },
       { scheme: 'file', language: 'svelte' },
+      { scheme: 'file', language: 'astro' },
     ],
     synchronize: {
       // TODO: This should include any referenced graphql files inside the graphql-config
@@ -77,7 +78,7 @@ export async function activate(context: ExtensionContext) {
         // TODO: load ignore
         // These ignore node_modules and .git by default
         workspace.createFileSystemWatcher(
-          '**/{*.graphql,*.graphqls,*.gql,*.js,*.mjs,*.cjs,*.esm,*.es,*.es6,*.jsx,*.ts,*.tsx,*.vue,*.svelte,*.cts,*.mts,*.json}',
+          '**/{*.graphql,*.graphqls,*.gql,*.js,*.mjs,*.cjs,*.esm,*.es,*.es6,*.jsx,*.ts,*.tsx,*.vue,*.svelte,*.cts,*.mts,*.json,*.astro}',
         ),
       ],
     },