First Post
This is the first post.
Read moreSecond Post
This is the second post.
Read moreThird Post
This is the third post.
Read more// A simple plugin that stores the history of scan durations
function init() {
$app.onScanCompleted((e) => {
// Store the scanning duration (in ms)
$store.set("scan-completed", e.duration)
e.next()
})
$ui.register((ctx) => {
// Callback is triggered when the value is updated
$store.watch<number>("scan-completed", (value) => {
const now = new Date().toISOString().replaceall(".", "\_")
$storage.set("scan-duration-history."+now, value)
ctx.toast.info(\`Scanning took ${value/1000} seconds!\`)
})
})
}
{
//...
"plugin": {
"permissions": {
"scopes": \["database"\]
}
}
}
{
//...
"plugin": {
"permissions": {
"scopes": \["system"\]
}
}
}
{
//...
"plugin": {
"permissions": \["system", ...\],
"systemAllowList": {
"allowReadPaths": \["$TEMP/\*"\],
"allowWritePaths": \["$TEMP/\*"\],
"commandScopes": \[\]
}
}
}
{
//...
"plugin": {
"permissions": {
"scopes": \["playback"\]
}
}
}
function init() {
$shared.define("formatters", () => {
return {
seconds(ms: number) {
return \`${Math.round(ms / 1000)}s\`
},
}
})
$app.onScanCompleted((event) => {
const formatters = $shared.use("formatters")
console.log(formatters.seconds(event.duration))
event.next()
})
$ui.register((ctx) => {
const formatters = $shared.use("formatters")
ctx.toast.info(\`Ready in ${formatters.seconds(2500)}\`)
})
}
{
//...
"plugin": {
"permissions": {
"scopes": \["playback", "debrid"\]
}
}
}
// Create a screen webview with a sidebar button
const webview = ctx.newWebview({
slot: "screen",
fullWidth: true,
autoHeight: true,
sidebar: {
label: "Notepad",
icon: \`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2"/><rect x="8" y="2" width="8" height="4" rx="1" ry="1"/></svg>\`,
},
})
// Renders iframe with transparent background
webview.setContent(() => \`
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<style>
html {
color-scheme: dark;
overflow: hidden;
}
body {
background: transparent;
font-family: -apple-system, system-ui, sans-serif;
margin: 0;
}
</style>
</head>
<body>
<script>
</script>
</body>
</html>
\`)
$ui.register((ctx) => {
const notes = ctx.state<Array<{ id: string, text: string, checked: boolean }>>(\[\
{ id: "2", text: "Check discussion for latest episode", checked: true },\
{ id: "1", text: "Watch the next season", checked: false },\
\])
// Sync notes state with webview
panel.channel.sync("notes", notes)
panel.channel.on("toggle-note", (id) => {
notes.set(prev => prev.map(n => n.id === id ? { ...n, checked: !n.checked } : n))
})
panel.setContent(() => \`
<!DOCTYPE html>
<html lang="en">
<head>...</head>
<body>
<script>
window.webview.on("notes", (newNotes) => console.log(newNotes))
function toggleNote(id) {
window.webview.send("toggle-note", id)
}
</script>
</body>
</html>
\`)
})
{
//...
"plugin": {
"permissions": {
"scopes": \["storage"\]
}
}
}
{
//...
"plugin": {
"permissions": {
"scopes": \["anilist"\]
}
}
}
{
// ...
"plugin": {
"permissions": {
"allow": {
"readPaths": \["$DOWNLOAD"\],
"writePaths": \["$DOWNLOAD"\],
"commandScopes": \[\
{\
"command": "ls",\
"args": \[{ "value": "-la" }, { "validator": "$PATH" }\]\
},\
{\
"command": "grep",\
"args": \[{ "value": "Hello" }, { "validator": "$PATH" }\]\
},\
{\
"command": "sort",\
"args": \[\]\
},\
{\
"command": "echo",\
"args": \[{ "validator": "$ARGS" }\]\
},\
{\
"command": "open",\
"args": \[{ "validator": "^https?://.\*$" }\]\
}\
\]
}
}
}
}
{
//...
"plugin": {
"permissions": {
"scopes": \["playback"\]
}
}
}
{
//...
"plugin": {
"permissions": {
"scopes": \["playback"\]
}
}
}
Example
const count = ctx.state(0);
ctx.setInterval(() => {
count.set(c => c + 1);
}, 1000);
tray.render(() => {
return tray.stack({
items: \[\
tray.text(\`Count: ${count.get()}\`),\
// Show the button when the count reaches 5\
count.get() >= 5\
? tray.button("Click me", { onClick: "button-clicked" })\
: trat.text("Nothing here")\
\],
})
})
//..
ctx.registerEventHandler("reset-counter", () => {
count.set(0)
})
tray.render(() => {
return tray.stack({
items: \[\
tray.text(\`Count: ${count.get()}\`),\
tray.button("Reset counter", { onClick: "reset-counter" }),\
\],
})
})
const textInputRef = ctx.fieldRef<string>("Default value")
// When the form is submitted
ctx.registerEventHandler("submit-form", () => {
// We can get the value of the text input
console.log(textInputRef.current)
// We can change the value of the text input
textInputRef.setValue("")
})
tray.render(() => tray.stack(\[\
text.input("A text field", { fieldRef: textInputRef }),\
tray.button("Submit", { onClick: "submit-form" }),\
\]))
//...
const count = ctx.state(0)
ctx.setInterval(() => {
count.set(c => c+1)
}, 1000)
function resetCount() {
count.set(0)
}
// Tray will update each time count changes
tray.render(() => tray.text(\`Count: ${count.get()}\`))
// Effect registers a callback that runs each time count changes
ctx.effect(() => {
console.log("count changed, " + count.get())
}, \[count\])
{
//...
"plugin": {
"permissions": {
"scopes": \["playback"\]
}
}
}
{
//...
"plugin": {
"permissions": {
"scopes": \["system"\],
"allow": {
"writePaths": \["$DOWNLOAD/\*\*/\*"\]
}
}
}
}
{
//...
"plugin": {
"permissions": {
"scopes": \["cron"\]
}
}
}
{
//...
"plugin": {
"permissions": {
"scopes": \["auth"\]
}
}
}
{
//...
"plugin": {
"permissions": {
"scopes": \["extensions"\]
}
}
}
{
//...
"plugin": {
"permissions": {
"scopes": \["torrent-client"\],
}
}
}
{
//...
"plugin": {
"permissions": {
"scopes": \["discord"\]
}
}
}
{
//...
"plugin": {
"permissions": {
"scopes": \["debrid"\],
"allow": {
"writePaths": \["$DOWNLOAD/\*\*/\*"\]
}
}
}
}