@css-modules-kit/ts-plugin 0.0.1

package/dist/language-service/feature/semantic-diagnostic.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"semantic-diagnostic.d.ts","sourceRoot":"","sources":["../../../src/language-service/feature/semantic-diagnostic.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,KAAK,EAAE,SAAS,EAAE,aAAa,EAAE,cAAc,EAAE,QAAQ,EAAsB,MAAM,uBAAuB,CAAC;AAEpH,OAAO,EAAE,MAAM,YAAY,CAAC;AAK5B,wBAAgB,sBAAsB,CACpC,QAAQ,EAAE,QAAQ,CAAC,MAAM,CAAC,EAC1B,eAAe,EAAE,EAAE,CAAC,eAAe,EACnC,aAAa,EAAE,aAAa,EAC5B,QAAQ,EAAE,QAAQ,EAClB,cAAc,EAAE,cAAc,EAC9B,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,SAAS,GAAG,SAAS,GACpD,EAAE,CAAC,eAAe,CAAC,wBAAwB,CAAC,CAc9C"}

package/dist/language-service/feature/semantic-diagnostic.js

@@ -0,0 +1,43 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getSemanticDiagnostics = getSemanticDiagnostics;
+const core_1 = require("@css-modules-kit/core");
+const typescript_1 = __importDefault(require("typescript"));
+const language_plugin_js_1 = require("../../language-plugin.js");
+const util_js_1 = require("../../util.js");
+// eslint-disable-next-line max-params
+function getSemanticDiagnostics(language, languageService, exportBuilder, resolver, matchesPattern, getCSSModule) {
+    return (fileName) => {
+        const prior = languageService.getSemanticDiagnostics(fileName);
+        const script = language.scripts.get(fileName);
+        if ((0, language_plugin_js_1.isCSSModuleScript)(script)) {
+            const virtualCode = script.generated.root;
+            const cssModule = virtualCode[language_plugin_js_1.CMK_DATA_KEY].cssModule;
+            const diagnostics = (0, core_1.checkCSSModule)(cssModule, exportBuilder, matchesPattern, resolver, getCSSModule);
+            const sourceFile = languageService.getProgram().getSourceFile(fileName);
+            const tsDiagnostics = diagnostics.map((diagnostic) => convertDiagnostic(diagnostic, sourceFile));
+            prior.push(...tsDiagnostics);
+        }
+        return prior;
+    };
+}
+function convertDiagnostic(diagnostic, sourceFile) {
+    const start = diagnostic.start ?
+        typescript_1.default.getPositionOfLineAndCharacter(sourceFile, diagnostic.start.line - 1, diagnostic.start.column - 1)
+        : undefined;
+    const length = start !== undefined && diagnostic.end ?
+        typescript_1.default.getPositionOfLineAndCharacter(sourceFile, diagnostic.end.line - 1, diagnostic.end.column - 1) - start
+        : undefined;
+    return {
+        file: sourceFile,
+        start,
+        category: (0, util_js_1.convertErrorCategory)(diagnostic.category),
+        length,
+        messageText: diagnostic.text,
+        code: util_js_1.TS_ERROR_CODE_FOR_CMK_ERROR,
+    };
+}
+//# sourceMappingURL=semantic-diagnostic.js.map

package/dist/language-service/feature/semantic-diagnostic.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"semantic-diagnostic.js","sourceRoot":"","sources":["../../../src/language-service/feature/semantic-diagnostic.ts"],"names":[],"mappings":";;;;;AAQA,wDAqBC;AA3BD,gDAAuD;AACvD,4DAA4B;AAC5B,iEAA2E;AAC3E,2CAAkF;AAElF,sCAAsC;AACtC,SAAgB,sBAAsB,CACpC,QAA0B,EAC1B,eAAmC,EACnC,aAA4B,EAC5B,QAAkB,EAClB,cAA8B,EAC9B,YAAqD;IAErD,OAAO,CAAC,QAAgB,EAAE,EAAE;QAC1B,MAAM,KAAK,GAAG,eAAe,CAAC,sBAAsB,CAAC,QAAQ,CAAC,CAAC;QAC/D,MAAM,MAAM,GAAG,QAAQ,CAAC,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;QAC9C,IAAI,IAAA,sCAAiB,EAAC,MAAM,CAAC,EAAE,CAAC;YAC9B,MAAM,WAAW,GAAG,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC;YAC1C,MAAM,SAAS,GAAG,WAAW,CAAC,iCAAY,CAAC,CAAC,SAAS,CAAC;YACtD,MAAM,WAAW,GAAG,IAAA,qBAAc,EAAC,SAAS,EAAE,aAAa,EAAE,cAAc,EAAE,QAAQ,EAAE,YAAY,CAAC,CAAC;YACrG,MAAM,UAAU,GAAG,eAAe,CAAC,UAAU,EAAG,CAAC,aAAa,CAAC,QAAQ,CAAE,CAAC;YAC1E,MAAM,aAAa,GAAG,WAAW,CAAC,GAAG,CAAC,CAAC,UAAU,EAAE,EAAE,CAAC,iBAAiB,CAAC,UAAU,EAAE,UAAU,CAAC,CAAC,CAAC;YACjG,KAAK,CAAC,IAAI,CAAC,GAAG,aAAa,CAAC,CAAC;QAC/B,CAAC;QACD,OAAO,KAAK,CAAC;IACf,CAAC,CAAC;AACJ,CAAC;AAED,SAAS,iBAAiB,CAAC,UAA8B,EAAE,UAAyB;IAClF,MAAM,KAAK,GACT,UAAU,CAAC,KAAK,CAAC,CAAC;QAChB,oBAAE,CAAC,6BAA6B,CAAC,UAAU,EAAE,UAAU,CAAC,KAAK,CAAC,IAAI,GAAG,CAAC,EAAE,UAAU,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC;QACtG,CAAC,CAAC,SAAS,CAAC;IACd,MAAM,MAAM,GACV,KAAK,KAAK,SAAS,IAAI,UAAU,CAAC,GAAG,CAAC,CAAC;QACrC,oBAAE,CAAC,6BAA6B,CAAC,UAAU,EAAE,UAAU,CAAC,GAAG,CAAC,IAAI,GAAG,CAAC,EAAE,UAAU,CAAC,GAAG,CAAC,MAAM,GAAG,CAAC,CAAC,GAAG,KAAK;QAC1G,CAAC,CAAC,SAAS,CAAC;IACd,OAAO;QACL,IAAI,EAAE,UAAU;QAChB,KAAK;QACL,QAAQ,EAAE,IAAA,8BAAoB,EAAC,UAAU,CAAC,QAAQ,CAAC;QACnD,MAAM;QACN,WAAW,EAAE,UAAU,CAAC,IAAI;QAC5B,IAAI,EAAE,qCAA2B;KAClC,CAAC;AACJ,CAAC"}

