Types for Shopware Storefront

This package provides types for window-bound classes in Shopware 6 Storefront:

• window.PluginManager
• window.PluginBaseClass
• window.router

and all regular imports of the Storefront.

Install this package with NPM:

npm install @shopware-ag/storefront-types --save-dev

To have the types active, you need to create a tsconfig.json (src/Resources/app/storefront/tsconfig.json) with the following content:

{
    "compilerOptions": {
        "types": ["@shopware-ag/storefront-types"]
    }
}

Typed Plugin Options

You can use a generic type parameter to get fully typed options in your plugins:

const { PluginBaseClass } = window;

interface MyPluginOptions {
    option1: string;
    option2: number | null;
}

export default class MyPlugin extends PluginBaseClass<MyPluginOptions> {
    static options: MyPluginOptions = {
        option1: 'default value',
        option2: null
    };

    init() {
        // this.options is fully typed
        console.log(this.options.option1); // string
        console.log(this.options.option2); // number | null
    }
}