From 064788a598bad23f95a3fe425ffba2a809c82633 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Javier=20Ch=C3=A1varri?= <javier.chavarri@gmail.com>
Date: Tue, 15 Aug 2023 16:31:46 +0200
Subject: [PATCH] playground: get changes from melange

---
 documentation-site.opam | 10 +++++-----
 playground/src/app.jsx  |  8 +++++---
 2 files changed, 10 insertions(+), 8 deletions(-)

diff --git a/documentation-site.opam b/documentation-site.opam
index aa0636f59..19bb8b87f 100644
--- a/documentation-site.opam
+++ b/documentation-site.opam
@@ -16,7 +16,7 @@ depends: [
   "ocaml" {>= "4.14.0" & < "5.0.0"}
   "dune" {>= "3.8.0" & < "4.0.0"}
   "reason-react" {dev}
-  "reason-react-ppx" {dev}
+  "reactjs-jsx-ppx" {dev}
   "ocamlformat"
   "js_of_ocaml"
   "reason" {dev}
@@ -27,10 +27,10 @@ depends: [
 ]
 dev-repo: "git+https://github.com/melange-re/melange-re.github.io.git"
 pin-depends: [
-  [ "melange.dev" "git+https://github.com/melange-re/melange.git#c6dfaff84c605b06ce27ce39a4b8c1a492b86d22" ]
-  [ "reason-react.dev" "git+https://github.com/reasonml/reason-react.git#9e70d7548918816f1c0d8be8bdc66b6deabd339a" ]
-  [ "reason-react-ppx.dev" "git+https://github.com/reasonml/reason-react.git#9e70d7548918816f1c0d8be8bdc66b6deabd339a" ]
-  [ "melange-playground.dev" "git+https://github.com/melange-re/melange.git#c6dfaff84c605b06ce27ce39a4b8c1a492b86d22" ]
+  [ "melange.dev" "git+https://github.com/melange-re/melange.git#22d1670aa29b8f594491ed3012ca6b50016d40bd" ]
+  [ "reactjs-jsx-ppx.dev" "git+https://github.com/melange-re/melange.git#22d1670aa29b8f594491ed3012ca6b50016d40bd" ]
+  [ "melange-playground.dev" "git+https://github.com/melange-re/melange.git#22d1670aa29b8f594491ed3012ca6b50016d40bd" ]
+  [ "reason-react.dev" "git+https://github.com/reasonml/reason-react.git#dbc2f61f6626de47dd607609f13a678ecd59e462" ]
   [ "cmarkit.dev" "git+https://github.com/dbuenzli/cmarkit.git#f37c8ea86fd0be8dba7a8babcee3682e0e047d91" ]
   [ "reason.dev" "git+https://github.com/reasonml/reason.git#95485d5c4527641903d9bec81e80aa3c5dfb3d30"]
 ]
diff --git a/playground/src/app.jsx b/playground/src/app.jsx
index df4ef51c6..15c6a6d68 100644
--- a/playground/src/app.jsx
+++ b/playground/src/app.jsx
@@ -147,6 +147,10 @@ function Sidebar({ onExampleClick }) {
                 <span className="Text-xs">{"Reason"}</span>
                 <span className="Text-xs Number">{"v3.9.0"}</span>
               </span>
+              <span className="Version">
+                <span className="Text-xs">{"ReasonReact"}</span>
+                <span className="Text-xs Number">{"v0.11.0"}</span>
+              </span>
             </div>
           </div>) : null}
         </div>
@@ -356,8 +360,6 @@ const formatReason = (code) => {
 }
 
 function OutputEditor({ language, value }) {
-  const [debouncedValue] = useDebounce(value, 500);
-
   return (
     <div className="Editor">
       <Editor
@@ -370,7 +372,7 @@ function OutputEditor({ language, value }) {
         }}
         height="100%"
         language={language}
-        value={debouncedValue}
+        value={value}
       />
     </div>
   )