package/dist/language-service/feature/syntactic-diagnostic.d.ts

@@ -0,0 +1,4 @@
+import type { Language } from '@volar/language-core';
+import ts from 'typescript';
+export declare function getSyntacticDiagnostics(language: Language<string>, languageService: ts.LanguageService): ts.LanguageService['getSyntacticDiagnostics'];
+//# sourceMappingURL=syntactic-diagnostic.d.ts.map

package/dist/language-service/feature/syntactic-diagnostic.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"syntactic-diagnostic.d.ts","sourceRoot":"","sources":["../../../src/language-service/feature/syntactic-diagnostic.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAErD,OAAO,EAAE,MAAM,YAAY,CAAC;AAI5B,wBAAgB,uBAAuB,CACrC,QAAQ,EAAE,QAAQ,CAAC,MAAM,CAAC,EAC1B,eAAe,EAAE,EAAE,CAAC,eAAe,GAClC,EAAE,CAAC,eAAe,CAAC,yBAAyB,CAAC,CAa/C"}

package/dist/language-service/feature/syntactic-diagnostic.js

@@ -0,0 +1,38 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getSyntacticDiagnostics = getSyntacticDiagnostics;
+const typescript_1 = __importDefault(require("typescript"));
+const language_plugin_js_1 = require("../../language-plugin.js");
+const util_js_1 = require("../../util.js");
+function getSyntacticDiagnostics(language, languageService) {
+    return (fileName) => {
+        const prior = languageService.getSyntacticDiagnostics(fileName);
+        const script = language.scripts.get(fileName);
+        if ((0, language_plugin_js_1.isCSSModuleScript)(script)) {
+            const virtualCode = script.generated.root;
+            const diagnostics = virtualCode[language_plugin_js_1.CMK_DATA_KEY].diagnostics;
+            const sourceFile = languageService.getProgram().getSourceFile(fileName);
+            const tsDiagnostics = diagnostics.map((diagnostic) => convertDiagnostic(diagnostic, sourceFile));
+            prior.push(...tsDiagnostics);
+        }
+        return prior;
+    };
+}
+function convertDiagnostic(diagnostic, sourceFile) {
+    const start = typescript_1.default.getPositionOfLineAndCharacter(sourceFile, diagnostic.start.line - 1, diagnostic.start.column - 1);
+    const length = diagnostic.end ?
+        typescript_1.default.getPositionOfLineAndCharacter(sourceFile, diagnostic.end.line - 1, diagnostic.end.column - 1) - start
+        : 1;
+    return {
+        file: sourceFile,
+        start,
+        category: (0, util_js_1.convertErrorCategory)(diagnostic.category),
+        length,
+        messageText: diagnostic.text,
+        code: util_js_1.TS_ERROR_CODE_FOR_CMK_ERROR,
+    };
+}
+//# sourceMappingURL=syntactic-diagnostic.js.map

