@mo36924/graphql-plugin 5.4.0 → 5.4.4

package/dist/index.cjs

@@ -1,10 +1,13 @@
 'use strict';
 
-var graphql = require('@mo36924/graphql');
-var graphql$1 = require('graphql');
+var graphql$1 = require('@mo36924/graphql');
+var graphql$2 = require('graphql');
 var graphqlLanguageService = require('graphql-language-service');
+var packages_graphqlPlugin_dist_volar = require('./volar.cjs');
+require('@volar/typescript/lib/quickstart/createLanguageServicePlugin');
+require('typescript');
 
-const init = ({ typescript: ts })=>{
+const graphql = ({ typescript: ts })=>{
     const isQueryTag = (node)=>ts.isTaggedTemplateExpression(node) && ts.isIdentifier(node.tag) && node.tag.escapedText === "gql";
     const getScriptElementKind = (completionItemKind)=>{
         switch(completionItemKind){
@@ -65,11 +68,8 @@ const init = ({ typescript: ts })=>{
     };
     return {
         create (info) {
-            const { schema } = graphql.getSchema(info.project.getCurrentDirectory());
+            const { schema } = graphql$1.getSchema(info.project.getCurrentDirectory());
             const languageService = info.languageService;
-            if (!schema) {
-                return languageService;
-            }
             const getSourceFile = (fileName)=>languageService.getProgram()?.getSourceFile(fileName);
             const normalizeQuery = (node)=>{
                 const template = node.template;
@@ -198,7 +198,7 @@ const init = ({ typescript: ts })=>{
                                     });
                                 }
                             } catch (error) {
-                                if (error instanceof graphql$1.GraphQLError) {
+                                if (error instanceof graphql$2.GraphQLError) {
                                     diagnostics.push({
                                         category: ts.DiagnosticCategory.Error,
                                         code: 9999,
@@ -220,4 +220,25 @@ const init = ({ typescript: ts })=>{
     };
 };
 
-module.exports = init;
+const pluginModuleFactory = (mod)=>{
+    const pluginModules = [
+        graphql(mod),
+        packages_graphqlPlugin_dist_volar.volar(mod)
+    ];
+    return {
+        create (createInfo) {
+            return pluginModules.reduce((languageService, module)=>module.create({
+                    ...createInfo,
+                    languageService
+                }), createInfo.languageService);
+        },
+        getExternalFiles (proj, updateLevel) {
+            return pluginModules.flatMap((module)=>module.getExternalFiles?.(proj, updateLevel) ?? []);
+        },
+        onConfigurationChanged (config) {
+            pluginModules.forEach((module)=>module.onConfigurationChanged?.(config));
+        }
+    };
+};
+
+module.exports = pluginModuleFactory;

package/dist/index.d.ts

@@ -1,5 +1,5 @@
-import ts__default from 'typescript';
+import ts from 'typescript';
 
-declare const init: ts__default.server.PluginModuleFactory;
+declare const pluginModuleFactory: ts.server.PluginModuleFactory;
 
-export { init as default };
+export { pluginModuleFactory as default };

package/dist/index.js

@@ -1,8 +1,11 @@
 import { getSchema } from '@mo36924/graphql';
 import { GraphQLError } from 'graphql';
 import { getDiagnostics, DIAGNOSTIC_SEVERITY, Position, getAutocompleteSuggestions, CompletionItemKind, getTokenAtPosition, getHoverInformation } from 'graphql-language-service';
+import { volar } from './volar.js';
+import '@volar/typescript/lib/quickstart/createLanguageServicePlugin';
+import 'typescript';
 
-const init = ({ typescript: ts })=>{
+const graphql = ({ typescript: ts })=>{
     const isQueryTag = (node)=>ts.isTaggedTemplateExpression(node) && ts.isIdentifier(node.tag) && node.tag.escapedText === "gql";
     const getScriptElementKind = (completionItemKind)=>{
         switch(completionItemKind){
@@ -65,9 +68,6 @@ const init = ({ typescript: ts })=>{
         create (info) {
             const { schema } = getSchema(info.project.getCurrentDirectory());
             const languageService = info.languageService;
-            if (!schema) {
-                return languageService;
-            }
             const getSourceFile = (fileName)=>languageService.getProgram()?.getSourceFile(fileName);
             const normalizeQuery = (node)=>{
                 const template = node.template;
@@ -218,4 +218,25 @@ const init = ({ typescript: ts })=>{
     };
 };
 
-export { init as default };
+const pluginModuleFactory = (mod)=>{
+    const pluginModules = [
+        graphql(mod),
+        volar(mod)
+    ];
+    return {
+        create (createInfo) {
+            return pluginModules.reduce((languageService, module)=>module.create({
+                    ...createInfo,
+                    languageService
+                }), createInfo.languageService);
+        },
+        getExternalFiles (proj, updateLevel) {
+            return pluginModules.flatMap((module)=>module.getExternalFiles?.(proj, updateLevel) ?? []);
+        },
+        onConfigurationChanged (config) {
+            pluginModules.forEach((module)=>module.onConfigurationChanged?.(config));
+        }
+    };
+};
+
+export { pluginModuleFactory as default };

package/dist/volar.cjs

@@ -0,0 +1,152 @@
+'use strict';
+
+var graphql = require('@mo36924/graphql');
+var createLanguageServicePlugin = require('@volar/typescript/lib/quickstart/createLanguageServicePlugin');
+var ts = require('typescript');
+
+/// <reference types="@volar/typescript" />
+const tag = "gql";
+const data = {
+    completion: true,
+    format: false,
+    navigation: true,
+    semantic: true,
+    structure: true,
+    verification: true
+};
+const getText = (snapshot)=>snapshot.getText(0, snapshot.getLength());
+const getCodeMappings = (text)=>[
+        {
+            sourceOffsets: [
+                0
+            ],
+            generatedOffsets: [
+                0
+            ],
+            lengths: [
+                text.length
+            ],
+            data
+        }
+    ];
+const getLanguagePlugin = (cwd)=>{
+    const { schema } = graphql.getSchema(cwd);
+    const transform = (sourceFile)=>{
+        const code = sourceFile.text;
+        const sourceOffsets = [
+            0
+        ];
+        const generatedOffsets = [
+            0
+        ];
+        const lengths = [];
+        let offset = 0;
+        let generatedCode = "";
+        ts.forEachChild(sourceFile, function cb(node) {
+            if (ts.isTaggedTemplateExpression(node) && ts.isIdentifier(node.tag) && node.tag.text === tag && !node.typeArguments) {
+                const typeArguments = graphql.getGqlTypeArguments(schema, node);
+                if (typeArguments) {
+                    const end = node.tag.end;
+                    generatedCode += code.substring(offset, end) + typeArguments;
+                    sourceOffsets.push(end);
+                    generatedOffsets.push(generatedCode.length);
+                    lengths.push(end - offset);
+                    offset = end;
+                }
+            }
+            ts.forEachChild(node, cb);
+        });
+        generatedCode += code.substring(offset);
+        lengths.push(code.length - offset);
+        const snapshot = ts.ScriptSnapshot.fromString(generatedCode);
+        return {
+            snapshot,
+            mappings: [
+                {
+                    sourceOffsets,
+                    generatedOffsets,
+                    lengths,
+                    data
+                }
+            ]
+        };
+    };
+    const languagePlugin = {
+        getLanguageId () {
+            return undefined;
+        },
+        createVirtualCode (scriptId, languageId, snapshot) {
+            if (languageId !== "typescript" && languageId !== "typescriptreact" || scriptId.includes("node_modules") || scriptId.endsWith(".d.ts")) {
+                return;
+            }
+            const text = getText(snapshot);
+            if (!text.includes("gql")) {
+                return {
+                    id: scriptId,
+                    languageId,
+                    snapshot,
+                    mappings: getCodeMappings(text)
+                };
+            }
+            const sourceFile = ts.createSourceFile(scriptId, text, 99);
+            const result = transform(sourceFile);
+            return {
+                id: scriptId,
+                languageId,
+                ...result,
+                source: {
+                    sourceFile,
+                    snapshot
+                }
+            };
+        },
+        updateVirtualCode (scriptId, virtualCode, snapshot) {
+            const text = getText(snapshot);
+            if (!text.includes("gql")) {
+                return {
+                    ...virtualCode,
+                    snapshot,
+                    mappings: getCodeMappings(text),
+                    source: undefined
+                };
+            }
+            let sourceFile;
+            if (virtualCode.source) {
+                const change = snapshot.getChangeRange(virtualCode.source.snapshot);
+                if (change) {
+                    sourceFile = virtualCode.source.sourceFile.update(text, change);
+                }
+            }
+            sourceFile ?? (sourceFile = ts.createSourceFile(scriptId, text, 99));
+            const result = transform(sourceFile);
+            return {
+                ...virtualCode,
+                ...result,
+                source: {
+                    sourceFile,
+                    snapshot
+                }
+            };
+        },
+        typescript: {
+            extraFileExtensions: [],
+            getServiceScript (code) {
+                const isTs = code.languageId === "typescript";
+                return {
+                    code,
+                    extension: isTs ? ".ts" : ".tsx",
+                    scriptKind: isTs ? ts.ScriptKind.TS : ts.ScriptKind.TSX
+                };
+            }
+        }
+    };
+    return languagePlugin;
+};
+const volar = createLanguageServicePlugin.createLanguageServicePlugin((_ts, info)=>({
+        languagePlugins: [
+            getLanguagePlugin(info.project.getCurrentDirectory())
+        ]
+    }));
+
+exports.getLanguagePlugin = getLanguagePlugin;
+exports.volar = volar;

package/dist/volar.d.ts

@@ -0,0 +1,12 @@
+import { LanguagePlugin, VirtualCode } from '@volar/language-core';
+import ts from 'typescript';
+
+declare const getLanguagePlugin: (cwd?: string) => LanguagePlugin<string, VirtualCode & {
+    source?: {
+        sourceFile: ts.SourceFile;
+        snapshot: ts.IScriptSnapshot;
+    };
+}>;
+declare const volar: ts.server.PluginModuleFactory;
+
+export { getLanguagePlugin, volar };

package/dist/volar.js

@@ -0,0 +1,149 @@
+import { getSchema, getGqlTypeArguments } from '@mo36924/graphql';
+import { createLanguageServicePlugin } from '@volar/typescript/lib/quickstart/createLanguageServicePlugin';
+import ts from 'typescript';
+
+/// <reference types="@volar/typescript" />
+const tag = "gql";
+const data = {
+    completion: true,
+    format: false,
+    navigation: true,
+    semantic: true,
+    structure: true,
+    verification: true
+};
+const getText = (snapshot)=>snapshot.getText(0, snapshot.getLength());
+const getCodeMappings = (text)=>[
+        {
+            sourceOffsets: [
+                0
+            ],
+            generatedOffsets: [
+                0
+            ],
+            lengths: [
+                text.length
+            ],
+            data
+        }
+    ];
+const getLanguagePlugin = (cwd)=>{
+    const { schema } = getSchema(cwd);
+    const transform = (sourceFile)=>{
+        const code = sourceFile.text;
+        const sourceOffsets = [
+            0
+        ];
+        const generatedOffsets = [
+            0
+        ];
+        const lengths = [];
+        let offset = 0;
+        let generatedCode = "";
+        ts.forEachChild(sourceFile, function cb(node) {
+            if (ts.isTaggedTemplateExpression(node) && ts.isIdentifier(node.tag) && node.tag.text === tag && !node.typeArguments) {
+                const typeArguments = getGqlTypeArguments(schema, node);
+                if (typeArguments) {
+                    const end = node.tag.end;
+                    generatedCode += code.substring(offset, end) + typeArguments;
+                    sourceOffsets.push(end);
+                    generatedOffsets.push(generatedCode.length);
+                    lengths.push(end - offset);
+                    offset = end;
+                }
+            }
+            ts.forEachChild(node, cb);
+        });
+        generatedCode += code.substring(offset);
+        lengths.push(code.length - offset);
+        const snapshot = ts.ScriptSnapshot.fromString(generatedCode);
+        return {
+            snapshot,
+            mappings: [
+                {
+                    sourceOffsets,
+                    generatedOffsets,
+                    lengths,
+                    data
+                }
+            ]
+        };
+    };
+    const languagePlugin = {
+        getLanguageId () {
+            return undefined;
+        },
+        createVirtualCode (scriptId, languageId, snapshot) {
+            if (languageId !== "typescript" && languageId !== "typescriptreact" || scriptId.includes("node_modules") || scriptId.endsWith(".d.ts")) {
+                return;
+            }
+            const text = getText(snapshot);
+            if (!text.includes("gql")) {
+                return {
+                    id: scriptId,
+                    languageId,
+                    snapshot,
+                    mappings: getCodeMappings(text)
+                };
+            }
+            const sourceFile = ts.createSourceFile(scriptId, text, 99);
+            const result = transform(sourceFile);
+            return {
+                id: scriptId,
+                languageId,
+                ...result,
+                source: {
+                    sourceFile,
+                    snapshot
+                }
+            };
+        },
+        updateVirtualCode (scriptId, virtualCode, snapshot) {
+            const text = getText(snapshot);
+            if (!text.includes("gql")) {
+                return {
+                    ...virtualCode,
+                    snapshot,
+                    mappings: getCodeMappings(text),
+                    source: undefined
+                };
+            }
+            let sourceFile;
+            if (virtualCode.source) {
+                const change = snapshot.getChangeRange(virtualCode.source.snapshot);
+                if (change) {
+                    sourceFile = virtualCode.source.sourceFile.update(text, change);
+                }
+            }
+            sourceFile ?? (sourceFile = ts.createSourceFile(scriptId, text, 99));
+            const result = transform(sourceFile);
+            return {
+                ...virtualCode,
+                ...result,
+                source: {
+                    sourceFile,
+                    snapshot
+                }
+            };
+        },
+        typescript: {
+            extraFileExtensions: [],
+            getServiceScript (code) {
+                const isTs = code.languageId === "typescript";
+                return {
+                    code,
+                    extension: isTs ? ".ts" : ".tsx",
+                    scriptKind: isTs ? ts.ScriptKind.TS : ts.ScriptKind.TSX
+                };
+            }
+        }
+    };
+    return languagePlugin;
+};
+const volar = createLanguageServicePlugin((_ts, info)=>({
+        languagePlugins: [
+            getLanguagePlugin(info.project.getCurrentDirectory())
+        ]
+    }));
+
+export { getLanguagePlugin, volar };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@mo36924/graphql-plugin",
   "type": "module",
-  "version": "5.4.0",
+  "version": "5.4.4",
   "description": "graphql-plugin",
   "author": "mo36924",
   "license": "MIT",
@@ -21,6 +21,12 @@
       "import": "./dist/index.js",
       "require": "./dist/index.cjs",
       "default": "./dist/index.js"
+    },
+    "./volar": {
+      "types": "./dist/volar.d.ts",
+      "import": "./dist/volar.js",
+      "require": "./dist/volar.cjs",
+      "default": "./dist/volar.js"
     }
   },
   "main": "./dist/index.cjs",
@@ -41,11 +47,12 @@
     "dist"
   ],
   "dependencies": {
-    "@mo36924/graphql": "^5.4.0",
+    "@mo36924/graphql": "^5.4.4",
+    "@volar/typescript": "^2.4.10",
     "graphql": "^16.9.0",
     "graphql-language-service": "^5.3.0",
     "typescript": "^5.6.3",
     "vscode-languageserver-types": "^3.17.5"
   },
-  "gitHead": "f1f8c8063a21b7aed3f6c29f6d574420abc25324"
+  "gitHead": "d441e61abb10c23ade3abb7217a9044e15fe767c"
 }