[TSS plugin] How to dynamically load d.ts file

[CGQAQ]

• VSCode Version: 1.48.2
• OS Version: Windows_NT x64 10.0.19041

I want to turn ON/OFF tss plugin by changing enable field in config, and when I need to add/remove d.ts files, I encountered this problem

languageServiceHost.getScriptFileNames = () => {
      let scriptFileNames = getScriptFileNames();

      this.logger.info(
        `getScriptFileNames: ${
          this.configurationManager.getPluginConfig()?.enable
        } ${scriptFileNames}`
      );

      if (!this.configurationManager.getPluginConfig()?.enable) {
        return scriptFileNames;
      }

      // Get typescript declaration File
      const dtsFiles = [
        getDenoDts(
          !!this.configurationManager.getProjectConfig().config.unstable
        ),
      ];

      const iterator = new Set(dtsFiles);
      scriptFileNames = [...iterator, ...scriptFileNames];

      this.logger.info(
        `getScriptFileNames--dtsFiles: ${JSON.stringify(
          dtsFiles
        )} getScriptFileNames--scriptFileNames: ${JSON.stringify(
          scriptFileNames
        )}`
      );

      return scriptFileNames;
    };

the this.configurationManager.getPluginConfig()?.enable turned to true, deno.d.ts added to scriptFileNames, but still don't get the types declared in deno.d.ts

I tried add this piece of code from #11810 (comment)

 languageServiceHost.getProjectVersion = () => {
      this.logger.info(`getProjectVersion: ${new Date().toUTCString()}`);
      return new Date().toUTCString();
    };

didn't work either

tsserver.log

[CGQAQ]

@mjbvz If enabled I want to load deno.d.ts into project, if disabled, I want to unload the deno.d.ts from project

Here is what I've been tried:

• https://github.com/CGQAQ/vscode_deno/blob/1d6de1df3d3e4205ce0f32e8bd03462c1cbfdf04/typescript-deno-plugin/src/plugin.ts#L611-L614
• Push dts file into getScriptFileNames return value
• getProgram? This one I don't know if get use it right

[typescript-bot]

This issue has been marked as 'Question' and has seen no recent activity. It has been automatically closed for house-keeping purposes. If you're still waiting on a response, questions are usually better suited to stackoverflow.

[hoovercj]

I stumbled across this bug because I was looking to do exactly the same thing so I thought I'd share my solution for posterity 😄

I figured out that calling project.markAsDirty() when the configuration changed caused the getScriptFileNames() implementation to be recalled.

Put together into a simple plugin implementation:

import typescript from "typescript/lib/tsserverlibrary";

module.exports = function init(): typescript.server.PluginModule {
  let path: string | null = null;
  let typescriptProject: typescript.server.Project;

  return {
    create(
      createInfo: typescript.server.PluginCreateInfo
    ): typescript.LanguageService {
      const { languageService, languageServiceHost, project, config } = createInfo;

      typescriptProject = project;

      // Read the initial config    
      path = config.path;

      // Bind the original implementation so it can be called from
      // the overriding implementation
      const getScriptFileNames = languageServiceHost.getScriptFileNames.bind(
        languageServiceHost
      );

      languageServiceHost.getScriptFileNames = () => {
        const scriptFileNames = getScriptFileNames();

        if (!!path) {
          scriptFileNames.push(path);
        }

        return scriptFileNames;
      };

      return languageService;
    },
    onConfigurationChanged(config: { path: string | null }) {
      if (config.path !== path) {
        path = config.path;
        typescriptProject.markAsDirty();
      }
    }
  };
};

Edit: Edited to read the initial config from createInfo