Show synthesized triple slash references in diagnostics for analysis

Author: andrewbranch

src/compiler/diagnosticMessages.json

@@ -7980,5 +7980,14 @@
     "'await using' statements cannot be used inside a class static block.": {
         "category": "Error",
         "code": 18054
+    },
+
+    "Declaration file contains synthesized type reference directives: '{0}'": {
+        "category": "Error",
+        "code": 18055
+    },
+    "Declaration file contains synthesized file reference directives: '{0}'": {
+        "category": "Error",
+        "code": 18056
     }
 }

src/compiler/transformers/declarations.ts

@@ -53,6 +53,7 @@ import {
     FunctionTypeNode,
     GeneratedIdentifierFlags,
     GetAccessorDeclaration,
+    getBaseFileName,
     getCommentRange,
     getDirectoryPath,
     getEffectiveBaseTypeNode,
@@ -63,6 +64,7 @@ import {
     getLineAndCharacterOfPosition,
     getNameOfDeclaration,
     getNormalizedAbsolutePath,
+    getNormalizedAbsolutePathWithoutRoot,
     getOriginalNodeId,
     getOutputPathsFor,
     getParseTreeNode,
@@ -547,7 +549,16 @@ export function transformDeclarations(context: TransformationContext) {
                 combinedStatements = setTextRange(factory.createNodeArray([...combinedStatements, createEmptyExports(factory)]), combinedStatements);
             }
         }
-        const updated = factory.updateSourceFile(node, combinedStatements, /*isDeclarationFile*/ true, references, getFileReferencesForUsedTypeReferences(), node.hasNoDefaultLib, getLibReferences());
+        const typeReferences = getFileReferencesForUsedTypeReferences();
+        const updated = factory.updateSourceFile(node, combinedStatements, /*isDeclarationFile*/ true, references, typeReferences, node.hasNoDefaultLib, getLibReferences());
+        const synthesizedTypeReferences = typeReferences.filter(ref => !node.typeReferenceDirectives.some(d => d.fileName === ref.fileName));
+        const synthesizedFileReferences = references.filter(ref => !node.referencedFiles.some(d => getNormalizedAbsolutePathWithoutRoot(getBaseFileName(d.fileName), "") === getNormalizedAbsolutePathWithoutRoot(getBaseFileName(ref.fileName), "")));
+        if (synthesizedTypeReferences.length) {
+            context.addDiagnostic(createDiagnosticForNode(node, Diagnostics.Declaration_file_contains_synthesized_type_reference_directives_Colon_0, synthesizedTypeReferences.map(ref => `"${ref.fileName}"`).join(", ")));
+        }
+        if (synthesizedFileReferences.length) {
+            context.addDiagnostic(createDiagnosticForNode(node, Diagnostics.Declaration_file_contains_synthesized_file_reference_directives_Colon_0, synthesizedFileReferences.map(ref => `"${ref.fileName}"`).join(", ")));
+        }
         updated.exportedModulesFromDeclarationEmit = exportedModulesFromDeclarationEmit;
         return updated;
 

tests/baselines/reference/amdLikeInputDeclarationEmit.errors.txt

@@ -0,0 +1,34 @@
+ExtendedClass.js(1,1): error TS18056: Declaration file contains synthesized file reference directives: '"../deps/BaseClass.d.ts"'
+
+
+==== typing.d.ts (0 errors) ====
+    declare function define<T=unknown>(name: string, modules: string[], ready: (...modules: unknown[]) => T);
+==== deps/BaseClass.d.ts (0 errors) ====
+    declare module "deps/BaseClass" {
+        class BaseClass {
+            static extends<A>(a: A): new () => A & BaseClass;
+        }
+        export = BaseClass;
+    }
+==== ExtendedClass.js (1 errors) ====
+    define("lib/ExtendedClass", ["deps/BaseClass"], 
+    ~~~~~~
+!!! error TS18056: Declaration file contains synthesized file reference directives: '"../deps/BaseClass.d.ts"'
+    /**
+     * {typeof import("deps/BaseClass")}
+     * @param  {typeof import("deps/BaseClass")} BaseClass 
+     * @returns 
+     */
+    (BaseClass) => {    
+        
+        const ExtendedClass = BaseClass.extends({
+            f: function() {
+                return "something";
+            }
+        });
+    
+        // Exports the module in a way tsc recognize class export 
+        const module = {};
+        module.exports = ExtendedClass
+        return module.exports;
+    });

tests/baselines/reference/amdLikeInputDeclarationEmit.js

@@ -0,0 +1,21 @@
+declFileAmbientExternalModuleWithSingleExportedModule_1.ts(2,1): error TS18056: Declaration file contains synthesized file reference directives: '"declFileAmbientExternalModuleWithSingleExportedModule_0.d.ts"'
+
+
+==== declFileAmbientExternalModuleWithSingleExportedModule_1.ts (1 errors) ====
+    ///<reference path='declFileAmbientExternalModuleWithSingleExportedModule_0.ts'/>
+    import SubModule = require('SubModule');
+    ~~~~~~
+!!! error TS18056: Declaration file contains synthesized file reference directives: '"declFileAmbientExternalModuleWithSingleExportedModule_0.d.ts"'
+    export var x: SubModule.m.m3.c;
+    
+    
+==== declFileAmbientExternalModuleWithSingleExportedModule_0.ts (0 errors) ====
+    declare module "SubModule" {
+        export module m {
+            export module m3 {
+                interface c {
+                }
+            }
+        }
+    }
+    

tests/baselines/reference/declFileAmbientExternalModuleWithSingleExportedModule.errors.txt

@@ -33,7 +33,3 @@ declare module "SubModule" {
         }
     }
 }
