@tramvai/module-progressive-web-app 2.100.0

package/README.md

@@ -0,0 +1,56 @@
+# Pwa
+
+Pwa integration sw manifest icons meta
+
+## Подключение
+
+Необходимо установить `@tramvai/module-progressive-web-app`
+
+```bash
+yarn add @tramvai/module-progressive-web-app
+```
+
+И подключить в проекте
+
+```tsx
+import { createApp } from '@tramvai/core';
+import { TramvaiPwaModule } from '@tramvai/module-progressive-web-app';
+
+createApp({
+  name: 'tincoin',
+  modules: [ TramvaiPwaModule ],
+});
+```
+
+## Переменные окружения
+
+- `SOME_ENV` - описание
+
+## Explanation
+<!-- Цель: Рассказать подробно про доступные фичи в этой библиотеке -->
+<!-- О чем написать: Рассмотреть подробно основные фичи которые есть в библиотеке и рассказать как они работают и их особенности. Лучше акцентировать внимание на самих фичах, а не на том, как можно проинтегрировать или использовать (для этого есть раздел How to) -->
+
+### Супер фича
+
+Что делает эта фича и как эта фича будет полезна пользователю?
+
+
+## API
+<!-- Цель: Подробно расписать интерфейс библиотеки -->
+<!-- О чем написать: Описать интерфейс библиотеки какие есть поля и что они означают. -->
+
+### createApp
+
+Описание интерфейсов и способ использований
+
+## How to
+<!-- Цель: ответить на вопрос как сделать что-то или как решить определенную проблему -->
+<!-- О чем написать: рассмотреть основные вопросы, которые могут возниктуь у нового пользователя -->
+### Как можно сделать что-то и решить проблему?
+
+Стоит описывать различные кейсы пользователей и как их можно решить
+
+##  Экспортируемые токены
+<!-- Цель: Вывести все доступные токены -->
+
+@inline src/tokens.ts

package/lib/browser.d.ts

@@ -0,0 +1,7 @@
+import { TramvaiPwaWorkboxModule } from './workbox/browser';
+import { TramvaiPwaManifestModule } from './manifest/browser';
+export * from './tokens';
+export { TramvaiPwaWorkboxModule, TramvaiPwaManifestModule };
+export declare const TramvaiPwaModule: import("@tinkoff/dippy/lib/modules/module.h").ModuleClass & Partial<import("@tinkoff/dippy/lib/modules/module.h").ModuleSecretParameters> & {
+    [x: string]: (...args: any[]) => import("@tramvai/core").ModuleType<import("@tinkoff/dippy/lib/modules/module.h").ModuleClass>;
+};

package/lib/browser.js

@@ -0,0 +1,15 @@
+import { declareModule } from '@tramvai/core';
+import { TramvaiPwaWorkboxModule } from './workbox/browser.browser.js';
+export { TramvaiPwaWorkboxModule } from './workbox/browser.browser.js';
+import { TramvaiPwaManifestModule } from './manifest/browser.browser.js';
+export { TramvaiPwaManifestModule } from './manifest/browser.browser.js';
+import { TramvaiPwaMetaModule } from './meta/browser.browser.js';
+export { PWA_MANIFEST_URL_TOKEN, PWA_META_TOKEN, PWA_SW_SCOPE_TOKEN, PWA_SW_URL_TOKEN, PWA_WORKBOX_TOKEN } from './tokens.browser.js';
+
+const TramvaiPwaModule = declareModule({
+    name: 'TramvaiPwaModule',
+    imports: [TramvaiPwaWorkboxModule, TramvaiPwaManifestModule, TramvaiPwaMetaModule],
+    providers: [],
+});
+
+export { TramvaiPwaModule };

package/lib/manifest/browser.browser.js

@@ -0,0 +1,8 @@
+import { declareModule } from '@tramvai/core';
+
+const TramvaiPwaManifestModule = declareModule({
+    name: 'TramvaiPwaManifestModule',
+    providers: [],
+});
+
+export { TramvaiPwaManifestModule };

package/lib/manifest/browser.d.ts

