Update tsconfig.browser.config.json (#3461)

Co-authored-by: Mary Gao <[email protected]>

Author: deyaaeldeen

packages/autorest.typescript/src/generators/static/tsConfigBrowserFileGenerator.ts

@@ -4,21 +4,27 @@
 import { Project } from "ts-morph";
 import { getAutorestOptions } from "../../autorestSession";
 
-const highLevelTsBrowserConfig: Record<string, any> = {
-    "extends": [
-        "./tsconfig.test.json",
-        "../../../tsconfig.browser.base.json"
-    ]
-};
-
 export function generateTsBrowserConfig(project: Project) {
     const {
+        packageDetails,
         generateMetadata,
     } = getAutorestOptions();
 
     if (!generateMetadata) {
         return;
     }
+
+    const highLevelTsBrowserConfig: Record<string, any> = {
+        "extends": "../../../tsconfig.browser.base.json",
+        "compilerOptions": {
+            "paths": {
+                [packageDetails.name]: ["./dist/browser/index.d.ts"],
+                [`${packageDetails.name}/*`]: ["./dist/browser/*"],
+                "$internal/*": ["./dist/browser/*"]
+            }
+        }
+    };
+
     project.createSourceFile("tsconfig.browser.config.json", JSON.stringify(highLevelTsBrowserConfig), {
         overwrite: true
     });

packages/rlc-common/src/metadata/buildBrowserConfig.ts

@@ -3,6 +3,7 @@
 
 import { Project } from "ts-morph";
 import { RLCModel } from "../interfaces.js";
+import { getPackageName } from "./utils.js";
 
 export function buildTsTestBrowserConfig(model: RLCModel) {
   const isAzureSdkForJs = model.options?.azureSdkForJs ?? false;
@@ -16,9 +17,17 @@ export function buildTsTestBrowserConfig(model: RLCModel) {
 
   const filePath = "tsconfig.browser.config.json";
   const project = new Project();
+  const name = getPackageName(model);
 
-  const content = {
-    extends: ["./tsconfig.test.json", "../../../tsconfig.browser.base.json"]
+  const content: Record<string, any> = {
+    extends: "../../../tsconfig.browser.base.json",
+    compilerOptions: {
+      paths: {
+        [name]: ["./dist/browser/index.d.ts"],
+        [`${name}/*`]: ["./dist/browser/*"],
+        "$internal/*": ["./dist/browser/*"]
+      }
+    }
   };
 
   const configFile = project.createSourceFile(

packages/rlc-common/src/metadata/buildPackageFile.ts

@@ -15,6 +15,7 @@ import { buildAzureMonorepoPackage } from "./packageJson/buildAzureMonorepoPacka
 import { buildAzureStandalonePackage } from "./packageJson/buildAzureStandalonePackage.js";
 import { buildFlavorlessPackage } from "./packageJson/buildFlavorlessPackage.js";
 import { getRelativePartFromSrcPath } from "../helpers/pathUtils.js";
+import { getPackageName } from "./utils.js";
 
 interface PackageFileOptions {
   exports?: Record<string, any>;
@@ -141,10 +142,6 @@ function getDescription(model: RLCModel): string {
   return description;
 }
 
-function getPackageName(model: RLCModel): string {
-  return model.options?.packageDetails?.name ?? model.libraryName;
-}
-
 function getClientFilePath(model: RLCModel) {
   const { srcPath } = model;
   const sdkReletivePart = getRelativePartFromSrcPath(srcPath);

packages/rlc-common/src/metadata/utils.ts

@@ -0,0 +1,8 @@
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT License.
+
+import { RLCModel } from "../interfaces.js";
+
+export function getPackageName(model: RLCModel): string {
+  return model.options?.packageDetails?.name ?? model.libraryName;
+}