@microsoft/teamsfx-core 0.7.0 → 0.7.1-alpha.5e8f6dea.0

package/build/plugins/resource/appstudio/plugin.js

@@ -11,7 +11,6 @@ const constants_1 = require("../../solution/fx-solution/constants");
 const errors_1 = require("./errors");
 const results_1 = require("./results");
 const constants_2 = require("./constants");
-const constants_3 = require("../../solution/fx-solution/constants");
 const adm_zip_1 = tslib_1.__importDefault(require("adm-zip"));
 const fs = tslib_1.__importStar(require("fs-extra"));
 const __1 = require("../../..");
@@ -21,11 +20,12 @@ const common_1 = require("../../../common");
 const localSettingsConstants_1 = require("../../../common/localSettingsConstants");
 const uuid_1 = require("uuid");
 const isUUID_1 = tslib_1.__importDefault(require("validator/lib/isUUID"));
+const mustache_1 = tslib_1.__importDefault(require("mustache"));
 class AppStudioPluginImpl {
     async getAppDefinitionAndUpdate(ctx, type, manifest) {
         var _a, _b;
         let appDefinition;
-        let maybeTeamsAppId;
+        let teamsAppId;
         const appDirectory = await common_1.getAppDirectory(ctx.root);
         const appStudioToken = await ((_a = ctx.appStudioToken) === null || _a === void 0 ? void 0 : _a.getAccessToken());
         if (type == "localDebug") {
@@ -48,14 +48,52 @@ class AppStudioPluginImpl {
                     createIfNotExist = true;
                 }
             }
-            maybeTeamsAppId = await this.updateApp(ctx, appDefinition, appStudioToken, type, createIfNotExist, createIfNotExist ? undefined : localTeamsAppID, ctx.logProvider, appDirectory);
-            return maybeTeamsAppId;
+            teamsAppId = await this.updateApp(ctx, appDefinition, appStudioToken, type, createIfNotExist, appDirectory, createIfNotExist ? undefined : localTeamsAppID, ctx.logProvider);
+            return teamsAppId;
         }
         else {
             appDefinition = this.convertToAppDefinition(manifest, true);
-            maybeTeamsAppId = await this.updateApp(ctx, appDefinition, appStudioToken, type, true, undefined, ctx.logProvider, appDirectory);
-            return maybeTeamsAppId;
+            teamsAppId = await this.updateApp(ctx, appDefinition, appStudioToken, type, true, appDirectory, undefined, ctx.logProvider);
+            return teamsAppId;
+        }
+    }
+    async getSPFxLocalDebugAppDefinitionAndUpdate(ctx, manifest) {
+        var _a, _b, _c;
+        const appDirectory = await common_1.getAppDirectory(ctx.root);
+        const appStudioToken = await ((_a = ctx.appStudioToken) === null || _a === void 0 ? void 0 : _a.getAccessToken());
+        const localTeamsAppID = this.getTeamsAppId(ctx, true);
+        let createIfNotExist = false;
+        if (localTeamsAppID) {
+            manifest.id = localTeamsAppID;
+        }
+        else {
+            manifest.id = "";
+            createIfNotExist = true;
+        }
+        if (manifest.configurableTabs) {
+            for (const tab of manifest.configurableTabs) {
+                const reg = /[a-fA-F0-9]{8}-[a-fA-F0-9]{4}-[a-fA-F0-9]{4}-[a-fA-F0-9]{4}-[a-fA-F0-9]{12}/;
+                const result = tab.configurationUrl.match(reg);
+                if (result && result.length > 0) {
+                    const componentID = result[0];
+                    tab.configurationUrl = `https://{teamSiteDomain}{teamSitePath}/_layouts/15/TeamsLogon.aspx?SPFX=true&dest={teamSitePath}/_layouts/15/TeamsWorkBench.aspx%3FcomponentId=${componentID}%26openPropertyPane=true%26teams%26forceLocale={locale}%26loadSPFX%3Dtrue%26debugManifestsFile%3Dhttps%3A%2F%2Flocalhost%3A4321%2Ftemp%2Fmanifests.js`;
+                }
+                else {
+                    const message = "Cannot find componentID in configurableTabs[0].configrationUrl, local debug may fail.";
+                    (_b = ctx.logProvider) === null || _b === void 0 ? void 0 : _b.error(message);
+                    (_c = ctx.ui) === null || _c === void 0 ? void 0 : _c.showMessage("warn", message, false);
+                }
+            }
         }
+        if (manifest.staticTabs) {
+            for (const tab of manifest.staticTabs) {
+                const componentID = tab.entityId;
+                tab.contentUrl = `https://{teamSiteDomain}/_layouts/15/TeamsLogon.aspx?SPFX=true&dest={teamSitePath}/_layouts/15/TeamsWorkBench.aspx%3FcomponentId=${componentID}%26teams%26personal%26forceLocale={locale}%26loadSPFX%3Dtrue%26debugManifestsFile%3Dhttps%3A%2F%2Flocalhost%3A4321%2Ftemp%2Fmanifests.js`;
+            }
+        }
+        const appDefinition = this.convertToAppDefinition(manifest, false);
+        const teamsAppId = await this.updateApp(ctx, appDefinition, appStudioToken, "localDebug", createIfNotExist, appDirectory, createIfNotExist ? undefined : localTeamsAppID, ctx.logProvider);
+        return teamsAppId;
     }
     /**
      * ask app common questions to generate app manifest
@@ -81,14 +119,18 @@ class AppStudioPluginImpl {
             manifestString = this.replaceConfigValue(manifestString, "version", "1.0.0");
             const manifest = JSON.parse(manifestString);
             if (solutionSettings.capabilities.includes(question_1.TabOptionItem.id)) {
-                manifest.staticTabs = constants_2.STATIC_TABS_TPL;
-                manifest.configurableTabs = constants_2.CONFIGURABLE_TABS_TPL;
+                manifest.staticTabs = common_1.isMultiEnvEnabled() ? constants_2.STATIC_TABS_TPL_FOR_MULTI_ENV : constants_2.STATIC_TABS_TPL;
+                manifest.configurableTabs = common_1.isMultiEnvEnabled()
+                    ? constants_2.CONFIGURABLE_TABS_TPL_FOR_MULTI_ENV
+                    : constants_2.CONFIGURABLE_TABS_TPL;
             }
             if (solutionSettings.capabilities.includes(question_1.BotOptionItem.id)) {
-                manifest.bots = constants_2.BOTS_TPL;
+                manifest.bots = common_1.isMultiEnvEnabled() ? constants_2.BOTS_TPL_FOR_MULTI_ENV : constants_2.BOTS_TPL;
             }
             if (solutionSettings.capabilities.includes(question_1.MessageExtensionItem.id)) {
-                manifest.composeExtensions = constants_2.COMPOSE_EXTENSIONS_TPL;
+                manifest.composeExtensions = common_1.isMultiEnvEnabled()
+                    ? constants_2.COMPOSE_EXTENSIONS_TPL_FOR_MULTI_ENV
+                    : constants_2.COMPOSE_EXTENSIONS_TPL;
             }
             if ((_a = settings === null || settings === void 0 ? void 0 : settings.solutionSettings) === null || _a === void 0 ? void 0 : _a.migrateFromV1) {
                 manifest.webApplicationInfo = undefined;
@@ -142,7 +184,7 @@ class AppStudioPluginImpl {
         });
     }
     async provision(ctx) {
-        var _a, _b;
+        var _a, _b, _c;
         let remoteTeamsAppId = this.getTeamsAppId(ctx, false);
         let create = false;
         if (!remoteTeamsAppId) {
@@ -165,6 +207,9 @@ class AppStudioPluginImpl {
             remoteTeamsAppId = result.value.teamsAppId;
             (_b = ctx.logProvider) === null || _b === void 0 ? void 0 : _b.info(`Teams app created ${remoteTeamsAppId}`);
         }
+        if (common_1.isMultiEnvEnabled()) {
+            (_c = ctx.envInfo.profile.get(constants_1.PluginNames.APPST)) === null || _c === void 0 ? void 0 : _c.set(constants_2.Constants.TEAMS_APP_ID, remoteTeamsAppId);
+        }
         return teamsfx_api_1.ok(remoteTeamsAppId);
     }
     async postProvision(ctx) {
@@ -192,7 +237,7 @@ class AppStudioPluginImpl {
             [appDefinition] = remoteManifest.value;
         }
         const appStudioToken = await ((_a = ctx === null || ctx === void 0 ? void 0 : ctx.appStudioToken) === null || _a === void 0 ? void 0 : _a.getAccessToken());
-        const result = await this.updateApp(ctx, appDefinition, appStudioToken, "remote", false, remoteTeamsAppId, ctx.logProvider, appDirectory);
+        const result = await this.updateApp(ctx, appDefinition, appStudioToken, "remote", false, appDirectory, remoteTeamsAppId, ctx.logProvider);
         if (result.isErr()) {
             throw result;
         }
@@ -205,13 +250,28 @@ class AppStudioPluginImpl {
         let manifestString = undefined;
         const appDirectory = await common_1.getAppDirectory(ctx.root);
         if (this.isSPFxProject(ctx)) {
-            manifestString = (await fs.readFile(`${appDirectory}/${constants_2.REMOTE_MANIFEST}`)).toString();
+            manifestString = (await fs.readFile(await this.getManifestTemplatePath(ctx.root))).toString();
+            if (common_1.isMultiEnvEnabled()) {
+                const teamsAppId = this.getTeamsAppId(ctx, false);
+                if (!teamsAppId) {
+                    return teamsfx_api_1.err(results_1.AppStudioResultFactory.UserError(errors_1.AppStudioError.GetRemoteConfigError.name, errors_1.AppStudioError.GetRemoteConfigError.message("Manifest validation failed")));
+                }
+                const view = {
+                    config: ctx.envInfo.config,
+                    profile: {
+                        "fx-resource-appstudio": {
+                            teamsAppId: teamsAppId,
+                        },
+                    },
+                };
+                manifestString = mustache_1.default.render(manifestString, view);
+            }
         }
         else {
             const appDefinitionAndManifest = await this.getAppDefinitionAndManifest(ctx, false);
             if (appDefinitionAndManifest.isErr()) {
                 (_b = ctx.logProvider) === null || _b === void 0 ? void 0 : _b.error("[Teams Toolkit] Manifest Validation failed!");
-                const isProvisionSucceeded = !!((_c = ctx.configOfOtherPlugins
+                const isProvisionSucceeded = !!((_c = ctx.envInfo.profile
                     .get("solution")) === null || _c === void 0 ? void 0 : _c.get(constants_1.SOLUTION_PROVISION_SUCCEEDED));
                 if (appDefinitionAndManifest.error.name === errors_1.AppStudioError.GetRemoteConfigError.name &&
                     !isProvisionSucceeded) {
@@ -260,7 +320,9 @@ class AppStudioPluginImpl {
         const templatesFolder = __1.getTemplatesFolder();
         if (this.isSPFxProject(ctx)) {
             const templateManifestFolder = path_1.default.join(templatesFolder, "plugins", "resource", "spfx");
-            const manifestFile = path_1.default.resolve(templateManifestFolder, "./solution/manifest.json");
+            const manifestFile = common_1.isMultiEnvEnabled()
+                ? path_1.default.resolve(templateManifestFolder, "./solution/manifest_multi_env.json")
+                : path_1.default.resolve(templateManifestFolder, "./solution/manifest.json");
             const manifestString = (await fs.readFile(manifestFile)).toString();
             manifest = JSON.parse(manifestString);
         }
@@ -296,6 +358,17 @@ class AppStudioPluginImpl {
             : `${ctx.root}/${teamsfx_api_1.AppPackageFolderName}/appPackage.zip`;
         if (this.isSPFxProject(ctx)) {
             manifestString = (await fs.readFile(await this.getManifestTemplatePath(ctx.root))).toString();
+            if (common_1.isMultiEnvEnabled()) {
+                const view = {
+                    config: ctx.envInfo.config,
+                    profile: {
+                        "fx-resource-appstudio": {
+                            teamsAppId: this.getTeamsAppId(ctx, false),
+                        },
+                    },
+                };
+                manifestString = mustache_1.default.render(manifestString, view);
+            }
         }
         else {
             const manifest = await this.getAppDefinitionAndManifest(ctx, false);
@@ -304,7 +377,7 @@ class AppStudioPluginImpl {
             }
             else {
                 (_b = ctx.logProvider) === null || _b === void 0 ? void 0 : _b.error("[Teams Toolkit] Teams Package build failed!");
-                const isProvisionSucceeded = !!((_c = ctx.configOfOtherPlugins
+                const isProvisionSucceeded = !!((_c = ctx.envInfo.profile
                     .get("solution")) === null || _c === void 0 ? void 0 : _c.get(constants_1.SOLUTION_PROVISION_SUCCEEDED));
                 if (manifest.error.name === errors_1.AppStudioError.GetRemoteConfigFailedError.name &&
                     !isProvisionSucceeded) {
@@ -366,6 +439,9 @@ class AppStudioPluginImpl {
         const manifestTpl = await fs.readJSON(await this.getManifestTemplatePath(ctx.root));
         if (this.isSPFxProject(ctx)) {
             manifest = manifestTpl;
+            if (common_1.isMultiEnvEnabled()) {
+                manifest.id = this.getTeamsAppId(ctx, false);
+            }
         }
         else {
             const fillinRes = await this.getAppDefinitionAndManifest(ctx, false);
@@ -410,24 +486,34 @@ class AppStudioPluginImpl {
         const manifestPath = await this.getManifestTemplatePath(ctx.root);
         const manifest = await this.reloadManifestAndCheckRequiredFields(manifestPath);
         if (manifest.isErr()) {
-            throw manifest;
+            return teamsfx_api_1.err(manifest.error);
+        }
+        let teamsAppId;
+        if (this.isSPFxProject(ctx)) {
+            teamsAppId = await this.getSPFxLocalDebugAppDefinitionAndUpdate(ctx, manifest.value);
+        }
+        else {
+            teamsAppId = await this.getAppDefinitionAndUpdate(ctx, "localDebug", manifest.value);
         }
-        const teamsAppId = await this.getAppDefinitionAndUpdate(ctx, "localDebug", manifest.value);
         if (teamsAppId.isErr()) {
-            throw teamsAppId;
+            return teamsAppId;
         }
-        return teamsAppId.value;
+        return teamsfx_api_1.ok(teamsAppId.value);
     }
     async checkPermission(ctx) {
-        var _a, _b, _c;
+        var _a, _b;
         let userInfoObject;
         const appStudioToken = await ((_a = ctx === null || ctx === void 0 ? void 0 : ctx.appStudioToken) === null || _a === void 0 ? void 0 : _a.getAccessToken());
-        const teamsAppId = (await ((_b = ctx.configOfOtherPlugins
-            .get(constants_2.SOLUTION)) === null || _b === void 0 ? void 0 : _b.get(constants_3.REMOTE_TEAMS_APP_ID)));
+        const teamsAppId = this.getTeamsAppId(ctx, false);
         if (!teamsAppId) {
-            throw new Error(constants_2.ErrorMessages.GetConfigError(constants_3.REMOTE_TEAMS_APP_ID, constants_2.SOLUTION));
+            if (common_1.isMultiEnvEnabled()) {
+                throw new Error(constants_2.ErrorMessages.GetConfigError(constants_2.Constants.TEAMS_APP_ID, constants_1.PluginNames.APPST));
+            }
+            else {
+                throw new Error(constants_2.ErrorMessages.GetConfigError(constants_1.REMOTE_TEAMS_APP_ID, constants_2.SOLUTION));
+            }
         }
-        const userInfo = (_c = ctx.configOfOtherPlugins.get(constants_2.SOLUTION)) === null || _c === void 0 ? void 0 : _c.get(constants_1.USER_INFO);
+        const userInfo = (_b = ctx.envInfo.profile.get(constants_2.SOLUTION)) === null || _b === void 0 ? void 0 : _b.get(constants_1.USER_INFO);
         if (!userInfo) {
             throw new Error(constants_2.ErrorMessages.GetConfigError(constants_1.USER_INFO, constants_2.SOLUTION));
         }
@@ -449,12 +535,16 @@ class AppStudioPluginImpl {
         return result;
     }
     async listCollaborator(ctx) {
-        var _a, _b;
+        var _a;
         const appStudioToken = await ((_a = ctx === null || ctx === void 0 ? void 0 : ctx.appStudioToken) === null || _a === void 0 ? void 0 : _a.getAccessToken());
-        const teamsAppId = (await ((_b = ctx.configOfOtherPlugins
-            .get(constants_2.SOLUTION)) === null || _b === void 0 ? void 0 : _b.get(constants_3.REMOTE_TEAMS_APP_ID)));
+        const teamsAppId = this.getTeamsAppId(ctx, false);
         if (!teamsAppId) {
-            throw new Error(constants_2.ErrorMessages.GetConfigError(constants_3.REMOTE_TEAMS_APP_ID, constants_2.SOLUTION));
+            if (common_1.isMultiEnvEnabled()) {
+                throw new Error(constants_2.ErrorMessages.GetConfigError(constants_2.Constants.TEAMS_APP_ID, constants_1.PluginNames.APPST));
+            }
+            else {
+                throw new Error(constants_2.ErrorMessages.GetConfigError(constants_1.REMOTE_TEAMS_APP_ID, constants_2.SOLUTION));
+            }
         }
         const userLists = await appStudio_1.AppStudioClient.getUserList(teamsAppId, appStudioToken);
         if (!userLists) {
@@ -475,15 +565,19 @@ class AppStudioPluginImpl {
         return teamsAppAdmin;
     }
     async grantPermission(ctx) {
-        var _a, _b, _c;
+        var _a, _b;
         let userInfoObject;
         const appStudioToken = await ((_a = ctx === null || ctx === void 0 ? void 0 : ctx.appStudioToken) === null || _a === void 0 ? void 0 : _a.getAccessToken());
-        const teamsAppId = (await ((_b = ctx.configOfOtherPlugins
-            .get(constants_2.SOLUTION)) === null || _b === void 0 ? void 0 : _b.get(constants_3.REMOTE_TEAMS_APP_ID)));
+        const teamsAppId = this.getTeamsAppId(ctx, false);
         if (!teamsAppId) {
-            throw new Error(errors_1.AppStudioError.GrantPermissionFailedError.message(constants_2.ErrorMessages.GetConfigError(constants_3.REMOTE_TEAMS_APP_ID, constants_2.SOLUTION)));
+            if (common_1.isMultiEnvEnabled()) {
+                throw new Error(errors_1.AppStudioError.GrantPermissionFailedError.message(constants_2.ErrorMessages.GetConfigError(constants_2.Constants.TEAMS_APP_ID, constants_1.PluginNames.APPST)));
+            }
+            else {
+                throw new Error(errors_1.AppStudioError.GrantPermissionFailedError.message(constants_2.ErrorMessages.GetConfigError(constants_1.REMOTE_TEAMS_APP_ID, constants_2.SOLUTION)));
+            }
         }
-        const userInfo = (_c = ctx.configOfOtherPlugins.get(constants_2.SOLUTION)) === null || _c === void 0 ? void 0 : _c.get(constants_1.USER_INFO);
+        const userInfo = (_b = ctx.envInfo.profile.get(constants_2.SOLUTION)) === null || _b === void 0 ? void 0 : _b.get(constants_1.USER_INFO);
         if (!userInfo) {
             throw new Error(errors_1.AppStudioError.GrantPermissionFailedError.message(constants_2.ErrorMessages.GetConfigError(constants_1.USER_INFO, constants_2.SOLUTION), teamsAppId));
         }
@@ -687,23 +781,23 @@ class AppStudioPluginImpl {
         if (!((_b = (_a = ctx === null || ctx === void 0 ? void 0 : ctx.projectSettings) === null || _a === void 0 ? void 0 : _a.solutionSettings) === null || _b === void 0 ? void 0 : _b.migrateFromV1) && !webApplicationInfoResource) {
             return teamsfx_api_1.err(localDebug
                 ? results_1.AppStudioResultFactory.SystemError(errors_1.AppStudioError.GetLocalDebugConfigFailedError.name, errors_1.AppStudioError.GetLocalDebugConfigFailedError.message("webApplicationInfoResource", true))
-                : results_1.AppStudioResultFactory.SystemError(errors_1.AppStudioError.GetRemoteConfigFailedError.name, errors_1.AppStudioError.GetRemoteConfigFailedError.message("webApplicationInfoResource", true)));
+                : results_1.AppStudioResultFactory.UserError(errors_1.AppStudioError.GetRemoteConfigFailedError.name, errors_1.AppStudioError.GetRemoteConfigFailedError.message("webApplicationInfoResource", true)));
         }
         if (!((_d = (_c = ctx === null || ctx === void 0 ? void 0 : ctx.projectSettings) === null || _c === void 0 ? void 0 : _c.solutionSettings) === null || _d === void 0 ? void 0 : _d.migrateFromV1) && !aadId) {
             return teamsfx_api_1.err(localDebug
                 ? results_1.AppStudioResultFactory.SystemError(errors_1.AppStudioError.GetLocalDebugConfigFailedError.name, errors_1.AppStudioError.GetLocalDebugConfigFailedError.message(constants_1.LOCAL_DEBUG_AAD_ID, true))
-                : results_1.AppStudioResultFactory.SystemError(errors_1.AppStudioError.GetRemoteConfigFailedError.name, errors_1.AppStudioError.GetRemoteConfigFailedError.message(constants_1.LOCAL_DEBUG_AAD_ID, true)));
+                : results_1.AppStudioResultFactory.UserError(errors_1.AppStudioError.GetRemoteConfigFailedError.name, errors_1.AppStudioError.GetRemoteConfigFailedError.message(constants_1.REMOTE_AAD_ID, true)));
         }
         if (!tabEndpoint && !botId) {
             if (common_1.isArmSupportEnabled()) {
                 return teamsfx_api_1.err(localDebug
                     ? results_1.AppStudioResultFactory.SystemError(errors_1.AppStudioError.GetLocalDebugConfigFailedError.name, errors_1.AppStudioError.GetLocalDebugConfigFailedError.message(constants_1.LOCAL_DEBUG_TAB_ENDPOINT + ", " + constants_2.LOCAL_BOT_ID, false))
-                    : results_1.AppStudioResultFactory.SystemError(errors_1.AppStudioError.GetRemoteConfigFailedError.name, errors_1.AppStudioError.GetRemoteConfigFailedError.message(constants_2.FRONTEND_ENDPOINT_ARM + ", " + constants_2.BOT_ID, false)));
+                    : results_1.AppStudioResultFactory.UserError(errors_1.AppStudioError.GetRemoteConfigFailedError.name, errors_1.AppStudioError.GetRemoteConfigFailedError.message(constants_2.FRONTEND_ENDPOINT_ARM + ", " + constants_2.BOT_ID, false)));
             }
             else {
                 return teamsfx_api_1.err(localDebug
                     ? results_1.AppStudioResultFactory.SystemError(errors_1.AppStudioError.GetLocalDebugConfigFailedError.name, errors_1.AppStudioError.GetLocalDebugConfigFailedError.message(constants_1.LOCAL_DEBUG_TAB_ENDPOINT + ", " + constants_2.LOCAL_BOT_ID, false))
-                    : results_1.AppStudioResultFactory.SystemError(errors_1.AppStudioError.GetRemoteConfigFailedError.name, errors_1.AppStudioError.GetRemoteConfigFailedError.message(constants_2.FRONTEND_ENDPOINT + ", " + constants_2.BOT_ID, false)));
+                    : results_1.AppStudioResultFactory.UserError(errors_1.AppStudioError.GetRemoteConfigFailedError.name, errors_1.AppStudioError.GetRemoteConfigFailedError.message(constants_2.FRONTEND_ENDPOINT + ", " + constants_2.BOT_ID, false)));
             }
         }
         if ((tabEndpoint && !tabDomain) || (!tabEndpoint && tabDomain)) {
@@ -722,7 +816,7 @@ class AppStudioPluginImpl {
             if (!botDomain) {
                 return teamsfx_api_1.err(localDebug
                     ? results_1.AppStudioResultFactory.SystemError(errors_1.AppStudioError.GetLocalDebugConfigFailedError.name, errors_1.AppStudioError.GetLocalDebugConfigFailedError.message(constants_1.LOCAL_DEBUG_BOT_DOMAIN, false))
-                    : results_1.AppStudioResultFactory.SystemError(errors_1.AppStudioError.GetRemoteConfigFailedError.name, errors_1.AppStudioError.GetRemoteConfigFailedError.message(constants_1.BOT_DOMAIN, false)));
+                    : results_1.AppStudioResultFactory.UserError(errors_1.AppStudioError.GetRemoteConfigFailedError.name, errors_1.AppStudioError.GetRemoteConfigFailedError.message(constants_1.BOT_DOMAIN, false)));
             }
         }
         return teamsfx_api_1.ok({
@@ -741,13 +835,12 @@ class AppStudioPluginImpl {
         if (common_1.isMultiEnvEnabled()) {
             tabEndpoint = isLocalDebug
                 ? (_b = (_a = ctx.localSettings) === null || _a === void 0 ? void 0 : _a.frontend) === null || _b === void 0 ? void 0 : _b.get(localSettingsConstants_1.LocalSettingsFrontendKeys.TabEndpoint)
-                : (_c = ctx.configOfOtherPlugins.get(constants_1.PluginNames.FE)) === null || _c === void 0 ? void 0 : _c.get(constants_2.FRONTEND_ENDPOINT);
+                : (_c = ctx.envInfo.profile.get(constants_1.PluginNames.FE)) === null || _c === void 0 ? void 0 : _c.get(constants_2.FRONTEND_ENDPOINT);
         }
         else {
             tabEndpoint = isLocalDebug
-                ? (_d = ctx.configOfOtherPlugins
-                    .get(constants_1.PluginNames.LDEBUG)) === null || _d === void 0 ? void 0 : _d.get(constants_1.LOCAL_DEBUG_TAB_ENDPOINT)
-                : (_e = ctx.configOfOtherPlugins.get(constants_1.PluginNames.FE)) === null || _e === void 0 ? void 0 : _e.get(constants_2.FRONTEND_ENDPOINT);
+                ? (_d = ctx.envInfo.profile.get(constants_1.PluginNames.LDEBUG)) === null || _d === void 0 ? void 0 : _d.get(constants_1.LOCAL_DEBUG_TAB_ENDPOINT)
+                : (_e = ctx.envInfo.profile.get(constants_1.PluginNames.FE)) === null || _e === void 0 ? void 0 : _e.get(constants_2.FRONTEND_ENDPOINT);
         }
         return tabEndpoint;
     }
@@ -757,12 +850,12 @@ class AppStudioPluginImpl {
         if (common_1.isMultiEnvEnabled()) {
             tabDomain = isLocalDebug
                 ? (_b = (_a = ctx.localSettings) === null || _a === void 0 ? void 0 : _a.frontend) === null || _b === void 0 ? void 0 : _b.get(localSettingsConstants_1.LocalSettingsFrontendKeys.TabDomain)
-                : (_c = ctx.configOfOtherPlugins.get(constants_1.PluginNames.FE)) === null || _c === void 0 ? void 0 : _c.get(constants_2.FRONTEND_DOMAIN);
+                : (_c = ctx.envInfo.profile.get(constants_1.PluginNames.FE)) === null || _c === void 0 ? void 0 : _c.get(constants_2.FRONTEND_DOMAIN);
         }
         else {
             tabDomain = isLocalDebug
-                ? (_d = ctx.configOfOtherPlugins.get(constants_1.PluginNames.LDEBUG)) === null || _d === void 0 ? void 0 : _d.get(constants_1.LOCAL_DEBUG_TAB_DOMAIN)
-                : (_e = ctx.configOfOtherPlugins.get(constants_1.PluginNames.FE)) === null || _e === void 0 ? void 0 : _e.get(constants_2.FRONTEND_DOMAIN);
+                ? (_d = ctx.envInfo.profile.get(constants_1.PluginNames.LDEBUG)) === null || _d === void 0 ? void 0 : _d.get(constants_1.LOCAL_DEBUG_TAB_DOMAIN)
+                : (_e = ctx.envInfo.profile.get(constants_1.PluginNames.FE)) === null || _e === void 0 ? void 0 : _e.get(constants_2.FRONTEND_DOMAIN);
         }
         return tabDomain;
     }
@@ -772,10 +865,10 @@ class AppStudioPluginImpl {
         if (common_1.isMultiEnvEnabled()) {
             clientId = isLocalDebug
                 ? (_b = (_a = ctx.localSettings) === null || _a === void 0 ? void 0 : _a.auth) === null || _b === void 0 ? void 0 : _b.get(localSettingsConstants_1.LocalSettingsAuthKeys.ClientId)
-                : (_c = ctx.configOfOtherPlugins.get(constants_1.PluginNames.AAD)) === null || _c === void 0 ? void 0 : _c.get(constants_1.REMOTE_AAD_ID);
+                : (_c = ctx.envInfo.profile.get(constants_1.PluginNames.AAD)) === null || _c === void 0 ? void 0 : _c.get(constants_1.REMOTE_AAD_ID);
         }
         else {
-            clientId = (_d = ctx.configOfOtherPlugins
+            clientId = (_d = ctx.envInfo.profile
                 .get(constants_1.PluginNames.AAD)) === null || _d === void 0 ? void 0 : _d.get(isLocalDebug ? constants_1.LOCAL_DEBUG_AAD_ID : constants_1.REMOTE_AAD_ID);
         }
         return clientId;
@@ -786,10 +879,10 @@ class AppStudioPluginImpl {
         if (common_1.isMultiEnvEnabled()) {
             botId = isLocalDebug
                 ? (_b = (_a = ctx.localSettings) === null || _a === void 0 ? void 0 : _a.bot) === null || _b === void 0 ? void 0 : _b.get(localSettingsConstants_1.LocalSettingsBotKeys.BotId)
-                : (_c = ctx.configOfOtherPlugins.get(constants_1.PluginNames.BOT)) === null || _c === void 0 ? void 0 : _c.get(constants_2.BOT_ID);
+                : (_c = ctx.envInfo.profile.get(constants_1.PluginNames.BOT)) === null || _c === void 0 ? void 0 : _c.get(constants_2.BOT_ID);
         }
         else {
-            botId = (_d = ctx.configOfOtherPlugins
+            botId = (_d = ctx.envInfo.profile
                 .get(constants_1.PluginNames.BOT)) === null || _d === void 0 ? void 0 : _d.get(isLocalDebug ? constants_2.LOCAL_BOT_ID : constants_2.BOT_ID);
         }
         return botId;
@@ -800,12 +893,12 @@ class AppStudioPluginImpl {
         if (common_1.isMultiEnvEnabled()) {
             botDomain = isLocalDebug
                 ? (_b = (_a = ctx.localSettings) === null || _a === void 0 ? void 0 : _a.bot) === null || _b === void 0 ? void 0 : _b.get(localSettingsConstants_1.LocalSettingsBotKeys.BotDomain)
-                : (_c = ctx.configOfOtherPlugins.get(constants_1.PluginNames.BOT)) === null || _c === void 0 ? void 0 : _c.get(constants_1.BOT_DOMAIN);
+                : (_c = ctx.envInfo.profile.get(constants_1.PluginNames.BOT)) === null || _c === void 0 ? void 0 : _c.get(constants_1.BOT_DOMAIN);
         }
         else {
             botDomain = isLocalDebug
-                ? (_d = ctx.configOfOtherPlugins.get(constants_1.PluginNames.LDEBUG)) === null || _d === void 0 ? void 0 : _d.get(constants_1.LOCAL_DEBUG_BOT_DOMAIN)
-                : (_e = ctx.configOfOtherPlugins.get(constants_1.PluginNames.BOT)) === null || _e === void 0 ? void 0 : _e.get(constants_1.BOT_DOMAIN);
+                ? (_d = ctx.envInfo.profile.get(constants_1.PluginNames.LDEBUG)) === null || _d === void 0 ? void 0 : _d.get(constants_1.LOCAL_DEBUG_BOT_DOMAIN)
+                : (_e = ctx.envInfo.profile.get(constants_1.PluginNames.BOT)) === null || _e === void 0 ? void 0 : _e.get(constants_1.BOT_DOMAIN);
         }
         return botDomain;
     }
@@ -815,25 +908,26 @@ class AppStudioPluginImpl {
         if (common_1.isMultiEnvEnabled()) {
             applicationIdUris = isLocalDebug
                 ? (_b = (_a = ctx.localSettings) === null || _a === void 0 ? void 0 : _a.auth) === null || _b === void 0 ? void 0 : _b.get(localSettingsConstants_1.LocalSettingsAuthKeys.ApplicationIdUris)
-                : (_c = ctx.configOfOtherPlugins
-                    .get(constants_1.PluginNames.AAD)) === null || _c === void 0 ? void 0 : _c.get(constants_1.WEB_APPLICATION_INFO_SOURCE);
+                : (_c = ctx.envInfo.profile.get(constants_1.PluginNames.AAD)) === null || _c === void 0 ? void 0 : _c.get(constants_1.WEB_APPLICATION_INFO_SOURCE);
         }
         else {
-            applicationIdUris = (_d = ctx.configOfOtherPlugins
+            applicationIdUris = (_d = ctx.envInfo.profile
                 .get(constants_1.PluginNames.AAD)) === null || _d === void 0 ? void 0 : _d.get(isLocalDebug ? constants_1.LOCAL_WEB_APPLICATION_INFO_SOURCE : constants_1.WEB_APPLICATION_INFO_SOURCE);
         }
         return applicationIdUris;
     }
     getTeamsAppId(ctx, isLocalDebug) {
-        var _a, _b, _c;
+        var _a, _b, _c, _d;
         let teamsAppId;
         if (isLocalDebug) {
             teamsAppId = common_1.isMultiEnvEnabled()
                 ? (_a = ctx.localSettings) === null || _a === void 0 ? void 0 : _a.teamsApp.get(localSettingsConstants_1.LocalSettingsTeamsAppKeys.TeamsAppId)
-                : (_b = ctx.configOfOtherPlugins.get("solution")) === null || _b === void 0 ? void 0 : _b.get(constants_1.LOCAL_DEBUG_TEAMS_APP_ID);
+                : (_b = ctx.envInfo.profile.get("solution")) === null || _b === void 0 ? void 0 : _b.get(constants_1.LOCAL_DEBUG_TEAMS_APP_ID);
         }
         else {
-            teamsAppId = (_c = ctx.configOfOtherPlugins.get("solution")) === null || _c === void 0 ? void 0 : _c.get(constants_3.REMOTE_TEAMS_APP_ID);
+            teamsAppId = common_1.isMultiEnvEnabled()
+                ? (_c = ctx.envInfo.profile.get(constants_1.PluginNames.APPST)) === null || _c === void 0 ? void 0 : _c.get(constants_2.Constants.TEAMS_APP_ID)
+                : (_d = ctx.envInfo.profile.get("solution")) === null || _d === void 0 ? void 0 : _d.get(constants_1.REMOTE_TEAMS_APP_ID);
         }
         return teamsAppId;
     }
@@ -851,6 +945,8 @@ class AppStudioPluginImpl {
         appDefinition.appId = appManifest.id;
         appDefinition.appName = appManifest.name.short;
         appDefinition.shortName = appManifest.name.short;
+        appDefinition.longName = appManifest.name.full;
+        appDefinition.manifestVersion = appManifest.manifestVersion;
         appDefinition.version = appManifest.version;
         appDefinition.packageName = appManifest.packageName;
         appDefinition.accentColor = appManifest.accentColor;
@@ -890,7 +986,6 @@ class AppStudioPluginImpl {
         const manifest = await fs.readJSON(await this.getManifestTemplatePath(ctx.root));
         manifest.bots = undefined;
         manifest.composeExtensions = undefined;
-        // For SPFX remote teams app, manifest.id == componentId
         if (isLocalDebug || !isUUID_1.default(manifest.id)) {
             manifest.id = uuid_1.v4();
         }
@@ -918,7 +1013,7 @@ class AppStudioPluginImpl {
                 : results_1.AppStudioResultFactory.SystemError(errors_1.AppStudioError.RemoteAppIdCreateFailedError.name, errors_1.AppStudioError.RemoteAppIdCreateFailedError.message(e)));
         }
     }
-    async updateApp(ctx, appDefinition, appStudioToken, type, createIfNotExist, teamsAppId, logProvider, appDirectory) {
+    async updateApp(ctx, appDefinition, appStudioToken, type, createIfNotExist, appDirectory, teamsAppId, logProvider) {
         if (appStudioToken === undefined || appStudioToken.length === 0) {
             return teamsfx_api_1.err(results_1.AppStudioResultFactory.SystemError(errors_1.AppStudioError.AppStudioTokenGetFailedError.name, errors_1.AppStudioError.AppStudioTokenGetFailedError.message));
         }
@@ -957,7 +1052,7 @@ class AppStudioPluginImpl {
         }
     }
     async getAppDefinitionAndManifest(ctx, isLocalDebug) {
-        var _a, _b, _c, _d;
+        var _a, _b;
         const configs = this.getConfigForCreatingManifest(ctx, isLocalDebug);
         if (configs.isErr()) {
             return teamsfx_api_1.err(configs.error);
@@ -971,14 +1066,31 @@ class AppStudioPluginImpl {
             validDomains.push(botDomain);
         }
         let manifest = (await fs.readFile(await this.getManifestTemplatePath(ctx.root))).toString();
+        if (common_1.isMultiEnvEnabled()) {
+            const view = {
+                config: ctx.envInfo.config,
+                profile: {
+                    "fx-resource-frontend-hosting": {
+                        endpoint: tabEndpoint,
+                    },
+                    "fx-resource-aad-app-for-teams": {
+                        clientId: aadId,
+                        applicationIdUris: webApplicationInfoResource,
+                    },
+                    "fx-resource-appstudio": {
+                        teamsAppId: teamsAppId,
+                    },
+                    "fx-resource-bot": {
+                        botId: botId,
+                    },
+                },
+            };
+            manifest = mustache_1.default.render(manifest, view);
+        }
         const appName = (_a = ctx.projectSettings) === null || _a === void 0 ? void 0 : _a.appName;
         if (appName) {
             manifest = this.replaceConfigValue(manifest, "appName", appName);
         }
-        const version = (_c = (_b = ctx.projectSettings) === null || _b === void 0 ? void 0 : _b.solutionSettings) === null || _c === void 0 ? void 0 : _c.version;
-        if (version) {
-            manifest = this.replaceConfigValue(manifest, "version", version);
-        }
         if (botId) {
             manifest = this.replaceConfigValue(manifest, "botId", botId);
         }
@@ -990,9 +1102,26 @@ class AppStudioPluginImpl {
         if (webApplicationInfoResource) {
             manifest = this.replaceConfigValue(manifest, "webApplicationInfoResource", webApplicationInfoResource);
         }
-        const updatedManifest = JSON.parse(manifest);
+        let updatedManifest;
+        try {
+            updatedManifest = JSON.parse(manifest);
+        }
+        catch (error) {
+            if (error.stack && error.stack.startsWith("SyntaxError")) {
+                // teams app id in userData may be updated by user, result to invalid manifest
+                const reg = /^[a-fA-F0-9]{8}-[a-fA-F0-9]{4}-[a-fA-F0-9]{4}-[a-fA-F0-9]{4}-[a-fA-F0-9]{12}$/;
+                const result = teamsAppId.match(reg);
+                if (!result) {
+                    return teamsfx_api_1.err(results_1.AppStudioResultFactory.UserError(errors_1.AppStudioError.InvalidManifestError.name, errors_1.AppStudioError.InvalidManifestError.message(error, "teamsAppId"), undefined, error.stack));
+                }
+                return teamsfx_api_1.err(results_1.AppStudioResultFactory.UserError(errors_1.AppStudioError.InvalidManifestError.name, errors_1.AppStudioError.InvalidManifestError.message(error), undefined, error.stack));
+            }
+            else {
+                return teamsfx_api_1.err(error);
+            }
+        }
         for (const domain of validDomains) {
-            (_d = updatedManifest.validDomains) === null || _d === void 0 ? void 0 : _d.push(domain);
+            (_b = updatedManifest.validDomains) === null || _b === void 0 ? void 0 : _b.push(domain);
         }
         if (!tabEndpoint && updatedManifest.developer) {
             updatedManifest.developer.websiteUrl = constants_2.DEFAULT_DEVELOPER_WEBSITE_URL;