@@ -0,0 +1,3 @@
+export declare const TramvaiPwaManifestModule: import("@tinkoff/dippy/lib/modules/module.h").ModuleClass & Partial<import("@tinkoff/dippy/lib/modules/module.h").ModuleSecretParameters> & {
+    [x: string]: (...args: any[]) => import("@tramvai/core").ModuleType<import("@tinkoff/dippy/lib/modules/module.h").ModuleClass>;
+};

package/lib/manifest/server.d.ts

@@ -0,0 +1,3 @@
+export declare const TramvaiPwaManifestModule: import("@tinkoff/dippy/lib/modules/module.h").ModuleClass & Partial<import("@tinkoff/dippy/lib/modules/module.h").ModuleSecretParameters> & {
+    [x: string]: (...args: any[]) => import("@tramvai/core").ModuleType<import("@tinkoff/dippy/lib/modules/module.h").ModuleClass>;
+};

package/lib/manifest/server.es.js

@@ -0,0 +1,55 @@
+import { declareModule, provide, Scope, commandLineListTokens } from '@tramvai/core';
+import { ResourceType, ResourceSlot, RESOURCES_REGISTRY } from '@tramvai/tokens-render';
+import { PROXY_CONFIG_TOKEN } from '@tramvai/tokens-server';
+import { appConfig } from '@tramvai/cli/lib/external/config';
+import { PWA_MANIFEST_URL_TOKEN } from '../tokens.es.js';
+
+const TramvaiPwaManifestModule = declareModule({
+    name: 'TramvaiPwaManifestModule',
+    providers: [
+        provide({
+            provide: PROXY_CONFIG_TOKEN,
+            scope: Scope.SINGLETON,
+            useFactory: ({ manifestUrl }) => {
+                var _a, _b;
+                return ({
+                    context: [manifestUrl],
+                    target: (_b = (_a = appConfig.assetsPrefix) !== null && _a !== void 0 ? _a : process.env.ASSETS_PREFIX) !== null && _b !== void 0 ? _b : '',
+                });
+            },
+            deps: {
+                manifestUrl: PWA_MANIFEST_URL_TOKEN,
+            },
+        }),
+        provide({
+            provide: commandLineListTokens.customerStart,
+            useFactory: ({ resourcesRegistry, manifestUrl }) => async function registerWebManifest() {
+                // @todo why boolean here?
+                if (!process.env.TRAMVAI_PWA_MANIFEST_ENABLED) {
+                    return;
+                }
+                resourcesRegistry.register({
+                    type: ResourceType.asIs,
+                    slot: ResourceSlot.HEAD_META,
+                    // @todo what about crossorigin, maybe optional?
+                    payload: `<link rel="manifest" href="${manifestUrl}">`,
+                });
+            },
+            deps: {
+                resourcesRegistry: RESOURCES_REGISTRY,
+                manifestUrl: PWA_MANIFEST_URL_TOKEN,
+            },
+        }),
+        provide({
+            provide: PWA_MANIFEST_URL_TOKEN,
+            useFactory: () => {
+                const manifestDest = process.env.TRAMVAI_PWA_MANIFEST_DEST;
+                const finalUrl = manifestDest.startsWith('/') ? manifestDest : `/${manifestDest}`;
+                // @todo check that finalUrl is relative and ends with .json or .webmanifest
+                return finalUrl;
+            },
+        }),
+    ],
+});
+
+export { TramvaiPwaManifestModule };

package/lib/manifest/server.js