package/dist/language-service/feature/syntactic-diagnostic.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"syntactic-diagnostic.js","sourceRoot":"","sources":["../../../src/language-service/feature/syntactic-diagnostic.ts"],"names":[],"mappings":";;;;;AAMA,0DAgBC;AApBD,4DAA4B;AAC5B,iEAA2E;AAC3E,2CAAkF;AAElF,SAAgB,uBAAuB,CACrC,QAA0B,EAC1B,eAAmC;IAEnC,OAAO,CAAC,QAAgB,EAAE,EAAE;QAC1B,MAAM,KAAK,GAAG,eAAe,CAAC,uBAAuB,CAAC,QAAQ,CAAC,CAAC;QAChE,MAAM,MAAM,GAAG,QAAQ,CAAC,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;QAC9C,IAAI,IAAA,sCAAiB,EAAC,MAAM,CAAC,EAAE,CAAC;YAC9B,MAAM,WAAW,GAAG,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC;YAC1C,MAAM,WAAW,GAAG,WAAW,CAAC,iCAAY,CAAC,CAAC,WAAW,CAAC;YAC1D,MAAM,UAAU,GAAG,eAAe,CAAC,UAAU,EAAG,CAAC,aAAa,CAAC,QAAQ,CAAE,CAAC;YAC1E,MAAM,aAAa,GAAG,WAAW,CAAC,GAAG,CAAC,CAAC,UAAU,EAAE,EAAE,CAAC,iBAAiB,CAAC,UAAU,EAAE,UAAU,CAAC,CAAC,CAAC;YACjG,KAAK,CAAC,IAAI,CAAC,GAAG,aAAa,CAAC,CAAC;QAC/B,CAAC;QACD,OAAO,KAAK,CAAC;IACf,CAAC,CAAC;AACJ,CAAC;AAED,SAAS,iBAAiB,CAAC,UAA+B,EAAE,UAAyB;IACnF,MAAM,KAAK,GAAG,oBAAE,CAAC,6BAA6B,CAAC,UAAU,EAAE,UAAU,CAAC,KAAK,CAAC,IAAI,GAAG,CAAC,EAAE,UAAU,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;IACnH,MAAM,MAAM,GACV,UAAU,CAAC,GAAG,CAAC,CAAC;QACd,oBAAE,CAAC,6BAA6B,CAAC,UAAU,EAAE,UAAU,CAAC,GAAG,CAAC,IAAI,GAAG,CAAC,EAAE,UAAU,CAAC,GAAG,CAAC,MAAM,GAAG,CAAC,CAAC,GAAG,KAAK;QAC1G,CAAC,CAAC,CAAC,CAAC;IACN,OAAO;QACL,IAAI,EAAE,UAAU;QAChB,KAAK;QACL,QAAQ,EAAE,IAAA,8BAAoB,EAAC,UAAU,CAAC,QAAQ,CAAC;QACnD,MAAM;QACN,WAAW,EAAE,UAAU,CAAC,IAAI;QAC5B,IAAI,EAAE,qCAA2B;KAClC,CAAC;AACJ,CAAC"}

package/dist/language-service/proxy.d.ts

@@ -0,0 +1,5 @@
+import type { Language } from '@volar/language-core';
+import { type MatchesPattern, type Resolver } from '@css-modules-kit/core';
+import type ts from 'typescript';
+export declare function proxyLanguageService(language: Language<string>, languageService: ts.LanguageService, project: ts.server.Project, resolver: Resolver, matchesPattern: MatchesPattern): ts.LanguageService;
+//# sourceMappingURL=proxy.d.ts.map

package/dist/language-service/proxy.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"proxy.d.ts","sourceRoot":"","sources":["../../src/language-service/proxy.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,EAAuB,KAAK,cAAc,EAAE,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAChG,OAAO,KAAK,EAAE,MAAM,YAAY,CAAC;AAQjC,wBAAgB,oBAAoB,CAClC,QAAQ,EAAE,QAAQ,CAAC,MAAM,CAAC,EAC1B,eAAe,EAAE,EAAE,CAAC,eAAe,EACnC,OAAO,EAAE,EAAE,CAAC,MAAM,CAAC,OAAO,EAC1B,QAAQ,EAAE,QAAQ,EAClB,cAAc,EAAE,cAAc,GAC7B,EAAE,CAAC,eAAe,CAkCpB"}

package/dist/language-service/proxy.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.proxyLanguageService = proxyLanguageService;
+const core_1 = require("@css-modules-kit/core");
+const language_plugin_js_1 = require("../language-plugin.js");
+const code_fix_js_1 = require("./feature/code-fix.js");
+const completion_js_1 = require("./feature/completion.js");
+const refactor_js_1 = require("./feature/refactor.js");
+const semantic_diagnostic_js_1 = require("./feature/semantic-diagnostic.js");
+const syntactic_diagnostic_js_1 = require("./feature/syntactic-diagnostic.js");
+function proxyLanguageService(language, languageService, project, resolver, matchesPattern) {
+    const proxy = Object.create(null);
+    for (const k of Object.keys(languageService)) {
+        const x = languageService[k];
+        // @ts-expect-error - JS runtime trickery which is tricky to type tersely
+        // eslint-disable-next-line @typescript-eslint/no-empty-object-type
+        proxy[k] = (...args) => x.apply(languageService, args);
+    }
+    const getCSSModule = (path) => {
+        const script = language.scripts.get(path);
+        if ((0, language_plugin_js_1.isCSSModuleScript)(script)) {
+            return script.generated.root[language_plugin_js_1.CMK_DATA_KEY].cssModule;
+        }
+        return undefined;
+    };
+    const exportBuilder = (0, core_1.createExportBuilder)({ getCSSModule, resolver, matchesPattern });
+    proxy.getSyntacticDiagnostics = (0, syntactic_diagnostic_js_1.getSyntacticDiagnostics)(language, languageService);
+    proxy.getSemanticDiagnostics = (0, semantic_diagnostic_js_1.getSemanticDiagnostics)(language, languageService, exportBuilder, resolver, matchesPattern, getCSSModule);
+    proxy.getApplicableRefactors = (0, refactor_js_1.getApplicableRefactors)(languageService, project);
+    proxy.getEditsForRefactor = (0, refactor_js_1.getEditsForRefactor)(languageService);
+    proxy.getCompletionsAtPosition = (0, completion_js_1.getCompletionsAtPosition)(languageService);
+    proxy.getCodeFixesAtPosition = (0, code_fix_js_1.getCodeFixesAtPosition)(language, languageService, project);
+    return proxy;
+}
+//# sourceMappingURL=proxy.js.map

