@rpcbase/router 0.8.0 → 0.10.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rpcbase/router",
-  "version": "0.8.0",
+  "version": "0.10.0",
   "type": "module",
   "main": "./src/index.ts",
   "scripts": {
@@ -23,6 +23,8 @@
       }
     }
   },
-  "dependencies": {},
+  "dependencies": {
+    "react-router": "7.6.0"
+  },
   "devDependencies": {}
 }

package/src/index.ts

@@ -1,2 +1,3 @@
 export * from "react-router"
 export * from "./loadRoute"
+export * from "./useApplyMeta"

package/src/useApplyMeta.tsx

@@ -0,0 +1,71 @@
+import { useEffect } from "react"
+import { useLocation } from "react-router"
+
+export const useApplyMeta = () => {
+  const location = useLocation()
+
+  useEffect(() => {
+    const loadMeta = async () => {
+      let defaultTitle = ""
+      let defaultMeta = []
+      let pagesMeta = {}
+
+      try {
+        const module = await import("@/static/meta")
+        defaultTitle = module.defaultTitle || defaultTitle
+        defaultMeta = module.defaultMeta || defaultMeta
+        pagesMeta = module.pagesMeta || pagesMeta
+      } catch (error) {
+        if (import.meta.env.MODE !== "production") {
+          console.warn(
+            "Failed to load meta data from '@/static/meta'.",
+            error
+          )
+        }
+        return
+      }
+
+      let pageMeta = pagesMeta[location.pathname]
+
+      if (!pageMeta) {
+        pageMeta = { title: defaultTitle, meta: defaultMeta }
+      }
+
+      document.title = pageMeta.title
+
+      // Remove previous dynamically inserted tags
+      document.querySelectorAll("[data-react-meta]").forEach((tag) => tag.remove())
+
+      // Inject new tags
+      pageMeta.meta.forEach((meta) => {
+        const metaElement = document.createElement("meta")
+        metaElement.setAttribute("data-react-meta", "true")
+
+        // Set all attributes from the meta object
+        Object.entries(meta).forEach(([key, value]) => {
+          if (value) {
+            metaElement.setAttribute(key, value.toString())
+          }
+        })
+
+        document.head.appendChild(metaElement)
+      })
+
+      // Update canonical link
+      const canonicalUrl = `${window.location.origin}${location.pathname}`
+
+      const existingCanonical = document.querySelector("link[rel=\"canonical\"]")
+      if (existingCanonical) {
+        existingCanonical.remove()
+      }
+
+      const canonicalLink = document.createElement("link")
+      canonicalLink.setAttribute("rel", "canonical")
+      canonicalLink.setAttribute("href", canonicalUrl)
+      canonicalLink.setAttribute("data-react-meta", "true")
+      document.head.appendChild(canonicalLink)
+    }
+
+    loadMeta()
+  }, [location.pathname])
+}