How to get pageContext and webparts properties in Aurelia app?

[bartkusters]

How to get pageContext and webparts properties in Aurelia app?

[ma3yta]

@bartkusters maybe this link helps you https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/guidance/use-existing-javascript-libraries

[magnusdanielson]

@bartkusters Sorry for the late reply. I use the dependency injection feature in Aurelia.

aurelia.container.registerInstance("WebPartContext", this.context);

I my render method I store looks like below. Notice the line with registerInstance

public render(): void 
{

    this.domElement.innerHTML = '<div id="${this.instanceId}" class="${this.instanceId}"  >Loading...</div>';

    require(['aurelia-bootstrapper'],(au) =>
    {
        au.bootstrap((aurelia: Aurelia) =>
        {
            aurelia.use
            .standardConfiguration()
            .developmentLogging();
            
            var el = document.getElementById(this.instanceId);
            aurelia.start().then(() => {
                aurelia.container.registerInstance("WebPartContext", this.context);
                aurelia.setRoot(PLATFORM.moduleName('webparts/documentList/document'),el);
            });
            }
        );
    
    });
}

And then you can inject the context anywhere you like, see the code below.

import WebPartContext from '@microsoft/sp-webpart-base/lib/core/WebPartContext';

@inject("WebPartContext")
export class documentlist 
{

    public webpartContext: WebPartContext;

    constructor(webpartContext: WebPartContext) 
    {
        this.webpartContext = webpartContext;
    }
}

[bartkusters]

@magnusdanielson thank you very much, and no worries for the late response, much appreciate your effort to response.