Upgrade codemirror to v6 (#1133)

* another try at upgrading to CM6

* fix expected static flag missing

* remove unused CM5 modes

* remove unused focused row

* remove unused props

* use the same highlight style for string and special string

* simplify codemirror styling

* use CM editor for the source of truth of code

allows formatting without losing cursor position

* add an error message when compiler versions can't be loaded

* add back hover hints

* style playground closer to V5 version

* use rescript-lezer from npm

* remove unused codemirror theme

* format

* update package lock

* remove unused file

* remove ansi colors from linter messages

* use dict for more type safe theme

* improve selection style

* improve JSX intrinsic element highlighting

Also highlights parameters and JSX attributes

* highlight async/await, `and` and bitwise operators

* improve selection match styling

* set the theme as dark

* update llms.mdx

* improve highlighting of record/object definition and field access

Author: tsnobip

app/routes/TryRoute.res

@@ -22,21 +22,26 @@ let loader = async () => {
     )
   }
 
-  let versions = {
-    let response = await fetch(versionsBaseUrl + "/playground-bundles/versions.json")
-    let json = await WebAPI.Response.json(response)
-    json
-    ->JSON.Decode.array
-    ->Option.getOrThrow
-    ->Array.map(json => json->JSON.Decode.string->Option.getOrThrow)
-  }
+  try {
+    let versions = {
+      let response = await fetch(versionsBaseUrl + "/playground-bundles/versions.json")
+      let json = await WebAPI.Response.json(response)
+      json
+      ->JSON.Decode.array
+      ->Option.getOrThrow
+      ->Array.map(json => json->JSON.Decode.string->Option.getOrThrow)
+    }
 
-  {
-    bundleBaseUrl,
-    versions,
+    Some({
+      bundleBaseUrl,
+      versions,
+    })
+  } catch {
+  | JsExn(e) =>
+    Console.error2("error while fetching compiler versions", e)
+    None
   }
 }
-
 module ClientOnly = {
   @react.component
   let make = (~bundleBaseUrl, ~versions) => {
@@ -47,12 +52,19 @@ module ClientOnly = {
 }
 
 let default = () => {
-  let {bundleBaseUrl, versions} = ReactRouter.useLoaderData()
+  let data = ReactRouter.useLoaderData()
   <>
     <Meta
       title="ReScript Playground" description="Try ReScript in the browser" ogImage="/og/try.png"
     />
 
-    <ClientOnly bundleBaseUrl versions />
+    {switch data {
+    | Some({bundleBaseUrl, versions}) => <ClientOnly bundleBaseUrl versions />
+    | None =>
+      <div className="mt-16 p-5 text-xl text-red-500 self-center">
+        <h1> {React.string("Oops an error occurred!")} </h1>
+        {React.string("The playground cannot be loaded, please try again in a few moments.")}
+      </div>
+    }}
   </>
 }

app/routes/TryRoute.resi

@@ -3,6 +3,6 @@ type props = {
   versions: array<string>,
 }
 
-let loader: unit => promise<props>
+let loader: unit => promise<option<props>>
 
 let default: unit => React.element

markdown-pages/docs/manual/llms.mdx

@@ -3,7 +3,7 @@ title: "LLMs"
 description: "Documentation for LLMs"
 canonical: "/docs/manual/llms"
 section: "Overview"
-order: 5
+order: 4
 ---
 
 # Documentation for LLMs
@@ -12,13 +12,13 @@ We adhere to the [llms.txt convention](https://llmstxt.org/) to make documentati
 
 Currently, we have the following files...
 
-- [/manual/llms.txt](/llms/manual/llms.txt) — a list of the available files for ReScript language.
-- [/manual/llm-full.txt](/llms/manual/llm-full.txt) — complete documentation for ReScript language.
-- [/manual/llm-small.txt](/llms/manual/llm-small.txt) — compressed version of the former, without examples.
+- [/docs/manual/llms.txt](/llms/manual//llms.txt) — a list of the available files for ReScript language.
+- [/docs/manual/llm-full.txt](/llms/manual//llm-full.txt) — complete documentation for ReScript language.
+- [/docs/manual/llm-small.txt](/llms/manual//llm-small.txt) — compressed version of the former, without examples.
 
 ...and package-level documentation:
 
-- [/react/llms](../react/llms.mdx) — the LLms documentation for ReScript React.
+- [/docs/react/llms](../react/llms.mdx) — the LLms documentation for ReScript React.
 
 ## Notes
 

markdown-pages/docs/react/llms.mdx

@@ -11,13 +11,13 @@ We adhere to the [llms.txt convention](https://llmstxt.org/) to make documentati
 
 Currently, we have the following files...
 
-- [/react/llms.txt](/llms/react/llms.txt) — a list of the available files for ReScript React.
-- [/react/llms-full.txt](/llms/react/llms-full.txt) — complete documentation for ReScript React.
-- [/react/llms-small.txt](/llms/react/llms-small.txt) — compressed version of the former, without examples for ReScript React.
+- [/docs/react/llms.txt](/llms/react/llms.txt) — a list of the available files for ReScript React.
+- [/docs/react/llms-full.txt](/llms/react/llm-full.txt) — complete documentation for ReScript React.
+- [/docs/react/llms-small.txt](/llms/react/llm-small.txt) — compressed version of the former, without examples for ReScript React.
 
 ...and the language documentation:
 
-- [/manual/llms](../manual/llms.mdx) — the LLms documentation for ReScript.
+- [/docs/manual/llms](../manual/llms.mdx) — the LLms documentation for ReScript.
 
 ## Notes