use-pwa 2.2.0 → 3.0.0

package/README.md

@@ -1,65 +1,64 @@
 # use-pwa
 
-use-pwa is install and update handler for pwa.
+React hook for detecting and handling PWA (Progressive Web App) installation.
 
-## Features
-
-- TypeScript support
-- SSR support
-- Update support
+[Demo](https://use-pwa.kkweb.io/)
 
 ## Installation
 
-`npm i --save use-pwa`
+```bash
+npm install use-pwa
+```
 
-## Example
+## Usage
 
-[Example](https://use-pwa.kk-web.link/)
+```tsx
+import usePwa from "use-pwa";
 
-### Before Installation
+function App() {
+  const { canInstall, install, isInstalled, isSupported } = usePwa();
 
-| OS      | Browser | appinstalled  | canInstallprompt | enabledA2hs | enabledPwa | isPwa   | userChoice        |
-| ------- | ------- | ------------- | ---------------- | ----------- | ---------- | ------- | ----------------- |
-| Mac     | Chrome  | `false`       | `true`           | `false`     | `true`     | `false` | `undefined`       |
-| 〃      | Safari  | `false`       | `false`          | `false`     | `false`    | `false` | `undefined`       |
-| 〃      | Firefox | `false`       | `false`          | `false`     | `false`    | `false` | `undefined`       |
-| Android | Chrome  | `false` (\*1) | `true`           | `false`     | `true`     | `false` | `undefined` (\*2) |
-| 〃      | Brave   | `false` (\*1) | `true`           | `false`     | `true`     | `false` | `undefined` (\*2) |
-| iOS     | Safari  | `false`       | `false`          | `true`      | `false`    | `false` | `undefined`       |
-| 〃      | Brave   | `false`       | `false`          | `true`      | `false`    | `false` | `undefined`       |
+  if (!isSupported || isInstalled) {
+    return null;
+  }
 
-1. Changes to `true` only immediately after installation.
-2. Changes to `object` only immediately after installation.
+  return (
+    <button disabled={!canInstall} onClick={install}>
+      Install PWA
+    </button>
+  );
+}
+```
 
-### After Installation
+## API
 
-| OS      | Browser     | appinstalled  | canInstallprompt | enabledA2hs | enabledPwa | isPwa        | userChoice  |
-| ------- | ----------- | ------------- | ---------------- | ----------- | ---------- | ------------ | ----------- |
-| Mac     | PWA         | `false` (\*1) | `false` (\*1)    | `false`     | `true`     | `true` (\*2) | `undefined` |
-| 〃      | Chrome      | `false`       | `false`          | `false`     | `true`     | `false`      | `undefined` |
-| Android | PWA(Chrome) | `false`       | `false`          | `false`     | `true`     | `true`       | `undefined` |
-| 〃      | Chrome      | `false`       | `false`          | `false`     | `true`     | `false`      | `undefined` |
-| 〃      | PWA(Brave)  | `false`       | `false`          | `false`     | `true`     | `true`       | `undefined` |
-| 〃      | Brave       | `false`       | `true`           | `false`     | `true`     | `false`      | `undefined` |
-| iOS     | PWA         | `false`       | `false`          | `true`      | `false`    | `true`       | `undefined` |
-| 〃      | Safari      | `false`       | `false`          | `true`      | `false`    | `false`      | `undefined` |
+### `usePwa(): PwaData`
 
-1. `true` is set only at first startup.
-2. `false` is set only at first startup.
+| Property | Type | Description |
+|----------|------|-------------|
+| `canInstall` | `boolean` | `true` when install prompt is available |
+| `install` | `() => Promise<UserChoice \| undefined>` | Triggers the install prompt |
+| `isInstalled` | `boolean` | `true` when running as installed PWA |
+| `isSupported` | `boolean` | `true` when browser supports PWA installation |
 
-## Usage
+### `UserChoice`
 
-[Example Code](https://github.com/piro0919/use-pwa/blob/master/src/App.tsx)
+Returned by `install()` when the user responds to the prompt:
+
+| Property | Type | Description |
+|----------|------|-------------|
+| `outcome` | `"accepted" \| "dismissed"` | User's choice |
+| `platform` | `string` | Platform string |
+
+## Features
+
+- Simple 4-property API
+- Detects PWA install prompts
+- Browser support detection
+- Standalone mode detection
+- SSR compatible
+- TypeScript support
 
-## Return
+## License
 
-| Return            |   Type   | Optional | Remarks                                                                                     |
-| ----------------- | :------: | :------: | ------------------------------------------------------------------------------------------- |
-| appinstalled      | Boolean  |          | [MDN](https://developer.mozilla.org/en-US/docs/Web/API/Window/appinstalled_event)           |
-| canInstallprompt  | Boolean  |          | [MDN](https://developer.mozilla.org/en-US/docs/Web/API/BeforeInstallPromptEvent)            |
-| enabledA2hs       | Boolean  |          | [MDN](https://developer.mozilla.org/en-US/docs/Web/Progressive_web_apps/Add_to_home_screen) |
-| enabledPwa        | Boolean  |          | [MDN](https://developer.mozilla.org/en-US/docs/Web/API/BeforeInstallPromptEvent)            |
-| isLoading         | Boolean  |          |                                                                                             |
-| isPwa             | Boolean  |          | [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/@media/display-mode)                 |
-| showInstallPrompt | Function |          | [MDN](https://developer.mozilla.org/en-US/docs/Web/API/BeforeInstallPromptEvent/prompt)     |
-| userChoice        |  Object  |    ✓     | [MDN](https://developer.mozilla.org/en-US/docs/Web/API/BeforeInstallPromptEvent)            |
+MIT

package/dist/index.d.mts

@@ -0,0 +1,26 @@
+type UserChoice = {
+    outcome: "accepted" | "dismissed";
+    platform: string;
+};
+interface BeforeInstallPromptEvent extends Event {
+    readonly platforms: string[];
+    readonly userChoice: Promise<UserChoice>;
+    prompt(): Promise<void>;
+}
+declare global {
+    interface WindowEventMap {
+        beforeinstallprompt: BeforeInstallPromptEvent;
+    }
+    interface Navigator {
+        standalone?: boolean;
+    }
+}
+type PwaData = {
+    canInstall: boolean;
+    install: () => Promise<UserChoice | undefined>;
+    isInstalled: boolean;
+    isSupported: boolean;
+};
+declare function usePwa(): PwaData;
+
+export { type PwaData, type UserChoice, usePwa as default, usePwa };

package/dist/index.d.ts

@@ -2,16 +2,25 @@ type UserChoice = {
     outcome: "accepted" | "dismissed";
     platform: string;
 };
-export type PwaData = {
-    appinstalled: boolean;
-    canInstallprompt: boolean;
-    enabledA2hs: boolean;
-    enabledPwa: boolean;
-    isLoading: boolean;
-    isPwa: boolean;
-    showInstallPrompt: () => void;
-    userChoice?: UserChoice;
+interface BeforeInstallPromptEvent extends Event {
+    readonly platforms: string[];
+    readonly userChoice: Promise<UserChoice>;
+    prompt(): Promise<void>;
+}
+declare global {
+    interface WindowEventMap {
+        beforeinstallprompt: BeforeInstallPromptEvent;
+    }
+    interface Navigator {
+        standalone?: boolean;
+    }
+}
+type PwaData = {
+    canInstall: boolean;
+    install: () => Promise<UserChoice | undefined>;
+    isInstalled: boolean;
+    isSupported: boolean;
 };
-export default function usePwa(): PwaData;
-export {};
-//# sourceMappingURL=index.d.ts.map
+declare function usePwa(): PwaData;
+
+export { type PwaData, type UserChoice, usePwa as default, usePwa };

package/dist/index.js

@@ -1,171 +1,106 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
 };
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = require("react");
-function useBoolean(initialValue) {
-    var _a = (0, react_1.useState)(initialValue), value = _a[0], setValue = _a[1];
-    var setTrue = (0, react_1.useCallback)(function () { return setValue(true); }, []);
-    return { value: value, setTrue: setTrue };
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  default: () => usePwa,
+  usePwa: () => usePwa
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/hooks/use-pwa.ts
+var import_react = require("react");
+var capturedEvent = null;
+if (typeof window !== "undefined") {
+  window.addEventListener("beforeinstallprompt", (event) => {
+    event.preventDefault();
+    capturedEvent = event;
+  });
 }
 function usePwa() {
-    var _this = this;
-    var beforeinstallprompt = (0, react_1.useRef)();
-    var _a = useBoolean(false), appinstalled = _a.value, onAppinstalled = _a.setTrue;
-    var _b = useBoolean(false), canInstallprompt = _b.value, onCanInstallprompt = _b.setTrue;
-    var _c = useBoolean(false), enabledA2hs = _c.value, onEnabledA2hs = _c.setTrue;
-    var _d = useBoolean(false), enabledPwa = _d.value, onEnabledPwa = _d.setTrue;
-    var _e = useBoolean(false), isPwa = _e.value, onIsPwa = _e.setTrue;
-    var _f = (0, react_1.useState)(), userChoice = _f[0], setUserChoice = _f[1];
-    var handleAppinstalled = (0, react_1.useCallback)(function () { return onAppinstalled(); }, [onAppinstalled]);
-    var handleBeforeinstallprompt = (0, react_1.useCallback)(function (event) {
-        beforeinstallprompt.current = event;
-        onCanInstallprompt();
-    }, [onCanInstallprompt]);
-    var showInstallPrompt = (0, react_1.useCallback)(function () { return __awaiter(_this, void 0, void 0, function () {
-        var userChoice;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    if (!beforeinstallprompt.current) {
-                        return [2 /*return*/];
-                    }
-                    return [4 /*yield*/, beforeinstallprompt.current.prompt()];
-                case 1:
-                    _a.sent();
-                    return [4 /*yield*/, beforeinstallprompt.current.userChoice];
-                case 2:
-                    userChoice = _a.sent();
-                    setUserChoice(userChoice);
-                    return [2 /*return*/];
-            }
-        });
-    }); }, []);
-    var _g = (0, react_1.useState)({
-        appinstalled: false,
-        beforeinstallprompt: false,
-        enabledA2hs: false,
-        enabledPwa: false,
-        isPwa: false,
-    }), completed = _g[0], setCompleted = _g[1];
-    var isLoading = (0, react_1.useMemo)(function () { return Object.values(completed).includes(false); }, [completed]);
-    (0, react_1.useEffect)(function () {
-        window.addEventListener("appinstalled", handleAppinstalled);
-        setCompleted(function (prevCompleted) { return (__assign(__assign({}, prevCompleted), { appinstalled: true })); });
-        return function () { return window.removeEventListener("appinstalled", handleAppinstalled); };
-    }, [handleAppinstalled]);
-    (0, react_1.useEffect)(function () {
-        // @ts-ignore
-        window.addEventListener("beforeinstallprompt", handleBeforeinstallprompt);
-        setCompleted(function (prevCompleted) { return (__assign(__assign({}, prevCompleted), { beforeinstallprompt: true })); });
-        return function () {
-            // @ts-ignore
-            return window.removeEventListener("beforeinstallprompt", handleBeforeinstallprompt);
-        };
-    }, [handleBeforeinstallprompt]);
-    (0, react_1.useEffect)(function () {
-        try {
-            var lownerUserAgent = window.navigator.userAgent.toLowerCase();
-            if (!lownerUserAgent.includes("iphone") &&
-                !lownerUserAgent.includes("ipad")) {
-                return;
-            }
-            onEnabledA2hs();
-        }
-        finally {
-            setCompleted(function (prevCompleted) { return (__assign(__assign({}, prevCompleted), { enabledA2hs: true })); });
-        }
-    }, [onEnabledA2hs]);
-    (0, react_1.useEffect)(function () {
-        try {
-            if (!("BeforeInstallPromptEvent" in window)) {
-                return;
-            }
-            onEnabledPwa();
-        }
-        finally {
-            setCompleted(function (prevCompleted) { return (__assign(__assign({}, prevCompleted), { enabledPwa: true })); });
-        }
-    }, [onEnabledPwa]);
-    (0, react_1.useEffect)(function () {
-        try {
-            // Android Trusted Web App
-            if (window.document.referrer.includes("android-app://")) {
-                onIsPwa();
-                return;
-            }
-            // Chrome PWA (supporting fullscreen, standalone, minimal-ui)
-            if (["fullscreen", "standalone", "minimal-ui"].some(function (displayMode) {
-                return window.matchMedia("(display-mode: " + displayMode + ")").matches;
-            })) {
-                onIsPwa();
-                return;
-            }
-            // NOT iOS PWA Standalone
-            if (!("standalone" in window.navigator) || !window.navigator.standalone) {
-                return;
-            }
-            onIsPwa();
-        }
-        finally {
-            setCompleted(function (prevCompleted) { return (__assign(__assign({}, prevCompleted), { isPwa: true })); });
-        }
-    }, [onIsPwa]);
-    return {
-        appinstalled: appinstalled,
-        canInstallprompt: canInstallprompt,
-        enabledA2hs: enabledA2hs,
-        enabledPwa: enabledPwa,
-        isLoading: isLoading,
-        isPwa: isPwa,
-        showInstallPrompt: showInstallPrompt,
-        userChoice: userChoice,
+  const promptEvent = (0, import_react.useRef)(capturedEvent);
+  const [canInstall, setCanInstall] = (0, import_react.useState)(false);
+  const [isInstalled, setIsInstalled] = (0, import_react.useState)(false);
+  const [isSupported, setIsSupported] = (0, import_react.useState)(false);
+  const install = (0, import_react.useCallback)(async () => {
+    if (!promptEvent.current) {
+      return void 0;
+    }
+    await promptEvent.current.prompt();
+    const choice = await promptEvent.current.userChoice;
+    if (choice.outcome === "accepted") {
+      setCanInstall(false);
+      promptEvent.current = null;
+      capturedEvent = null;
+    }
+    return choice;
+  }, []);
+  (0, import_react.useEffect)(() => {
+    if (capturedEvent) {
+      promptEvent.current = capturedEvent;
+      setCanInstall(true);
+    }
+    const handleBeforeInstallPrompt = (event) => {
+      event.preventDefault();
+      promptEvent.current = event;
+      capturedEvent = event;
+      setCanInstall(true);
     };
+    window.addEventListener("beforeinstallprompt", handleBeforeInstallPrompt);
+    return () => {
+      window.removeEventListener(
+        "beforeinstallprompt",
+        handleBeforeInstallPrompt
+      );
+    };
+  }, []);
+  (0, import_react.useEffect)(() => {
+    if (document.referrer.includes("android-app://")) {
+      setIsInstalled(true);
+      return;
+    }
+    const displayModes = ["fullscreen", "standalone", "minimal-ui"];
+    const isDisplayModePwa = displayModes.some(
+      (mode) => window.matchMedia(`(display-mode: ${mode})`).matches
+    );
+    if (isDisplayModePwa) {
+      setIsInstalled(true);
+      return;
+    }
+    if (navigator.standalone) {
+      setIsInstalled(true);
+    }
+  }, []);
+  (0, import_react.useEffect)(() => {
+    if ("BeforeInstallPromptEvent" in window) {
+      setIsSupported(true);
+    }
+  }, []);
+  return {
+    canInstall,
+    install,
+    isInstalled,
+    isSupported
+  };
 }
-exports.default = usePwa;
-//# sourceMappingURL=index.js.map
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  usePwa
+});

package/dist/index.mjs

@@ -0,0 +1,79 @@
+// src/hooks/use-pwa.ts
+import { useCallback, useEffect, useRef, useState } from "react";
+var capturedEvent = null;
+if (typeof window !== "undefined") {
+  window.addEventListener("beforeinstallprompt", (event) => {
+    event.preventDefault();
+    capturedEvent = event;
+  });
+}
+function usePwa() {
+  const promptEvent = useRef(capturedEvent);
+  const [canInstall, setCanInstall] = useState(false);
+  const [isInstalled, setIsInstalled] = useState(false);
+  const [isSupported, setIsSupported] = useState(false);
+  const install = useCallback(async () => {
+    if (!promptEvent.current) {
+      return void 0;
+    }
+    await promptEvent.current.prompt();
+    const choice = await promptEvent.current.userChoice;
+    if (choice.outcome === "accepted") {
+      setCanInstall(false);
+      promptEvent.current = null;
+      capturedEvent = null;
+    }
+    return choice;
+  }, []);
+  useEffect(() => {
+    if (capturedEvent) {
+      promptEvent.current = capturedEvent;
+      setCanInstall(true);
+    }
+    const handleBeforeInstallPrompt = (event) => {
+      event.preventDefault();
+      promptEvent.current = event;
+      capturedEvent = event;
+      setCanInstall(true);
+    };
+    window.addEventListener("beforeinstallprompt", handleBeforeInstallPrompt);
+    return () => {
+      window.removeEventListener(
+        "beforeinstallprompt",
+        handleBeforeInstallPrompt
+      );
+    };
+  }, []);
+  useEffect(() => {
+    if (document.referrer.includes("android-app://")) {
+      setIsInstalled(true);
+      return;
+    }
+    const displayModes = ["fullscreen", "standalone", "minimal-ui"];
+    const isDisplayModePwa = displayModes.some(
+      (mode) => window.matchMedia(`(display-mode: ${mode})`).matches
+    );
+    if (isDisplayModePwa) {
+      setIsInstalled(true);
+      return;
+    }
+    if (navigator.standalone) {
+      setIsInstalled(true);
+    }
+  }, []);
+  useEffect(() => {
+    if ("BeforeInstallPromptEvent" in window) {
+      setIsSupported(true);
+    }
+  }, []);
+  return {
+    canInstall,
+    install,
+    isInstalled,
+    isSupported
+  };
+}
+export {
+  usePwa as default,
+  usePwa
+};

package/package.json

@@ -1,75 +1,65 @@
 {
-  "author": "piro <piro.haniwa@gmail.com> (https://kk-web.link/)",
-  "browserslist": {
-    "development": [
-      "last 1 chrome version",
-      "last 1 firefox version",
-      "last 1 safari version"
-    ],
-    "production": [
-      ">0.2%",
-      "not dead",
-      "not op_mini all"
-    ]
-  },
-  "bugs": {
-    "url": "https://github.com/piro0919/use-pwa/issues"
-  },
-  "devDependencies": {
-    "@types/node": "12.20.55",
-    "@types/react": "16.14.60",
-    "@types/react-dom": "16.9.24",
-    "gh-pages": "3.2.3",
-    "react": "17.0.2",
-    "react-dom": "17.0.2",
-    "react-scripts": "4.0.3",
-    "typescript": "4.9.5",
-    "web-vitals": "0.2.4",
-    "workbox-background-sync": "5.1.4",
-    "workbox-broadcast-update": "5.1.4",
-    "workbox-cacheable-response": "5.1.4",
-    "workbox-core": "5.1.4",
-    "workbox-expiration": "5.1.4",
-    "workbox-google-analytics": "5.1.4",
-    "workbox-navigation-preload": "5.1.4",
-    "workbox-precaching": "5.1.4",
-    "workbox-range-requests": "5.1.4",
-    "workbox-routing": "5.1.4",
-    "workbox-strategies": "5.1.4",
-    "workbox-streams": "5.1.4"
-  },
-  "eslintConfig": {
-    "extends": [
-      "react-app",
-      "react-app/jest"
-    ]
-  },
-  "homepage": "https://use-pwa.kk-web.link",
+  "name": "use-pwa",
+  "version": "3.0.0",
+  "description": "React hook for PWA installation detection and handling",
   "keywords": [
-    "hooks",
     "react",
+    "hook",
     "pwa",
-    "usePwa"
+    "progressive-web-app",
+    "install-prompt",
+    "a2hs"
   ],
+  "author": "piro0919",
   "license": "MIT",
-  "main": "dist/index.js",
-  "module": "dist/index.js",
-  "name": "use-pwa",
-  "private": false,
   "repository": {
     "type": "git",
-    "url": "https://github.com/piro0919/use-pwa.git"
+    "url": "git+https://github.com/piro0919/use-pwa.git"
+  },
+  "homepage": "https://use-pwa.kkweb.io",
+  "bugs": {
+    "url": "https://github.com/piro0919/use-pwa/issues"
   },
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./dist/index.d.mts",
+        "default": "./dist/index.mjs"
+      },
+      "require": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.js"
+      }
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "sideEffects": false,
   "scripts": {
-    "build": "react-scripts build",
-    "build:package": "tsc -p tsconfig.gen-dts.json",
-    "deploy": "gh-pages -d build",
-    "predeploy": "npm run build",
-    "start": "react-scripts start"
+    "build": "next build",
+    "build:lib": "tsup",
+    "dev": "next dev",
+    "format": "biome format --write",
+    "lint": "biome check",
+    "prepublishOnly": "npm run build:lib",
+    "start": "next start"
   },
-  "types": "dist/index.d.ts",
-  "version": "2.2.0",
-  "volta": {
-    "node": "16.20.2"
+  "peerDependencies": {
+    "react": ">=17.0.0"
+  },
+  "devDependencies": {
+    "@biomejs/biome": "2.2.0",
+    "@serwist/next": "^9.4.2",
+    "@types/node": "25.0.3",
+    "@types/react": "^19.2.7",
+    "babel-plugin-react-compiler": "^1.0.0",
+    "lefthook": "^2.0.13",
+    "next": "16.1.1",
+    "react": "19.2.3",
+    "react-dom": "19.2.3",
+    "serwist": "^9.4.2",
+    "tsup": "^8.5.1",
+    "typescript": "^5"
   }
 }

package/.vscode/settings.json

@@ -1 +0,0 @@
-{}

package/dist/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/hooks/usePwa/index.ts"],"names":[],"mappings":"AASA,KAAK,UAAU,GAAG;IAChB,OAAO,EAAE,UAAU,GAAG,WAAW,CAAC;IAClC,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC;AAQF,MAAM,MAAM,OAAO,GAAG;IACpB,YAAY,EAAE,OAAO,CAAC;IACtB,gBAAgB,EAAE,OAAO,CAAC;IAC1B,WAAW,EAAE,OAAO,CAAC;IACrB,UAAU,EAAE,OAAO,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,OAAO,CAAC;IACf,iBAAiB,EAAE,MAAM,IAAI,CAAC;IAC9B,UAAU,CAAC,EAAE,UAAU,CAAC;CACzB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,MAAM,IAAI,OAAO,CA0JxC"}

package/dist/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/hooks/usePwa/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAA0E;AAE1E,SAAS,UAAU,CAAC,YAAqB;IACjC,IAAA,KAAoB,IAAA,gBAAQ,EAAC,YAAY,CAAC,EAAzC,KAAK,QAAA,EAAE,QAAQ,QAA0B,CAAC;IACjD,IAAM,OAAO,GAAG,IAAA,mBAAW,EAAC,cAAM,OAAA,QAAQ,CAAC,IAAI,CAAC,EAAd,CAAc,EAAE,EAAE,CAAC,CAAC;IAEtD,OAAO,EAAE,KAAK,OAAA,EAAE,OAAO,SAAA,EAAE,CAAC;AAC5B,CAAC;AAwBD,SAAwB,MAAM;IAA9B,iBA0JC;IAzJC,IAAM,mBAAmB,GAAG,IAAA,cAAM,GAA4B,CAAC;IACzD,IAAA,KAAmD,UAAU,CAAC,KAAK,CAAC,EAA3D,YAAY,WAAA,EAAW,cAAc,aAAsB,CAAC;IACrE,IAAA,KACJ,UAAU,CAAC,KAAK,CAAC,EADJ,gBAAgB,WAAA,EAAW,kBAAkB,aACzC,CAAC;IACd,IAAA,KAAiD,UAAU,CAAC,KAAK,CAAC,EAAzD,WAAW,WAAA,EAAW,aAAa,aAAsB,CAAC;IACnE,IAAA,KAA+C,UAAU,CAAC,KAAK,CAAC,EAAvD,UAAU,WAAA,EAAW,YAAY,aAAsB,CAAC;IACjE,IAAA,KAAqC,UAAU,CAAC,KAAK,CAAC,EAA7C,KAAK,WAAA,EAAW,OAAO,aAAsB,CAAC;IACvD,IAAA,KAA8B,IAAA,gBAAQ,GAAc,EAAnD,UAAU,QAAA,EAAE,aAAa,QAA0B,CAAC;IAC3D,IAAM,kBAAkB,GAAG,IAAA,mBAAW,EACpC,cAAM,OAAA,cAAc,EAAE,EAAhB,CAAgB,EACtB,CAAC,cAAc,CAAC,CACjB,CAAC;IACF,IAAM,yBAAyB,GAAG,IAAA,mBAAW,EAG3C,UAAC,KAAK;QACJ,mBAAmB,CAAC,OAAO,GAAG,KAAK,CAAC;QAEpC,kBAAkB,EAAE,CAAC;IACvB,CAAC,EACD,CAAC,kBAAkB,CAAC,CACrB,CAAC;IACF,IAAM,iBAAiB,GAAG,IAAA,mBAAW,EAAC;;;;;oBACpC,IAAI,CAAC,mBAAmB,CAAC,OAAO,EAAE;wBAChC,sBAAO;qBACR;oBAED,qBAAM,mBAAmB,CAAC,OAAO,CAAC,MAAM,EAAE,EAAA;;oBAA1C,SAA0C,CAAC;oBAExB,qBAAM,mBAAmB,CAAC,OAAO,CAAC,UAAU,EAAA;;oBAAzD,UAAU,GAAG,SAA4C;oBAE/D,aAAa,CAAC,UAAU,CAAC,CAAC;;;;SAC3B,EAAE,EAAE,CAAC,CAAC;IACD,IAAA,KAA4B,IAAA,gBAAQ,EAAC;QACzC,YAAY,EAAE,KAAK;QACnB,mBAAmB,EAAE,KAAK;QAC1B,WAAW,EAAE,KAAK;QAClB,UAAU,EAAE,KAAK;QACjB,KAAK,EAAE,KAAK;KACb,CAAC,EANK,SAAS,QAAA,EAAE,YAAY,QAM5B,CAAC;IACH,IAAM,SAAS,GAAG,IAAA,eAAO,EACvB,cAAM,OAAA,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAxC,CAAwC,EAC9C,CAAC,SAAS,CAAC,CACZ,CAAC;IAEF,IAAA,iBAAS,EAAC;QACR,MAAM,CAAC,gBAAgB,CAAC,cAAc,EAAE,kBAAkB,CAAC,CAAC;QAE5D,YAAY,CAAC,UAAC,aAAa,IAAK,OAAA,uBAC3B,aAAa,KAChB,YAAY,EAAE,IAAI,IAClB,EAH8B,CAG9B,CAAC,CAAC;QAEJ,OAAO,cAAM,OAAA,MAAM,CAAC,mBAAmB,CAAC,cAAc,EAAE,kBAAkB,CAAC,EAA9D,CAA8D,CAAC;IAC9E,CAAC,EAAE,CAAC,kBAAkB,CAAC,CAAC,CAAC;IAEzB,IAAA,iBAAS,EAAC;QACR,aAAa;QACb,MAAM,CAAC,gBAAgB,CAAC,qBAAqB,EAAE,yBAAyB,CAAC,CAAC;QAE1E,YAAY,CAAC,UAAC,aAAa,IAAK,OAAA,uBAC3B,aAAa,KAChB,mBAAmB,EAAE,IAAI,IACzB,EAH8B,CAG9B,CAAC,CAAC;QAEJ,OAAO;YACL,aAAa;YACb,OAAA,MAAM,CAAC,mBAAmB,CACxB,qBAAqB,EACrB,yBAAyB,CAC1B;QAHD,CAGC,CAAC;IACN,CAAC,EAAE,CAAC,yBAAyB,CAAC,CAAC,CAAC;IAEhC,IAAA,iBAAS,EAAC;QACR,IAAI;YACF,IAAM,eAAe,GAAG,MAAM,CAAC,SAAS,CAAC,SAAS,CAAC,WAAW,EAAE,CAAC;YAEjE,IACE,CAAC,eAAe,CAAC,QAAQ,CAAC,QAAQ,CAAC;gBACnC,CAAC,eAAe,CAAC,QAAQ,CAAC,MAAM,CAAC,EACjC;gBACA,OAAO;aACR;YAED,aAAa,EAAE,CAAC;SACjB;gBAAS;YACR,YAAY,CAAC,UAAC,aAAa,IAAK,OAAA,uBAC3B,aAAa,KAChB,WAAW,EAAE,IAAI,IACjB,EAH8B,CAG9B,CAAC,CAAC;SACL;IACH,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IAEpB,IAAA,iBAAS,EAAC;QACR,IAAI;YACF,IAAI,CAAC,CAAC,0BAA0B,IAAI,MAAM,CAAC,EAAE;gBAC3C,OAAO;aACR;YAED,YAAY,EAAE,CAAC;SAChB;gBAAS;YACR,YAAY,CAAC,UAAC,aAAa,IAAK,OAAA,uBAC3B,aAAa,KAChB,UAAU,EAAE,IAAI,IAChB,EAH8B,CAG9B,CAAC,CAAC;SACL;IACH,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IAEnB,IAAA,iBAAS,EAAC;QACR,IAAI;YACF,0BAA0B;YAC1B,IAAI,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAC,QAAQ,CAAC,gBAAgB,CAAC,EAAE;gBACvD,OAAO,EAAE,CAAC;gBAEV,OAAO;aACR;YAED,6DAA6D;YAC7D,IACE,CAAC,YAAY,EAAE,YAAY,EAAE,YAAY,CAAC,CAAC,IAAI,CAC7C,UAAC,WAAW;gBACV,OAAA,MAAM,CAAC,UAAU,CAAC,iBAAiB,GAAG,WAAW,GAAG,GAAG,CAAC,CAAC,OAAO;YAAhE,CAAgE,CACnE,EACD;gBACA,OAAO,EAAE,CAAC;gBAEV,OAAO;aACR;YAED,yBAAyB;YACzB,IAAI,CAAC,CAAC,YAAY,IAAI,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,UAAU,EAAE;gBACvE,OAAO;aACR;YAED,OAAO,EAAE,CAAC;SACX;gBAAS;YACR,YAAY,CAAC,UAAC,aAAa,IAAK,OAAA,uBAC3B,aAAa,KAChB,KAAK,EAAE,IAAI,IACX,EAH8B,CAG9B,CAAC,CAAC;SACL;IACH,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,OAAO;QACL,YAAY,cAAA;QACZ,gBAAgB,kBAAA;QAChB,WAAW,aAAA;QACX,UAAU,YAAA;QACV,SAAS,WAAA;QACT,KAAK,OAAA;QACL,iBAAiB,mBAAA;QACjB,UAAU,YAAA;KACX,CAAC;AACJ,CAAC;AA1JD,yBA0JC"}

package/tsconfig.gen-dts.json

@@ -1,19 +0,0 @@
-{
-  "compilerOptions": {
-    "declaration": true,
-    "declarationMap": true,
-    "esModuleInterop": true,
-    "jsx": "react",
-    "lib": ["es2017", "dom"],
-    "module": "commonjs",
-    "moduleResolution": "node",
-    "newLine": "lf",
-    "outDir": "dist",
-    "skipLibCheck": true,
-    "sourceMap": true,
-    "strict": true,
-    "strictNullChecks": false,
-    "target": "es5"
-  },
-  "include": ["src/hooks/usePwa/index.ts"]
-}