Merge pull request #224 from OfficeDev/match-json-version

make XML and JSON versions match

Author: Rick-Kirkham

package.json

@@ -13,7 +13,7 @@
   },
   "engines": {
     "node": ">=16 <19",
-    "npm": ">=7 <10"
+    "npm": ">=7 <11"
   },
   "scripts": {
     "build": "webpack --mode production",

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: [
@@ -39,11 +39,6 @@ module.exports = async (env, options) => {
             },
           },
         },
-        {
-          test: /\.tsx?$/,
-          exclude: /node_modules/,
-          use: "ts-loader",
-        },
         {
           test: /\.html$/,
           exclude: /node_modules/,