@@ -0,0 +1,59 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var core = require('@tramvai/core');
+var tokensRender = require('@tramvai/tokens-render');
+var tokensServer = require('@tramvai/tokens-server');
+var config = require('@tramvai/cli/lib/external/config');
+var tokens = require('../tokens.js');
+
+const TramvaiPwaManifestModule = core.declareModule({
+    name: 'TramvaiPwaManifestModule',
+    providers: [
+        core.provide({
+            provide: tokensServer.PROXY_CONFIG_TOKEN,
+            scope: core.Scope.SINGLETON,
+            useFactory: ({ manifestUrl }) => {
+                var _a, _b;
+                return ({
+                    context: [manifestUrl],
+                    target: (_b = (_a = config.appConfig.assetsPrefix) !== null && _a !== void 0 ? _a : process.env.ASSETS_PREFIX) !== null && _b !== void 0 ? _b : '',
+                });
+            },
+            deps: {
+                manifestUrl: tokens.PWA_MANIFEST_URL_TOKEN,
+            },
+        }),
+        core.provide({
+            provide: core.commandLineListTokens.customerStart,
+            useFactory: ({ resourcesRegistry, manifestUrl }) => async function registerWebManifest() {
+                // @todo why boolean here?
+                if (!process.env.TRAMVAI_PWA_MANIFEST_ENABLED) {
+                    return;
+                }
+                resourcesRegistry.register({
+                    type: tokensRender.ResourceType.asIs,
+                    slot: tokensRender.ResourceSlot.HEAD_META,
+                    // @todo what about crossorigin, maybe optional?
+                    payload: `<link rel="manifest" href="${manifestUrl}">`,
+                });
+            },
+            deps: {
+                resourcesRegistry: tokensRender.RESOURCES_REGISTRY,
+                manifestUrl: tokens.PWA_MANIFEST_URL_TOKEN,
+            },
+        }),
+        core.provide({
+            provide: tokens.PWA_MANIFEST_URL_TOKEN,
+            useFactory: () => {
+                const manifestDest = process.env.TRAMVAI_PWA_MANIFEST_DEST;
+                const finalUrl = manifestDest.startsWith('/') ? manifestDest : `/${manifestDest}`;
+                // @todo check that finalUrl is relative and ends with .json or .webmanifest
+                return finalUrl;
+            },
+        }),
+    ],
+});
+
+exports.TramvaiPwaManifestModule = TramvaiPwaManifestModule;

package/lib/meta/browser.browser.js

@@ -0,0 +1,8 @@
+import { declareModule } from '@tramvai/core';
+
+const TramvaiPwaMetaModule = declareModule({
+    name: 'TramvaiPwaMetaModule',
+    providers: [],
+});
+
+export { TramvaiPwaMetaModule };

package/lib/meta/browser.d.ts

@@ -0,0 +1,3 @@
+export declare const TramvaiPwaMetaModule: import("@tinkoff/dippy/lib/modules/module.h").ModuleClass & Partial<import("@tinkoff/dippy/lib/modules/module.h").ModuleSecretParameters> & {
+    [x: string]: (...args: any[]) => import("@tramvai/core").ModuleType<import("@tinkoff/dippy/lib/modules/module.h").ModuleClass>;
+};

package/lib/meta/server.d.ts

@@ -0,0 +1,3 @@
+export declare const TramvaiPwaMetaModule: import("@tinkoff/dippy/lib/modules/module.h").ModuleClass & Partial<import("@tinkoff/dippy/lib/modules/module.h").ModuleSecretParameters> & {
+    [x: string]: (...args: any[]) => import("@tramvai/core").ModuleType<import("@tinkoff/dippy/lib/modules/module.h").ModuleClass>;
+};

package/lib/meta/server.es.js

@@ -0,0 +1,44 @@
+import { declareModule, provide } from '@tramvai/core';
+import { RENDER_SLOTS, ResourceType, ResourceSlot } from '@tramvai/tokens-render';
+import { appConfig } from '@tramvai/cli/lib/external/config';
+import { PWA_META_TOKEN } from '../tokens.es.js';
+
+var _a, _b, _c;
+const metaMap = {
+    viewport: 'viewport',
+    themeColor: 'theme-color',
+    mobileApp: 'mobile-web-app-capable',
+    mobileAppIOS: 'apple-mobile-web-app-capable',
+    appleTitle: 'apple-mobile-web-app-title',
+    appleStatusBarStyle: 'apple-mobile-web-app-status-bar-style',
+};
+const TramvaiPwaMetaModule = declareModule({
+    name: 'TramvaiPwaMetaModule',
+    providers: [
+        provide({
+            provide: PWA_META_TOKEN,
+            useValue: (_c = (_b = (_a = appConfig.experiments) === null || _a === void 0 ? void 0 : _a.pwa) === null || _b === void 0 ? void 0 : _b.meta) !== null && _c !== void 0 ? _c : {},
+        }),
+        provide({
+            provide: RENDER_SLOTS,
+            useFactory: ({ meta }) => {
+                const finalMeta = meta !== null && meta !== void 0 ? meta : {};
+                const keys = Object.keys(finalMeta);
+                return keys.map((key) => {
+                    const metaName = metaMap[key];
+                    const metaValue = finalMeta[key];
+                    return {
+                        type: ResourceType.asIs,
+                        slot: ResourceSlot.HEAD_META,
+                        payload: `<meta name="${metaName}" content="${metaValue}">`,
+                    };
+                });
+            },
+            deps: {
+                meta: PWA_META_TOKEN,
+            },
+        }),
+    ],
+});
+
+export { TramvaiPwaMetaModule };

