@promoboxx/react-scripts-vite 0.1.19 → 0.1.23

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
 
@@ -47,7 +48,7 @@ Vite expects your `index.html` to live at the root directory, not in `public/`
 mv public/index.html ./
 ```
 
-Remove any references to `%PUBLIC_URL%`. Passing `--base /some/sub/dir/` to `build` will get you the same result.
+Remove any references to `%PUBLIC_URL%`, vite correctly sets the base path for you.
 
 ### Sass
 

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

@@ -3,38 +3,68 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+var fs_1 = __importDefault(require("fs"));
 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");
+var ENV_PREFIX = 'REACT_APP_';
 exports.default = (0, config_1.defineConfig)({
+    base: process.env.PUBLIC_URL,
+    envPrefix: ENV_PREFIX,
     build: {
-        outDir: 'dist',
-        sourcemap: true,
+        outDir: process.env.BUILD_PATH || 'build',
+        sourcemap: process.env.GENERATE_SOURCEMAP !== 'false',
+        assetsInlineLimit: process.env.IMAGE_INLINE_SIZE_LIMIT
+            ? Number(process.env.IMAGE_INLINE_SIZE_LIMIT)
+            : 10000,
     },
     plugins: [
         // React specific.
-        (0, plugin_react_1.default)(),
+        (0, plugin_react_1.default)({
+            fastRefresh: process.env.FAST_REFRESH !== 'false',
+            jsxRuntime: process.env.DISABLE_NEW_JSX_TRANSFORM === 'true'
+                ? 'classic'
+                : undefined,
+        }),
         (0, vite_plugin_svgr_1.default)(),
         // import.meta.env -> process.env
-        (0, vite_plugin_env_compatible_1.default)(),
+        (0, vite_plugin_env_compatible_1.default)({
+            prefix: ENV_PREFIX,
+        }),
         // 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)({
-                eslint: {
-                    lintCommand: "eslint --max-warnings=".concat(process.env.CI === 'true' ? 0 : -1, " \"./src/**/*.{ts,tsx,js,jsx,mjs,cjs}\""),
-                },
-                typescript: true,
+                eslint: process.env.DISABLE_ESLINT_PLUGIN === 'true'
+                    ? undefined
+                    : {
+                        lintCommand: "eslint --max-warnings=".concat(process.env.CI === 'true' ? 0 : -1, " \"./src/**/*.{ts,tsx,js,jsx,mjs,cjs}\""),
+                    },
+                typescript: process.env.TSC_COMPILE_ON_ERROR !== 'true',
                 enableBuild: true,
             }),
     ],
     server: {
         open: true,
-        host: '0.0.0.0',
+        host: process.env.HOST || '0.0.0.0',
+        port: process.env.PORT ? Number(process.env.PORT) : 3000,
+        https: process.env.HTTPS === 'true'
+            ? {
+                cert: process.env.SSL_CRT_FILE
+                    ? fs_1.default.readFileSync(process.env.SSL_CRT_FILE)
+                    : undefined,
+                key: process.env.SSL_KEY_FILE
+                    ? fs_1.default.readFileSync(process.env.SSL_KEY_FILE)
+                    : undefined,
+            }
+            : undefined,
     },
     test: {
         globals: true,

package/package.json

@@ -1,9 +1,12 @@
 {
   "name": "@promoboxx/react-scripts-vite",
-  "version": "0.1.19",
+  "version": "0.1.23",
   "description": "",
   "main": "dist/index.js",
   "keywords": [],
+  "repository": {
+    "url": "https://github.com/promoboxx/react-scripts-vite"
+  },
   "bin": {
     "react-scripts": "./dist/cli.js",
     "react-scripts-vite": "./dist/cli.js"
@@ -22,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"