1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
|
import { AppUserInfo } from "@logseq/libs/dist/LSPlugin";
import React, { useEffect, useRef, useState } from "react";
import { OllamaCommandPallete } from "./components/OllamaCommandPallete";
import { convertToFlashCardFromEvent, DivideTaskIntoSubTasksFromEvent, ollamaUI, summarizeBlockFromEvent } from "./ollama";
import { useAppVisible } from "./utils";
const options = [
'Ask ai',
'Ask with context',
'Define',
'Divide into subtasks',
'Summarize',
'Summarize Block',
'Convert to flash card',
];
async function getTheme() {
const theme = await logseq.App.getUserInfo()
if (!theme) {
return "dark"
}
return theme.preferredThemeMode
}
function App() {
const innerRef = useRef<HTMLDivElement>(null);
const visible = useAppVisible();
const [theme, setTheme] = useState<string>('')
useEffect(() => {
const getTheme = async () => {
const theme = await logseq.App.getUserConfigs()
if (!theme) {
setTheme('dark')
} else {
setTheme(theme.preferredThemeMode)
}
}
getTheme();
if (!logseq.settings) {
return
}
logseq.Editor.registerSlashCommand("ollama", ollamaUI)
logseq.Editor.registerBlockContextMenuItem("Create a flash card", convertToFlashCardFromEvent)
logseq.Editor.registerBlockContextMenuItem("Summarize block", summarizeBlockFromEvent)
logseq.Editor.registerBlockContextMenuItem("Divide into subtasks", DivideTaskIntoSubTasksFromEvent)
logseq.App.registerCommandShortcut(
{ "binding": logseq.settings.shortcut },
ollamaUI
);
}, [])
if (visible) {
return (
<main
className="fixed inset-0 flex items-center justify-center"
onClick={(e) => {
if (!innerRef.current?.contains(e.target as any)) {
window.logseq.hideMainUI();
}
}}
>
<div ref={innerRef} className="flex items-center justify-center w-screen">
<OllamaCommandPallete options={options} theme={theme} />
</div>
</main>
);
}
return null;
}
export default App;
|
