@@ -446,10 +446,7 @@ module TabButton = {
446446 @jsx.component
447447 let make = (~tab , ~activeTab : Signal .t <tab >, ~onSelect : tab => unit ) => {
448448 <button
449- class = {() =>
450- Signal .get (activeTab ) === tab
451- ? "tab-button tab-button-active"
452- : "tab-button" }
449+ class = {() => Signal .get (activeTab ) === tab ? "tab-button tab-button-active" : "tab-button" }
453450 onClick = {_ => onSelect (tab )}
454451 >
455452 {Node .text (tabLabel (tab ))}
@@ -493,12 +490,12 @@ module SettingsPanel = {
493490 ) => {
494491 <div
495492 class = {() =>
496- Signal .get (activeTab ) === Settings
497- ? "settings-panel"
498- : "settings-panel hidden-panel" }
493+ Signal .get (activeTab ) === Settings ? "settings-panel" : "settings-panel hidden-panel" }
499494 >
500495 <section class = "settings-section" >
501- <label class = "setting-label" for_ = "compiler-version" > {Node .text ("Compiler Version" )} </label >
496+ <label class = "setting-label" for_ = "compiler-version" >
497+ {Node .text ("Compiler Version" )}
498+ </label >
502499 <select
503500 id = "compiler-version"
504501 value = {ReactiveProp .reactive (compilerVersion )}
@@ -508,9 +505,11 @@ module SettingsPanel = {
508505 switchCompiler (nextVersion )
509506 }}
510507 >
511- {Node .fragment (CompilerApi .availableCompilerVersions -> Array .map (version =>
512- <option value = version .id > {Node .text (version .label )} </option >
513- ))}
508+ {Node .fragment (
509+ CompilerApi .availableCompilerVersions -> Array .map (version =>
510+ <option value = version .id > {Node .text (version .label )} </option >
511+ ),
512+ )}
514513 </select >
515514 </section >
516515 <section class = "settings-section" >
@@ -628,11 +627,12 @@ module App = {
628627 @jsx.component
629628 let make = () => {
630629 let requestedCompilerVersion = UrlState .queryCompilerVersion (CompilerApi .defaultCompilerVersion )
631- let initialCompilerVersion = CompilerApi .availableCompilerVersions -> Array .some (version =>
632- version .id === requestedCompilerVersion
633- )
634- ? requestedCompilerVersion
635- : CompilerApi .defaultCompilerVersion
630+ let initialCompilerVersion =
631+ CompilerApi .availableCompilerVersions -> Array .some (version =>
632+ version .id === requestedCompilerVersion
633+ )
634+ ? requestedCompilerVersion
635+ : CompilerApi .defaultCompilerVersion
636636 let initialModuleSystem = UrlState .queryModuleSystem ("esmodule" )
637637 let initialWarnFlags = UrlState .queryWarnFlags (CompilerApi .defaultWarnFlags )
638638 let initialJsxPreserveMode = UrlState .queryJsxPreserveMode (false )
@@ -662,7 +662,10 @@ module App = {
662662
663663 let syncEditorState = event => {
664664 let currentSource = Browser .eventValue (event )
665- let cursorPosition = cursorPositionForOffset (currentSource , Browser .eventSelectionStart (event ))
665+ let cursorPosition = cursorPositionForOffset (
666+ currentSource ,
667+ Browser .eventSelectionStart (event ),
668+ )
666669 Signal .set (editorScrollTop , Browser .eventScrollTop (event ))
667670 Signal .set (editorScrollLeft , Browser .eventScrollLeft (event ))
668671 Signal .set (activeLine , cursorPosition .line )
@@ -776,7 +779,10 @@ module App = {
776779 Signal .set (compilerVersion , info .bundleId )
777780 Signal .set (moduleSystem , useInitialSettings ? initialModuleSystem : info .moduleSystem )
778781 Signal .set (warnFlags , useInitialSettings ? initialWarnFlags : info .warnFlags )
779- Signal .set (jsxPreserveMode , useInitialSettings ? initialJsxPreserveMode : info .jsxPreserveMode )
782+ Signal .set (
783+ jsxPreserveMode ,
784+ useInitialSettings ? initialJsxPreserveMode : info .jsxPreserveMode ,
785+ )
780786 Signal .set (
781787 experimentalFeatures ,
782788 useInitialSettings ? initialExperimentalFeatures : info .experimentalFeatures ,
@@ -889,29 +895,30 @@ module App = {
889895 scheduleUrlSync ()
890896 scheduleCompile ()
891897 | None => ()
892- }
893- }
898+ }}
894899 />
895900 </div >
896901 </div >
897902 <div class = "result-column" >
898903 <div class = "tabs" >
899- {Node .fragment (tabs -> Array .map (tab =>
900- <TabButton tab activeTab onSelect = {tab => Signal .set (activeTab , tab )} />
901- ))}
904+ {Node .fragment (
905+ tabs -> Array .map (tab =>
906+ <TabButton tab activeTab onSelect = {tab => Signal .set (activeTab , tab )} />
907+ ),
908+ )}
902909 </div >
903910 <div
904911 class = {() =>
905- Signal .get (activeTab ) === Settings
906- ? "output-panel hidden-panel"
907- : "output-panel" }
912+ Signal .get (activeTab ) === Settings ? "output-panel hidden-panel" : "output-panel" }
908913 >
909914 <div class = "result-meta" >
910915 {Node .signalText (() => resultSummary (Signal .get (compileResult )))}
911916 </div >
912917 <div class = "output-shell" >
913918 <pre class = "output" >
914- {Node .signalText (() => selectedOutput (Signal .get (compileResult ), Signal .get (activeTab )))}
919+ {Node .signalText (() =>
920+ selectedOutput (Signal .get (compileResult ), Signal .get (activeTab ))
921+ )}
915922 </pre >
916923 </div >
917924 <Problems compileResult />
0 commit comments