officedev / office-addin-taskpane-js

Template to get start started writing a TaskPane Office Add-in using JavaScript.

Office-Addin-TaskPane-JS

This repository contains the source code used by the Yo Office generator when you create a new Office Add-in that appears in the task pane. You can also use this repository as a sample to base your own project from if you choose not to use the generator.

JavaScript

This template is written using JavaScript. For the TypeScript version of this template, go to Office-Addin-TaskPane.

Debugging

This template supports debugging using any of the following techniques:

• Use a browser's developer tools
• Attach a debugger from the task pane
• Use F12 developer tools on Windows 10

Questions and comments

We'd love to get your feedback about this sample. You can send your feedback to us in the Issues section of this repository.

Questions about Office Add-ins development in general should be posted to Microsoft Q&A. If your question is about the Office JavaScript APIs, make sure it's tagged with [office-js-dev].

Join the Microsoft 365 Developer Program

Join the Microsoft 365 Developer Program to get resources and information to help you build solutions for the Microsoft 365 platform, including recommendations tailored to your areas of interest.

You might also qualify for a free developer subscription that's renewable for 90 days and comes configured with sample data; for details, see the FAQ.

Additional resources

• Office Add-ins documentation
• More Office Add-ins samples at OfficeDev on Github

This project has adopted the Microsoft Open Source Code of Conduct. For more information, see the Code of Conduct FAQ or contact [email protected] with any additional questions or comments.

Copyright

Copyright (c) 2021 Microsoft Corporation. All rights reserved.

office-addin-taskpane-js's Issues

A Couple of Questions

1. Is there a way to address this OfficeDev group as a whole? From what I can see, it is on a repository-to-repository basis.

2. Is VSTO being deprecated? I ask because I am told by some at my job that it is. However, I've seen nothing from Microsoft stating such and, with each Office release, the object model is usually extended.

The input file is not supported in development mode

Expected behavior

The HTML that is available in ScriptLab but is not available in the development environment

Current behavior

<input type="file" />

No response when clicked in the development environment

Steps to Reproduce

1. yo office
2. npm start
3. run ScriptLab again

Context

• Operating System: win 10
• Node version: v16.13.0
• Office version: office 365, editon 2202 Build 16.0.14931.20128
• Tool version: yo office

video below
https://www.loom.com/share/044c488ec27d4eaeb36c835b2f8f32dd

Support for MS project

Can i run this project on MS Project?

Following this link, I created a sample addin for Project using yeoman and was able to sideload the addin, but addin is stuck at "Please sideload your add-in to see app body". It seems Office does not hit the "Ready" state and thus never calling the onReady event/function.

The node version: 14.17.0.
OS: Win 10
Project Desktop Client version: 2105 (build 14026.20270)
Office.js version: 1.1
Running the app in dev mode with a network share to load the addin.

Steps i followed:

1. install yeoman and generate addin for project
2. build and start the app using npm run dev-server
3. shared a directory and place the manifest xml in it
4. started project, enabled my shared folder catalog
5. opened a project and loaded the addin

The addin is stuck as shown in the image

Any suggestion will be highly appreciated. Thanks.

Does this framework actually support 2016 with java scripting? It is failing for me on 2016 and lower.

Expected behavior

I'm using this framework to create an add-in for Word. It is working great in Word 2019 and up. But when I try and run it in Word 2016, it is failing because it looks like Word 2016 is trying to use Internet Explorer 11 as the container for the add-in. :o) So any scripting fails to run.

I'm using the base of this project.

The big issue is I'm trying to get it in the AppSource store and am being rejected because of that Office 2016 issue and am not sure of any work around. Is anyone monitoring this and have a suggestion?

From MSFT AppSource

Your offer does not work in Microsoft 365 version 16.0.11629 or later without Edge WebView2 (Chromium-based) installed on Windows 10.

Issue: Getting blank page while loading the ad-in.

Repro steps:

Open word doc
Launch the add-in
Getting blank page
Noticed an issue
Please refer to the attachment for evidence.

Update the offer to be fully functional in all required environments and resubmit your offer. This failure will not stop the offer from publishing to the store. See Browsers Used by Office Web Addins for details on runtime environments.

http://schemas.microsoft.com/office/appforoffice/1.1 is a dead link

Prerequisites

Please answer the following questions before submitting an issue.
YOU MAY DELETE THE PREREQUISITES SECTION.

• I am running the latest version of Node and the tools
• I checked the documentation and found no answer
• I checked to make sure that this issue has not already been filed

Expected behavior

My IDE should be able to resolve http://schemas.microsoft.com/office/appforoffice/1.1

Current behavior

http://schemas.microsoft.com/office/appforoffice/1.1 and http://schemas.microsoft.com/office/officeappbasictypes/1.0 and http://schemas.microsoft.com/office/taskpaneappversionoverrides are dead links

Steps to Reproduce

Go to http://schemas.microsoft.com/office/appforoffice/1.1

Context

Please provide any relevant information about your setup. This is important in case the issue is not reproducible except for under certain conditions.

• Operating System: OSX
• Node version: 18.16.0LTS
• Office version: 365
• Tool version:

Failure Logs

None

convert-to-single-host.js should remove test specific (typescript) dependencies

Expected behavior

Project coming from yo-office command is as lean as possible

Current behavior

TypeScript dependencies are in the project in order to run the test, but the template itself doesn't need them, but there are still there. The convert-to-single-host script should remove the dependencies singe they aren't being used after the conversion

Steps to Reproduce

Run 'yo office taskpane taskpane-js excel --js'
Look at the resulting project
babel.config.json
-> @babel/preset-typescript
package.json
-> @babel/preset-typescript
-> typescript
webpack.config.js
-> ts & txs entries

webpack-cli needs to be version ^3.3.5

I encountered this bug yesterday, although I cannot reliably reproduce it. https://stackoverflow.com/questions/56639025/how-to-solve-typeerror-process-getuid-is-not-a-function

Looks like the fix is to update the package.json to use webpack-cli ^3.3.5. Can this change be made just to ensure no one accidentally runs into this bug? Thanks!

Error: unable to get local issuer certificate

Hello,

I am unable to create a project and getting following error

Unable to download project zip file for "https://github.com/OfficeDev/Office-Addin-TaskPane-JS/archive/yo-office.zip".
Error: unable to get local issuer certificate.

I tried creating a plain vanilla angular project and it works - Please advise on missing configuration