package/dist/language-service/proxy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"proxy.js","sourceRoot":"","sources":["../../src/language-service/proxy.ts"],"names":[],"mappings":";;AAUA,oDAwCC;AAjDD,gDAAgG;AAEhG,8DAAwE;AACxE,uDAA+D;AAC/D,2DAAmE;AACnE,uDAAoF;AACpF,6EAA0E;AAC1E,+EAA4E;AAE5E,SAAgB,oBAAoB,CAClC,QAA0B,EAC1B,eAAmC,EACnC,OAA0B,EAC1B,QAAkB,EAClB,cAA8B;IAE9B,MAAM,KAAK,GAAuB,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAEtD,KAAK,MAAM,CAAC,IAAI,MAAM,CAAC,IAAI,CAAC,eAAe,CAAiC,EAAE,CAAC;QAC7E,MAAM,CAAC,GAAG,eAAe,CAAC,CAAC,CAAE,CAAC;QAC9B,yEAAyE;QACzE,mEAAmE;QACnE,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,IAAU,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,eAAe,EAAE,IAAI,CAAC,CAAC;IAC/D,CAAC;IAED,MAAM,YAAY,GAAG,CAAC,IAAY,EAAE,EAAE;QACpC,MAAM,MAAM,GAAG,QAAQ,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;QAC1C,IAAI,IAAA,sCAAiB,EAAC,MAAM,CAAC,EAAE,CAAC;YAC9B,OAAO,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,iCAAY,CAAC,CAAC,SAAS,CAAC;QACvD,CAAC;QACD,OAAO,SAAS,CAAC;IACnB,CAAC,CAAC;IACF,MAAM,aAAa,GAAG,IAAA,0BAAmB,EAAC,EAAE,YAAY,EAAE,QAAQ,EAAE,cAAc,EAAE,CAAC,CAAC;IAEtF,KAAK,CAAC,uBAAuB,GAAG,IAAA,iDAAuB,EAAC,QAAQ,EAAE,eAAe,CAAC,CAAC;IACnF,KAAK,CAAC,sBAAsB,GAAG,IAAA,+CAAsB,EACnD,QAAQ,EACR,eAAe,EACf,aAAa,EACb,QAAQ,EACR,cAAc,EACd,YAAY,CACb,CAAC;IACF,KAAK,CAAC,sBAAsB,GAAG,IAAA,oCAAsB,EAAC,eAAe,EAAE,OAAO,CAAC,CAAC;IAChF,KAAK,CAAC,mBAAmB,GAAG,IAAA,iCAAmB,EAAC,eAAe,CAAC,CAAC;IACjE,KAAK,CAAC,wBAAwB,GAAG,IAAA,wCAAwB,EAAC,eAAe,CAAC,CAAC;IAC3E,KAAK,CAAC,sBAAsB,GAAG,IAAA,oCAAsB,EAAC,QAAQ,EAAE,eAAe,EAAE,OAAO,CAAC,CAAC;IAE1F,OAAO,KAAK,CAAC;AACf,CAAC"}

package/dist/language-service.d.ts

@@ -0,0 +1,4 @@
+import type { Language } from '@volar/language-core';
+import ts from 'typescript';
+export declare function proxyLanguageService(language: Language<string>, languageService: ts.LanguageService, project: ts.server.Project): ts.LanguageService;
+//# sourceMappingURL=language-service.d.ts.map

package/dist/language-service.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"language-service.d.ts","sourceRoot":"","sources":["../src/language-service.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAErD,OAAO,EAAE,MAAM,YAAY,CAAC;AAY5B,wBAAgB,oBAAoB,CAClC,QAAQ,EAAE,QAAQ,CAAC,MAAM,CAAC,EAC1B,eAAe,EAAE,EAAE,CAAC,eAAe,EACnC,OAAO,EAAE,EAAE,CAAC,MAAM,CAAC,OAAO,GACzB,EAAE,CAAC,eAAe,CAmGpB"}

package/dist/language-service.js