package/lib/meta/server.js

@@ -0,0 +1,48 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var core = require('@tramvai/core');
+var tokensRender = require('@tramvai/tokens-render');
+var config = require('@tramvai/cli/lib/external/config');
+var tokens = require('../tokens.js');
+
+var _a, _b, _c;
+const metaMap = {
+    viewport: 'viewport',
+    themeColor: 'theme-color',
+    mobileApp: 'mobile-web-app-capable',
+    mobileAppIOS: 'apple-mobile-web-app-capable',
+    appleTitle: 'apple-mobile-web-app-title',
+    appleStatusBarStyle: 'apple-mobile-web-app-status-bar-style',
+};
+const TramvaiPwaMetaModule = core.declareModule({
+    name: 'TramvaiPwaMetaModule',
+    providers: [
+        core.provide({
+            provide: tokens.PWA_META_TOKEN,
+            useValue: (_c = (_b = (_a = config.appConfig.experiments) === null || _a === void 0 ? void 0 : _a.pwa) === null || _b === void 0 ? void 0 : _b.meta) !== null && _c !== void 0 ? _c : {},
+        }),
+        core.provide({
+            provide: tokensRender.RENDER_SLOTS,
+            useFactory: ({ meta }) => {
+                const finalMeta = meta !== null && meta !== void 0 ? meta : {};
+                const keys = Object.keys(finalMeta);
+                return keys.map((key) => {
+                    const metaName = metaMap[key];
+                    const metaValue = finalMeta[key];
+                    return {
+                        type: tokensRender.ResourceType.asIs,
+                        slot: tokensRender.ResourceSlot.HEAD_META,
+                        payload: `<meta name="${metaName}" content="${metaValue}">`,
+                    };
+                });
+            },
+            deps: {
+                meta: tokens.PWA_META_TOKEN,
+            },
+        }),
+    ],
+});
+
+exports.TramvaiPwaMetaModule = TramvaiPwaMetaModule;

package/lib/server.d.ts

@@ -0,0 +1,7 @@
+import { TramvaiPwaWorkboxModule } from './workbox/server';
+import { TramvaiPwaManifestModule } from './manifest/server';
+export * from './tokens';
+export { TramvaiPwaWorkboxModule, TramvaiPwaManifestModule };
+export declare const TramvaiPwaModule: import("@tinkoff/dippy/lib/modules/module.h").ModuleClass & Partial<import("@tinkoff/dippy/lib/modules/module.h").ModuleSecretParameters> & {
+    [x: string]: (...args: any[]) => import("@tramvai/core").ModuleType<import("@tinkoff/dippy/lib/modules/module.h").ModuleClass>;
+};

package/lib/server.es.js

@@ -0,0 +1,15 @@
+import { declareModule } from '@tramvai/core';
+import { TramvaiPwaWorkboxModule } from './workbox/server.es.js';
+export { TramvaiPwaWorkboxModule } from './workbox/server.es.js';
+import { TramvaiPwaManifestModule } from './manifest/server.es.js';
+export { TramvaiPwaManifestModule } from './manifest/server.es.js';
+import { TramvaiPwaMetaModule } from './meta/server.es.js';
+export { PWA_MANIFEST_URL_TOKEN, PWA_META_TOKEN, PWA_SW_SCOPE_TOKEN, PWA_SW_URL_TOKEN, PWA_WORKBOX_TOKEN } from './tokens.es.js';
+
+const TramvaiPwaModule = declareModule({
+    name: 'TramvaiPwaModule',
+    imports: [TramvaiPwaWorkboxModule, TramvaiPwaManifestModule, TramvaiPwaMetaModule],
+    providers: [],
+});
+
+export { TramvaiPwaModule };

package/lib/server.js

