@rpcbase/router 0.7.0 → 0.9.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rpcbase/router",
-  "version": "0.7.0",
+  "version": "0.9.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,53 @@
+import { useEffect } from "react"
+import { useLocation } from "react-router"
+
+import { defaultTitle, defaultMeta, pagesMeta } from "@/static/meta"
+
+
+export const useApplyMeta = () => {
+  const location = useLocation()
+
+  useEffect(() => {
+    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)
+
+  }, [location.pathname])
+
+}