Adjusted authenticator script to allow running publishing in dev ops.

auth/authenticator.js

@@ -0,0 +1,47 @@
+const {
+    ClientSecretCredential,
+    InteractiveBrowserCredential,
+} = require("@azure/identity");
+
+// Options may include tenantId and clientId
+async function getArmToken(options = {}) {
+    let credential;
+
+    const clientId = options.clientId || process.env.AZURE_CLIENT_ID;
+    const tenantId = options.tenantId || process.env.AZURE_TENANT_ID;
+    const clientSecret = options.clientSecret || process.env.AZURE_CLIENT_SECRET;
+
+    if (process.env.AZURE_CLIENT_SECRET) {
+        credential = new ClientSecretCredential(
+            tenantId,
+            clientId,
+            clientSecret
+        );
+    } else {
+        // Use interactive browser authentication (developer/manual mode)
+        credential = new InteractiveBrowserCredential({
+            tenantId: tenantId,
+            clientId: clientId,
+            loginStyle: "popup",
+        });
+        console.log("Please sign in via the browser window that will open...");
+    }
+
+    // Request ARM token for the Management API
+    const scope = "https://management.azure.com/.default";
+    const response = await credential.getToken(scope);
+
+    if (response && response.token) {
+        console.log(
+            "Successfully acquired token with expiration at",
+            response.expiresOnTimestamp
+                ? new Date(response.expiresOnTimestamp).toLocaleString()
+                : "unknown"
+        );
+        return `${response.tokenType} ${response.token}`; // Returns the actual token string
+    } else {
+        throw new Error("Failed to acquire token. Empty response.");
+    }
+}
+
+module.exports = getArmToken;

package.json

@@ -20,7 +20,6 @@
         "test": "node node_modules/mocha/bin/_mocha -r mocha.js src/**/*.spec.ts",
         "deploy-function": "npm run build-function && cd dist/function && func azure functionapp publish < function app name >",
         "publish": "webpack --config webpack.publisher.js && node dist/publisher/index.js && npm run serve-website",
-        "publish-arm": "webpack --config webpack.publisher.arm.js && node dist/publisher/index.js && npm run serve-website",
         "serve-website": "webpack serve --open --static ./dist/website --no-stats",
         "build-mock-static-data": "webpack --config webpack.mockStaticData.js && node dist/publisher/index.js",
         "build-static-data": "webpack --config webpack.staticData.js && node dist/publisher/index.js",

src/config.publish.json

@@ -1,6 +1,5 @@
 {
     "environment": "publishing",
-    "isArmAuthEnabled": true,
     "subscriptionId": "< subscription ID >",
     "resourceGroupName": "< resource group name >",
     "serviceName": "< service name >"

webpack.develop.js

@@ -4,7 +4,7 @@ const {
     designerConfig,
     designerRuntimeConfig,
 } = require("./webpack.designer.js");
-const { getArmToken } = require("./auth/arm-auth");
+const getArmToken = require("./auth/authenticator");
 
 module.exports = async (env) => {
     const armToken = await getArmToken({});

webpack.publisher.js

@@ -4,7 +4,7 @@ const { merge } = require("webpack-merge");
 const CopyWebpackPlugin = require("copy-webpack-plugin");
 const MiniCssExtractPlugin = require("mini-css-extract-plugin");
 const runtimeConfig = require("./webpack.runtime");
-const { getArmToken } = require("./auth/arm-auth");
+const getArmToken = require("./auth/authenticator");
 const config = require("./src/config.publish.json");
 
 const publisherRuntimeConfig = merge(runtimeConfig, {