move Interfaces to infoview/main

2023-06-19 16:24:52 +02:00
parent b6bf42b1a6
commit e67db092d5
2 changed files with 93 additions and 17 deletions
@@ -115,3 +115,87 @@ export function EditorInterface({data, codeviewRef, hidden, worldId, levelId, ed

  </div>
 }
+
+export function ReducedInterface(props: {world: string, level: number}) {
+
+  const ec = React.useContext(EditorContext);
+  const gameId = React.useContext(GameIdContext)
+
+  const dispatch = useAppDispatch()
+
+  // Mark level as completed when server gives notification
+  useServerNotificationEffect(
+      '$/game/completed',
+      (params: any) => {
+
+          if (ec.events.changedCursorLocation.current &&
+              ec.events.changedCursorLocation.current.uri === params.uri) {
+              dispatch(levelCompleted({game: gameId, world: props.world, level: props.level}))
+          }
+      },
+      []
+  );
+
+  const completed = useAppSelector(selectCompleted(gameId, props.world, props.level))
+
+  /* Set up updates to the global infoview state on editor events. */
+  const config = useEventResult(ec.events.changedInfoviewConfig) ?? defaultInfoviewConfig;
+
+  const [allProgress, _1] = useServerNotificationState(
+      '$/lean/fileProgress',
+      new Map<DocumentUri, LeanFileProgressProcessingInfo[]>(),
+      async (params: LeanFileProgressParams) => (allProgress) => {
+          const newProgress = new Map(allProgress);
+          return newProgress.set(params.textDocument.uri, params.processing);
+      },
+      []
+  );
+
+  const curUri = useEventResult(ec.events.changedCursorLocation, loc => loc?.uri);
+
+  useClientNotificationEffect(
+      'textDocument/didClose',
+      (params: DidCloseTextDocumentParams) => {
+          if (ec.events.changedCursorLocation.current &&
+              ec.events.changedCursorLocation.current.uri === params.textDocument.uri) {
+              ec.events.changedCursorLocation.fire(undefined)
+          }
+      },
+      []
+  );
+
+  const serverVersion =
+      useEventResult(ec.events.serverRestarted, result => new ServerVersion(result.serverInfo?.version ?? ''))
+  const serverStoppedResult = useEventResult(ec.events.serverStopped);
+  // NB: the cursor may temporarily become `undefined` when a file is closed. In this case
+  // it's important not to reconstruct the `WithBlah` wrappers below since they contain state
+  // that we want to persist.
+  let ret
+  if (!serverVersion) {
+      ret = <p>Waiting for Lean server to start...</p>
+  } else if (serverStoppedResult){
+      ret = <div><p>{serverStoppedResult.message}</p><p className="error">{serverStoppedResult.reason}</p></div>
+  } else {
+      ret = <div className="infoview vscode-light">
+          {completed && <div className="level-completed">Level completed! 🎉</div>}
+          <Infos />
+      </div>
+  }
+
+  return <div>
+    {/* <button className="btn" onClick={handleUndo} disabled={!canUndo}><FontAwesomeIcon icon={faRotateLeft} /> Undo</button> */}
+    <ConfigContext.Provider value={config}>
+      <VersionContext.Provider value={serverVersion}>
+        <WithRpcSessions>
+          <WithLspDiagnosticsContext>
+            <ProgressContext.Provider value={allProgress}>
+              {ret}
+            </ProgressContext.Provider>
+          </WithLspDiagnosticsContext>
+        </WithRpcSessions>
+      </VersionContext.Provider>
+    </ConfigContext.Provider>
+  </div>
+
+
+}