service worker: use injectManifest

- a RPC framework is added for further use
- fix an error that the service worker is not
    registered until the settings opened
- added theme-color
- settings: added a item to indicate the offline
    availablity

src/platform/host.ts

@@ -1,12 +1,37 @@
+import { createContext, useContext, type Accessor } from "solid-js";
+import { useRegisterSW } from "virtual:pwa-register/solid";
+
 export function isiOS() {
-  return [
-    'iPad Simulator',
-    'iPhone Simulator',
-    'iPod Simulator',
-    'iPad',
-    'iPhone',
-    'iPod'
-  ].includes(navigator.platform)
-  // iPad on iOS 13 detection
-  || (navigator.userAgent.includes("Mac") && "ontouchend" in document)
-}
+  return (
+    [
+      "iPad Simulator",
+      "iPhone Simulator",
+      "iPod Simulator",
+      "iPad",
+      "iPhone",
+      "iPod",
+    ].includes(navigator.platform) ||
+    // iPad on iOS 13 detection
+    (navigator.userAgent.includes("Mac") && "ontouchend" in document)
+  );
+}
+
+export type ServiceWorkerService = {
+  needRefresh: Accessor<boolean>;
+  offlineReady: Accessor<boolean>;
+  serviceWorker: Accessor<ServiceWorker | undefined>;
+};
+
+const ServiceWorkerContext = /* @__PURE__ */ createContext<
+  ServiceWorkerService
+>(({
+  needRefresh: () => false,
+  offlineReady: () => false,
+  serviceWorker: () => undefined
+}));
+
+export const ServiceWorkerProvider = ServiceWorkerContext.Provider;
+
+export function useServiceWorker(): ServiceWorkerService {
+  return useContext(ServiceWorkerContext);
+}