@@ -0,0 +1,24 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var core = require('@tramvai/core');
+var server = require('./workbox/server.js');
+var server$1 = require('./manifest/server.js');
+var server$2 = require('./meta/server.js');
+var tokens = require('./tokens.js');
+
+const TramvaiPwaModule = core.declareModule({
+    name: 'TramvaiPwaModule',
+    imports: [server.TramvaiPwaWorkboxModule, server$1.TramvaiPwaManifestModule, server$2.TramvaiPwaMetaModule],
+    providers: [],
+});
+
+exports.TramvaiPwaWorkboxModule = server.TramvaiPwaWorkboxModule;
+exports.TramvaiPwaManifestModule = server$1.TramvaiPwaManifestModule;
+exports.PWA_MANIFEST_URL_TOKEN = tokens.PWA_MANIFEST_URL_TOKEN;
+exports.PWA_META_TOKEN = tokens.PWA_META_TOKEN;
+exports.PWA_SW_SCOPE_TOKEN = tokens.PWA_SW_SCOPE_TOKEN;
+exports.PWA_SW_URL_TOKEN = tokens.PWA_SW_URL_TOKEN;
+exports.PWA_WORKBOX_TOKEN = tokens.PWA_WORKBOX_TOKEN;
+exports.TramvaiPwaModule = TramvaiPwaModule;

package/lib/tokens.browser.js

@@ -0,0 +1,24 @@
+import { createToken } from '@tinkoff/dippy';
+
+/**
+ * @description Workbox instance
+ */
+const PWA_WORKBOX_TOKEN = createToken('pwa workbox');
+/**
+ * @description Token to owerwrite default - `pwa.sw.dest`
+ */
+const PWA_SW_URL_TOKEN = createToken('pwa sw url');
+/**
+ * @description Token to owerwrite default - `pwa.sw.scope`
+ */
+const PWA_SW_SCOPE_TOKEN = createToken('pwa sw scope');
+/**
+ * @description Token to owerwrite default - `${pwa.webmanifest.path}manifest.${pwa.webmanifest.ext}`
+ */
+const PWA_MANIFEST_URL_TOKEN = createToken('pwa manifest url');
+/**
+ * @description Token to owerwrite default - `pwa.meta` (meta tags will be added to all pages)
+ */
+const PWA_META_TOKEN = createToken('pwa meta');
+
+export { PWA_MANIFEST_URL_TOKEN, PWA_META_TOKEN, PWA_SW_SCOPE_TOKEN, PWA_SW_URL_TOKEN, PWA_WORKBOX_TOKEN };

package/lib/tokens.d.ts

@@ -0,0 +1,35 @@
+import type { Workbox } from 'workbox-window';
+import type { PwaMetaOptions } from '@tramvai/cli';
+export type WebManifest = {
+    [key: string]: any;
+};
+/**
+ * @description Workbox instance
+ */
+export declare const PWA_WORKBOX_TOKEN: (() => Promise<Workbox | null>) & {
+    __type?: "base token" | undefined;
+};
+/**
+ * @description Token to owerwrite default - `pwa.sw.dest`
+ */
+export declare const PWA_SW_URL_TOKEN: string & {
+    __type?: "base token" | undefined;
+};
+/**
+ * @description Token to owerwrite default - `pwa.sw.scope`
+ */
+export declare const PWA_SW_SCOPE_TOKEN: string & {
+    __type?: "base token" | undefined;
+};
+/**
+ * @description Token to owerwrite default - `${pwa.webmanifest.path}manifest.${pwa.webmanifest.ext}`
+ */
+export declare const PWA_MANIFEST_URL_TOKEN: string & {
+    __type?: "base token" | undefined;
+};
+/**
+ * @description Token to owerwrite default - `pwa.meta` (meta tags will be added to all pages)
+ */
+export declare const PWA_META_TOKEN: PwaMetaOptions & {
+    __type?: "base token" | undefined;
+};

package/lib/tokens.es.js

