Template for AWAB 2.3 TypescriptWidget
- Download the latest WebApp Builder from (here)[https://developers.arcgis.com/web-appbuilder/]
- Set it up
- Clone this Repository to a local folder
git clone https://github.com/ech-beku/awab-typescript-widget- Copy all the content of the repository to awabBase/client/stemapp
- Create a new App with WebApp Builder Web Interface (lets say the app has id 2)
- Go to awabBase/client/stemapp and copy following to awabBase/server/apps/2
- awab.d.ts
- tsconfig.json
- node_modules/*
- .vscode
- Open the folder awabBase/server/apps/2 with Visual Studio Code
- Press Ctrl + Shift + B to start the TypeScript Watch Task
- Open File widgets/TSWidgetTemplate/Widget.ts and start coding, it should compile itself when pressing Ctrl + S
- There are 2 errors from dojox.gfx3d.d.ts and dojox.lang.d.ts, ignore them :)
- (WebApp Builder Custom Widget Guide)[https://developers.arcgis.com/web-appbuilder/guide/naming-conventions.htm]
- (Definitely Typed, Definition files for everything)[https://github.com/DefinitelyTyped/DefinitelyTyped]
- (TypeScript Package Search)[https://microsoft.github.io/TypeSearch/]
- (TypeScript Handbook)[http://www.typescriptlang.org/docs/handbook/declaration-files/consumption.html]