@@ -0,0 +1,125 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.proxyLanguageService = proxyLanguageService;
+const typescript_1 = __importDefault(require("typescript"));
+const applicable_refactor_js_1 = require("./applicable-refactor.js");
+const ast_js_1 = require("./ast.js");
+const file_text_change_js_1 = require("./file-text-change.js");
+const language_plugin_js_1 = require("./language-plugin.js");
+const util_js_1 = require("./util.js");
+const ERROR_CODE = 0;
+const STYLES_IMPORT_NAME = 'styles';
+// ref: https://github.com/microsoft/TypeScript/blob/220706eb0320ff46fad8bf80a5e99db624ee7dfb/src/compiler/diagnosticMessages.json#L2051-L2054
+const PROPERTY_DOES_NOT_EXIST_ERROR_CODE = 2339;
+function proxyLanguageService(language, languageService, project) {
+    const proxy = Object.create(null);
+    for (const k of Object.keys(languageService)) {
+        const x = languageService[k];
+        // @ts-expect-error - JS runtime trickery which is tricky to type tersely
+        // eslint-disable-next-line @typescript-eslint/no-empty-object-type
+        proxy[k] = (...args) => x.apply(languageService, args);
+    }
+    proxy.getSyntacticDiagnostics = (fileName) => {
+        const prior = languageService.getSyntacticDiagnostics(fileName);
+        const script = language.scripts.get(fileName);
+        if (!(0, language_plugin_js_1.isCSSModuleScript)(script))
+            return prior;
+        const virtualCode = script.generated.root;
+        const diagnostics = virtualCode[language_plugin_js_1.HCM_DATA_KEY].diagnostics;
+        const sourceFile = languageService.getProgram().getSourceFile(fileName);
+        const tsDiagnostics = diagnostics.map((diagnostic) => convertDiagnostic(diagnostic, sourceFile));
+        return [...prior, ...tsDiagnostics];
+    };
+    proxy.getApplicableRefactors = (fileName, positionOrRange, preferences) => {
+        const prior = languageService.getApplicableRefactors(fileName, positionOrRange, preferences) ?? [];
+        const sourceFile = project.getSourceFile(project.projectService.toPath(fileName));
+        if (!sourceFile)
+            return prior;
+        const result = languageService.getMoveToRefactoringFileSuggestions(fileName, 0, preferences);
+        const cssFileName = (0, util_js_1.getCssFileName)(fileName);
+        if (!project.fileExists(cssFileName)) {
+            prior.push(applicable_refactor_js_1.createCssModuleFileRefactor);
+        }
+        return prior;
+    };
+    // eslint-disable-next-line max-params
+    proxy.getEditsForRefactor = (fileName, formatOptions, positionOrRange, refactorName, actionName, preferences) => {
+        const prior = languageService.getEditsForRefactor(fileName, formatOptions, positionOrRange, refactorName, actionName, preferences) ?? { edits: [] };
+        const sourceFile = project.getSourceFile(project.projectService.toPath(fileName));
+        if (!sourceFile)
+            return prior;
+        const cssFileName = (0, util_js_1.getCssFileName)(fileName);
+        if (refactorName === applicable_refactor_js_1.createCssModuleFileRefactor.name) {
+            prior.edits.push((0, file_text_change_js_1.createNewCssModuleFileTextChange)(cssFileName));
+        }
+        return prior;
+    };
+    proxy.getCompletionsAtPosition = (fileName, position, options, formattingSettings) => {
+        const prior = languageService.getCompletionsAtPosition(fileName, position, options, formattingSettings);
+        if (!(0, util_js_1.isTypeScriptFile)(fileName) || !prior?.entries)
+            return prior;
+        const cssFileName = (0, util_js_1.getCssFileName)(fileName);
+        for (const entry of prior.entries) {
+            if (entry.name === STYLES_IMPORT_NAME &&
+                entry.data &&
+                // eslint-disable-next-line @typescript-eslint/no-unsafe-enum-comparison
+                entry.data.exportName === typescript_1.default.InternalSymbolName.Default &&
+                entry.data.fileName === cssFileName) {
+                // NOTE: This is a hack to make the completion item appear at the top
+                entry.sortText = '0';
+            }
+        }
+        return prior;
+    };
+    // eslint-disable-next-line max-params
+    proxy.getCodeFixesAtPosition = (fileName, start, end, errorCodes, formatOptions, preferences) => {
+        const prior = languageService.getCodeFixesAtPosition(fileName, start, end, errorCodes, formatOptions, preferences);
+        if (!(0, util_js_1.isTypeScriptFile)(fileName))
+            return prior;
+        const sourceFile = project.getSourceFile(project.projectService.toPath(fileName));
+        if (!sourceFile)
+            return prior;
+        const result = [...prior];
+        const stylesPropertyNode = (0, ast_js_1.getStylesPropertyAccessExpression)(sourceFile, start, STYLES_IMPORT_NAME);
+        if (stylesPropertyNode && errorCodes.includes(PROPERTY_DOES_NOT_EXIST_ERROR_CODE)) {
+            const className = stylesPropertyNode.name.getText();
+            result.push({
+                fixName: 'fixMissingProperties',
+                description: `Add missing CSS rule '.${className}'`,
+                changes: [(0, file_text_change_js_1.createInsertRuleFileTextChange)((0, util_js_1.getCssFileName)(fileName), className, project)],
+            });
+        }
+        return result;
+    };
+    return proxy;
+}
+function convertDiagnostic(diagnostic, sourceFile) {
+    const start = typescript_1.default.getPositionOfLineAndCharacter(sourceFile, diagnostic.start.line - 1, diagnostic.start.column - 1);
+    const length = diagnostic.end ?
+        typescript_1.default.getPositionOfLineAndCharacter(sourceFile, diagnostic.end.line - 1, diagnostic.end.column - 1) - start
+        : 1;
+    return {
+        file: sourceFile,
+        start,
+        category: convertErrorCategory(diagnostic.category),
+        length,
+        messageText: diagnostic.text,
+        code: ERROR_CODE,
+    };
+}
+function convertErrorCategory(category) {
+    switch (category) {
+        case 'error':
+            return typescript_1.default.DiagnosticCategory.Error;
+        case 'warning':
+            return typescript_1.default.DiagnosticCategory.Warning;
+        case 'suggestion':
+            return typescript_1.default.DiagnosticCategory.Suggestion;
+        default:
+            throw new Error(`Unknown category: ${String(category)}`);
+    }
+}
+//# sourceMappingURL=language-service.js.map