-//// [declFileAmbientExternalModuleWithSingleExportedModule_1.d.ts]
-/// <reference path="declFileAmbientExternalModuleWithSingleExportedModule_0.d.ts" />
-import SubModule = require('SubModule');
-export declare var x: SubModule.m.m3.c;

tests/baselines/reference/declFileAmbientExternalModuleWithSingleExportedModule.js

@@ -0,0 +1,24 @@
+src/datastore_result.ts(1,1): error TS18056: Declaration file contains synthesized file reference directives: '"../lib/lib.d.ts"'
+
+
+==== lib/lib.d.ts (0 errors) ====
+    declare module "lib/result" {
+        export type Result<E extends Error, T> = (E & Failure<E>) | (T & Success<T>);
+        export interface Failure<E extends Error> { }
+        export interface Success<T> { }
+    }
+    
+==== src/datastore_result.ts (1 errors) ====
+    import { Result } from "lib/result";
+    ~~~~~~
+!!! error TS18056: Declaration file contains synthesized file reference directives: '"../lib/lib.d.ts"'
+    
+    export type T<T> = Result<Error, T>;
+    
+==== src/conditional_directive_field.ts (0 errors) ====
+    import * as DatastoreResult from "src/datastore_result";
+    
+    export const build = (): DatastoreResult.T<string> => {
+    	return null;
+    };
+    

tests/baselines/reference/declarationEmitBundleWithAmbientReferences.errors.txt

@@ -0,0 +1,16 @@
+packages/secondpackage/index.ts(1,1): error TS18056: Declaration file contains synthesized file reference directives: '"../../types/component.d.ts"'
+
+
+==== types/component.d.ts (0 errors) ====
+    declare module '@namespace/component' {
+        export class Foo {}
+    }
+==== packages/somepackage/index.d.ts (0 errors) ====
+    import { Foo } from "@namespace/component";
+    export declare const item: typeof Foo;
+==== packages/secondpackage/index.ts (1 errors) ====
+    import { item } from "../somepackage";
+    ~~~~~~
+!!! error TS18056: Declaration file contains synthesized file reference directives: '"../../types/component.d.ts"'
+    export const reeexported = item;
+    

tests/baselines/reference/declarationEmitCrossFileImportTypeOfAmbientModule.errors.txt

@@ -18,8 +18,3 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.reeexported = void 0;
 var somepackage_1 = require("../somepackage");
 exports.reeexported = somepackage_1.item;
-
-
-//// [index.d.ts]
-/// <reference path="../../types/component.d.ts" />
-export declare const reeexported: typeof import("@namespace/component").Foo;

tests/baselines/reference/declarationEmitCrossFileImportTypeOfAmbientModule.js

@@ -0,0 +1,41 @@
+src/inferred-comp-export.ts(1,1): error TS18055: Declaration file contains synthesized type reference directives: '"react"'
+
+
+==== node_modules/@types/react/index.d.ts (0 errors) ====
+    export = React;
+    
+    declare namespace React {
+        export type Component<T = any, U = {}, V = {}> = { x: T, y: U, z: V };
+        export interface DOMAttributes<T> { }
+    }
+==== node_modules/@emotion/core/index.d.ts (0 errors) ====
+    import {
+        Component
+    } from 'react'
+    export {};
+    
+    declare module 'react' {
+        interface DOMAttributes<T> {
+            css?: any
+        }
+    }
+    
+==== src/get-comp.ts (0 errors) ====
+    import {Component} from 'react';
+    
+    export function getComp(): Component {
+        return {} as any as Component
+    }
+==== src/inferred-comp-export.ts (1 errors) ====
+    import { getComp } from "./get-comp";
+    ~~~~~~
+!!! error TS18055: Declaration file contains synthesized type reference directives: '"react"'
+    
+    // this shouldn't need any triple-slash references - it should have a direct import to `react` and that's it
+    // This issue (#35343) _only_ reproduces in the test harness when the file in question is in a subfolder
+    export const obj = {
+        comp: getComp()
+    }
+==== src/some-other-file.ts (0 errors) ====
+    export * from '@emotion/core';
+