Merge pull request #809 from aspeddro/docsearch-meta-tags

add docsearch metatag version

Author: fhammerschmidt

src/common/App.res

@@ -151,7 +151,7 @@ let make = (props: props): React.element => {
       }
       let description = Belt.Option.flatMap(fm, fm => Js.Null.toOption(fm.description))
       <MainLayout>
-        <Meta ?title ?description />
+        <Meta ?title ?description version=url.version />
         <div className="flex justify-center">
           <div className="max-w-740 w-full"> content </div>
         </div>

src/components/Meta.res

@@ -15,6 +15,7 @@ let make = (
   ~ogDescription=description,
   ~ogTitle=?,
   ~ogImage=?,
+  ~version: option<Url.version>=?,
 ) => {
   let title = switch title {
   | None
@@ -68,5 +69,13 @@ let make = (
     /* TODO: Undo this later */
     /* <meta key="twitter:image" property="twitter:image" content=ogImage /> */
     <link rel="alternate" type_="application/rss+xml" title="ReScript Blog" href="/blog/feed.xml" />
+    // Docsearch meta tags
+    <meta
+      name="docsearch:version"
+      content={switch version {
+      | Some(Version(v)) => v
+      | _ => "latest"
+      }}
+    />
   </Head>
 }

src/components/Meta.resi

@@ -10,4 +10,5 @@ let make: (
   ~ogDescription: string=?,
   ~ogTitle: string=?,
   ~ogImage: string=?,
+  ~version: Url.version=?,
 ) => React.element

src/layouts/DocsLayout.res

@@ -135,7 +135,7 @@ let make = (
         metaTitle ++ (" | " ++ titleCategory)
       | None => title
       }
-      let meta = <Meta title ?description ?canonical />
+      let meta = <Meta title ?description ?canonical version=Url.parse(router.route).version />
 
       let ghEditHref = switch canonical {
       | Some(canonical) =>

src/layouts/SidebarLayout.res

@@ -222,6 +222,7 @@ let make = (
 ) => {
   let (isNavOpen, setNavOpen) = React.useState(() => false)
   let router = Next.Router.useRouter()
+  let version = Url.parse(router.route).version
 
   let theme = ColorTheme.toCN(theme)
 
@@ -297,7 +298,7 @@ let make = (
   }
 
   <>
-    <Meta title=metaTitle />
+    <Meta title=metaTitle version />
     <div className={"mt-16 min-w-320 " ++ theme}>
       <div className="w-full">
         <Navigation overlayState=(isNavOpen, setNavOpen) />