miolo-react 3.0.0-beta.206 → 3.0.0-beta.208

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "miolo-react",
-  "version": "3.0.0-beta.206",
+  "version": "3.0.0-beta.208",
   "description": "React utils for miolo",
   "author": "Donato Lorenzo <donato@afialapis.com>",
   "contributors": [

package/src/context/MioloContextProvider.jsx

@@ -93,6 +93,7 @@ const MioloContextProvider = ({ context, children }) => {
         authenticated: innerContext.authenticated,
         fetcher: mioloObj.fetcher,
         socket: mioloObj.socket,
+        logger: mioloObj.logger,
         googleLogin,
         localLogin,
         logout,

package/src/ssr/useSsrDataOrReload.mjs

@@ -11,7 +11,7 @@ const makeSerializable = (obj) => {
 }
 
 const useSsrDataOrReload = (context, miolo, name, options) => {
-  const { fetcher } = miolo
+  const { fetcher, socket, logger } = miolo
   const {
     defval = [],
     loader = undefined,
@@ -47,9 +47,9 @@ const useSsrDataOrReload = (context, miolo, name, options) => {
   const [ssrData, setSsrData] = useState(
     parseData(ssrDataFromContext !== undefined ? ssrDataFromContext : defval)
   )
-
   const [status, setStatus] = useState(ssrDataFromContext !== undefined ? "loaded" : "idle")
   const [error, setError] = useState(undefined)
+  const [socketInited, setSocketInited] = useState(false)
 
   const updateSsrData = useCallback(
     (data) => {
@@ -112,6 +112,14 @@ const useSsrDataOrReload = (context, miolo, name, options) => {
     setStatus("loaded")
   }, [status, context, fetcher, loader, url, params, parseData, name, cache])
 
+  const invalidate = useCallback(() => {
+    if (typeof window !== "undefined") {
+      import("idb-keyval").then(({ del }) => {
+        del(`ssr-cache-${name}`).catch(() => {})
+      })
+    }
+  }, [name])
+
   useEffect(() => {
     let mounted = true
 
@@ -174,13 +182,30 @@ const useSsrDataOrReload = (context, miolo, name, options) => {
     }
   }, [ssrDataFromContext, name, cache])
 
-  const invalidate = useCallback(() => {
-    if (typeof window !== "undefined") {
-      import("idb-keyval").then(({ del }) => {
-        del(`ssr-cache-${name}`).catch(() => {})
-      })
+  useEffect(() => {
+    if (socket === undefined) {
+      return
     }
-  }, [name])
+
+    if (socketInited) {
+      return
+    }
+    setSocketInited(true)
+
+    socket.on("connect", () => {
+      logger.verbose("[ssr] Socket connected")
+    })
+
+    socket.on("ssr-invalidate", (data) => {
+      logger.info(`[ssr] ssr-invalidate ${data.name}`)
+
+      if (typeof window !== "undefined") {
+        import("idb-keyval").then(({ del }) => {
+          del(`ssr-cache-${data.name}`).catch(() => {})
+        })
+      }
+    })
+  }, [socket, socketInited, logger])
 
   return {
     data: ssrData,