@promoboxx/react-scripts-vite 0.1.21 → 0.1.22

package/README.md

@@ -8,6 +8,7 @@ An almost drop-in replacement for react-scripts, but based on Vite.
 - TypeScript `paths`
 - TypeScript type checking
 - ESLint linting
+- PWA support
 - `process.env`
 - Vitest
 

package/dist/client.d.ts

@@ -1,3 +1,38 @@
 /// <reference types="vite/client" />
 /// <reference types="vite-plugin-svgr/client" />
 /// <reference types="vitest/globals" />
+
+// https://github.com/antfu/vite-plugin-pwa/blob/951311fa811b8cee98ea5530522961f64645cd75/client.d.ts
+declare module 'virtual:pwa-register' {
+  export type RegisterSWOptions = {
+    immediate?: boolean
+    onNeedRefresh?: () => void
+    onOfflineReady?: () => void
+    onRegistered?: (registration: ServiceWorkerRegistration | undefined) => void
+    onRegisterError?: (error: any) => void
+  }
+
+  export function registerSW(
+    options?: RegisterSWOptions,
+  ): (reloadPage?: boolean) => Promise<void>
+}
+
+// https://github.com/antfu/vite-plugin-pwa/blob/951311fa811b8cee98ea5530522961f64645cd75/client.d.ts
+declare module 'virtual:pwa-register/react' {
+  // @ts-ignore ignore when react is not installed
+  import { Dispatch, SetStateAction } from 'react'
+
+  export type RegisterSWOptions = {
+    immediate?: boolean
+    onNeedRefresh?: () => void
+    onOfflineReady?: () => void
+    onRegistered?: (registration: ServiceWorkerRegistration | undefined) => void
+    onRegisterError?: (error: any) => void
+  }
+
+  export function useRegisterSW(options?: RegisterSWOptions): {
+    needRefresh: [boolean, Dispatch<SetStateAction<boolean>>]
+    offlineReady: [boolean, Dispatch<SetStateAction<boolean>>]
+    updateServiceWorker: (reloadPage?: boolean) => Promise<void>
+  }
+}

package/dist/viteConfig.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var plugin_react_1 = __importDefault(require("@vitejs/plugin-react"));
 var vite_plugin_checker_1 = __importDefault(require("vite-plugin-checker"));
 var vite_plugin_env_compatible_1 = __importDefault(require("vite-plugin-env-compatible"));
+var vite_plugin_pwa_1 = require("vite-plugin-pwa");
 var vite_plugin_svgr_1 = __importDefault(require("vite-plugin-svgr"));
 var vite_tsconfig_paths_1 = __importDefault(require("vite-tsconfig-paths"));
 var config_1 = require("vitest/config");
@@ -22,6 +23,8 @@ exports.default = (0, config_1.defineConfig)({
         (0, vite_plugin_env_compatible_1.default)(),
         // Support TypeScript paths.
         (0, vite_tsconfig_paths_1.default)(),
+        // PWA.
+        (0, vite_plugin_pwa_1.VitePWA)(),
         // Check for issues.
         process.env.NODE_ENV !== 'test' &&
             (0, vite_plugin_checker_1.default)({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@promoboxx/react-scripts-vite",
-  "version": "0.1.21",
+  "version": "0.1.22",
   "description": "",
   "main": "dist/index.js",
   "keywords": [],
@@ -25,6 +25,7 @@
     "vite": "^2.8.4",
     "vite-plugin-checker": "^0.4.2",
     "vite-plugin-env-compatible": "^1.1.1",
+    "vite-plugin-pwa": "^0.11.13",
     "vite-plugin-svgr": "^1.0.1",
     "vite-tsconfig-paths": "^3.4.1",
     "vitest": "^0.5.5"