remix-pwa · ShafSpecs · Sep 24, 2024 · Aug 11, 2024 · Aug 11, 2024 · Aug 11, 2024
diff --git a/.github/workflows/pkg-pr-new.yaml b/.github/workflows/pkg-pr-new.yaml
@@ -0,0 +1,28 @@
+name: Publish Approved PRs
+on:
+  pull_request_review:
+    types: [submitted]
+
+jobs:
+  approved:
+    if: github.event.review.state == 'APPROVED'
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v4
+
+      - name: Setup Node.js environment
+        uses: actions/setup-node@v4
+        with:
+          cache: npm
+          node-version: 20
+
+      - name: Sync sandbox
+        run: npm run preinstall -w @remix-pwa/playground
+
+      - name: Install dependencies
+        run: npm clean-install
+
+      - name: Publish PR
+        run: npm run publish:pr
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -23,6 +23,7 @@
     "lint": "turbo lint -- --fix",
     "format": "turbo format -- --write",
     "postclone": "npm install && npm run test && npm run build",
+    "publish:pr": "npx pkg-pr-new publish './packages/*'",
     "test": "turbo test -- --coverage"
   },
   "devDependencies": {
@@ -41,6 +42,7 @@
     "husky": "^9.1.1",
     "lint-staged": "^15.2.2",
     "npm-run-all": "^4.1.5",
+    "pkg-pr-new": "^0.0.25",
     "prettier": "^3.3.3",
     "prettier-plugin-organize-imports": "^4.0.0",
     "semver": "^7.6.3",

diff --git a/packages/cli/CHANGELOG.md b/packages/cli/CHANGELOG.md
@@ -1,3 +1,17 @@
+## @remix-pwa/cli 1.2.5 (2024-08-11)
+
+
+### Bug Fixes
+
+* **cli:** added new `--dev` flag to the `upgrade` command - for updating to latest `dev` candidate d4f4414
+
+## @remix-pwa/cli 1.2.5-dev.1 (2024-08-11)
+
+
+### Bug Fixes
+
+* **cli:** added new `--dev` flag to the `upgrade` command - for updating to latest `dev` candidate d4f4414
+
 ## @remix-pwa/cli 1.2.4 (2024-07-21)
 
 

diff --git a/packages/cli/package.json b/packages/cli/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@remix-pwa/cli",
-  "version": "1.2.4",
+  "version": "1.2.5",
   "description": "An elegant CLI for everything Remix PWA 💖",
   "repository": {
     "type": "git",

diff --git a/packages/client/CHANGELOG.md b/packages/client/CHANGELOG.md
@@ -1,3 +1,17 @@
+## @remix-pwa/client 3.0.7 (2024-09-24)
+
+
+### Bug Fixes
+
+* stop useNetworkConnectivity from causing hydration errors. 9cf2978
+
+## @remix-pwa/client 3.0.7-dev.1 (2024-08-23)
+
+
+### Bug Fixes
+
+* stop useNetworkConnectivity from causing hydration errors. 9cf2978
+
 ## @remix-pwa/client 3.0.6 (2024-07-21)
 
 

diff --git a/packages/client/hooks/useNetworkConnectivity.ts b/packages/client/hooks/useNetworkConnectivity.ts
@@ -1,37 +1,38 @@
 /* eslint-disable n/no-callback-literal */
-import { useEffect, useState } from 'react';
+import { useEffect, useSyncExternalStore } from 'react';
 
-import { isWindowAvailable } from '../lib/user-agent.js';
+const subscribeToNetworkConnectivity = (callback: () => void) => {
+  window.addEventListener('online', callback);
+  window.addEventListener('offline', callback);
+  return () => {
+    window.removeEventListener('online', callback);
+    window.removeEventListener('offline', callback);
+  };
+};
+
+const getNetworkConnectivitySnapshot = () => window.navigator.onLine;
+
+const getNetworkConnectivityServerSnapshot = () => false;
 
 export const useNetworkConnectivity = (
   options: {
     onOnline?: (isOnline: boolean) => void;
     onOffline?: (isOnline: boolean) => void;
   } = {}
 ) => {
-  const [isOnline, setIsOnline] = useState(isWindowAvailable() ? navigator.onLine : false);
-
-  const handleOnline = () => {
-    setIsOnline(true);
-    options.onOnline && options.onOnline(true);
-  };
-
-  const handleOffline = () => {
-    setIsOnline(false);
-    options.onOffline && options.onOffline(false);
-  };
+  const isOnline = useSyncExternalStore(
+    subscribeToNetworkConnectivity,
+    getNetworkConnectivitySnapshot,
+    getNetworkConnectivityServerSnapshot
+  );
 
   useEffect(() => {
-    if (isWindowAvailable()) {
-      window.addEventListener('online', handleOnline);
-      window.addEventListener('offline', handleOffline);
-
-      return () => {
-        window.removeEventListener('online', handleOnline);
-        window.removeEventListener('offline', handleOffline);
-      };
+    if (isOnline) {
+      options.onOnline && options.onOnline(true);
+    } else if (options.onOnline) {
+      options.onOffline && options.onOffline(false);
     }
-  }, []);
+  }, [isOnline, options]);
 
   return isOnline;
 };
diff --git a/packages/client/package.json b/packages/client/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@remix-pwa/client",
-  "version": "3.0.6",
+  "version": "3.0.7",
   "description": "A set of utilities for client-side development to enhance the native feel of your Remix App",
   "repository": {
     "type": "git",

diff --git a/packages/dev/CHANGELOG.md b/packages/dev/CHANGELOG.md
@@ -1,3 +1,27 @@
+# @remix-pwa/dev 3.1.0 (2024-08-11)
+
+
+### Bug Fixes
+
+* **dev:** pre-rc-candidate: adding (minimal) global support for Remix SPA mode a035c49
+
+
+### Features
+
+* **dev:** added injectable vars cac1206
+
+# @remix-pwa/dev 3.1.0-dev.1 (2024-08-11)
+
+
+### Bug Fixes
+
+* **dev:** pre-rc-candidate: adding (minimal) global support for Remix SPA mode a035c49
+
+
+### Features
+
+* **dev:** added injectable vars cac1206
+
 ## @remix-pwa/dev 3.0.7 (2024-07-21)
 
 

diff --git a/packages/dev/index.ts b/packages/dev/index.ts
@@ -105,6 +105,7 @@ export interface WebAppManifest {
     type?: string;
     platform?: string;
     label?: string;
+    form_factor?: 'narrow' | 'wide';
   }>;
   shortcuts?: Array<{
     name?: string;

diff --git a/packages/dev/package.json b/packages/dev/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@remix-pwa/dev",
-  "version": "3.0.7",
+  "version": "3.1.0",
   "description": "An esbuild compiler for Service Workers in Remix.run",
   "repository": {
     "type": "git",

diff --git a/packages/sw/CHANGELOG.md b/packages/sw/CHANGELOG.md
@@ -1,3 +1,31 @@
+## @remix-pwa/sw 3.0.10 (2024-09-24)
+
+
+### Bug Fixes
+
+* **sw:** changed manifest link `rel` from `manifest` to `webmanifest` 942f76a
+
+## @remix-pwa/sw 3.0.10-dev.1 (2024-09-24)
+
+
+### Bug Fixes
+
+* **sw:** changed manifest link `rel` from `manifest` to `webmanifest` 942f76a
+
+## @remix-pwa/sw 3.0.9 (2024-08-11)
+
+
+### Bug Fixes
+
+* **sw:** added `matchOptions` for adding querying options to cache operations c87e507
+
+## @remix-pwa/sw 3.0.9-dev.1 (2024-08-11)
+
+
+### Bug Fixes
+
+* **sw:** added `matchOptions` for adding querying options to cache operations c87e507
+
 ## @remix-pwa/sw 3.0.8 (2024-07-21)
 
 

diff --git a/packages/sw/package.json b/packages/sw/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@remix-pwa/sw",
-  "version": "3.0.8",
+  "version": "3.0.10",
   "description": "Service Worker APIs and utilities for Remix PWA",
   "repository": {
     "type": "git",

diff --git a/packages/sw/src/components/ManifestLink.tsx b/packages/sw/src/components/ManifestLink.tsx
@@ -1,5 +1,12 @@
+import type { LinkHTMLAttributes } from 'react';
 import React from 'react';
 
-export const ManifestLink = ({ manifestUrl = '/manifest.webmanifest' }: { manifestUrl?: string }) => {
-  return <link rel="webmanifest" href={manifestUrl} />;
+export const ManifestLink = ({
+  crossOrigin,
+  manifestUrl = '/manifest.webmanifest',
+}: {
+  manifestUrl?: string;
+  crossOrigin?: LinkHTMLAttributes<HTMLLinkElement>['crossOrigin'];
+}) => {
+  return <link rel="webmanifest" href={manifestUrl} crossOrigin={crossOrigin} />;
 };
diff --git a/packages/sync/CHANGELOG.md b/packages/sync/CHANGELOG.md
@@ -1,3 +1,43 @@
+## @remix-pwa/sync 3.0.5 (2024-09-24)
+
+
+
+
+
+### Dependencies
+
+* **@remix-pwa/sw:** upgraded to 3.0.10
+
+## @remix-pwa/sync 3.0.5-dev.1 (2024-09-24)
+
+
+
+
+
+### Dependencies
+
+* **@remix-pwa/sw:** upgraded to 3.0.10-dev.1
+
+## @remix-pwa/sync 3.0.4 (2024-08-11)
+
+
+
+
+
+### Dependencies
+
+* **@remix-pwa/sw:** upgraded to 3.0.9
+
+## @remix-pwa/sync 3.0.4-dev.1 (2024-08-11)
+
+
+
+
+
+### Dependencies
+
+* **@remix-pwa/sw:** upgraded to 3.0.9-dev.1
+
 ## @remix-pwa/sync 3.0.3 (2024-07-21)
 
 

diff --git a/packages/sync/package.json b/packages/sync/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@remix-pwa/sync",
-  "version": "3.0.3",
+  "version": "3.0.5",
   "description": "A Background Sync addon for Remix PWA",
   "repository": {
     "type": "git",
@@ -34,7 +34,7 @@
     "rimraf": "^6.0.1"
   },
   "dependencies": {
-    "@remix-pwa/sw": "^3.0.8",
+    "@remix-pwa/sw": "^3.0.10",
     "idb": "^8.0.0"
   }
 }
diff --git a/packages/worker-runtime/CHANGELOG.md b/packages/worker-runtime/CHANGELOG.md
@@ -1,3 +1,17 @@
+## @remix-pwa/worker-runtime 2.1.4 (2024-08-11)
+
+
+### Bug Fixes
+
+* **worker-runtime:** added minimal support for runtimes in Remix SPA mode 6dd95e6
+
+## @remix-pwa/worker-runtime 2.1.4-dev.1 (2024-08-11)
+
+
+### Bug Fixes
+
+* **worker-runtime:** added minimal support for runtimes in Remix SPA mode 6dd95e6
+
 ## @remix-pwa/worker-runtime 2.1.3 (2024-07-21)
 
 

diff --git a/packages/worker-runtime/package.json b/packages/worker-runtime/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@remix-pwa/worker-runtime",
-  "version": "2.1.3",
+  "version": "2.1.4",
   "description": "A vanilla JavaScript worker runtime for Remix service workers",
   "license": "MIT",
   "sideEffects": false,

diff --git a/playground/package.json b/playground/package.json
@@ -21,11 +21,11 @@
     "build:remix": "remix build"
   },
   "dependencies": {
-    "@remix-pwa/client": "3.0.6",
+    "@remix-pwa/client": "3.0.7",
     "@remix-pwa/push": "2.10.3",
-    "@remix-pwa/sw": "3.0.8",
-    "@remix-pwa/sync": "3.0.3",
-    "@remix-pwa/worker-runtime": "2.1.3",
+    "@remix-pwa/sw": "3.0.10",
+    "@remix-pwa/sync": "3.0.5",
+    "@remix-pwa/worker-runtime": "2.1.4",
     "@remix-run/node": "^2.8.1",
     "@remix-run/react": "^2.8.1",
     "@remix-run/serve": "^2.8.1",
@@ -37,7 +37,7 @@
     "react-dom": "^18.2.0"
   },
   "devDependencies": {
-    "@remix-pwa/dev": "3.0.7",
+    "@remix-pwa/dev": "3.1.0",
     "@remix-run/dev": "^2.8.1",
     "@remix-run/eslint-config": "^2.8.1",
     "@types/react": "^18.2.22",