package/dist/language-service.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"language-service.js","sourceRoot":"","sources":["../src/language-service.ts"],"names":[],"mappings":"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"}

package/dist/util.d.ts

@@ -0,0 +1,5 @@
+import ts from 'typescript';
+/** The error code used by tsserver to display the css-modules-kit error in the editor. */
+export declare const TS_ERROR_CODE_FOR_CMK_ERROR = 0;
+export declare function convertErrorCategory(category: 'error' | 'warning' | 'suggestion'): ts.DiagnosticCategory;
+//# sourceMappingURL=util.d.ts.map

package/dist/util.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"util.d.ts","sourceRoot":"","sources":["../src/util.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,YAAY,CAAC;AAE5B,0FAA0F;AAG1F,eAAO,MAAM,2BAA2B,IAAI,CAAC;AAE7C,wBAAgB,oBAAoB,CAAC,QAAQ,EAAE,OAAO,GAAG,SAAS,GAAG,YAAY,GAAG,EAAE,CAAC,kBAAkB,CAWxG"}

package/dist/util.js

@@ -0,0 +1,25 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TS_ERROR_CODE_FOR_CMK_ERROR = void 0;
+exports.convertErrorCategory = convertErrorCategory;
+const typescript_1 = __importDefault(require("typescript"));
+/** The error code used by tsserver to display the css-modules-kit error in the editor. */
+// NOTE: Use any other number than 1002 or later, as they are reserved by TypeScript's built-in errors.
+// ref: https://github.com/microsoft/TypeScript/blob/220706eb0320ff46fad8bf80a5e99db624ee7dfb/src/compiler/diagnosticMessages.json
+exports.TS_ERROR_CODE_FOR_CMK_ERROR = 0;
+function convertErrorCategory(category) {
+    switch (category) {
+        case 'error':
+            return typescript_1.default.DiagnosticCategory.Error;
+        case 'warning':
+            return typescript_1.default.DiagnosticCategory.Warning;
+        case 'suggestion':
+            return typescript_1.default.DiagnosticCategory.Suggestion;
+        default:
+            throw new Error(`Unknown category: ${String(category)}`);
+    }
+}
+//# sourceMappingURL=util.js.map

package/dist/util.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"util.js","sourceRoot":"","sources":["../src/util.ts"],"names":[],"mappings":";;;;;;AAOA,oDAWC;AAlBD,4DAA4B;AAE5B,0FAA0F;AAC1F,uGAAuG;AACvG,kIAAkI;AACrH,QAAA,2BAA2B,GAAG,CAAC,CAAC;AAE7C,SAAgB,oBAAoB,CAAC,QAA4C;IAC/E,QAAQ,QAAQ,EAAE,CAAC;QACjB,KAAK,OAAO;YACV,OAAO,oBAAE,CAAC,kBAAkB,CAAC,KAAK,CAAC;QACrC,KAAK,SAAS;YACZ,OAAO,oBAAE,CAAC,kBAAkB,CAAC,OAAO,CAAC;QACvC,KAAK,YAAY;YACf,OAAO,oBAAE,CAAC,kBAAkB,CAAC,UAAU,CAAC;QAC1C;YACE,MAAM,IAAI,KAAK,CAAC,qBAAqB,MAAM,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;IAC7D,CAAC;AACH,CAAC"}

package/package.json

@@ -0,0 +1,47 @@
+{
+  "name": "@css-modules-kit/ts-plugin",
+  "description": "A TypeScript Language Service Plugin for CSS Modules",
+  "version": "0.0.1",
+  "type": "commonjs",
+  "sideEffects": false,
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/mizdra/css-modules-kit.git",
+    "directory": "packages/ts-plugin"
+  },
+  "author": "mizdra <pp.mizdra@gmail.com>",
+  "license": "MIT",
+  "private": false,
+  "main": "./dist/index.js",
+  "scripts": {
+    "build": "tsc -b tsconfig.build.json"
+  },
+  "engines": {
+    "node": ">=22.0.0"
+  },
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  },
+  "keywords": [
+    "css-modules",
+    "typescript",
+    "language service"
+  ],
+  "files": [
+    "bin",
+    "src",
+    "!src/**/*.test.ts",
+    "!src/**/__snapshots__",
+    "!src/test",
+    "dist"
+  ],
+  "dependencies": {
+    "@volar/language-core": "^2.4.11",
+    "@volar/typescript": "^2.4.11",
+    "@css-modules-kit/core": "^0.0.1"
+  },
+  "peerDependencies": {
+    "typescript": ">=5.6.3"
+  }
+}

