+ Discover what Office Add-ins can do for you today!
+
+ -
+
+ Achieve more with Office integration
+
+ -
+
+ Unlock features and functionality
+
+ -
+
+ Create and visualize like a pro
+
+
+ Modify the source files, then click Run.
+
+ Run
+
+
+
+
+
+
diff --git a/officeaddin/Create Job Folder/src/taskpane/taskpane.js b/officeaddin/Create Job Folder/src/taskpane/taskpane.js
new file mode 100644
index 0000000..8dfcae7
--- /dev/null
+++ b/officeaddin/Create Job Folder/src/taskpane/taskpane.js
@@ -0,0 +1,252 @@
+/*
+ * Copyright (c) Microsoft Corporation. All rights reserved. Licensed under the MIT license.
+ * See LICENSE in the project root for license information.
+ */
+
+/* global console, document, Excel, Office */
+
+window.addEventListener('error', (evt) => {
+ console.error('WindowError:', {
+ message: evt.message,
+ filename: evt.filename,
+ lineno: evt.lineno,
+ colno: evt.colno,
+ error: evt.error, // often the real Error object
+ });
+});
+
+window.addEventListener('unhandledrejection', (evt) => {
+ console.error('UnhandledRejection:', {
+ reason: evt.reason, // might be the original Error
+ });
+});
+
+Office.onReady((info) => {
+ if (info.host === Office.HostType.Excel) {
+ document.getElementById("sideload-msg").style.display = "none";
+ document.getElementById("app-body").style.display = "flex";
+ document.getElementById("run").onclick = run;
+ OfficeRuntime.auth.getAccessToken().then(token => console.log(token));
+ document.getElementById("createFolderBtn").onclick = handleCreatePDF;
+ }
+});
+
+
+async function handleCreatePDF() {
+ const projectInput = document.getElementById("projectName").value.trim();
+ const statusEl = document.getElementById("statusMessage");
+
+ if (!projectInput) {
+ statusEl.textContent = "Please enter a project number.";
+ return;
+ }
+
+ try {
+ statusEl.textContent = "Processing...";
+
+ // 1. Get Excel data
+ const jobData = await getJobData(projectInput);
+ if (!jobData) {
+ statusEl.textContent = "Job not found.";
+ return;
+ }
+
+ const formData = await getFormData();
+
+ // 2. Get access token for Graph
+ const accessToken = await getAccessToken();
+
+ // 3. Hardcoded SharePoint IDs
+ const driveId = "b!9YOqqr2xM0G2DFBwMEJYY4UzQgocFddEtpLYWuS9_AtkCKl2q8yjQJteQ7Ti4QSx";
+ const parentItemId = "01SPNXLDW3Y56HAWK5CNAJ4YJLLSQCUCJ7";
+
+ // 4. Create folder structure
+ const mainFolderName = `[ ${jobData.Job_Number} ] - ${jobData.Job_Name}`;
+ const mainFolderId = await createSharePointFolder(accessToken, driveId, parentItemId, mainFolderName);
+ const subFolderId = await createSharePointFolder(accessToken, driveId, mainFolderId, "Manager Info");
+
+ // 5. Generate Word document and export as PDF
+ const pdfBlob = await generatePDF(jobData, formData);
+
+ // 6. Upload PDF to SharePoint
+ await uploadFileToSharePoint(accessToken, driveId, subFolderId, `${mainFolderName}.pdf`, pdfBlob);
+
+ statusEl.textContent = "✅ PDF created and uploaded successfully!";
+ } catch (error) {
+ console.error(error);
+ statusEl.textContent = "❌ Error: " + error.message;
+ }
+}
+
+// Get Job Data from "Job Sheet"
+async function getJobData(jobNumber) {
+ return Excel.run(async (context) => {
+ const sheet = context.workbook.worksheets.getItem("Job Sheet");
+ const usedRange = sheet.getUsedRange();
+ usedRange.load("values");
+ await context.sync();
+
+ const headers = usedRange.values[0];
+ const rows = usedRange.values.slice(1);
+
+ const idxJobNumber = headers.indexOf("Job_Number");
+ const idxJobName = headers.indexOf("Job_Name");
+ const idxJobAddress = headers.indexOf("Job_Address");
+ const idxJobDivision = headers.indexOf("Job_Division");
+ const idxClientCustomer = headers.indexOf("Client_Customer");
+ const idxContactPerson = headers.indexOf("Contact_Person");
+ const idxEmail = headers.indexOf("Email");
+
+ const match = rows.find(r => r[idxJobNumber] == jobNumber);
+ if (!match) return null;
+
+ return {
+ Job_Number: match[idxJobNumber],
+ Job_Name: match[idxJobName],
+ Job_Address: match[idxJobAddress],
+ Job_Division: match[idxJobDivision],
+ Client_Customer: match[idxClientCustomer],
+ Contact_Person: match[idxContactPerson],
+ Email: match[idxEmail]
+ };
+ });
+}
+
+// Get FormDat range
+async function getFormData() {
+ return Excel.run(async (context) => {
+ const sheet = context.workbook.worksheets.getItem("FormDat");
+ const range = sheet.getRange("A1:C12");
+ range.load("values");
+ await context.sync();
+ return range.values;
+ });
+}
+
+// Generate PDF using Word API
+async function generatePDF(jobData, formData) {
+ return Word.run(async (context) => {
+ const body = context.document.body;
+ body.clear();
+
+ body.insertParagraph("Project Information", Word.InsertLocation.start);
+ body.insertParagraph(`Job Number: ${jobData.Job_Number}`, Word.InsertLocation.end);
+ body.insertParagraph(`Job Name: ${jobData.Job_Name}`, Word.InsertLocation.end);
+ body.insertParagraph(`Address: ${jobData.Job_Address}`, Word.InsertLocation.end);
+ body.insertParagraph(`Division: ${jobData.Job_Division}`, Word.InsertLocation.end);
+ body.insertParagraph(`Client: ${jobData.Client_Customer}`, Word.InsertLocation.end);
+ body.insertParagraph(`Contact: ${jobData.Contact_Person}`, Word.InsertLocation.end);
+ body.insertParagraph(`Email: ${jobData.Email}`, Word.InsertLocation.end);
+
+ body.insertParagraph("\nForm Data:", Word.InsertLocation.end);
+ formData.forEach(row => {
+ body.insertParagraph(row.join(" | "), Word.InsertLocation.end);
+ });
+
+ await context.sync();
+
+ // Export as PDF
+ return new Promise((resolve, reject) => {
+ Office.context.document.getFileAsync(Office.FileType.Pdf, (result) => {
+ if (result.status === Office.AsyncResultStatus.Succeeded) {
+ const file = result.value;
+ const sliceCount = file.sliceCount;
+ const slices = [];
+ let sliceIndex = 0;
+
+ const getSlice = () => {
+ file.getSliceAsync(sliceIndex, (sliceResult) => {
+ if (sliceResult.status === Office.AsyncResultStatus.Succeeded) {
+ slices.push(sliceResult.value.data);
+ sliceIndex++;
+ if (sliceIndex < sliceCount) {
+ getSlice();
+ } else {
+ file.closeAsync();
+ const blob = new Blob(slices, { type: "application/pdf" });
+ resolve(blob);
+ }
+ } else {
+ reject(sliceResult.error);
+ }
+ });
+ };
+ getSlice();
+ } else {
+ reject(result.error);
+ }
+ });
+ });
+ });
+}
+
+// Get Access Token for Graph
+async function getAccessToken() {
+ return new Promise((resolve, reject) => {
+ Office.context.auth.getAccessTokenAsync({ allowSignInPrompt: true }, (result) => {
+ if (result.status === "succeeded") {
+ resolve(result.value);
+ } else {
+ reject(new Error(result.error.message));
+ }
+ });
+ });
+}
+
+// Create folder in SharePoint
+async function createSharePointFolder(token, driveId, parentId, folderName) {
+ const endpoint = `https://graph.microsoft.com/v1.0/drives/${driveId}/items/${parentId}/children`;
+ const response = await fetch(endpoint, {
+ method: "POST",
+ headers: {
+ Authorization: `Bearer ${token}`,
+ "Content-Type": "application/json"
+ },
+ body: JSON.stringify({ name: folderName, folder: {}, "@microsoft.graph.conflictBehavior": "rename" })
+ });
+
+ const data = await response.json();
+ if (!data.id) throw new Error(`Failed to create folder: ${JSON.stringify(data)}`);
+ return data.id;
+}
+
+// Upload PDF
+async function uploadFileToSharePoint(token, driveId, folderId, fileName, pdfBlob) {
+ const endpoint = `https://graph.microsoft.com/v1.0/drives/${driveId}/items/${folderId}:/${fileName}:/content`;
+ const response = await fetch(endpoint, {
+ method: "PUT",
+ headers: {
+ Authorization: `Bearer ${token}`
+ },
+ body: pdfBlob
+ });
+
+ if (!response.ok) {
+ const errorText = await response.text();
+ throw new Error(`Upload failed: ${errorText}`);
+ }
+}
+
+
+export async function run() {
+
+ try {
+ await Excel.run(async (context) => {
+ /**
+ * Insert your Excel code here
+ */
+ const range = context.workbook.getSelectedRange();
+
+ // Read the range address
+ range.load("address");
+
+ // Update the fill color
+ range.format.fill.color = "yellow";
+
+ await context.sync();
+ console.log(`The range address was ${range.address}.`);
+ });
+ } catch (error) {
+ console.error(error);
+ }
+}
diff --git a/officeaddin/Create Job Folder/webpack.config.js b/officeaddin/Create Job Folder/webpack.config.js
new file mode 100644
index 0000000..8e1be4b
--- /dev/null
+++ b/officeaddin/Create Job Folder/webpack.config.js
@@ -0,0 +1,97 @@
+/* eslint-disable no-undef */
+
+const devCerts = require("office-addin-dev-certs");
+const CopyWebpackPlugin = require("copy-webpack-plugin");
+const HtmlWebpackPlugin = require("html-webpack-plugin");
+
+const urlDev = "https://localhost:3000/";
+const urlProd = "https://www.contoso.com/"; // CHANGE THIS TO YOUR PRODUCTION DEPLOYMENT LOCATION
+
+async function getHttpsOptions() {
+ const httpsOptions = await devCerts.getHttpsServerOptions();
+ return { ca: httpsOptions.ca, key: httpsOptions.key, cert: httpsOptions.cert };
+}
+
+module.exports = async (env, options) => {
+ const dev = options.mode === "development";
+ const config = {
+ devtool: "source-map",
+ entry: {
+ polyfill: ["core-js/stable", "regenerator-runtime/runtime"],
+ taskpane: ["./src/taskpane/taskpane.js", "./src/taskpane/taskpane.html"],
+ commands: "./src/commands/commands.js",
+ },
+ output: {
+ clean: true,
+ },
+ resolve: {
+ extensions: [".html", ".js"],
+ },
+ module: {
+ rules: [
+ {
+ test: /\.js$/,
+ exclude: /node_modules/,
+ use: {
+ loader: "babel-loader",
+ },
+ },
+ {
+ test: /\.html$/,
+ exclude: /node_modules/,
+ use: "html-loader",
+ },
+ {
+ test: /\.(png|jpg|jpeg|gif|ico)$/,
+ type: "asset/resource",
+ generator: {
+ filename: "assets/[name][ext][query]",
+ },
+ },
+ ],
+ },
+ plugins: [
+ new HtmlWebpackPlugin({
+ filename: "taskpane.html",
+ template: "./src/taskpane/taskpane.html",
+ chunks: ["polyfill", "taskpane"],
+ }),
+ new CopyWebpackPlugin({
+ patterns: [
+ {
+ from: "assets/*",
+ to: "assets/[name][ext][query]",
+ },
+ {
+ from: "manifest*.xml",
+ to: "[name]" + "[ext]",
+ transform(content) {
+ if (dev) {
+ return content;
+ } else {
+ return content.toString().replace(new RegExp(urlDev, "g"), urlProd);
+ }
+ },
+ },
+ ],
+ }),
+ new HtmlWebpackPlugin({
+ filename: "commands.html",
+ template: "./src/commands/commands.html",
+ chunks: ["polyfill", "commands"],
+ }),
+ ],
+ devServer: {
+ headers: {
+ "Access-Control-Allow-Origin": "*",
+ },
+ server: {
+ type: "https",
+ options: env.WEBPACK_BUILD || options.https !== undefined ? options.https : await getHttpsOptions(),
+ },
+ port: process.env.npm_package_config_dev_server_port || 3000,
+ },
+ };
+
+ return config;
+};
diff --git a/officeaddin/README.md b/officeaddin/README.md
new file mode 100644
index 0000000..c6d2d8f
--- /dev/null
+++ b/officeaddin/README.md
@@ -0,0 +1,15 @@
+# officeaddin
+
+To install dependencies:
+
+```bash
+bun install
+```
+
+To run:
+
+```bash
+bun run index.ts
+```
+
+This project was created using `bun init` in bun v1.3.3. [Bun](https://bun.com) is a fast all-in-one JavaScript runtime.
diff --git a/officeaddin/bun.lock b/officeaddin/bun.lock
new file mode 100644
index 0000000..ca44fb7
--- /dev/null
+++ b/officeaddin/bun.lock
@@ -0,0 +1,26 @@
+{
+ "lockfileVersion": 1,
+ "configVersion": 1,
+ "workspaces": {
+ "": {
+ "name": "officeaddin",
+ "devDependencies": {
+ "@types/bun": "latest",
+ },
+ "peerDependencies": {
+ "typescript": "^5",
+ },
+ },
+ },
+ "packages": {
+ "@types/bun": ["@types/bun@1.3.3", "", { "dependencies": { "bun-types": "1.3.3" } }, "sha512-ogrKbJ2X5N0kWLLFKeytG0eHDleBYtngtlbu9cyBKFtNL3cnpDZkNdQj8flVf6WTZUX5ulI9AY1oa7ljhSrp+g=="],
+
+ "@types/node": ["@types/node@24.10.1", "", { "dependencies": { "undici-types": "~7.16.0" } }, "sha512-GNWcUTRBgIRJD5zj+Tq0fKOJ5XZajIiBroOF0yvj2bSU1WvNdYS/dn9UxwsujGW4JX06dnHyjV2y9rRaybH0iQ=="],
+
+ "bun-types": ["bun-types@1.3.3", "", { "dependencies": { "@types/node": "*" } }, "sha512-z3Xwlg7j2l9JY27x5Qn3Wlyos8YAp0kKRlrePAOjgjMGS5IG6E7Jnlx736vH9UVI4wUICwwhC9anYL++XeOgTQ=="],
+
+ "typescript": ["typescript@5.9.3", "", { "bin": { "tsc": "bin/tsc", "tsserver": "bin/tsserver" } }, "sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw=="],
+
+ "undici-types": ["undici-types@7.16.0", "", {}, "sha512-Zz+aZWSj8LE6zoxD+xrjh4VfkIG8Ya6LvYkZqtUQGJPZjYl53ypCaUwWqo7eI0x66KBGeRo+mlBEkMSeSZ38Nw=="],
+ }
+}
diff --git a/officeaddin/commands.html b/officeaddin/commands.html
new file mode 100644
index 0000000..d94d76b
--- /dev/null
+++ b/officeaddin/commands.html
@@ -0,0 +1,17 @@
+
+
+
+
+ 
+