mirror of
https://github.com/Ai-hack-MAGNUM-OPUS/word-plugin.git
synced 2024-11-21 15:56:36 +03:00
add base plugin
This commit is contained in:
ilia
commit
2340e3072b
8
.eslintrc.json
Normal file
8
.eslintrc.json
Normal file
|
|
@ -0,0 +1,8 @@
|
||||||
|
{
|
||||||
|
"plugins": [
|
||||||
|
"office-addins"
|
||||||
|
],
|
||||||
|
"extends": [
|
||||||
|
"plugin:office-addins/react"
|
||||||
|
]
|
||||||
|
}
|
||||||
510
.gitignore
vendored
Normal file
510
.gitignore
vendored
Normal file
|
|
@ -0,0 +1,510 @@
|
||||||
|
# Created by https://www.toptal.com/developers/gitignore/api/vs,react,node
|
||||||
|
# Edit at https://www.toptal.com/developers/gitignore?templates=vs,react,node
|
||||||
|
|
||||||
|
### Node ###
|
||||||
|
# Logs
|
||||||
|
logs
|
||||||
|
*.log
|
||||||
|
npm-debug.log*
|
||||||
|
yarn-debug.log*
|
||||||
|
yarn-error.log*
|
||||||
|
lerna-debug.log*
|
||||||
|
.pnpm-debug.log*
|
||||||
|
|
||||||
|
# Diagnostic reports (https://nodejs.org/api/report.html)
|
||||||
|
report.[0-9]*.[0-9]*.[0-9]*.[0-9]*.json
|
||||||
|
|
||||||
|
# Runtime data
|
||||||
|
pids
|
||||||
|
*.pid
|
||||||
|
*.seed
|
||||||
|
*.pid.lock
|
||||||
|
|
||||||
|
# Directory for instrumented libs generated by jscoverage/JSCover
|
||||||
|
lib-cov
|
||||||
|
|
||||||
|
# Coverage directory used by tools like istanbul
|
||||||
|
coverage
|
||||||
|
*.lcov
|
||||||
|
|
||||||
|
# nyc test coverage
|
||||||
|
.nyc_output
|
||||||
|
|
||||||
|
# Grunt intermediate storage (https://gruntjs.com/creating-plugins#storing-task-files)
|
||||||
|
.grunt
|
||||||
|
|
||||||
|
# Bower dependency directory (https://bower.io/)
|
||||||
|
bower_components
|
||||||
|
|
||||||
|
# node-waf configuration
|
||||||
|
.lock-wscript
|
||||||
|
|
||||||
|
# Compiled binary addons (https://nodejs.org/api/addons.html)
|
||||||
|
build/Release
|
||||||
|
|
||||||
|
# Dependency directories
|
||||||
|
node_modules/
|
||||||
|
jspm_packages/
|
||||||
|
|
||||||
|
# Snowpack dependency directory (https://snowpack.dev/)
|
||||||
|
web_modules/
|
||||||
|
|
||||||
|
# TypeScript cache
|
||||||
|
*.tsbuildinfo
|
||||||
|
|
||||||
|
# Optional npm cache directory
|
||||||
|
.npm
|
||||||
|
|
||||||
|
# Optional eslint cache
|
||||||
|
.eslintcache
|
||||||
|
|
||||||
|
# Optional stylelint cache
|
||||||
|
.stylelintcache
|
||||||
|
|
||||||
|
# Microbundle cache
|
||||||
|
.rpt2_cache/
|
||||||
|
.rts2_cache_cjs/
|
||||||
|
.rts2_cache_es/
|
||||||
|
.rts2_cache_umd/
|
||||||
|
|
||||||
|
# Optional REPL history
|
||||||
|
.node_repl_history
|
||||||
|
|
||||||
|
# Output of 'npm pack'
|
||||||
|
*.tgz
|
||||||
|
|
||||||
|
# Yarn Integrity file
|
||||||
|
.yarn-integrity
|
||||||
|
|
||||||
|
# dotenv environment variable files
|
||||||
|
.env
|
||||||
|
.env.development.local
|
||||||
|
.env.test.local
|
||||||
|
.env.production.local
|
||||||
|
.env.local
|
||||||
|
|
||||||
|
# parcel-bundler cache (https://parceljs.org/)
|
||||||
|
.cache
|
||||||
|
.parcel-cache
|
||||||
|
|
||||||
|
# Next.js build output
|
||||||
|
.next
|
||||||
|
out
|
||||||
|
|
||||||
|
# Nuxt.js build / generate output
|
||||||
|
.nuxt
|
||||||
|
dist
|
||||||
|
|
||||||
|
# Gatsby files
|
||||||
|
.cache/
|
||||||
|
# Comment in the public line in if your project uses Gatsby and not Next.js
|
||||||
|
# https://nextjs.org/blog/next-9-1#public-directory-support
|
||||||
|
# public
|
||||||
|
|
||||||
|
# vuepress build output
|
||||||
|
.vuepress/dist
|
||||||
|
|
||||||
|
# vuepress v2.x temp and cache directory
|
||||||
|
.temp
|
||||||
|
|
||||||
|
# Docusaurus cache and generated files
|
||||||
|
.docusaurus
|
||||||
|
|
||||||
|
# Serverless directories
|
||||||
|
.serverless/
|
||||||
|
|
||||||
|
# FuseBox cache
|
||||||
|
.fusebox/
|
||||||
|
|
||||||
|
# DynamoDB Local files
|
||||||
|
.dynamodb/
|
||||||
|
|
||||||
|
# TernJS port file
|
||||||
|
.tern-port
|
||||||
|
|
||||||
|
# Stores VSCode versions used for testing VSCode extensions
|
||||||
|
.vscode-test
|
||||||
|
|
||||||
|
# yarn v2
|
||||||
|
.yarn/cache
|
||||||
|
.yarn/unplugged
|
||||||
|
.yarn/build-state.yml
|
||||||
|
.yarn/install-state.gz
|
||||||
|
.pnp.*
|
||||||
|
|
||||||
|
### Node Patch ###
|
||||||
|
# Serverless Webpack directories
|
||||||
|
.webpack/
|
||||||
|
|
||||||
|
# Optional stylelint cache
|
||||||
|
|
||||||
|
# SvelteKit build / generate output
|
||||||
|
.svelte-kit
|
||||||
|
|
||||||
|
### react ###
|
||||||
|
.DS_*
|
||||||
|
**/*.backup.*
|
||||||
|
**/*.back.*
|
||||||
|
|
||||||
|
node_modules
|
||||||
|
|
||||||
|
*.sublime*
|
||||||
|
|
||||||
|
psd
|
||||||
|
thumb
|
||||||
|
sketch
|
||||||
|
|
||||||
|
### vs ###
|
||||||
|
## Ignore Visual Studio temporary files, build results, and
|
||||||
|
## files generated by popular Visual Studio add-ons.
|
||||||
|
##
|
||||||
|
## Get latest from https://github.com/github/gitignore/blob/master/VisualStudio.gitignore
|
||||||
|
|
||||||
|
# User-specific files
|
||||||
|
*.rsuser
|
||||||
|
*.suo
|
||||||
|
*.user
|
||||||
|
*.userosscache
|
||||||
|
*.sln.docstates
|
||||||
|
|
||||||
|
# User-specific files (MonoDevelop/Xamarin Studio)
|
||||||
|
*.userprefs
|
||||||
|
|
||||||
|
# Mono auto generated files
|
||||||
|
mono_crash.*
|
||||||
|
|
||||||
|
# Build results
|
||||||
|
[Dd]ebug/
|
||||||
|
[Dd]ebugPublic/
|
||||||
|
[Rr]elease/
|
||||||
|
[Rr]eleases/
|
||||||
|
x64/
|
||||||
|
x86/
|
||||||
|
[Aa][Rr][Mm]/
|
||||||
|
[Aa][Rr][Mm]64/
|
||||||
|
bld/
|
||||||
|
[Bb]in/
|
||||||
|
[Oo]bj/
|
||||||
|
[Ll]og/
|
||||||
|
[Ll]ogs/
|
||||||
|
|
||||||
|
# Visual Studio 2015/2017 cache/options directory
|
||||||
|
.vs/
|
||||||
|
# Uncomment if you have tasks that create the project's static files in wwwroot
|
||||||
|
#wwwroot/
|
||||||
|
|
||||||
|
# Visual Studio 2017 auto generated files
|
||||||
|
Generated\ Files/
|
||||||
|
|
||||||
|
# MSTest test Results
|
||||||
|
[Tt]est[Rr]esult*/
|
||||||
|
[Bb]uild[Ll]og.*
|
||||||
|
|
||||||
|
# NUnit
|
||||||
|
*.VisualState.xml
|
||||||
|
TestResult.xml
|
||||||
|
nunit-*.xml
|
||||||
|
|
||||||
|
# Build Results of an ATL Project
|
||||||
|
[Dd]ebugPS/
|
||||||
|
[Rr]eleasePS/
|
||||||
|
dlldata.c
|
||||||
|
|
||||||
|
# Benchmark Results
|
||||||
|
BenchmarkDotNet.Artifacts/
|
||||||
|
|
||||||
|
# .NET Core
|
||||||
|
project.lock.json
|
||||||
|
project.fragment.lock.json
|
||||||
|
artifacts/
|
||||||
|
|
||||||
|
# StyleCop
|
||||||
|
StyleCopReport.xml
|
||||||
|
|
||||||
|
# Files built by Visual Studio
|
||||||
|
*_i.c
|
||||||
|
*_p.c
|
||||||
|
*_h.h
|
||||||
|
*.ilk
|
||||||
|
*.meta
|
||||||
|
*.obj
|
||||||
|
*.iobj
|
||||||
|
*.pch
|
||||||
|
*.pdb
|
||||||
|
*.ipdb
|
||||||
|
*.pgc
|
||||||
|
*.pgd
|
||||||
|
*.rsp
|
||||||
|
*.sbr
|
||||||
|
*.tlb
|
||||||
|
*.tli
|
||||||
|
*.tlh
|
||||||
|
*.tmp
|
||||||
|
*.tmp_proj
|
||||||
|
*_wpftmp.csproj
|
||||||
|
*.vspscc
|
||||||
|
*.vssscc
|
||||||
|
.builds
|
||||||
|
*.pidb
|
||||||
|
*.svclog
|
||||||
|
*.scc
|
||||||
|
|
||||||
|
# Chutzpah Test files
|
||||||
|
_Chutzpah*
|
||||||
|
|
||||||
|
# Visual C++ cache files
|
||||||
|
ipch/
|
||||||
|
*.aps
|
||||||
|
*.ncb
|
||||||
|
*.opendb
|
||||||
|
*.opensdf
|
||||||
|
*.sdf
|
||||||
|
*.cachefile
|
||||||
|
*.VC.db
|
||||||
|
*.VC.VC.opendb
|
||||||
|
|
||||||
|
# Visual Studio profiler
|
||||||
|
*.psess
|
||||||
|
*.vsp
|
||||||
|
*.vspx
|
||||||
|
*.sap
|
||||||
|
|
||||||
|
# Visual Studio Trace Files
|
||||||
|
*.e2e
|
||||||
|
|
||||||
|
# TFS 2012 Local Workspace
|
||||||
|
$tf/
|
||||||
|
|
||||||
|
# Guidance Automation Toolkit
|
||||||
|
*.gpState
|
||||||
|
|
||||||
|
# ReSharper is a .NET coding add-in
|
||||||
|
_ReSharper*/
|
||||||
|
*.[Rr]e[Ss]harper
|
||||||
|
*.DotSettings.user
|
||||||
|
|
||||||
|
# TeamCity is a build add-in
|
||||||
|
_TeamCity*
|
||||||
|
|
||||||
|
# DotCover is a Code Coverage Tool
|
||||||
|
*.dotCover
|
||||||
|
|
||||||
|
# AxoCover is a Code Coverage Tool
|
||||||
|
.axoCover/*
|
||||||
|
!.axoCover/settings.json
|
||||||
|
|
||||||
|
# Coverlet is a free, cross platform Code Coverage Tool
|
||||||
|
coverage*[.json, .xml, .info]
|
||||||
|
|
||||||
|
# Visual Studio code coverage results
|
||||||
|
*.coverage
|
||||||
|
*.coveragexml
|
||||||
|
|
||||||
|
# NCrunch
|
||||||
|
_NCrunch_*
|
||||||
|
.*crunch*.local.xml
|
||||||
|
nCrunchTemp_*
|
||||||
|
|
||||||
|
# MightyMoose
|
||||||
|
*.mm.*
|
||||||
|
AutoTest.Net/
|
||||||
|
|
||||||
|
# Web workbench (sass)
|
||||||
|
.sass-cache/
|
||||||
|
|
||||||
|
# Installshield output folder
|
||||||
|
[Ee]xpress/
|
||||||
|
|
||||||
|
# DocProject is a documentation generator add-in
|
||||||
|
DocProject/buildhelp/
|
||||||
|
DocProject/Help/*.HxT
|
||||||
|
DocProject/Help/*.HxC
|
||||||
|
DocProject/Help/*.hhc
|
||||||
|
DocProject/Help/*.hhk
|
||||||
|
DocProject/Help/*.hhp
|
||||||
|
DocProject/Help/Html2
|
||||||
|
DocProject/Help/html
|
||||||
|
|
||||||
|
# Click-Once directory
|
||||||
|
publish/
|
||||||
|
|
||||||
|
# Publish Web Output
|
||||||
|
*.[Pp]ublish.xml
|
||||||
|
*.azurePubxml
|
||||||
|
# Note: Comment the next line if you want to checkin your web deploy settings,
|
||||||
|
# but database connection strings (with potential passwords) will be unencrypted
|
||||||
|
*.pubxml
|
||||||
|
*.publishproj
|
||||||
|
|
||||||
|
# Microsoft Azure Web App publish settings. Comment the next line if you want to
|
||||||
|
# checkin your Azure Web App publish settings, but sensitive information contained
|
||||||
|
# in these scripts will be unencrypted
|
||||||
|
PublishScripts/
|
||||||
|
|
||||||
|
# NuGet Packages
|
||||||
|
*.nupkg
|
||||||
|
# NuGet Symbol Packages
|
||||||
|
*.snupkg
|
||||||
|
# The packages folder can be ignored because of Package Restore
|
||||||
|
**/[Pp]ackages/*
|
||||||
|
# except build/, which is used as an MSBuild target.
|
||||||
|
!**/[Pp]ackages/build/
|
||||||
|
# Uncomment if necessary however generally it will be regenerated when needed
|
||||||
|
#!**/[Pp]ackages/repositories.config
|
||||||
|
# NuGet v3's project.json files produces more ignorable files
|
||||||
|
*.nuget.props
|
||||||
|
*.nuget.targets
|
||||||
|
|
||||||
|
# Microsoft Azure Build Output
|
||||||
|
csx/
|
||||||
|
*.build.csdef
|
||||||
|
|
||||||
|
# Microsoft Azure Emulator
|
||||||
|
ecf/
|
||||||
|
rcf/
|
||||||
|
|
||||||
|
# Windows Store app package directories and files
|
||||||
|
AppPackages/
|
||||||
|
BundleArtifacts/
|
||||||
|
Package.StoreAssociation.xml
|
||||||
|
_pkginfo.txt
|
||||||
|
*.appx
|
||||||
|
*.appxbundle
|
||||||
|
*.appxupload
|
||||||
|
|
||||||
|
# Visual Studio cache files
|
||||||
|
# files ending in .cache can be ignored
|
||||||
|
*.[Cc]ache
|
||||||
|
# but keep track of directories ending in .cache
|
||||||
|
!?*.[Cc]ache/
|
||||||
|
|
||||||
|
# Others
|
||||||
|
ClientBin/
|
||||||
|
~$*
|
||||||
|
*~
|
||||||
|
*.dbmdl
|
||||||
|
*.dbproj.schemaview
|
||||||
|
*.jfm
|
||||||
|
*.pfx
|
||||||
|
*.publishsettings
|
||||||
|
orleans.codegen.cs
|
||||||
|
|
||||||
|
# Including strong name files can present a security risk
|
||||||
|
# (https://github.com/github/gitignore/pull/2483#issue-259490424)
|
||||||
|
#*.snk
|
||||||
|
|
||||||
|
# Since there are multiple workflows, uncomment next line to ignore bower_components
|
||||||
|
# (https://github.com/github/gitignore/pull/1529#issuecomment-104372622)
|
||||||
|
#bower_components/
|
||||||
|
|
||||||
|
# RIA/Silverlight projects
|
||||||
|
Generated_Code/
|
||||||
|
|
||||||
|
# Backup & report files from converting an old project file
|
||||||
|
# to a newer Visual Studio version. Backup files are not needed,
|
||||||
|
# because we have git ;-)
|
||||||
|
_UpgradeReport_Files/
|
||||||
|
Backup*/
|
||||||
|
UpgradeLog*.XML
|
||||||
|
UpgradeLog*.htm
|
||||||
|
ServiceFabricBackup/
|
||||||
|
*.rptproj.bak
|
||||||
|
|
||||||
|
# SQL Server files
|
||||||
|
*.mdf
|
||||||
|
*.ldf
|
||||||
|
*.ndf
|
||||||
|
|
||||||
|
# Business Intelligence projects
|
||||||
|
*.rdl.data
|
||||||
|
*.bim.layout
|
||||||
|
*.bim_*.settings
|
||||||
|
*.rptproj.rsuser
|
||||||
|
*- [Bb]ackup.rdl
|
||||||
|
*- [Bb]ackup ([0-9]).rdl
|
||||||
|
*- [Bb]ackup ([0-9][0-9]).rdl
|
||||||
|
|
||||||
|
# Microsoft Fakes
|
||||||
|
FakesAssemblies/
|
||||||
|
|
||||||
|
# GhostDoc plugin setting file
|
||||||
|
*.GhostDoc.xml
|
||||||
|
|
||||||
|
# Node.js Tools for Visual Studio
|
||||||
|
.ntvs_analysis.dat
|
||||||
|
|
||||||
|
# Visual Studio 6 build log
|
||||||
|
*.plg
|
||||||
|
|
||||||
|
# Visual Studio 6 workspace options file
|
||||||
|
*.opt
|
||||||
|
|
||||||
|
# Visual Studio 6 auto-generated workspace file (contains which files were open etc.)
|
||||||
|
*.vbw
|
||||||
|
|
||||||
|
# Visual Studio LightSwitch build output
|
||||||
|
**/*.HTMLClient/GeneratedArtifacts
|
||||||
|
**/*.DesktopClient/GeneratedArtifacts
|
||||||
|
**/*.DesktopClient/ModelManifest.xml
|
||||||
|
**/*.Server/GeneratedArtifacts
|
||||||
|
**/*.Server/ModelManifest.xml
|
||||||
|
_Pvt_Extensions
|
||||||
|
|
||||||
|
# Paket dependency manager
|
||||||
|
.paket/paket.exe
|
||||||
|
paket-files/
|
||||||
|
|
||||||
|
# FAKE - F# Make
|
||||||
|
.fake/
|
||||||
|
|
||||||
|
# CodeRush personal settings
|
||||||
|
.cr/personal
|
||||||
|
|
||||||
|
# Python Tools for Visual Studio (PTVS)
|
||||||
|
__pycache__/
|
||||||
|
*.pyc
|
||||||
|
|
||||||
|
# Cake - Uncomment if you are using it
|
||||||
|
# tools/**
|
||||||
|
# !tools/packages.config
|
||||||
|
|
||||||
|
# Tabs Studio
|
||||||
|
*.tss
|
||||||
|
|
||||||
|
# Telerik's JustMock configuration file
|
||||||
|
*.jmconfig
|
||||||
|
|
||||||
|
# BizTalk build output
|
||||||
|
*.btp.cs
|
||||||
|
*.btm.cs
|
||||||
|
*.odx.cs
|
||||||
|
*.xsd.cs
|
||||||
|
|
||||||
|
# OpenCover UI analysis results
|
||||||
|
OpenCover/
|
||||||
|
|
||||||
|
# Azure Stream Analytics local run output
|
||||||
|
ASALocalRun/
|
||||||
|
|
||||||
|
# MSBuild Binary and Structured Log
|
||||||
|
*.binlog
|
||||||
|
|
||||||
|
# NVidia Nsight GPU debugger configuration file
|
||||||
|
*.nvuser
|
||||||
|
|
||||||
|
# MFractors (Xamarin productivity tool) working folder
|
||||||
|
.mfractor/
|
||||||
|
|
||||||
|
# Local History for Visual Studio
|
||||||
|
.localhistory/
|
||||||
|
|
||||||
|
# BeatPulse healthcheck temp database
|
||||||
|
healthchecksdb
|
||||||
|
|
||||||
|
# Backup folder for Package Reference Convert tool in Visual Studio 2017
|
||||||
|
MigrationBackup/
|
||||||
|
|
||||||
|
# Ionide (cross platform F# VS Code tools) working folder
|
||||||
|
.ionide/
|
||||||
|
|
||||||
|
# End of https://www.toptal.com/developers/gitignore/api/vs,react,node
|
||||||
14
.vscode/extensions.json
vendored
Normal file
14
.vscode/extensions.json
vendored
Normal file
|
|
@ -0,0 +1,14 @@
|
||||||
|
{
|
||||||
|
// See http://go.microsoft.com/fwlink/?LinkId=827846 to learn about workspace recommendations.
|
||||||
|
// Extension identifier format: ${publisher}.${name}. Example: vscode.csharp
|
||||||
|
|
||||||
|
// List of extensions which should be recommended for users of this workspace.
|
||||||
|
"recommendations": [
|
||||||
|
"ms-edgedevtools.vscode-edge-devtools",
|
||||||
|
"msoffice.microsoft-office-add-in-debugger",
|
||||||
|
"dbaeumer.vscode-eslint",
|
||||||
|
"esbenp.prettier-vscode"
|
||||||
|
],
|
||||||
|
// List of extensions recommended by VS Code that should not be recommended for users of this workspace.
|
||||||
|
"unwantedRecommendations": []
|
||||||
|
}
|
||||||
111
.vscode/launch.json
vendored
Normal file
111
.vscode/launch.json
vendored
Normal file
|
|
@ -0,0 +1,111 @@
|
||||||
|
{
|
||||||
|
// Use IntelliSense to learn about possible attributes.
|
||||||
|
// Hover to view descriptions of existing attributes.
|
||||||
|
// For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
|
||||||
|
"version": "0.2.0",
|
||||||
|
"configurations": [
|
||||||
|
{
|
||||||
|
"name": "Excel Desktop (Edge Chromium)",
|
||||||
|
"type": "msedge",
|
||||||
|
"request": "attach",
|
||||||
|
"useWebView": true,
|
||||||
|
"port": 9229,
|
||||||
|
"timeout": 600000,
|
||||||
|
"webRoot": "${workspaceRoot}",
|
||||||
|
"preLaunchTask": "Debug: Excel Desktop",
|
||||||
|
"postDebugTask": "Stop Debug"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "Excel Desktop (Edge Legacy)",
|
||||||
|
"type": "office-addin",
|
||||||
|
"request": "attach",
|
||||||
|
"url": "https://localhost:3000/taskpane.html?_host_Info=Excel$Win32$16.01$en-US$$$$0",
|
||||||
|
"port": 9222,
|
||||||
|
"timeout": 600000,
|
||||||
|
"webRoot": "${workspaceRoot}",
|
||||||
|
"preLaunchTask": "Debug: Excel Desktop",
|
||||||
|
"postDebugTask": "Stop Debug"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "Outlook Desktop (Edge Chromium)",
|
||||||
|
"type": "msedge",
|
||||||
|
"request": "attach",
|
||||||
|
"useWebView": true,
|
||||||
|
"port": 9229,
|
||||||
|
"timeout": 600000,
|
||||||
|
"webRoot": "${workspaceRoot}",
|
||||||
|
"preLaunchTask": "Debug: Outlook Desktop",
|
||||||
|
"postDebugTask": "Stop Debug"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "Outlook Desktop (Edge Legacy)",
|
||||||
|
"type": "office-addin",
|
||||||
|
"request": "attach",
|
||||||
|
"url": "https://localhost:3000/taskpane.html?_host_Info=Outlook$Win32$16.01$en-US$$$$0",
|
||||||
|
"port": 9222,
|
||||||
|
"timeout": 600000,
|
||||||
|
"webRoot": "${workspaceRoot}",
|
||||||
|
"preLaunchTask": "Debug: Outlook Desktop",
|
||||||
|
"postDebugTask": "Stop Debug"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "PowerPoint Desktop (Edge Chromium)",
|
||||||
|
"type": "msedge",
|
||||||
|
"request": "attach",
|
||||||
|
"useWebView": true,
|
||||||
|
"port": 9229,
|
||||||
|
"timeout": 600000,
|
||||||
|
"webRoot": "${workspaceRoot}",
|
||||||
|
"preLaunchTask": "Debug: PowerPoint Desktop",
|
||||||
|
"postDebugTask": "Stop Debug"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "PowerPoint Desktop (Edge Legacy)",
|
||||||
|
"type": "office-addin",
|
||||||
|
"request": "attach",
|
||||||
|
"url": "https://localhost:3000/taskpane.html?_host_Info=PowerPoint$Win32$16.01$en-US$$$$0",
|
||||||
|
"port": 9222,
|
||||||
|
"timeout": 600000,
|
||||||
|
"webRoot": "${workspaceRoot}",
|
||||||
|
"preLaunchTask": "Debug: PowerPoint Desktop",
|
||||||
|
"postDebugTask": "Stop Debug"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "Word Desktop (Edge Chromium)",
|
||||||
|
"type": "msedge",
|
||||||
|
"request": "attach",
|
||||||
|
"useWebView": true,
|
||||||
|
"port": 9229,
|
||||||
|
"timeout": 600000,
|
||||||
|
"webRoot": "${workspaceRoot}",
|
||||||
|
"preLaunchTask": "Debug: Word Desktop",
|
||||||
|
"postDebugTask": "Stop Debug"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "Word Desktop (Edge Legacy)",
|
||||||
|
"type": "office-addin",
|
||||||
|
"request": "attach",
|
||||||
|
"url": "https://localhost:3000/taskpane.html?_host_Info=Word$Win32$16.01$en-US$$$$0",
|
||||||
|
"port": 9222,
|
||||||
|
"timeout": 600000,
|
||||||
|
"webRoot": "${workspaceRoot}",
|
||||||
|
"preLaunchTask": "Debug: Word Desktop",
|
||||||
|
"postDebugTask": "Stop Debug"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "Office Online (Chrome)",
|
||||||
|
"type": "chrome",
|
||||||
|
"request": "launch",
|
||||||
|
"webRoot": "${workspaceFolder}",
|
||||||
|
"preLaunchTask": "Debug: Web"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "Office Online (Edge Chromium)",
|
||||||
|
"type": "msedge",
|
||||||
|
"request": "launch",
|
||||||
|
"port": 9222,
|
||||||
|
"webRoot": "${workspaceFolder}",
|
||||||
|
"preLaunchTask": "Debug: Web"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
8
.vscode/settings.json
vendored
Normal file
8
.vscode/settings.json
vendored
Normal file
|
|
@ -0,0 +1,8 @@
|
||||||
|
{
|
||||||
|
"eslint.validate": [
|
||||||
|
"javascript",
|
||||||
|
"javascriptreact",
|
||||||
|
"typescript"
|
||||||
|
]
|
||||||
|
}
|
||||||
|
|
||||||
151
.vscode/tasks.json
vendored
Normal file
151
.vscode/tasks.json
vendored
Normal file
|
|
@ -0,0 +1,151 @@
|
||||||
|
{
|
||||||
|
// See https://go.microsoft.com/fwlink/?LinkId=733558
|
||||||
|
// for the documentation about the tasks.json format
|
||||||
|
"version": "2.0.0",
|
||||||
|
"tasks": [
|
||||||
|
{
|
||||||
|
"label": "Build (Development)",
|
||||||
|
"type": "npm",
|
||||||
|
"script": "build:dev",
|
||||||
|
"group": {
|
||||||
|
"kind": "build",
|
||||||
|
"isDefault": true
|
||||||
|
},
|
||||||
|
"presentation": {
|
||||||
|
"clear": true,
|
||||||
|
"panel": "shared",
|
||||||
|
"showReuseMessage": false
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"label": "Build (Production)",
|
||||||
|
"type": "npm",
|
||||||
|
"script": "build",
|
||||||
|
"group": "build",
|
||||||
|
"presentation": {
|
||||||
|
"clear": true,
|
||||||
|
"panel": "shared",
|
||||||
|
"showReuseMessage": false
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"label": "Debug: Excel Desktop",
|
||||||
|
"type": "npm",
|
||||||
|
"script": "start:desktop -- --app excel",
|
||||||
|
"presentation": {
|
||||||
|
"clear": true,
|
||||||
|
"panel": "dedicated",
|
||||||
|
},
|
||||||
|
"problemMatcher": []
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"label": "Debug: Outlook Desktop",
|
||||||
|
"type": "npm",
|
||||||
|
"script": "start:desktop -- --app outlook",
|
||||||
|
"presentation": {
|
||||||
|
"clear": true,
|
||||||
|
"panel": "dedicated",
|
||||||
|
},
|
||||||
|
"problemMatcher": []
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"label": "Debug: PowerPoint Desktop",
|
||||||
|
"type": "npm",
|
||||||
|
"script": "start:desktop -- --app powerpoint",
|
||||||
|
"presentation": {
|
||||||
|
"clear": true,
|
||||||
|
"panel": "dedicated",
|
||||||
|
},
|
||||||
|
"problemMatcher": []
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"label": "Debug: Word Desktop",
|
||||||
|
"type": "npm",
|
||||||
|
"script": "start:desktop -- --app word",
|
||||||
|
"presentation": {
|
||||||
|
"clear": true,
|
||||||
|
"panel": "dedicated",
|
||||||
|
},
|
||||||
|
"problemMatcher": []
|
||||||
|
},
|
||||||
|
{
|
||||||
|
// To debug your Add-in:
|
||||||
|
// 1. When prompted, enter the url (share link) to an Office Online document.
|
||||||
|
// 2. Sideload your Add-in. https://docs.microsoft.com/en-us/office/dev/add-ins/testing/sideload-office-add-ins-for-testing
|
||||||
|
"label": "Debug: Web",
|
||||||
|
"type": "npm",
|
||||||
|
"script": "start:web -- --document ${input:officeOnlineDocumentUrl}",
|
||||||
|
"presentation": {
|
||||||
|
"clear": true,
|
||||||
|
"panel": "shared",
|
||||||
|
"showReuseMessage": false
|
||||||
|
},
|
||||||
|
"problemMatcher": []
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"label": "Dev Server",
|
||||||
|
"type": "npm",
|
||||||
|
"script": "dev-server",
|
||||||
|
"presentation": {
|
||||||
|
"clear": true,
|
||||||
|
"panel": "dedicated"
|
||||||
|
},
|
||||||
|
"problemMatcher": []
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"label": "Install",
|
||||||
|
"type": "npm",
|
||||||
|
"script": "install",
|
||||||
|
"presentation": {
|
||||||
|
"clear": true,
|
||||||
|
"panel": "shared",
|
||||||
|
"showReuseMessage": false
|
||||||
|
},
|
||||||
|
"problemMatcher": []
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"label": "Lint: Check for problems",
|
||||||
|
"type": "npm",
|
||||||
|
"script": "lint",
|
||||||
|
"problemMatcher": [
|
||||||
|
"$eslint-stylish"
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"label": "Lint: Fix all auto-fixable problems",
|
||||||
|
"type": "npm",
|
||||||
|
"script": "lint:fix",
|
||||||
|
"problemMatcher": [
|
||||||
|
"$eslint-stylish"
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"label": "Stop Debug",
|
||||||
|
"type": "npm",
|
||||||
|
"script": "stop",
|
||||||
|
"presentation": {
|
||||||
|
"clear": true,
|
||||||
|
"panel": "shared",
|
||||||
|
"showReuseMessage": false
|
||||||
|
},
|
||||||
|
"problemMatcher": []
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"label": "Watch",
|
||||||
|
"type": "npm",
|
||||||
|
"script": "watch",
|
||||||
|
"presentation": {
|
||||||
|
"clear": true,
|
||||||
|
"panel": "dedicated"
|
||||||
|
},
|
||||||
|
"problemMatcher": []
|
||||||
|
},
|
||||||
|
],
|
||||||
|
"inputs": [
|
||||||
|
{
|
||||||
|
"id": "officeOnlineDocumentUrl",
|
||||||
|
"type": "promptString",
|
||||||
|
"description": "Please enter the url for the Office Online document."
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
BIN
assets/icon-128.png
Normal file
BIN
assets/icon-128.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.6 KiB |
BIN
assets/icon-16.png
Normal file
BIN
assets/icon-16.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.6 KiB |
BIN
assets/icon-32.png
Normal file
BIN
assets/icon-32.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.3 KiB |
BIN
assets/icon-64.png
Normal file
BIN
assets/icon-64.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.1 KiB |
BIN
assets/icon-80.png
Normal file
BIN
assets/icon-80.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.7 KiB |
BIN
assets/logo-filled.png
Normal file
BIN
assets/logo-filled.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
3
babel.config.json
Normal file
3
babel.config.json
Normal file
|
|
@ -0,0 +1,3 @@
|
||||||
|
{
|
||||||
|
"presets": ["@babel/preset-typescript"]
|
||||||
|
}
|
||||||
85
manifest.xml
Normal file
85
manifest.xml
Normal file
|
|
@ -0,0 +1,85 @@
|
||||||
|
<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
|
||||||
|
<OfficeApp xmlns="http://schemas.microsoft.com/office/appforoffice/1.1" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:bt="http://schemas.microsoft.com/office/officeappbasictypes/1.0" xmlns:ov="http://schemas.microsoft.com/office/taskpaneappversionoverrides" xsi:type="TaskPaneApp">
|
||||||
|
<Id>12234616-1ed7-4e0e-a067-353dc24a0122</Id>
|
||||||
|
<Version>1.0.0.0</Version>
|
||||||
|
<ProviderName>Contoso</ProviderName>
|
||||||
|
<DefaultLocale>en-US</DefaultLocale>
|
||||||
|
<DisplayName DefaultValue="My Office Add-in"/>
|
||||||
|
<Description DefaultValue="A template to get started."/>
|
||||||
|
<IconUrl DefaultValue="https://localhost:3000/assets/icon-32.png"/>
|
||||||
|
<HighResolutionIconUrl DefaultValue="https://localhost:3000/assets/icon-64.png"/>
|
||||||
|
<SupportUrl DefaultValue="https://www.contoso.com/help"/>
|
||||||
|
<AppDomains>
|
||||||
|
<AppDomain>https://www.contoso.com</AppDomain>
|
||||||
|
</AppDomains>
|
||||||
|
<Hosts>
|
||||||
|
<Host Name="Document"/>
|
||||||
|
</Hosts>
|
||||||
|
<DefaultSettings>
|
||||||
|
<SourceLocation DefaultValue="https://localhost:3000/taskpane.html"/>
|
||||||
|
</DefaultSettings>
|
||||||
|
<Permissions>ReadWriteDocument</Permissions>
|
||||||
|
<VersionOverrides xmlns="http://schemas.microsoft.com/office/taskpaneappversionoverrides" xsi:type="VersionOverridesV1_0">
|
||||||
|
<Hosts>
|
||||||
|
<Host xsi:type="Document">
|
||||||
|
<DesktopFormFactor>
|
||||||
|
<GetStarted>
|
||||||
|
<Title resid="GetStarted.Title"/>
|
||||||
|
<Description resid="GetStarted.Description"/>
|
||||||
|
<LearnMoreUrl resid="GetStarted.LearnMoreUrl"/>
|
||||||
|
</GetStarted>
|
||||||
|
<FunctionFile resid="Commands.Url"/>
|
||||||
|
<ExtensionPoint xsi:type="PrimaryCommandSurface">
|
||||||
|
<OfficeTab id="TabHome">
|
||||||
|
<Group id="CommandsGroup">
|
||||||
|
<Label resid="CommandsGroup.Label"/>
|
||||||
|
<Icon>
|
||||||
|
<bt:Image size="16" resid="Icon.16x16"/>
|
||||||
|
<bt:Image size="32" resid="Icon.32x32"/>
|
||||||
|
<bt:Image size="80" resid="Icon.80x80"/>
|
||||||
|
</Icon>
|
||||||
|
<Control xsi:type="Button" id="TaskpaneButton">
|
||||||
|
<Label resid="TaskpaneButton.Label"/>
|
||||||
|
<Supertip>
|
||||||
|
<Title resid="TaskpaneButton.Label"/>
|
||||||
|
<Description resid="TaskpaneButton.Tooltip"/>
|
||||||
|
</Supertip>
|
||||||
|
<Icon>
|
||||||
|
<bt:Image size="16" resid="Icon.16x16"/>
|
||||||
|
<bt:Image size="32" resid="Icon.32x32"/>
|
||||||
|
<bt:Image size="80" resid="Icon.80x80"/>
|
||||||
|
</Icon>
|
||||||
|
<Action xsi:type="ShowTaskpane">
|
||||||
|
<TaskpaneId>ButtonId1</TaskpaneId>
|
||||||
|
<SourceLocation resid="Taskpane.Url"/>
|
||||||
|
</Action>
|
||||||
|
</Control>
|
||||||
|
</Group>
|
||||||
|
</OfficeTab>
|
||||||
|
</ExtensionPoint>
|
||||||
|
</DesktopFormFactor>
|
||||||
|
</Host>
|
||||||
|
</Hosts>
|
||||||
|
<Resources>
|
||||||
|
<bt:Images>
|
||||||
|
<bt:Image id="Icon.16x16" DefaultValue="https://localhost:3000/assets/icon-16.png"/>
|
||||||
|
<bt:Image id="Icon.32x32" DefaultValue="https://localhost:3000/assets/icon-32.png"/>
|
||||||
|
<bt:Image id="Icon.80x80" DefaultValue="https://localhost:3000/assets/icon-80.png"/>
|
||||||
|
</bt:Images>
|
||||||
|
<bt:Urls>
|
||||||
|
<bt:Url id="GetStarted.LearnMoreUrl" DefaultValue="https://go.microsoft.com/fwlink/?LinkId=276812"/>
|
||||||
|
<bt:Url id="Commands.Url" DefaultValue="https://localhost:3000/commands.html"/>
|
||||||
|
<bt:Url id="Taskpane.Url" DefaultValue="https://localhost:3000/taskpane.html"/>
|
||||||
|
</bt:Urls>
|
||||||
|
<bt:ShortStrings>
|
||||||
|
<bt:String id="GetStarted.Title" DefaultValue="Get started with your sample add-in!"/>
|
||||||
|
<bt:String id="CommandsGroup.Label" DefaultValue="Commands Group"/>
|
||||||
|
<bt:String id="TaskpaneButton.Label" DefaultValue="Show Taskpane"/>
|
||||||
|
</bt:ShortStrings>
|
||||||
|
<bt:LongStrings>
|
||||||
|
<bt:String id="GetStarted.Description" DefaultValue="Your sample add-in loaded succesfully. Go to the HOME tab and click the 'Show Taskpane' button to get started."/>
|
||||||
|
<bt:String id="TaskpaneButton.Tooltip" DefaultValue="Click to Show a Taskpane"/>
|
||||||
|
</bt:LongStrings>
|
||||||
|
</Resources>
|
||||||
|
</VersionOverrides>
|
||||||
|
</OfficeApp>
|
||||||
25264
package-lock.json
generated
Normal file
25264
package-lock.json
generated
Normal file
File diff suppressed because it is too large
Load Diff
76
package.json
Normal file
76
package.json
Normal file
|
|
@ -0,0 +1,76 @@
|
||||||
|
{
|
||||||
|
"name": "office-addin-taskpane-react",
|
||||||
|
"version": "0.0.1",
|
||||||
|
"repository": {
|
||||||
|
"type": "git",
|
||||||
|
"url": "https://github.com/OfficeDev/Office-Addin-TaskPane-React.git"
|
||||||
|
},
|
||||||
|
"license": "MIT",
|
||||||
|
"config": {
|
||||||
|
"app_to_debug": "word",
|
||||||
|
"app_type_to_debug": "desktop",
|
||||||
|
"dev_server_port": 3000
|
||||||
|
},
|
||||||
|
"scripts": {
|
||||||
|
"build": "webpack --mode production",
|
||||||
|
"build:dev": "webpack --mode development",
|
||||||
|
"dev-server": "webpack serve --mode development",
|
||||||
|
"lint": "office-addin-lint check",
|
||||||
|
"lint:fix": "office-addin-lint fix",
|
||||||
|
"prettier": "office-addin-lint prettier",
|
||||||
|
"start": "office-addin-debugging start manifest.xml",
|
||||||
|
"start:desktop": "office-addin-debugging start manifest.xml desktop",
|
||||||
|
"start:web": "office-addin-debugging start manifest.xml web",
|
||||||
|
"stop": "office-addin-debugging stop manifest.xml",
|
||||||
|
"validate": "office-addin-manifest validate manifest.xml",
|
||||||
|
"watch": "webpack --mode development --watch"
|
||||||
|
},
|
||||||
|
"dependencies": {
|
||||||
|
"@fluentui/react": "^8.52.3",
|
||||||
|
"axios": "^0.27.2",
|
||||||
|
"core-js": "^3.9.1",
|
||||||
|
"es6-promise": "^4.2.8",
|
||||||
|
"react": "^17.0.2",
|
||||||
|
"react-dom": "^17.0.2",
|
||||||
|
"regenerator-runtime": "^0.13.7"
|
||||||
|
},
|
||||||
|
"devDependencies": {
|
||||||
|
"@babel/core": "^7.13.10",
|
||||||
|
"@babel/preset-typescript": "^7.13.0",
|
||||||
|
"@types/office-js": "^1.0.256",
|
||||||
|
"@types/office-runtime": "^1.0.23",
|
||||||
|
"@types/react": "^17.0.39",
|
||||||
|
"@types/react-dom": "^17.0.11",
|
||||||
|
"@types/react-hot-loader": "^4.1.1",
|
||||||
|
"@types/webpack": "^4.4.34",
|
||||||
|
"@types/webpack-dev-server": "^4.1.0",
|
||||||
|
"acorn": "^8.5.0",
|
||||||
|
"babel-loader": "^8.2.2",
|
||||||
|
"copy-webpack-plugin": "^9.0.1",
|
||||||
|
"eslint-plugin-office-addins": "^2.1.0",
|
||||||
|
"eslint-plugin-react": "^7.28.0",
|
||||||
|
"file-loader": "^6.2.0",
|
||||||
|
"html-loader": "^2.1.2",
|
||||||
|
"html-webpack-plugin": "^5.3.2",
|
||||||
|
"less": "^3.9.0",
|
||||||
|
"less-loader": "^10.0.1",
|
||||||
|
"office-addin-cli": "^1.4.0",
|
||||||
|
"office-addin-debugging": "^4.4.0",
|
||||||
|
"office-addin-dev-certs": "^1.8.0",
|
||||||
|
"office-addin-lint": "^2.1.0",
|
||||||
|
"office-addin-manifest": "^1.9.0",
|
||||||
|
"office-addin-prettier-config": "^1.2.0",
|
||||||
|
"os-browserify": "^0.3.0",
|
||||||
|
"process": "^0.11.10",
|
||||||
|
"source-map-loader": "^3.0.0",
|
||||||
|
"ts-loader": "^9.2.5",
|
||||||
|
"typescript": "^4.3.5",
|
||||||
|
"webpack": "^5.73.0",
|
||||||
|
"webpack-cli": "^4.8.0",
|
||||||
|
"webpack-dev-server": "4.7.4"
|
||||||
|
},
|
||||||
|
"prettier": "office-addin-prettier-config",
|
||||||
|
"browserslist": [
|
||||||
|
"ie 11"
|
||||||
|
]
|
||||||
|
}
|
||||||
18
src/commands/commands.html
Normal file
18
src/commands/commands.html
Normal file
|
|
@ -0,0 +1,18 @@
|
||||||
|
<!-- Copyright (c) Microsoft Corporation. All rights reserved. Licensed under the MIT License. -->
|
||||||
|
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8" />
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=Edge" />
|
||||||
|
|
||||||
|
<!-- Office JavaScript API -->
|
||||||
|
<script type="text/javascript" src="https://appsforoffice.microsoft.com/lib/1.1/hosted/office.js"></script>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
44
src/commands/commands.ts
Normal file
44
src/commands/commands.ts
Normal file
|
|
@ -0,0 +1,44 @@
|
||||||
|
/*
|
||||||
|
* Copyright (c) Microsoft Corporation. All rights reserved. Licensed under the MIT license.
|
||||||
|
* See LICENSE in the project root for license information.
|
||||||
|
*/
|
||||||
|
|
||||||
|
/* global global, Office, self, window */
|
||||||
|
|
||||||
|
Office.onReady(() => {
|
||||||
|
// If needed, Office.js is ready to be called
|
||||||
|
});
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Shows a notification when the add-in command is executed.
|
||||||
|
* @param event
|
||||||
|
*/
|
||||||
|
function action(event: Office.AddinCommands.Event) {
|
||||||
|
const message: Office.NotificationMessageDetails = {
|
||||||
|
type: Office.MailboxEnums.ItemNotificationMessageType.InformationalMessage,
|
||||||
|
message: "Performed action.",
|
||||||
|
icon: "Icon.80x80",
|
||||||
|
persistent: true,
|
||||||
|
};
|
||||||
|
|
||||||
|
// Show a notification message
|
||||||
|
Office.context.mailbox.item.notificationMessages.replaceAsync("action", message);
|
||||||
|
|
||||||
|
// Be sure to indicate when the add-in command function is complete
|
||||||
|
event.completed();
|
||||||
|
}
|
||||||
|
|
||||||
|
function getGlobal() {
|
||||||
|
return typeof self !== "undefined"
|
||||||
|
? self
|
||||||
|
: typeof window !== "undefined"
|
||||||
|
? window
|
||||||
|
: typeof global !== "undefined"
|
||||||
|
? global
|
||||||
|
: undefined;
|
||||||
|
}
|
||||||
|
|
||||||
|
const g = getGlobal() as any;
|
||||||
|
|
||||||
|
// The add-in command functions need to be available in global scope
|
||||||
|
g.action = action;
|
||||||
112
src/taskpane/components/App.tsx
Normal file
112
src/taskpane/components/App.tsx
Normal file
|
|
@ -0,0 +1,112 @@
|
||||||
|
import * as React from "react";
|
||||||
|
import { DefaultButton } from "@fluentui/react";
|
||||||
|
|
||||||
|
/* global Word, require */
|
||||||
|
|
||||||
|
|
||||||
|
const App: React.FC = () => {
|
||||||
|
|
||||||
|
const [process, onProcessed] = React.useState(false);
|
||||||
|
|
||||||
|
return (
|
||||||
|
<div style={{
|
||||||
|
'display': 'flex',
|
||||||
|
'justifyContent': 'center',
|
||||||
|
'alignContent': 'center'
|
||||||
|
}}>
|
||||||
|
<DefaultButton
|
||||||
|
onClick={() => {
|
||||||
|
Word.run(function(context) {
|
||||||
|
// Insert your code here. For example:
|
||||||
|
var documentBody = context.document.body;
|
||||||
|
context.load(documentBody);
|
||||||
|
return context.sync()
|
||||||
|
.then(function(){
|
||||||
|
console.log(documentBody.text);
|
||||||
|
})
|
||||||
|
});
|
||||||
|
Word.run(async (context) => {
|
||||||
|
Office.context.document.getFileAsync(Office.FileType.Compressed, (file) => {
|
||||||
|
console.log(file.value);
|
||||||
|
})
|
||||||
|
context.document.body.search("2-кратного размера").getFirst().insertComment("fuck you")
|
||||||
|
})
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
Проверить на ошибки
|
||||||
|
</DefaultButton>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
export default App
|
||||||
|
// export default class App extends React.Component<AppProps, AppState> {
|
||||||
|
// constructor(props, context) {
|
||||||
|
// super(props, context);
|
||||||
|
// this.state = {
|
||||||
|
// listItems: [],
|
||||||
|
// };
|
||||||
|
// }
|
||||||
|
|
||||||
|
// componentDidMount() {
|
||||||
|
// this.setState({
|
||||||
|
// listItems: [
|
||||||
|
// {
|
||||||
|
// icon: "Ribbon",
|
||||||
|
// primaryText: "Achieve more with Office integration",
|
||||||
|
// },
|
||||||
|
// {
|
||||||
|
// icon: "Unlock",
|
||||||
|
// primaryText: "Unlock features and functionality",
|
||||||
|
// },
|
||||||
|
// {
|
||||||
|
// icon: "Design",
|
||||||
|
// primaryText: "Create and visualize like a pro",
|
||||||
|
// },
|
||||||
|
// ],
|
||||||
|
// });
|
||||||
|
// }
|
||||||
|
|
||||||
|
// click = async () => {
|
||||||
|
// return Word.run(async (context) => {
|
||||||
|
// /**
|
||||||
|
// * Insert your Word code here
|
||||||
|
// */
|
||||||
|
|
||||||
|
// // insert a paragraph at the end of the document.
|
||||||
|
// const paragraph = context.document.body.insertParagraph("Hello World", Word.InsertLocation.end);
|
||||||
|
|
||||||
|
// // change the paragraph color to blue.
|
||||||
|
// paragraph.font.color = "blue";
|
||||||
|
|
||||||
|
// await context.sync();
|
||||||
|
// });
|
||||||
|
// };
|
||||||
|
|
||||||
|
// render() {
|
||||||
|
// const { title, isOfficeInitialized } = this.props;
|
||||||
|
|
||||||
|
// if (!isOfficeInitialized) {
|
||||||
|
// return (
|
||||||
|
// <Progress
|
||||||
|
// title={title}
|
||||||
|
// logo={require("./../../../assets/logo-filled.png")}
|
||||||
|
// message="Please sideload your addin to see app body."
|
||||||
|
// />
|
||||||
|
// );
|
||||||
|
// }
|
||||||
|
|
||||||
|
// return (
|
||||||
|
// <div className="ms-welcome">
|
||||||
|
// <Header logo={require("./../../../assets/logo-filled.png")} title={this.props.title} message="Welcome" />
|
||||||
|
// <HeroList message="Discover what Office Add-ins can do for you today!" items={this.state.listItems}>
|
||||||
|
// <p className="ms-font-l">
|
||||||
|
// Modify the source files, then click <b>Run</b>.
|
||||||
|
// </p>
|
||||||
|
// <DefaultButton className="ms-welcome__action" iconProps={{ iconName: "ChevronRight" }} onClick={this.click}>
|
||||||
|
// Run
|
||||||
|
// </DefaultButton>
|
||||||
|
// </HeroList>
|
||||||
|
// </div>
|
||||||
|
// );
|
||||||
|
// }
|
||||||
|
// }
|
||||||
38
src/taskpane/index.tsx
Normal file
38
src/taskpane/index.tsx
Normal file
|
|
@ -0,0 +1,38 @@
|
||||||
|
import App from "./components/App";
|
||||||
|
import { AppContainer } from "react-hot-loader";
|
||||||
|
import { initializeIcons } from "@fluentui/font-icons-mdl2";
|
||||||
|
import { ThemeProvider } from "@fluentui/react";
|
||||||
|
import * as React from "react";
|
||||||
|
import * as ReactDOM from "react-dom";
|
||||||
|
|
||||||
|
/* global document, Office, module, require */
|
||||||
|
|
||||||
|
initializeIcons();
|
||||||
|
|
||||||
|
let isOfficeInitialized = false;
|
||||||
|
|
||||||
|
const title = "Contoso Task Pane Add-in";
|
||||||
|
|
||||||
|
const render = (Component) => {
|
||||||
|
ReactDOM.render(
|
||||||
|
<AppContainer>
|
||||||
|
<ThemeProvider>
|
||||||
|
<Component title={title} isOfficeInitialized={isOfficeInitialized} />
|
||||||
|
</ThemeProvider>
|
||||||
|
</AppContainer>,
|
||||||
|
document.getElementById("container")
|
||||||
|
);
|
||||||
|
};
|
||||||
|
|
||||||
|
/* Render application after Office initializes */
|
||||||
|
Office.onReady(() => {
|
||||||
|
isOfficeInitialized = true;
|
||||||
|
render(App);
|
||||||
|
});
|
||||||
|
|
||||||
|
if ((module as any).hot) {
|
||||||
|
(module as any).hot.accept("./components/App", () => {
|
||||||
|
const NextApp = require("./components/App").default;
|
||||||
|
render(NextApp);
|
||||||
|
});
|
||||||
|
}
|
||||||
80
src/taskpane/taskpane.css
Normal file
80
src/taskpane/taskpane.css
Normal file
|
|
@ -0,0 +1,80 @@
|
||||||
|
/*
|
||||||
|
* Copyright (c) Microsoft Corporation. All rights reserved. Licensed under the MIT license.
|
||||||
|
* See LICENSE in the project root for license information.
|
||||||
|
*/
|
||||||
|
|
||||||
|
html,
|
||||||
|
body {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
ul {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ms-welcome__header {
|
||||||
|
padding: 20px;
|
||||||
|
padding-bottom: 30px;
|
||||||
|
padding-top: 100px;
|
||||||
|
display: -webkit-flex;
|
||||||
|
display: flex;
|
||||||
|
-webkit-flex-direction: column;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ms-welcome__main {
|
||||||
|
display: -webkit-flex;
|
||||||
|
display: flex;
|
||||||
|
-webkit-flex-direction: column;
|
||||||
|
flex-direction: column;
|
||||||
|
-webkit-flex-wrap: nowrap;
|
||||||
|
flex-wrap: nowrap;
|
||||||
|
-webkit-align-items: center;
|
||||||
|
align-items: center;
|
||||||
|
-webkit-flex: 1 0 0;
|
||||||
|
flex: 1 0 0;
|
||||||
|
padding: 10px 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ms-welcome__main > h2 {
|
||||||
|
width: 100%;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ms-welcome__features {
|
||||||
|
list-style-type: none;
|
||||||
|
margin-top: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ms-welcome__features.ms-List .ms-ListItem {
|
||||||
|
padding-bottom: 20px;
|
||||||
|
display: -webkit-flex;
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ms-welcome__features.ms-List .ms-ListItem > .ms-Icon {
|
||||||
|
margin-right: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ms-welcome__action.ms-Button--hero {
|
||||||
|
margin-top: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ms-Button.ms-Button--hero .ms-Button-label {
|
||||||
|
color: #0078d7;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ms-Button.ms-Button--hero:hover .ms-Button-label,
|
||||||
|
.ms-Button.ms-Button--hero:focus .ms-Button-label{
|
||||||
|
color: #005a9e;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
b {
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
27
src/taskpane/taskpane.html
Normal file
27
src/taskpane/taskpane.html
Normal file
|
|
@ -0,0 +1,27 @@
|
||||||
|
<!-- Copyright (c) Microsoft Corporation. All rights reserved. Licensed under the MIT license. -->
|
||||||
|
<!-- See LICENSE in the project root for license information -->
|
||||||
|
|
||||||
|
<!doctype html>
|
||||||
|
<html lang="en" data-framework="typescript">
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8" />
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=Edge" />
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
<title>Contoso Task Pane Add-in</title>
|
||||||
|
|
||||||
|
<!-- Office JavaScript API -->
|
||||||
|
<script type="text/javascript" src="https://appsforoffice.microsoft.com/lib/1.1/hosted/office.js"></script>
|
||||||
|
|
||||||
|
<!-- For more information on Fluent UI, visit https://developer.microsoft.com/fluentui#/. -->
|
||||||
|
<link rel="stylesheet" href="https://static2.sharepointonline.com/files/fabric/office-ui-fabric-core/11.0.0/css/fabric.min.css"/>
|
||||||
|
|
||||||
|
<!-- Template styles -->
|
||||||
|
<link href="taskpane.css" rel="stylesheet" type="text/css" />
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body class="ms-font-m ms-Fabric">
|
||||||
|
<div id="container"></div>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
33
tsconfig.json
Normal file
33
tsconfig.json
Normal file
|
|
@ -0,0 +1,33 @@
|
||||||
|
{
|
||||||
|
"compilerOptions": {
|
||||||
|
"allowUnusedLabels": false,
|
||||||
|
"emitDecoratorMetadata": true,
|
||||||
|
"esModuleInterop": true,
|
||||||
|
"experimentalDecorators": true,
|
||||||
|
"jsx": "react",
|
||||||
|
"module": "CommonJS",
|
||||||
|
"moduleResolution": "node",
|
||||||
|
"noImplicitReturns": true,
|
||||||
|
"noUnusedParameters": true,
|
||||||
|
"outDir": "dist",
|
||||||
|
"removeComments": false,
|
||||||
|
"sourceMap": true,
|
||||||
|
"target": "es5",
|
||||||
|
"lib": [
|
||||||
|
"es7",
|
||||||
|
"dom"
|
||||||
|
],
|
||||||
|
"pretty": true,
|
||||||
|
"typeRoots": [
|
||||||
|
"node_modules/@types"
|
||||||
|
]
|
||||||
|
},
|
||||||
|
"exclude": [
|
||||||
|
"node_modules"
|
||||||
|
],
|
||||||
|
"compileOnSave": false,
|
||||||
|
"buildOnSave": false,
|
||||||
|
"ts-node": {
|
||||||
|
"files": true
|
||||||
|
}
|
||||||
|
}
|
||||||
108
webpack.config.js
Normal file
108
webpack.config.js
Normal file
|
|
@ -0,0 +1,108 @@
|
||||||
|
/* eslint-disable no-undef */
|
||||||
|
|
||||||
|
const devCerts = require("office-addin-dev-certs");
|
||||||
|
const CopyWebpackPlugin = require("copy-webpack-plugin");
|
||||||
|
const HtmlWebpackPlugin = require("html-webpack-plugin");
|
||||||
|
const webpack = require("webpack");
|
||||||
|
|
||||||
|
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 { cacert: 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"],
|
||||||
|
vendor: ["react", "react-dom", "core-js", "@fluentui/react"],
|
||||||
|
taskpane: ["react-hot-loader/patch", "./src/taskpane/index.tsx"],
|
||||||
|
commands: "./src/commands/commands.ts",
|
||||||
|
},
|
||||||
|
output: {
|
||||||
|
clean: true,
|
||||||
|
},
|
||||||
|
resolve: {
|
||||||
|
extensions: [".ts", ".tsx", ".html", ".js"],
|
||||||
|
},
|
||||||
|
module: {
|
||||||
|
rules: [
|
||||||
|
{
|
||||||
|
test: /\.ts$/,
|
||||||
|
exclude: /node_modules/,
|
||||||
|
use: {
|
||||||
|
loader: "babel-loader",
|
||||||
|
options: {
|
||||||
|
presets: ["@babel/preset-typescript"],
|
||||||
|
},
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
test: /\.tsx?$/,
|
||||||
|
use: ["react-hot-loader/webpack", "ts-loader"],
|
||||||
|
exclude: /node_modules/,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
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 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: "taskpane.html",
|
||||||
|
template: "./src/taskpane/taskpane.html",
|
||||||
|
chunks: ["taskpane", "vendor", "polyfills"],
|
||||||
|
}),
|
||||||
|
new HtmlWebpackPlugin({
|
||||||
|
filename: "commands.html",
|
||||||
|
template: "./src/commands/commands.html",
|
||||||
|
chunks: ["commands"],
|
||||||
|
}),
|
||||||
|
new webpack.ProvidePlugin({
|
||||||
|
Promise: ["es6-promise", "Promise"],
|
||||||
|
}),
|
||||||
|
],
|
||||||
|
devServer: {
|
||||||
|
hot: true,
|
||||||
|
headers: {
|
||||||
|
"Access-Control-Allow-Origin": "*",
|
||||||
|
},
|
||||||
|
https: env.WEBPACK_BUILD || options.https !== undefined ? options.https : await getHttpsOptions(),
|
||||||
|
port: process.env.npm_package_config_dev_server_port || 3000,
|
||||||
|
},
|
||||||
|
};
|
||||||
|
|
||||||
|
return config;
|
||||||
|
};
|
||||||
Loading…
Reference in New Issue
Block a user