package/src/index.ts

@@ -0,0 +1,53 @@
+import type { CMKConfig } from '@css-modules-kit/core';
+import { createMatchesPattern, createResolver, readConfigFile } from '@css-modules-kit/core';
+import { TsConfigFileNotFoundError } from '@css-modules-kit/core';
+import { createLanguageServicePlugin } from '@volar/typescript/lib/quickstart/createLanguageServicePlugin.js';
+import { createCSSModuleLanguagePlugin } from './language-plugin.js';
+import { proxyLanguageService } from './language-service/proxy.js';
+
+const plugin = createLanguageServicePlugin((ts, info) => {
+  if (info.project.projectKind !== ts.server.ProjectKind.Configured) {
+    info.project.projectService.logger.info(`[@css-modules-kit/ts-plugin] info: Project is not configured`);
+    return { languagePlugins: [] };
+  }
+
+  let config: CMKConfig;
+  try {
+    config = readConfigFile(info.project.getProjectName());
+    // TODO: Report diagnostics
+    info.project.projectService.logger.info(
+      `[@css-modules-kit/ts-plugin] info: Config file is found '${config.configFileName}'`,
+    );
+  } catch (error) {
+    // If the config file is not found, disable the plugin.
+    if (error instanceof TsConfigFileNotFoundError) {
+      return { languagePlugins: [] };
+    } else {
+      let msg = `[@css-modules-kit/ts-plugin] error: Fail to read config file`;
+      if (error instanceof Error) {
+        msg += `\n: ${error.message}`;
+        msg += `\n${error.stack}`;
+      }
+      info.project.projectService.logger.info(msg);
+      return { languagePlugins: [] };
+    }
+  }
+
+  const resolver = createResolver(config.paths);
+  const matchesPattern = createMatchesPattern(config);
+
+  return {
+    languagePlugins: [createCSSModuleLanguagePlugin(config, resolver, matchesPattern)],
+    setup: (language) => {
+      info.languageService = proxyLanguageService(
+        language,
+        info.languageService,
+        info.project,
+        resolver,
+        matchesPattern,
+      );
+    },
+  };
+});
+
+export = plugin;

package/src/language-plugin.ts

@@ -0,0 +1,88 @@
+import type { CMKConfig, CSSModule, MatchesPattern, Resolver, SyntacticDiagnostic } from '@css-modules-kit/core';
+import { createDts, parseCSSModule } from '@css-modules-kit/core';
+import type { LanguagePlugin, SourceScript, VirtualCode } from '@volar/language-core';
+import type {} from '@volar/typescript';
+import ts from 'typescript';
+
+export const LANGUAGE_ID = 'css-module';
+
+export const CMK_DATA_KEY = Symbol('css-modules-kit-data');
+
+interface CSSModuleVirtualCode extends VirtualCode {
+  [CMK_DATA_KEY]: {
+    cssModule: CSSModule;
+    diagnostics: SyntacticDiagnostic[];
+  };
+}
+
+export interface CSSModuleScript extends SourceScript<string> {
+  generated: SourceScript<string>['generated'] & {
+    root: CSSModuleVirtualCode;
+  };
+}
+
+export function createCSSModuleLanguagePlugin(
+  config: CMKConfig,
+  resolver: Resolver,
+  matchesPattern: MatchesPattern,
+): LanguagePlugin<string, VirtualCode> {
+  return {
+    getLanguageId(scriptId) {
+      if (!matchesPattern(scriptId)) return undefined;
+      return LANGUAGE_ID;
+    },
+    createVirtualCode(scriptId, languageId, snapshot): CSSModuleVirtualCode | undefined {
+      if (languageId !== LANGUAGE_ID) return undefined;
+
+      const length = snapshot.getLength();
+      const cssModuleCode = snapshot.getText(0, length);
+      const { cssModule, diagnostics } = parseCSSModule(cssModuleCode, {
+        fileName: scriptId,
+        dashedIdents: config.dashedIdents,
+        // The CSS in the process of being written in an editor often contains invalid syntax.
+        // So, ts-plugin uses a fault-tolerant Parser to parse CSS.
+        safe: true,
+      });
+      const { text, mapping, linkedCodeMapping } = createDts(cssModule, { resolver, matchesPattern });
+      return {
+        id: 'main',
+        languageId: LANGUAGE_ID,
+        snapshot: {
+          getText: (start, end) => text.slice(start, end),
+          getLength: () => text.length,
+          getChangeRange: () => undefined,
+        },
+        // `mappings` are required to support "Go to Definition" and renaming
+        mappings: [{ ...mapping, data: { navigation: true } }],
+        // `linkedCodeMappings` are required to support "Go to Definition" and renaming for the imported tokens
+        linkedCodeMappings: [{ ...linkedCodeMapping, data: undefined }],
+        [CMK_DATA_KEY]: {
+          cssModule,
+          diagnostics,
+        },
+      };
+    },
+    typescript: {
+      extraFileExtensions: [
+        {
+          extension: 'css',
+          isMixedContent: true,
+          scriptKind: ts.ScriptKind.TS,
+        },
+      ],
+      getServiceScript(root) {
+        return {
+          code: root,
+          extension: ts.Extension.Ts,
+          scriptKind: ts.ScriptKind.TS,
+        };
+      },
+    },
+  };
+}
+
+export function isCSSModuleScript(script: SourceScript<string> | undefined): script is CSSModuleScript {
+  return (
+    !!script && script.languageId === LANGUAGE_ID && !!script.generated?.root && CMK_DATA_KEY in script.generated.root
+  );
+}

