make XML and JSON versions match

Author: Rick-Kirkham

src/commands/commands.ts

@@ -22,7 +22,7 @@ function action(event: Office.AddinCommands.Event) {
   };
 
   // Show a notification message.
-  Office.context.mailbox.item.notificationMessages.replaceAsync("action", message);
+  Office.context.mailbox.item.notificationMessages.replaceAsync("ActionPerformanceNotification", message);
 
   // Be sure to indicate when the add-in command function is complete.
   event.completed();

src/taskpane/outlook.ts

@@ -17,4 +17,7 @@ export async function run() {
   /**
    * Insert your Outlook code here
    */
+
+  const item = Office.context.mailbox.item;
+  document.getElementById("item-subject").innerHTML = "<b>Subject:</b> <br/>" + item.subject;
 }

src/taskpane/taskpane.html

@@ -48,6 +48,7 @@ <h2 class="ms-font-xl"> Discover what Office Add-ins can do for you today! </h2>
         <div role="button" id="run" class="ms-welcome__action ms-Button ms-Button--hero ms-font-xl">
             <span class="ms-Button-label">Run</span>
         </div>
+        <p><label id="item-subject"></label></p>
     </main>
 </body>
 

webpack.config.js

@@ -25,7 +25,7 @@ module.exports = async (env, options) => {
       clean: true,
     },
     resolve: {
-      extensions: [".ts", ".tsx", ".html", ".js"],
+      extensions: [".ts", ".html", ".js"],
     },
     module: {
       rules: [
@@ -44,11 +44,6 @@ module.exports = async (env, options) => {
           exclude: /node_modules/,
           use: "ts-loader",
         },
-        {
-          test: /\.html$/,
-          exclude: /node_modules/,
-          use: "html-loader",
-        },
         {
           test: /\.(png|jpg|jpeg|gif|ico)$/,
           type: "asset/resource",