@rpcbase/router 0.9.0 → 0.10.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rpcbase/router",
-  "version": "0.9.0",
+  "version": "0.10.0",
   "type": "module",
   "main": "./src/index.ts",
   "scripts": {

package/src/useApplyMeta.tsx

@@ -1,53 +1,71 @@
 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]
+    const loadMeta = async () => {
+      let defaultTitle = ""
+      let defaultMeta = []
+      let pagesMeta = {}
 
-    if (!pageMeta) {
-      pageMeta = {title: defaultTitle, meta: defaultMeta}
-    }
+      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
+      }
 
-    document.title = pageMeta.title
+      let pageMeta = pagesMeta[location.pathname]
 
-    // Remove previous dynamically inserted tags
-    document.querySelectorAll("[data-react-meta]").forEach((tag) => tag.remove())
+      if (!pageMeta) {
+        pageMeta = { title: defaultTitle, meta: defaultMeta }
+      }
 
-    // Inject new tags
-    pageMeta.meta.forEach((meta) => {
-      const metaElement = document.createElement("meta")
-      metaElement.setAttribute("data-react-meta", "true")
+      document.title = pageMeta.title
 
-      // Set all attributes from the meta object
-      Object.entries(meta).forEach(([key, value]) => {
-        if (value) {
-          metaElement.setAttribute(key, value.toString())
-        }
+      // 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)
       })
 
-      document.head.appendChild(metaElement)
-    })
+      // Update canonical link
+      const canonicalUrl = `${window.location.origin}${location.pathname}`
 
-    // Update canonical link
-    const canonicalUrl = `${window.location.origin}${location.pathname}`
+      const existingCanonical = document.querySelector("link[rel=\"canonical\"]")
+      if (existingCanonical) {
+        existingCanonical.remove()
+      }
 
-    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)
     }
 
-    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])
-
 }