@@ -0,0 +1,24 @@
+import { createToken } from '@tinkoff/dippy';
+
+/**
+ * @description Workbox instance
+ */
+const PWA_WORKBOX_TOKEN = createToken('pwa workbox');
+/**
+ * @description Token to owerwrite default - `pwa.sw.dest`
+ */
+const PWA_SW_URL_TOKEN = createToken('pwa sw url');
+/**
+ * @description Token to owerwrite default - `pwa.sw.scope`
+ */
+const PWA_SW_SCOPE_TOKEN = createToken('pwa sw scope');
+/**
+ * @description Token to owerwrite default - `${pwa.webmanifest.path}manifest.${pwa.webmanifest.ext}`
+ */
+const PWA_MANIFEST_URL_TOKEN = createToken('pwa manifest url');
+/**
+ * @description Token to owerwrite default - `pwa.meta` (meta tags will be added to all pages)
+ */
+const PWA_META_TOKEN = createToken('pwa meta');
+
+export { PWA_MANIFEST_URL_TOKEN, PWA_META_TOKEN, PWA_SW_SCOPE_TOKEN, PWA_SW_URL_TOKEN, PWA_WORKBOX_TOKEN };

package/lib/tokens.js

@@ -0,0 +1,32 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var dippy = require('@tinkoff/dippy');
+
+/**
+ * @description Workbox instance
+ */
+const PWA_WORKBOX_TOKEN = dippy.createToken('pwa workbox');
+/**
+ * @description Token to owerwrite default - `pwa.sw.dest`
+ */
+const PWA_SW_URL_TOKEN = dippy.createToken('pwa sw url');
+/**
+ * @description Token to owerwrite default - `pwa.sw.scope`
+ */
+const PWA_SW_SCOPE_TOKEN = dippy.createToken('pwa sw scope');
+/**
+ * @description Token to owerwrite default - `${pwa.webmanifest.path}manifest.${pwa.webmanifest.ext}`
+ */
+const PWA_MANIFEST_URL_TOKEN = dippy.createToken('pwa manifest url');
+/**
+ * @description Token to owerwrite default - `pwa.meta` (meta tags will be added to all pages)
+ */
+const PWA_META_TOKEN = dippy.createToken('pwa meta');
+
+exports.PWA_MANIFEST_URL_TOKEN = PWA_MANIFEST_URL_TOKEN;
+exports.PWA_META_TOKEN = PWA_META_TOKEN;
+exports.PWA_SW_SCOPE_TOKEN = PWA_SW_SCOPE_TOKEN;
+exports.PWA_SW_URL_TOKEN = PWA_SW_URL_TOKEN;
+exports.PWA_WORKBOX_TOKEN = PWA_WORKBOX_TOKEN;

package/lib/workbox/browser.browser.js

@@ -0,0 +1,68 @@
+import { declareModule, provide, Scope, commandLineListTokens } from '@tramvai/core';
+import { MODERN_SATISFIES_TOKEN } from '@tramvai/tokens-render';
+import { PWA_WORKBOX_TOKEN, PWA_SW_URL_TOKEN, PWA_SW_SCOPE_TOKEN } from '../tokens.browser.js';
+import { providers } from './shared.browser.js';
+
+const TramvaiPwaWorkboxModule = declareModule({
+    name: 'TramvaiPwaWorkboxModule',
+    providers: [
+        ...providers,
+        provide({
+            provide: PWA_WORKBOX_TOKEN,
+            scope: Scope.SINGLETON,
+            useFactory: ({ swUrl, swScope, modern }) => {
+                let workbox = null;
+                return async () => {
+                    if (!('serviceWorker' in navigator)) {
+                        // @todo: logs
+                        return workbox;
+                    }
+                    const { Workbox } = await import('workbox-window/Workbox');
+                    workbox = new Workbox(modern ? swUrl.replace(/\.js$/, '.modern.js') : swUrl, {
+                        scope: swScope,
+                    });
+                    workbox.addEventListener('installed', (event) => {
+                        if (event.isUpdate) ;
+                    });
+                    return workbox;
+                };
+            },
+            deps: {
+                swUrl: PWA_SW_URL_TOKEN,
+                swScope: PWA_SW_SCOPE_TOKEN,
+                modern: MODERN_SATISFIES_TOKEN,
+            },
+        }),
+        provide({
+            provide: commandLineListTokens.init,
+            useFactory: ({ workbox }) => async function registerWorkbox() {
+                // @todo why boolean here?
+                if (!process.env.TRAMVAI_PWA_WORKBOX_ENABLED) {
+                    return;
+                }
+                const wb = await workbox();
+                if (!wb) {
+                    // @todo: logs
+                    return;
+                }
+                try {
+                    // @todo unregister when Workbox is disabled in config !!!
+                    // https://github.com/nuxt-community/pwa-module/blob/main/templates/workbox/workbox.unregister.js
+                    await wb.register();
+                    // @todo support force update strategies?
+                    if (process.env.NODE_ENV === 'development') {
+                        await wb.update();
+                    }
+                }
+                catch (e) {
+                    // @todo: logs
+                }
+            },
+            deps: {
+                workbox: PWA_WORKBOX_TOKEN,
+            },
+        }),
+    ],
+});
+
+export { TramvaiPwaWorkboxModule };