package/src/language-service/feature/code-fix.ts

@@ -0,0 +1,109 @@
+import { isComponentFileName } from '@css-modules-kit/core';
+import type { Language } from '@volar/language-core';
+import ts from 'typescript';
+import { isCSSModuleScript } from '../../language-plugin.js';
+
+// ref: https://github.com/microsoft/TypeScript/blob/220706eb0320ff46fad8bf80a5e99db624ee7dfb/src/compiler/diagnosticMessages.json#L2051-L2054
+export const PROPERTY_DOES_NOT_EXIST_ERROR_CODE = 2339;
+
+export function getCodeFixesAtPosition(
+  language: Language<string>,
+  languageService: ts.LanguageService,
+  project: ts.server.Project,
+): ts.LanguageService['getCodeFixesAtPosition'] {
+  // eslint-disable-next-line max-params
+  return (fileName, start, end, errorCodes, formatOptions, preferences) => {
+    const prior = Array.from(
+      languageService.getCodeFixesAtPosition(fileName, start, end, errorCodes, formatOptions, preferences) ?? [],
+    );
+
+    if (isComponentFileName(fileName)) {
+      // If a user is trying to use a non-existent token (e.g. `styles.nonExistToken`), provide a code fix to add the token.
+      if (errorCodes.includes(PROPERTY_DOES_NOT_EXIST_ERROR_CODE)) {
+        const tokenConsumer = getTokenConsumerAtPosition(fileName, start, language, languageService, project);
+        if (tokenConsumer) {
+          prior.push({
+            fixName: 'fixMissingCSSRule',
+            description: `Add missing CSS rule '.${tokenConsumer.tokenName}'`,
+            changes: [createInsertRuleFileChange(tokenConsumer.from, tokenConsumer.tokenName, language)],
+          });
+        }
+      }
+    }
+
+    return prior;
+  };
+}
+
+interface TokenConsumer {
+  /** The token name (e.g. `foo` in `styles.foo`) */
+  tokenName: string;
+  /** The file path of the CSS module that defines the token */
+  from: string;
+}
+
+/**
+ * Get the token consumer at the specified position.
+ * If the position is at `styles.foo`, it returns `{ tokenName: 'foo', from: '/path/to/a.module.css' }`.
+ */
+function getTokenConsumerAtPosition(
+  fileName: string,
+  position: number,
+  language: Language<string>,
+  languageService: ts.LanguageService,
+  project: ts.server.Project,
+): TokenConsumer | undefined {
+  const sourceFile = project.getSourceFile(project.projectService.toPath(fileName));
+  if (!sourceFile) return undefined;
+  const propertyAccessExpression = getPropertyAccessExpressionAtPosition(sourceFile, position);
+  if (!propertyAccessExpression) return undefined;
+
+  // Check if the expression of property access expression (e.g. `styles` in `styles.foo`) is imported from a CSS module.
+
+  // `expression` is the expression of the property access expression (e.g. `styles` in `styles.foo`).
+  const expression = propertyAccessExpression.expression;
+
+  const definitions = languageService.getDefinitionAtPosition(fileName, expression.getStart());
+  if (definitions && definitions[0]) {
+    const script = language.scripts.get(definitions[0].fileName);
+    if (isCSSModuleScript(script)) {
+      return { tokenName: propertyAccessExpression.name.text, from: definitions[0].fileName };
+    }
+  }
+  return undefined;
+}
+
+/** Get the property access expression at the specified position. (e.g. `obj.foo`, `styles.foo`) */
+function getPropertyAccessExpressionAtPosition(
+  sourceFile: ts.SourceFile,
+  position: number,
+): ts.PropertyAccessExpression | undefined {
+  function getPropertyAccessExpressionImpl(node: ts.Node): ts.PropertyAccessExpression | undefined {
+    if (node.pos <= position && position <= node.end && ts.isPropertyAccessExpression(node)) {
+      return node;
+    }
+    return ts.forEachChild(node, getPropertyAccessExpressionImpl);
+  }
+  return getPropertyAccessExpressionImpl(sourceFile);
+}
+
+function createInsertRuleFileChange(
+  cssModuleFileName: string,
+  className: string,
+  language: Language<string>,
+): ts.FileTextChanges {
+  const script = language.scripts.get(cssModuleFileName);
+  if (script) {
+    return {
+      fileName: cssModuleFileName,
+      textChanges: [{ span: { start: script.snapshot.getLength(), length: 0 }, newText: `\n.${className} {\n  \n}` }],
+      isNewFile: false,
+    };
+  } else {
+    return {
+      fileName: cssModuleFileName,
+      textChanges: [{ span: { start: 0, length: 0 }, newText: `.${className} {\n  \n}\n\n` }],
+      isNewFile: true,
+    };
+  }
+}