magnusdanielson/spfx-aurelia

Use Aurelia with SharePoint Framework (SPFx). The repository contains a working example of the traditional Aurelia Skeleton Navigation project.

spfx-aurelia

Use Aurelia with SharePoint Framework (SPFx). The repository contains a working example of the traditional Aurelia Skeleton Navigation project.

If you have questions you can reach me @magnusdanielson on Twitter.

It is tested on the below versions of node and npm.

npm --v 3.10.8

node -v v6.11.5

Building the code

git clone the repo
npm i
npm i -g gulp
gulp

This package produces the following:

• lib/* - intermediate-stage commonjs build artifacts
• dist/* - the bundled script, along with other resources
• deploy/* - all resources which should be uploaded to a CDN.

Build options

gulp clean - TODO gulp test - TODO gulp serve - TODO gulp bundle - TODO gulp package-solution - TODO

spfx-aurelia's Issues

How to get pageContext and webparts properties in Aurelia app?

Hi Magnus,

Great example, but I was wondering how I can connect to SharePoint / how I can access the page context from within the Aurelia app?

Also wondering how to access the webparts configuration/properties (IHelloWorldWebPartProps)?

If you could help with that, then that would be great.

Thanks,

Bart

Attempting to build

after installing dependencies I am getting the following error.

npm -v 6.4.1
node -v 10.11.0

[17:22:31] Finished subtask 'copy-static-assets' after 7.04 s [17:22:33] Error - typescript - node_modules\@types\bluebird\index.d.ts(352,96): error TS1005: '>' expected. [17:22:33] Error - typescript - node_modules\@types\bluebird\index.d.ts(352,121): error TS1144: '{' or ';' expected. [17:22:33] Error - typescript - node_modules\@types\bluebird\index.d.ts(352,130): error TS1005: '=' expected. [17:22:33] Error - typescript - node_modules\@types\bluebird\index.d.ts(352,147): error TS1005: '(' expected. [17:22:33] Error - typescript - node_modules\@types\bluebird\index.d.ts(352,155): error TS1109: Expression expected. [17:22:34] Error - 'typescript' sub task errored after 5.48 s TypeScript error(s) occurred. [17:22:34] 'default' errored after 11 s [17:22:34] [17:22:35] ==================[ Finished ]================== Warning - [sass] src/webparts/helloWorld/austyles.scss: filename should end with module.scss Warning - [sass] The local CSS class 'ms-Grid' is not camelCase and will not be type-safe. Warning - [sass] src/webparts/helloWorld/htmlcss/toy.scss: filename should end with module.scss Warning - tslint - src/webparts/helloWorld/blur-image.ts(129,23): error no-use-before-declare: variable 'BlurStack' used before declaration Warning - tslint - src/webparts/helloWorld/blur-image.ts(133,28): error no-use-before-declare: variable 'BlurStack' used before declaration Error - typescript - node_modules/@types/bluebird/index.d.ts(352,96): error TS1005: '>' expected. Error - typescript - node_modules/@types/bluebird/index.d.ts(352,121): error TS1144: '{' or ';' expected. Error - typescript - node_modules/@types/bluebird/index.d.ts(352,130): error TS1005: '=' expected. Error - typescript - node_modules/@types/bluebird/index.d.ts(352,147): error TS1005: '(' expected. Error - typescript - node_modules/@types/bluebird/index.d.ts(352,155): error TS1109: Expression expected. Error - 'typescript' sub task errored after 5.48 s