package/lib/workbox/browser.d.ts

@@ -0,0 +1,3 @@
+export declare const TramvaiPwaWorkboxModule: import("@tinkoff/dippy/lib/modules/module.h").ModuleClass & Partial<import("@tinkoff/dippy/lib/modules/module.h").ModuleSecretParameters> & {
+    [x: string]: (...args: any[]) => import("@tramvai/core").ModuleType<import("@tinkoff/dippy/lib/modules/module.h").ModuleClass>;
+};

package/lib/workbox/server.d.ts

@@ -0,0 +1,3 @@
+export declare const TramvaiPwaWorkboxModule: import("@tinkoff/dippy/lib/modules/module.h").ModuleClass & Partial<import("@tinkoff/dippy/lib/modules/module.h").ModuleSecretParameters> & {
+    [x: string]: (...args: any[]) => import("@tramvai/core").ModuleType<import("@tinkoff/dippy/lib/modules/module.h").ModuleClass>;
+};

package/lib/workbox/server.es.js

@@ -0,0 +1,28 @@
+import { declareModule, provide, Scope } from '@tramvai/core';
+import { PROXY_CONFIG_TOKEN } from '@tramvai/tokens-server';
+import { appConfig } from '@tramvai/cli/lib/external/config';
+import { PWA_SW_URL_TOKEN } from '../tokens.es.js';
+import { providers } from './shared.es.js';
+
+const TramvaiPwaWorkboxModule = declareModule({
+    name: 'TramvaiPwaWorkboxModule',
+    providers: [
+        ...providers,
+        provide({
+            provide: PROXY_CONFIG_TOKEN,
+            scope: Scope.SINGLETON,
+            useFactory: ({ swUrl }) => {
+                var _a, _b;
+                return ({
+                    context: [swUrl, swUrl.replace(/\.js$/, '.modern.js')],
+                    target: (_b = (_a = appConfig.assetsPrefix) !== null && _a !== void 0 ? _a : process.env.ASSETS_PREFIX) !== null && _b !== void 0 ? _b : '',
+                });
+            },
+            deps: {
+                swUrl: PWA_SW_URL_TOKEN,
+            },
+        }),
+    ],
+});
+
+export { TramvaiPwaWorkboxModule };

package/lib/workbox/server.js

@@ -0,0 +1,32 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var core = require('@tramvai/core');
+var tokensServer = require('@tramvai/tokens-server');
+var config = require('@tramvai/cli/lib/external/config');
+var tokens = require('../tokens.js');
+var shared = require('./shared.js');
+
+const TramvaiPwaWorkboxModule = core.declareModule({
+    name: 'TramvaiPwaWorkboxModule',
+    providers: [
+        ...shared.providers,
+        core.provide({
+            provide: tokensServer.PROXY_CONFIG_TOKEN,
+            scope: core.Scope.SINGLETON,
+            useFactory: ({ swUrl }) => {
+                var _a, _b;
+                return ({
+                    context: [swUrl, swUrl.replace(/\.js$/, '.modern.js')],
+                    target: (_b = (_a = config.appConfig.assetsPrefix) !== null && _a !== void 0 ? _a : process.env.ASSETS_PREFIX) !== null && _b !== void 0 ? _b : '',
+                });
+            },
+            deps: {
+                swUrl: tokens.PWA_SW_URL_TOKEN,
+            },
+        }),
+    ],
+});
+
+exports.TramvaiPwaWorkboxModule = TramvaiPwaWorkboxModule;

