You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
108 lines
3.4 KiB
TypeScript
108 lines
3.4 KiB
TypeScript
import * as React from 'react';
|
|
import { useEffect, useState, useRef } from 'react';
|
|
import { EditorApi } from '@leanprover/infoview-api'
|
|
import { LeanClient } from 'lean4web/client/src/editor/leanclient';
|
|
import * as monaco from 'monaco-editor/esm/vs/editor/editor.api.js'
|
|
import * as ls from 'vscode-languageserver-protocol'
|
|
import TacticState from './TacticState';
|
|
|
|
// TODO: move into Lean 4 web
|
|
function toLanguageServerPosition (pos: monaco.Position): ls.Position {
|
|
return {line : pos.lineNumber - 1, character: pos.column - 1}
|
|
}
|
|
|
|
function Infoview({ editor, editorApi, leanClient } : {editor: monaco.editor.IStandaloneCodeEditor, editorApi: EditorApi, leanClient: LeanClient}) {
|
|
const [rpcSession, setRpcSession] = useState<string>()
|
|
const [goals, setGoals] = useState<any[]>(null)
|
|
const [completed, setCompleted] = useState<boolean>(false)
|
|
const [diagnostics, setDiagnostics] = useState<any[]>(undefined)
|
|
const [uri, setUri] = useState<string>()
|
|
console.log(rpcSession)
|
|
const fetchInteractiveGoals = () => {
|
|
if (editor && rpcSession) {
|
|
const pos = toLanguageServerPosition(editor.getPosition())
|
|
|
|
leanClient.sendRequest("$/lean/rpc/call", {"method":"Game.getGoals",
|
|
"params":{"textDocument":{uri}, "position": pos},
|
|
"sessionId":rpcSession,
|
|
"textDocument":{uri},
|
|
"position": pos
|
|
}).then((res) => {
|
|
setGoals(res ? res.goals : null)
|
|
console.log(goals)
|
|
}).catch((err) => {
|
|
console.error(err)
|
|
})
|
|
|
|
leanClient.sendRequest("$/lean/rpc/call", {"method":"Game.getDiagnostics",
|
|
"params":{"textDocument":{uri}, "lineRange": {start: pos.line, end: pos.line + 1}},
|
|
"sessionId":rpcSession,
|
|
"textDocument":{uri},
|
|
"position": pos
|
|
}).then((res) => {
|
|
setDiagnostics(res ? res : undefined)
|
|
console.log(res)
|
|
}).catch((err) => {
|
|
console.error(err)
|
|
})
|
|
|
|
}
|
|
}
|
|
|
|
const checkCompleted = () => {
|
|
const pos = toLanguageServerPosition(editor.getPosition())
|
|
// Get all diagnostics independent of cursor position
|
|
leanClient.sendRequest("$/lean/rpc/call", {"method":"Game.getDiagnostics",
|
|
"params":{"textDocument":{uri},},
|
|
"sessionId":rpcSession,
|
|
"textDocument":{uri},
|
|
"position": pos
|
|
}).then((res) => {
|
|
// Check that there are no errors and no warnings
|
|
setCompleted(!res.some(({severity}) => severity <= 2))
|
|
}).catch((err) => {
|
|
console.error(err)
|
|
})
|
|
}
|
|
|
|
useEffect(() => {
|
|
if (editor) {
|
|
fetchInteractiveGoals()
|
|
checkCompleted()
|
|
const t = editor.onDidChangeModel((ev) => {
|
|
if (ev.newModelUrl) {
|
|
setRpcSession(undefined)
|
|
setUri(ev.newModelUrl.toString())
|
|
editorApi.createRpcSession(ev.newModelUrl.toString()).then((rpcSession) => {
|
|
setRpcSession(rpcSession)
|
|
})
|
|
}
|
|
})
|
|
return () => {t.dispose()}
|
|
}
|
|
}, [editor, rpcSession]);
|
|
|
|
useEffect(() => {
|
|
if (editor) {
|
|
const t = editor.onDidChangeCursorPosition(async (ev) => {
|
|
fetchInteractiveGoals()
|
|
})
|
|
return () => { t.dispose() }
|
|
}
|
|
}, [editor, rpcSession])
|
|
|
|
useEffect(() => {
|
|
const t = leanClient.didChange(async (ev) => {
|
|
fetchInteractiveGoals()
|
|
checkCompleted()
|
|
})
|
|
return () => { t.dispose() }
|
|
}, [editor, leanClient, rpcSession])
|
|
|
|
return (<div>
|
|
<TacticState goals={goals} diagnostics={diagnostics} completed={completed}></TacticState>
|
|
</div>)
|
|
}
|
|
|
|
export default Infoview
|