vue-tsc 0.32.1 → 0.33.0

package/README.md

@@ -13,7 +13,7 @@ Roadmap:
 - [x] Make `typescript` as peerDependencies
 - [x] Cleaner dependencies (remove `prettyhtml`, `prettier` etc.) (with `vscode-vue-languageservice` version >= 0.26.4)
 - [x] dts emit support
-- [ ] Watch mode support
+- [x] Watch mode support
 
 ## Using
 
@@ -29,8 +29,8 @@ Check out https://github.com/johnsoncodehk/volar/discussions/640#discussioncomme
 
 ## Sponsors
 
-This company is [sponsoring this project](https://github.com/sponsors/johnsoncodehk) to improve your DX. 💪
-
-<a href="https://github.com/Leniolabs">
-  <img itemprop="image" src="https://github.com/Leniolabs.png" width="100" height="100">
-</a>
+<p align="center">
+  <a href="https://cdn.jsdelivr.net/gh/johnsoncodehk/sponsors/sponsors.svg">
+    <img src='https://cdn.jsdelivr.net/gh/johnsoncodehk/sponsors/sponsors.svg'/>
+  </a>
+</p>

package/bin/vue-tsc.js

@@ -8,13 +8,25 @@ const proxyPath = require.resolve('../out/proxy');
 fs.readFileSync = (...args) => {
     if (args[0] === tscPath) {
         let tsc = readFileSync(...args);
+
+        // add *.vue files to allow extensions
         tsc = tsc.replace(
-            `function createIncrementalProgram(_a) {`,
-            `function createIncrementalProgram(_a) { console.error('incremental mode is not yet supported'); throw 'incremental mode is not yet supported';`,
+            `ts.supportedTSExtensions = [[".ts", ".tsx", ".d.ts"], [".cts", ".d.cts"], [".mts", ".d.mts"]];`,
+            `ts.supportedTSExtensions = [[".ts", ".tsx", ".d.ts"], [".cts", ".d.cts"], [".mts", ".d.mts"], [".vue"]];`,
+        );
+        tsc = tsc.replace(
+            `ts.supportedJSExtensions = [[".js", ".jsx"], [".mjs"], [".cjs"]];`,
+            `ts.supportedJSExtensions = [[".js", ".jsx"], [".mjs"], [".cjs"], [".vue"]];`,
         );
         tsc = tsc.replace(
-            `function createWatchProgram(host) {`,
-            `function createWatchProgram(host) { console.error('watch mode is not yet supported'); throw 'watch mode is not yet supported';`,
+            `var allSupportedExtensions = [[".ts", ".tsx", ".d.ts", ".js", ".jsx"], [".cts", ".d.cts", ".cjs"], [".mts", ".d.mts", ".mjs"]];`,
+            `var allSupportedExtensions = [[".ts", ".tsx", ".d.ts", ".js", ".jsx"], [".cts", ".d.cts", ".cjs"], [".mts", ".d.mts", ".mjs"], [".vue"]];`,
+        );
+
+        // proxy createProgram apis
+        tsc = tsc.replace(
+            `function createIncrementalProgram(_a) {`,
+            `function createIncrementalProgram(_a) { console.error('incremental mode is not yet supported'); throw 'incremental mode is not yet supported';`,
         );
         tsc = tsc.replace(
             `function createProgram(rootNamesOrOptions, _options, _host, _oldProgram, _configFileParsingDiagnostics) {`,

package/out/proxy.js

@@ -2,56 +2,48 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.createProgramProxy = void 0;
 const ts = require("typescript/lib/tsserverlibrary");
-const vue = require("vscode-vue-languageservice");
-const path = require("path");
 const shared = require("@volar/shared");
-function createProgramProxy(options) {
+const apis = require("./apis");
+const vue_typescript_1 = require("@volar/vue-typescript");
+function createProgramProxy(options, // rootNamesOrOptions: readonly string[] | CreateProgramOptions,
+_options, _host, _oldProgram, _configFileParsingDiagnostics) {
     if (!options.options.noEmit && !options.options.emitDeclarationOnly)
         return doThrow('js emit is not support');
     if (!options.host)
         return doThrow('!options.host');
-    if (!options.host.readDirectory)
-        return doThrow('!options.host.readDirectory');
     const host = options.host;
-    const readDirectory = options.host.readDirectory;
-    const parseConfigHost = {
-        useCaseSensitiveFileNames: host.useCaseSensitiveFileNames(),
-        readDirectory: (path, extensions, exclude, include, depth) => {
-            return readDirectory(path, ['.vue'], exclude, include, depth);
-        },
-        fileExists: fileName => host.fileExists(fileName),
-        readFile: fileName => host.readFile(fileName),
-    };
-    const fileNames = [
-        ...options.rootNames,
-        ...getVueFileNames(),
-    ];
     const vueCompilerOptions = getVueCompilerOptions();
-    const scriptSnapshots = new Map();
+    const scripts = new Map();
     const vueLsHost = {
         ...host,
+        resolveModuleNames: undefined,
         writeFile: undefined,
         getCompilationSettings: () => options.options,
         getVueCompilationSettings: () => vueCompilerOptions,
-        getScriptFileNames: () => fileNames,
-        getScriptVersion: () => '',
+        getScriptFileNames: () => options.rootNames,
+        getScriptVersion: (fileName) => { var _a, _b; return (_b = (_a = scripts.get(fileName)) === null || _a === void 0 ? void 0 : _a.version) !== null && _b !== void 0 ? _b : ''; },
         getScriptSnapshot,
         getProjectVersion: () => '',
         getVueProjectVersion: () => '',
         getProjectReferences: () => options.projectReferences,
     };
-    const vueLs = vue.createLanguageService({ typescript: ts }, vueLsHost);
-    const program = vueLs.__internal__.tsProgramProxy;
-    return program;
-    function getVueFileNames() {
-        const tsConfig = options.options.configFilePath;
-        if (typeof tsConfig === 'string') {
-            const tsConfigFile = ts.readJsonConfigFile(tsConfig, host.readFile);
-            const { fileNames } = ts.parseJsonSourceFileConfigFileContent(tsConfigFile, parseConfigHost, path.dirname(tsConfig), options.options, path.basename(tsConfig));
-            return fileNames;
-        }
-        return [];
+    const services = (0, vue_typescript_1.createBasicRuntime)();
+    const tsRuntime = (0, vue_typescript_1.createTypeScriptRuntime)({ typescript: ts, ...services, compilerOptions: vueCompilerOptions }, vueLsHost, false);
+    const tsProgram = tsRuntime.context.scriptTsLsRaw.getProgram(); // TODO: handle template ls?
+    if (!tsProgram)
+        throw '!tsProgram';
+    const tsProgramApis_2 = apis.register(ts, tsRuntime.context);
+    const tsProgramProxy = new Proxy(tsProgram, {
+        get: (target, property) => {
+            tsRuntime.update(true);
+            return tsProgramApis_2[property] || target[property];
+        },
+    });
+    for (const rootName of options.rootNames) {
+        // register file watchers
+        host.getSourceFile(rootName, ts.ScriptTarget.ESNext);
     }
+    return tsProgramProxy;
     function getVueCompilerOptions() {
         const tsConfig = options.options.configFilePath;
         if (typeof tsConfig === 'string') {
@@ -60,15 +52,19 @@ function createProgramProxy(options) {
         return {};
     }
     function getScriptSnapshot(fileName) {
-        const scriptSnapshot = scriptSnapshots.get(fileName);
-        if (scriptSnapshot) {
-            return scriptSnapshot;
+        var _a, _b, _c;
+        const script = scripts.get(fileName);
+        if (script) {
+            return script.scriptSnapshot;
         }
         if (host.fileExists(fileName)) {
             const fileContent = host.readFile(fileName);
             if (fileContent !== undefined) {
                 const scriptSnapshot = ts.ScriptSnapshot.fromString(fileContent);
-                scriptSnapshots.set(fileName, scriptSnapshot);
+                scripts.set(fileName, {
+                    scriptSnapshot: scriptSnapshot,
+                    version: (_c = (_b = (_a = ts.sys).createHash) === null || _b === void 0 ? void 0 : _b.call(_a, fileContent)) !== null && _c !== void 0 ? _c : fileContent,
+                });
                 return scriptSnapshot;
             }
         }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-tsc",
-  "version": "0.32.1",
+  "version": "0.33.0",
   "license": "MIT",
   "files": [
     "bin",
@@ -15,11 +15,11 @@
     "vue-tsc": "./bin/vue-tsc.js"
   },
   "dependencies": {
-    "@volar/shared": "0.32.1",
-    "vscode-vue-languageservice": "0.32.1"
+    "@volar/shared": "0.33.0",
+    "@volar/vue-typescript": "0.33.0"
   },
   "peerDependencies": {
     "typescript": "*"
   },
-  "gitHead": "fb6912ca300ae0a0f4ca0d0aa4c17f691dd930ef"
+  "gitHead": "6f5f0e354fd2105e48de12fa67acdca2157202f4"
 }