package/lib/workbox/shared.browser.js

@@ -0,0 +1,24 @@
+import { provide } from '@tramvai/core';
+import { PWA_SW_URL_TOKEN, PWA_SW_SCOPE_TOKEN } from '../tokens.browser.js';
+
+const providers = [
+    provide({
+        provide: PWA_SW_URL_TOKEN,
+        useFactory: () => {
+            const swDest = process.env.TRAMVAI_PWA_SW_DEST;
+            const finalUrl = swDest.startsWith('/') ? swDest : `/${swDest}`;
+            // @todo check that finalUrl is relative and ends with .js
+            return finalUrl;
+        },
+    }),
+    provide({
+        provide: PWA_SW_SCOPE_TOKEN,
+        useFactory: () => {
+            const swScope = process.env.TRAMVAI_PWA_SW_SCOPE;
+            // @todo validate
+            return swScope;
+        },
+    }),
+];
+
+export { providers };

package/lib/workbox/shared.d.ts

@@ -0,0 +1,3 @@
+export declare const providers: import("@tramvai/core").Provider<unknown, string & {
+    __type?: "base token" | undefined;
+}>[];

package/lib/workbox/shared.es.js

@@ -0,0 +1,24 @@
+import { provide } from '@tramvai/core';
+import { PWA_SW_URL_TOKEN, PWA_SW_SCOPE_TOKEN } from '../tokens.es.js';
+
+const providers = [
+    provide({
+        provide: PWA_SW_URL_TOKEN,
+        useFactory: () => {
+            const swDest = process.env.TRAMVAI_PWA_SW_DEST;
+            const finalUrl = swDest.startsWith('/') ? swDest : `/${swDest}`;
+            // @todo check that finalUrl is relative and ends with .js
+            return finalUrl;
+        },
+    }),
+    provide({
+        provide: PWA_SW_SCOPE_TOKEN,
+        useFactory: () => {
+            const swScope = process.env.TRAMVAI_PWA_SW_SCOPE;
+            // @todo validate
+            return swScope;
+        },
+    }),
+];
+
+export { providers };

package/lib/workbox/shared.js

@@ -0,0 +1,28 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var core = require('@tramvai/core');
+var tokens = require('../tokens.js');
+
+const providers = [
+    core.provide({
+        provide: tokens.PWA_SW_URL_TOKEN,
+        useFactory: () => {
+            const swDest = process.env.TRAMVAI_PWA_SW_DEST;
+            const finalUrl = swDest.startsWith('/') ? swDest : `/${swDest}`;
+            // @todo check that finalUrl is relative and ends with .js
+            return finalUrl;
+        },
+    }),
+    core.provide({
+        provide: tokens.PWA_SW_SCOPE_TOKEN,
+        useFactory: () => {
+            const swScope = process.env.TRAMVAI_PWA_SW_SCOPE;
+            // @todo validate
+            return swScope;
+        },
+    }),
+];
+
+exports.providers = providers;

package/package.json

@@ -0,0 +1,37 @@
+{
+  "name": "@tramvai/module-progressive-web-app",
+  "version": "2.100.0",
+  "description": "Pwa integration - SW, manifest, icons and meta",
+  "browser": "lib/browser.js",
+  "main": "lib/server.js",
+  "module": "lib/server.es.js",
+  "typings": "lib/server.d.ts",
+  "files": [
+    "lib"
+  ],
+  "sideEffects": false,
+  "license": "Apache-2.0",
+  "repository": {
+    "type": "git",
+    "url": "git@github.com:Tinkoff/tramvai.git"
+  },
+  "scripts": {
+    "build": "tramvai-build --forPublish --preserveModules",
+    "watch": "tsc -w"
+  },
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/"
+  },
+  "dependencies": {
+    "@tramvai/tokens-render": "2.100.0",
+    "@tramvai/tokens-server": "2.100.0",
+    "workbox-window": "^6.4.1"
+  },
+  "devDependencies": {},
+  "peerDependencies": {
+    "@tramvai/cli": "2.100.0",
+    "@tramvai/core": "2.100.0",
+    "@tinkoff/dippy": "0.8.15",
+    "tslib": "^2.4.0"
+  }
+}