Redguard_Coomtechnician
/
PEE
mirror of https://git.coom.tech/fuckjannies/lolipiss.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity
Browse Source

Auto-refresh when opening thread watcher

pull/46/head
coomdev 2 years ago
parent
e95925ef58
commit
3c539aad15
3 changed files with 252 additions and 248 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 492
      src/Components/App.svelte
  2. 5
      src/Components/Tab.svelte
  3. 3
      src/Components/Tabs.svelte

492
src/Components/App.svelte
View File

@ -1,5 +1,7 @@
<script lang="ts">
import { hasContext, onDestroy } from "svelte";
import { slide } from "svelte/transition";
import Dialog from "./Dialog.svelte";
import Tag from "./Tag.svelte";
@ -45,7 +47,13 @@
const boardname = location.pathname.match(/\/([^/]*)\//)![1];
let updating = false;
let threads: { id: number; cnt: number }[] = [];
let threads: {
id: number;
cnt: number;
pees: number;
eyes: number;
other: number;
}[] = [];
async function updateThreads() {
updating = true;
let params = "";
@ -82,276 +90,278 @@
});
</script>
<div class="backpanel" class:enabled={visible} class:disabled={!visible}>
<div class="content">
<h1>PEE Settings</h1>
<hr />
<Tabs>
<TabList>
<Tab>General</Tab>
<Tab>External</Tab>
<Tab>File Host</Tab>
<Tab>Thread Watcher</Tab>
{#if $appState.akValid}
<Tab>Hydrus</Tab>
{/if}
</TabList>
<TabPanel>
<label>
<input type="checkbox" bind:checked={$cached} />
Try to load embeds from server cache
</label>
<label>
<input type="checkbox" bind:checked={$settings.dvc} />
Display view counts
</label>
<label>
<input type="checkbox" bind:checked={$settings.vercheck} />
Check for new versions at startup.
</label>
<label>
<input type="checkbox" bind:checked={$settings.xpi} />
Autoexpand Images on opening.
</label>
<label>
<input type="checkbox" bind:checked={$settings.xpv} />
Autoexpand Videos on opening.
</label>
<label>
<input type="checkbox" bind:checked={$settings.loop} />
Loop media content.
</label>
<label>
<input type="checkbox" bind:checked={$settings.dh} />
Disable hover preview.
</label>
{#if visible}
<div class="backpanel" transition:slide>
<div class="content">
<h1>PEE Settings</h1>
<hr />
<Tabs>
<TabList>
<Tab>General</Tab>
<Tab>External</Tab>
<Tab>File Host</Tab>
<Tab on:select={() => updateThreads()}>Thread Watcher</Tab>
{#if $appState.akValid}
<Tab>Hydrus</Tab>
{/if}
</TabList>
<TabPanel>
<label>
<input type="checkbox" bind:checked={$cached} />
Try to load embeds from server cache
</label>
<label>
<input type="checkbox" bind:checked={$settings.dvc} />
Display view counts
</label>
<label>
<input type="checkbox" bind:checked={$settings.vercheck} />
Check for new versions at startup.
</label>
<label>
<input type="checkbox" bind:checked={$settings.xpi} />
Autoexpand Images on opening.
</label>
<label>
<input type="checkbox" bind:checked={$settings.xpv} />
Autoexpand Videos on opening.
</label>
<label>
<input type="checkbox" bind:checked={$settings.loop} />
Loop media content.
</label>
<label>
<input type="checkbox" bind:checked={$settings.dh} />
Disable hover preview.
</label>
<label>
<input type="checkbox" bind:checked={$settings.eye} />
Hide embedded content behind an eye.
</label>
{#if $settings.eye}
<label>
<input type="checkbox" bind:checked={$settings.ho} />
Hide original content when hidden content is visible.
<input type="checkbox" bind:checked={$settings.eye} />
Hide embedded content behind an eye.
</label>
{/if}
<label>
<input type="checkbox" bind:checked={$settings.pre} />
Preload external files.
</label>
<label>
<input type="checkbox" bind:checked={$settings.prev} />
Preload external files when they are in view.
</label>
<label>
<input type="checkbox" bind:checked={$settings.hotlink} />
Hotlink content.
</label>
<label>
<input type="checkbox" bind:checked={$settings.ca} />
Control audio on videos with mouse wheel.
</label>
<label>
<input type="checkbox" bind:checked={$settings.sh} />
Show Minimap
</label>
<label>
<input type="checkbox" bind:checked={$settings.ep} />
<!-- svelte-ignore a11y-missing-attribute -->
Disable embedded file preloading<a
title="You might still want to enable 'preload external files'">?</a
>
</label>
<label>
<input type="checkbox" bind:checked={$settings.hyd} />
<!-- svelte-ignore a11y-missing-attribute -->
Enable Hydrus Integration
</label>
{#if $settings.hyd}
{#if $appState.herror}
<span class="error">{$appState.herror}</span>
{#if $settings.eye}
<label>
<input type="checkbox" bind:checked={$settings.ho} />
Hide original content when hidden content is visible.
</label>
{/if}
<label>
Hydrus Access Key
<input type="checkbox" bind:checked={$settings.pre} />
Preload external files.
</label>
<label>
<input type="checkbox" bind:checked={$settings.prev} />
Preload external files when they are in view.
</label>
<label>
<input type="checkbox" bind:checked={$settings.hotlink} />
Hotlink content.
</label>
<label>
<input type="checkbox" bind:checked={$settings.ca} />
Control audio on videos with mouse wheel.
</label>
<label>
<input type="checkbox" bind:checked={$settings.sh} />
Show Minimap
</label>
<label>
<input type="checkbox" bind:checked={$settings.ep} />
<!-- svelte-ignore a11y-missing-attribute -->
<a
title="Only requires Search Files permission. See Hydrus docs on where to set this up."
Disable embedded file preloading<a
title="You might still want to enable 'preload external files'"
>?</a
>
<input type="text" bind:value={$settings.ak} />
</label>
{#if $appState.akValid}
<label>
Auto-embed <input
style="width: 5ch;"
type="number"
bind:value={$settings.auto_embed}
/>
random files
<!-- svelte-ignore a11y-missing-attribute -->
</label>
<label>
<!-- svelte-ignore a11y-missing-attribute -->
<input
placeholder="Restrict to these tags (space to separate tags, _ to separate words)"
type="text"
bind:value={$settings.auto_tags}
/>
</label>
{/if}
{/if}
</TabPanel>
<TabPanel>
<label>
<input type="checkbox" bind:checked={$settings.te} />
Disable third-eye.
</label>
{#if !$settings.te}
<label>
<input type="checkbox" bind:checked={$settings.phash} />
Enable perceptual hash-based filtering
<input type="checkbox" bind:checked={$settings.hyd} />
<!-- svelte-ignore a11y-missing-attribute -->
Enable Hydrus Integration
</label>
{#if $settings.phash}
{#if $settings.hyd}
{#if $appState.herror}
<span class="error">{$appState.herror}</span>
{/if}
<label>
<input type="number" bind:value={$settings.mdist} />
Minimum distance required (5 recommended)
Hydrus Access Key
<!-- svelte-ignore a11y-missing-attribute -->
<a
title="Higher will filter more potentially different images, lower will let more identical images through"
title="Only requires Search Files permission. See Hydrus docs on where to set this up."
>?</a
>
<input type="text" bind:value={$settings.ak} />
</label>
{/if}
<h3>Booru sources</h3>
<div class="tagcont">
{#each $settings.rsources as source, i}
<Tag
tag={source.name}
on:remove={() => removeBooru(source.domain)}
on:toggle={() => toggleBooru(source.domain)}
toggleable={true}
toggled={!$settings.rsources.find(
(e) => e.domain == source.domain
)?.disabled}
/>
{/each}
</div>
<button
on:click={(ev) => {
dial.setPos([ev.clientX, ev.clientY]);
dial.toggle();
}}>Add a source</button
>
<Dialog bind:this={dial}>
<div class="form">
{#if $appState.akValid}
<label>
Name
<input
type="text"
placeholder="Gelbooru"
bind:value={newbooru.name}
Auto-embed <input
style="width: 5ch;"
type="number"
bind:value={$settings.auto_embed}
/>
random files
<!-- svelte-ignore a11y-missing-attribute -->
</label>
<label>
Domain
<!-- svelte-ignore a11y-missing-attribute -->
<input
placeholder="Restrict to these tags (space to separate tags, _ to separate words)"
type="text"
placeholder="gelbooru.com"
bind:value={newbooru.domain}
bind:value={$settings.auto_tags}
/>
</label>
{/if}
{/if}
</TabPanel>
<TabPanel>
<label>
<input type="checkbox" bind:checked={$settings.te} />
Disable third-eye.
</label>
{#if !$settings.te}
<label>
<input type="checkbox" bind:checked={$settings.phash} />
Enable perceptual hash-based filtering
</label>
{#if $settings.phash}
<label>
API Endpoint
<input
type="text"
placeholder="/post.json?tags=md5:"
bind:value={newbooru.endpoint}
/>
<input type="number" bind:value={$settings.mdist} />
Minimum distance required (5 recommended)
<!-- svelte-ignore a11y-missing-attribute -->
<a
title="Higher will filter more potentially different images, lower will let more identical images through"
>?</a
>
</label>
<label>
Post page prefix (for sources)
<input
type="text"
placeholder="https://yande.re/post/show/"
bind:value={newbooru.view}
{/if}
<h3>Booru sources</h3>
<div class="tagcont">
{#each $settings.rsources as source, i}
<Tag
tag={source.name}
on:remove={() => removeBooru(source.domain)}
on:toggle={() => toggleBooru(source.domain)}
toggleable={true}
toggled={!$settings.rsources.find(
(e) => e.domain == source.domain
)?.disabled}
/>
</label>
<button on:click={appendBooru}>Add</button>
{/each}
</div>
</Dialog>
<button
on:click={(ev) => {
dial.setPos([ev.clientX, ev.clientY]);
dial.toggle();
}}>Add a source</button
>
<Dialog bind:this={dial}>
<div class="form">
<label>
Name
<input
type="text"
placeholder="Gelbooru"
bind:value={newbooru.name}
/>
</label>
<label>
Domain
<input
type="text"
placeholder="gelbooru.com"
bind:value={newbooru.domain}
/>
</label>
<label>
API Endpoint
<input
type="text"
placeholder="/post.json?tags=md5:"
bind:value={newbooru.endpoint}
/>
</label>
<label>
Post page prefix (for sources)
<input
type="text"
placeholder="https://yande.re/post/show/"
bind:value={newbooru.view}
/>
</label>
<button on:click={appendBooru}>Add</button>
</div>
</Dialog>
<hr />
<h3>Blacklisted tags</h3>
<div class="tagcont">
{#each $settings.blacklist as tag, i}
<Tag {tag} on:toggle={() => removeTag(tag)} />
<hr />
<h3>Blacklisted tags</h3>
<div class="tagcont">
{#each $settings.blacklist as tag, i}
<Tag {tag} on:toggle={() => removeTag(tag)} />
{/each}
</div>
<input
placeholder="Press enter after typing your tag"
on:keydown={(ev) => {
if (ev.key == "Enter") {
$settings.blacklist = [
...$settings.blacklist,
ev.currentTarget.value,
];
ev.currentTarget.value = "";
}
}}
/>
{/if}
</TabPanel>
<TabPanel>
<p>Host to use when uploading files (Only permanent hosts)</p>
<select bind:value={$settings.fhost}>
{#each filehosts as fh, i}
<option value={i}>{fh.domain}</option>
{/each}
</div>
<input
placeholder="Press enter after typing your tag"
on:keydown={(ev) => {
if (ev.key == "Enter") {
$settings.blacklist = [
...$settings.blacklist,
ev.currentTarget.value,
];
ev.currentTarget.value = "";
}
}}
/>
{/if}
</TabPanel>
<TabPanel>
<p>Host to use when uploading files (Only permanent hosts)</p>
<select bind:value={$settings.fhost}>
{#each filehosts as fh, i}
<option value={i}>{fh.domain}</option>
{/each}
</select>
<label>
Maximum number of embedded links to display
<input type="number" bind:value={$settings.maxe} />
</label>
</TabPanel>
<TabPanel>
<label>
<input type="checkbox" bind:checked={$settings.tm} />
<!-- svelte-ignore a11y-missing-attribute -->
Contribute to help keep this list up to date. [<a
title="This will make PEE automatically send the
</select>
<label>
Maximum number of embedded links to display
<input type="number" bind:value={$settings.maxe} />
</label>
</TabPanel>
<TabPanel>
<label>
<input type="checkbox" bind:checked={$settings.tm} />
<!-- svelte-ignore a11y-missing-attribute -->
Contribute to help keep this list up to date. [<a
title="This will make PEE automatically send the
post number of posts you find with embedded content">?</a
>]
</label>
<button on:click={updateThreads} disabled={updating}>Refresh</button>
>]
</label>
{#if !updating}
<div class="bepis">
{#each threads as thread}
<div class="mbepis">
<a
href={"https://boards.4chan.org/" +
boardname +
"/thread/" +
thread.id}>>>{thread.id}</a
>
({thread.cnt} embeds)
</div>
{/each}
</div>
{:else}
<p>Loading...</p>
{/if}
</TabPanel>
{#if $appState.akValid}
<TabPanel>
<HydrusSearch />
{#if !updating}
<div class="bepis">
<p>Format is (embedded links / link in filename)</p>
{#each threads as thread}
<div class="mbepis">
<a
href={"https://boards.4chan.org/" +
boardname +
"/thread/" +
thread.id}>>>{thread.id}</a
>
({thread.pees} / {thread.eyes + thread.other})
</div>
{/each}
</div>
{:else}
<p>Loading...</p>
{/if}
</TabPanel>
{/if}
</Tabs>
{#if $appState.akValid}
<TabPanel>
<HydrusSearch />
</TabPanel>
{/if}
</Tabs>
</div>
</div>
</div>
{/if}
<style scoped>
.bepis {
@ -371,14 +381,6 @@
width: 95%;
}
.enabled {
display: block;
}
.disabled {
display: none;
}
.content {
display: flex;
flex-direction: column;
@ -420,7 +422,7 @@
top: 32px;
border: 1px solid;
border-radius: 5px;
background-color: rgba(0, 0, 0, 0.2);
background-color: rgba(0, 0, 0, 0.8);
pointer-events: all;
backdrop-filter: blur(9px);
max-height: 80vh;

5
src/Components/Tab.svelte
View File

@ -1,14 +1,15 @@
<script lang="ts">
import { getContext } from 'svelte'
import { createEventDispatcher, getContext } from 'svelte'
import { TABS } from './Tabs.svelte'
const tab = {}
const { registerTab, selectTab, selectedTab } = getContext(TABS)
const dispatch = createEventDispatcher();
registerTab(tab)
</script>
<button class:selected={$selectedTab === tab} on:click={() => selectTab(tab)}>
<button class:selected={$selectedTab === tab} on:click={() => {selectTab(tab); dispatch("select")}}>
<slot />
</button>

3
src/Components/Tabs.svelte
View File

@ -1,9 +1,10 @@
<script context="module">
export const TABS = {}
</script>
<script lang="ts">
import { setContext, onDestroy } from 'svelte'
import { setContext, onDestroy, createEventDispatcher } from 'svelte'
import { writable } from 'svelte/store'
import type Tab from './Tab.svelte'
import type TabPanel from './TabPanel.svelte'

Write Preview
Loading…
Cancel
Save