fix &

Author: jderochervlk

docs/manual/record.mdx

@@ -660,4 +660,5 @@ Optional record fields, introduced in [`v10`](/blog/release-10-0-0#experimental-
 After reading the constraints in the previous sections, and if you're coming from a dynamic language background, you might be wondering why one would bother with record in the first place instead of straight using object, since the former needs explicit typing and doesn't allow different records with the same field name to be passed to the same function, etc.
 
 1. The truth is that most of the times in your app, your data's shape is actually fixed, and if it's not, it can potentially be better represented as a combination of variant (introduced next) + record instead.
+
 2. Since a record type is resolved through finding that single explicit type declaration (we call this "nominal typing"), the type error messages end up better than the counterpart ("structural typing", like for tuples). This makes refactoring easier; changing a record type's fields naturally allows the compiler to know that it's still the same record, just misused in some places. Otherwise, under structural typing, it might get hard to tell whether the definition site or the usage site is wrong.

src/common/Url.res

@@ -112,6 +112,7 @@ let normalizeAnchor = string => {
   ->String.replaceRegExp(/([\r\n]+ +)+/g, "")
   ->String.replaceAll(" ", "-")
   ->String.replaceAll("_", "-")
+  ->String.replaceAll("&", "")
   ->String.replaceAllRegExp(/[^a-zA-Z0-9-]/g, "")
   ->String.toLocaleLowerCase
 }

src/components/Markdown.res

@@ -1,16 +1,6 @@
 // This file was automatically converted to ReScript from 'Markdown.re'
 // Check the output and make sure to delete the original file
-
-// type el = {@as("type") _type?: string}
-
-// external elementObject: React.element => el = "%identity"
-
-let childrenToString = element => {
-  JSON.stringifyAny(ReactDOMServer.renderToStaticMarkup(element))
-  ->Option.getOr("")
-  ->String.replaceRegExp(/<[^>]+>/g, "")
-  ->String.replaceRegExp(/([\r\n]+ +)+/g, "")
-}
+external childrenToString: React.element => string = "%identity"
 
 module P = {
   @react.component

src/layouts/DocsLayout.res

@@ -85,35 +85,7 @@ let make = (
 
   let preludeSection =
     <div className="flex flex-col justify-between text-fire font-medium items-baseline">
-      {switch version {
-      | Some(version) =>
-        switch availableVersions {
-        | Some(availableVersions) =>
-          let onChange = evt => {
-            open Url
-            ReactEvent.Form.preventDefault(evt)
-            let version = (evt->ReactEvent.Form.target)["value"]
-            let url = Url.parse((route :> string))
-            WebAPI.Storage.setItem(
-              localStorage,
-              ~key=switch metaTitleCategory {
-              | "React" => (React :> string)
-              | _ => (Manual :> string)
-              },
-              ~value=version,
-            )
-
-            let targetUrl =
-              "/" ++
-              (Array.join(url.base, "/") ++
-              ("/" ++ (version ++ ("/" ++ Array.join(url.pagepath, "/")))))
-            navigate(targetUrl)
-          }
-          <VersionSelect version={"v12"} availableVersions=["v12", "pre v12"] />
-        | None => <span className="font-mono text-14"> {React.string(version)} </span>
-        }
-      | None => React.null
-      }}
+      <VersionSelect version={"v12"} availableVersions=["v12", "pre v12"] />
     </div>
 
   let sidebar =

styles/_markdown.css

@@ -4,15 +4,18 @@
 
   ol {
     li {
-      counter-increment: li;
+      list-style-type: decimal;
 
       &::before {
-        content: counter(li) ".";
-        @apply absolute font-semibold;
+        @apply font-bold;
       }
+
     }
+
+
   }
 
+
   ul {
     @apply mb-0;