mirror of
https://github.com/ksyasuda/SubMiner.git
synced 2026-02-28 06:22:45 -08:00
Convert vendor/texthooker-ui to git submodule
This commit is contained in:
1
vendor/texthooker-ui
vendored
Submodule
1
vendor/texthooker-ui
vendored
Submodule
Submodule vendor/texthooker-ui added at a6154ab458
10
vendor/texthooker-ui/.editorconfig
vendored
10
vendor/texthooker-ui/.editorconfig
vendored
@@ -1,10 +0,0 @@
|
||||
root = true
|
||||
|
||||
[*]
|
||||
charset = utf-8
|
||||
end_of_line = lf
|
||||
indent_style = tab
|
||||
indent_size = 4
|
||||
insert_final_newline = true
|
||||
max_line_length = 120
|
||||
trim_trailing_whitespace = true
|
||||
19
vendor/texthooker-ui/.eslintrc.cjs
vendored
19
vendor/texthooker-ui/.eslintrc.cjs
vendored
@@ -1,19 +0,0 @@
|
||||
module.exports = {
|
||||
root: true,
|
||||
extends: ['plugin:@typescript-eslint/recommended', 'eslint:recommended', 'prettier', 'prettier/@typescript-eslint'],
|
||||
plugins: ['svelte3', '@typescript-eslint'],
|
||||
overrides: [{ files: ['*.svelte'], processor: 'svelte3/svelte3' }],
|
||||
parserOptions: {
|
||||
sourceType: 'module',
|
||||
ecmaVersion: 2020,
|
||||
},
|
||||
env: {
|
||||
browser: true,
|
||||
es2017: true,
|
||||
node: true,
|
||||
},
|
||||
parser: '@typescript-eslint/parser',
|
||||
settings: {
|
||||
'svelte3/typescript': () => require('typescript'),
|
||||
},
|
||||
};
|
||||
27
vendor/texthooker-ui/.gitignore
vendored
27
vendor/texthooker-ui/.gitignore
vendored
@@ -1,27 +0,0 @@
|
||||
# Logs
|
||||
logs
|
||||
*.log
|
||||
npm-debug.log*
|
||||
yarn-debug.log*
|
||||
yarn-error.log*
|
||||
pnpm-debug.log*
|
||||
lerna-debug.log*
|
||||
|
||||
node_modules
|
||||
dist
|
||||
dist-ssr
|
||||
*.local
|
||||
|
||||
# Editor directories and files
|
||||
.vscode/*
|
||||
!.vscode/extensions.json
|
||||
.idea
|
||||
.DS_Store
|
||||
*.suo
|
||||
*.ntvs*
|
||||
*.njsproj
|
||||
*.sln
|
||||
*.sw?
|
||||
|
||||
# nix flake build output
|
||||
result
|
||||
1
vendor/texthooker-ui/.npmrc
vendored
1
vendor/texthooker-ui/.npmrc
vendored
@@ -1 +0,0 @@
|
||||
engine-strict=true
|
||||
6
vendor/texthooker-ui/.prettierrc
vendored
6
vendor/texthooker-ui/.prettierrc
vendored
@@ -1,6 +0,0 @@
|
||||
{
|
||||
"editorconfig": true,
|
||||
"printWidth": 120,
|
||||
"singleQuote": true,
|
||||
"tabWidth": 4
|
||||
}
|
||||
3
vendor/texthooker-ui/.vscode/extensions.json
vendored
3
vendor/texthooker-ui/.vscode/extensions.json
vendored
@@ -1,3 +0,0 @@
|
||||
{
|
||||
"recommendations": ["svelte.svelte-vscode"]
|
||||
}
|
||||
21
vendor/texthooker-ui/LICENSE
vendored
21
vendor/texthooker-ui/LICENSE
vendored
@@ -1,21 +0,0 @@
|
||||
MIT License
|
||||
|
||||
Copyright (c) 2023 Renji-xD
|
||||
|
||||
Permission is hereby granted, free of charge, to any person obtaining a copy
|
||||
of this software and associated documentation files (the "Software"), to deal
|
||||
in the Software without restriction, including without limitation the rights
|
||||
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
||||
copies of the Software, and to permit persons to whom the Software is
|
||||
furnished to do so, subject to the following conditions:
|
||||
|
||||
The above copyright notice and this permission notice shall be included in all
|
||||
copies or substantial portions of the Software.
|
||||
|
||||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
||||
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
||||
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
||||
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
||||
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
||||
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
||||
SOFTWARE.
|
||||
206
vendor/texthooker-ui/README.md
vendored
206
vendor/texthooker-ui/README.md
vendored
@@ -1,206 +0,0 @@
|
||||
# Texthooker UI
|
||||
|
||||
A web interface for using websocket-based interfaces, such as:
|
||||
- [Textractor](https://github.com/Artikash/Textractor) with [textractor-websocket](https://github.com/kuroahna/textractor_websocket) or [TextractorSender](https://github.com/KamWithK/TextractorSender)
|
||||
- [mpv](https://mpv.io) with [mpv_websocket](https://github.com/kuroahna/mpv_websocket)
|
||||
|
||||
An online version of the page can be accessed [here](https://renji-xd.github.io/texthooker-ui/).
|
||||
|
||||
An offline version of the page can be downloaded from the [docs](https://github.com/Renji-XD/texthooker-ui/tree/main/docs) folder (make sure to also download the assets folder and content in case you want to use some of the custom online fonts) or build locally by your own.
|
||||
|
||||
When facing connection issues check the [FAQ](https://github.com/Renji-XD/texthooker-ui#faq) for common issues like ad blocker extensions (uBlock) or wrong websocket urls.
|
||||
|
||||
**Note:** If you are interested in persistent statistics, history and additional mining capabitilies / workflows you may want to checkout [GameSentenceMiner](https://github.com/bpwhelan/GameSentenceMiner) which runs a forked version of this web interface.
|
||||
|
||||
## Building
|
||||
|
||||
```
|
||||
# Install pnpm
|
||||
npm install --global pnpm
|
||||
|
||||
# Install dependencies
|
||||
pnpm install
|
||||
|
||||
# Build the Page
|
||||
pnpm run build
|
||||
|
||||
# Optional - serve the Page via local Server
|
||||
pnpm run preview
|
||||
```
|
||||
|
||||
The page can be opened via the index.html inside the "docs" folder and is usable without the need of hosting it via a server.
|
||||
|
||||
## FAQ
|
||||
|
||||
### I can't connect to the websocket with textractor-websocket.
|
||||
|
||||
- [Sadolit's textractor-websocket](https://github.com/sadolit/textractor-websocket) requires that textractor captures at least one line before starting the server - connect manually afterwards. Alternatively try [kuroahna's textractor_websocket](https://github.com/kuroahna/textractor_websocket) which does not have this issue.
|
||||
|
||||
### I can't connect to the websocket with TextractorSender.
|
||||
|
||||
- Make sure you are using the right port which is 9001
|
||||
|
||||
### I can't connect to the websocket with a different plugin/still can't connect to the websocket with one of the mentioned plugins.
|
||||
|
||||
- Make sure your firewall is not blocking the required ports. You can also check if another extension is interfering by trying out the page with a clean temporary profile and disabled extensions
|
||||
- Adblocker extensions like uBlock may block connections to localhost / websocket addresses. Try to disable them for this page / running a clean temporary profile to verify the functionality
|
||||
- **For Brave Users**: If you are using a hosted / online version of the page disable the brave shield for the domain to allow the usage of unsafe websocket connections. Alternatively try out the local / offline version which you can find in the [docs](https://raw.githubusercontent.com/Renji-XD/texthooker-ui/main/docs/index.html) folder
|
||||
|
||||
### Can I use this page with extensions like [Clipboard Inserter](https://github.com/kmltml/clipboard-inserter) or [lap-clipboard-inserter](https://github.com/laplus-sadness/lap-clipboard-inserter)?
|
||||
|
||||
- When "Enable external Clipboard Monitor" is checked text appended as paragraph to the page body will be taken over by the app. Make sure to enable this setting before the actual extension to avoid wrongly pasted elements
|
||||
|
||||
### How do I customize the page with CSS?
|
||||
|
||||
- You can use normal CSS syntax and rules via the "Custom CSS" Field. The content will be appended as style node to the page header
|
||||
|
||||
### How can I delete lines?
|
||||
|
||||
There are multiple ways of deleting a line:
|
||||
|
||||
- Click on the "Delete last Line" Icon in the header
|
||||
- Click on the "Reset Lines" / "Reset Data" / "Reset All" Icon in the settings menu
|
||||
- Highlight a line and press the "Delete" key on the keyboard
|
||||
- Have no text highlighted and press the "Alt" + "Delete" key on the keyboard
|
||||
- Select a Line for deletion by holding the "CTRL" key (or "command" key on macOS) on the keyboard and double click on it (you can press "Escape" to unselect lines again). Afterwards click on the "Remove selected Lines" icon in the header
|
||||
|
||||
### How can I edit a line?
|
||||
|
||||
- You can modify the content of a line by double clicking on it. Clicking somewhere outside will exit the edit mode. Changes to the text will automatically be reflected in the character counter
|
||||
|
||||
### What is covered by "Undo last Action"?
|
||||
|
||||
_Note_: By default, the undo history is stored in memory only. If you want to keep it across tab reloads, make sure to enable the respective setting.
|
||||
|
||||
- Deleting lines by clicking on the "Remove last line" icon
|
||||
- Deleting lines by highlighting them and pressing the "Delete" key on the keyboard
|
||||
- Deleting last line pressing the "Alt" + "Delete" key on the keyboard
|
||||
- Deleting lines by clicking on the "Remove selected lines" icon
|
||||
- Editing content of a line
|
||||
|
||||
### What is NOT covered by "Undo last Action"?
|
||||
|
||||
- Deleting data by clicking on the "Reset Lines" / "Reset Data" / "Reset All" icon
|
||||
- Overwritten data by an import
|
||||
- Skipping duplicates resulting out of setting changes / changed Data
|
||||
- Skipping duplicates resulting out of replacement pattern changes / changed Data
|
||||
- Removed lines by the "Max Lines" setting
|
||||
- Filtered lines by the "Filter lines without jp content" setting
|
||||
|
||||
### Can I move the data to another device / browser?
|
||||
|
||||
- You can export/import data by clicking on the respective Icon in the settings menu
|
||||
- Clicking on the icon will export the current time value, notes, displayed lines and action history (settings will not be exported)
|
||||
- Clicking on the icon while holding the "ALT" key on the keyboard lets you select a previously exported file for import. Note that all existing data will be overwritten
|
||||
- The same steps can be executed for exporting/importing all Settings/Presets or single Presets via respective Icons
|
||||
|
||||
|
||||
### What is the order of settings / transformations on new text lines?
|
||||
1. Replacements
|
||||
2. Remove all Whitespace
|
||||
3. Filter lines without jp content
|
||||
4. Global or last line Duplicate
|
||||
5. Max Lines
|
||||
6. Merge equal Line Starts
|
||||
|
||||
### Can I use the floating window in other browsers except chrome / edge?
|
||||
- No - (Desktop) Chromium Browser are currently the only browser having the required api implemented
|
||||
|
||||
### What options / actions are applied to the floating Window?
|
||||
- Applied: Font Size, Online Font, Max Lines (floating window),Reverse Line Order, Preserve Whitespace, Enable Line Animation, AFK Blur, Custom CSS
|
||||
- Implicit: All Line related text adjustments like replacement patterns, duplicate management, line start merges, jp content filter etc.
|
||||
- Not available: Vertical Display, Main window actions, timer / stats, keybinds, pasting and line actions like selecting or editing
|
||||
|
||||
### Can i let my dictionary extension exceed the floating Window?
|
||||
|
||||
- No - technically the floating window behaves exactly as any other browser window and therefore it is not possible that content exceeds it
|
||||
|
||||
### Will the floating Window remember the last Position?
|
||||
|
||||
- In Terms of height and width the page will attempt to restore the last used dimensions but the browser may clamp or ignore the values as appropriate to provide a reasonable user experience. The window position itself typically resets when closing the tab or floating window
|
||||
|
||||
### Can i further customize the floating Window?
|
||||
|
||||
- You can apply custom styles as per standard settings. In order to target the floating window content you can use the id selector "#pip-container" (e.g. `#pip-container p {color: red;}` will only apply to paragraphs in the floating window and not the main window). Further customizations like exeeding height, transparency etc. is not possible
|
||||
|
||||
|
||||
## Available Keybinds
|
||||
Note: The actions are only executed when settings/notes are closed, no (confirmation) dialog is displayed and no line is in edit mode.
|
||||
|
||||
| Keybind | Description |
|
||||
|-|-|
|
||||
| <kbd>Delete</kbd> | Deletes current highlighted lines on the page. |
|
||||
| <kbd>Esc</kbd> | Deselects Lines. |
|
||||
| <kbd>Alt</kbd> + <kbd>Delete</kbd> | Deletes last line if no lines are highlighted |
|
||||
| <kbd>Alt</kbd> + <kbd>a</kbd> | Deletes all Lines and resets the Timer to 00:00:00. |
|
||||
| <kbd>Alt</kbd> + <kbd>q</kbd> | Deletes all Lines. |
|
||||
| <kbd>Alt</kbd> + <kbd>g</kbd> | Toggles Websocket Icon. |
|
||||
| <kbd>Control</kbd> + <kbd>Space</kbd> | Toggles the Timer. |
|
||||
|
||||
|
||||
## Available Settings
|
||||
|
||||
The following section contains explanations and details on the settings you can configure. The settings can be accessed by clicking on the gear at the top right corner.
|
||||
|
||||
<details style="cursor: pointer;">
|
||||
<summary>Settings List</summary>
|
||||
|
||||
| Setting | Description |
|
||||
|-|-|
|
||||
| Presets | Allows you to save the current Settings as a Preset and to quickly switch between them.<br/>**Note:** Changes to Settings needs to be manually saved to a Preset by clicking on the Save button. The Dialog to apply Settings to current Lines or Storage like "Store X persistently", "Prevent Last Line Duplicate", "Remove all Whitespace" etc. will not be triggered by switching between Presets. You can still execute them by toggling respective Setting.|
|
||||
| Replacements | Allows you to configure (regex) patterns and replacements which are getting applied to new lines. See [this documentation](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/replace#description) for more Information. You can change the order of patterns by holding down your mouse on the box and moving it to the item you want to swap the position with
|
||||
| Window Title | Lets you set the current document title. This can be used with Yomichan to tag your created cards (with the `{document-title}` [marker](https://github.com/FooSoft/yomichan#markers-for-term-cards)). |
|
||||
| Primary WebSocket | URL of the primary WebSocket to which you want to connect. |
|
||||
| Secondary WebSocket | URL of the secondary WebSocket to which you want to connect. |
|
||||
| Font Size | The font size, in number of pixels. |
|
||||
| Character Milestone | Interval of Characters after which a milestone section will be inserted (< 2 = disabled) |
|
||||
| Online Font | Lets you select a font from a predefined selection. An internet connection is required in order for this work. |
|
||||
| Prevent Last Line Duplicate | This will prevent the insertion/pasting of a line if the text is equal to one of the last n configured lines. |
|
||||
| Max lines | Sets the maximum number of lines allowed. Once the limit is reached, the oldest line is automatically removed when a new one is added. The feature is active only when the limit is greater than 0. Undo Action will enforce this setting on execution. |
|
||||
| AFK Timer (s) | Number of seconds after which the timer will automatically pause without page interaction (no new line, text selection, or pointer move). |
|
||||
| Adjust Timer after AFK | If enabled, the timer will be subtracted by the configured `AFK Timer (s)` value whenever the timer was paused due to no page interaction. |
|
||||
| Enable external Clipboard Monitor | If enabled, this will allow the texthooker page to handle lines pasted by extensions like [Clipboard Inserter](https://github.com/kmltml/clipboard-inserter) or [lap-clipboard-inserter](https://github.com/laplus-sadness/lap-clipboard-inserter). |
|
||||
| Show Preset Quick Switch | If enabled and you have more than 2 preset stored, this will display a preset selector in the page header for quick access to your presets. |
|
||||
| Skip Reset Confirmations | If enabled, reset / delete actions like "Reset Lines" will be immediately executed without asking for confirmation. |
|
||||
| Store Stats persistently | If enabled, the stats (time, speed, etc.) will be stored in your local browser storage. This means the stats will be available after tab reloads, etc. |
|
||||
| Store Notes persistently | If enabled, the text within the notes section will be stored in your local browser storage. |
|
||||
| Store Lines persistently | If enabled, the inserted/pasted lines will be stored in your local browser storage. |
|
||||
| Store Action History persistently | If enabled, the [revertible actions](#what-is-covered-by-undo-last-action) will be stored in your local browser storage. |
|
||||
| Enable Paste | If enabled, this will allow the user to manually paste new lines to the texthooker page (i.e. with ctrl+v). |
|
||||
| Block Copy from Page | If enabled, this will block the next line insertion by an external clipboard monitor after copying text from the page |
|
||||
| Allow Paste during Pause | If enabled, this will allow the page to paste new lines even with a paused timer. |
|
||||
| Allow new Line during Pause | If enabled, this will allow the page to insert new lines from other sources than pasting even with a paused timer. |
|
||||
| Autostart Timer by Paste during Pause | If enabled, the time will automatically re-start if it was paused and new lines were pasted. |
|
||||
| Autostart Timer by Line during Pause | If enabled, the time will automatically re-start if it was paused and new lines were inserted by sources than pasting. |
|
||||
| Prevent Global Duplicate | This is the same as "Prevent Last Line Duplicate", except the line is checked against the entire document. The line will not be inserted/pasted if it is found anywhere within the document. |
|
||||
| Merge equal Line Start | If enabled, a new text line will be merged with the previous one in case it starts with the exact same content |
|
||||
| Filter lines without jp content | If enabled, lines without any Japanese character or punctuation will be ignored and not added to the list of lines. |
|
||||
| Flash on missed Line | If enabled, the page will flash every time a line is inserted/pasted *if your timer is paused*. These lines will be ignored from stats collection. |
|
||||
| Display Text vertically | If enabled, the lines will be displayed vertically instead horizontally. |
|
||||
| Reverse Line Order | If enabled, the new lines will be appended on top (horizontal mode) / left (vertical mode) instead of bottom / right respectively. |
|
||||
| Preserve Whitespace | If enabled, all existing whitespace (such as spaces, new line characters, etc.) within the line will be fully displayed. If left disabled, newlines and multiple spaces in a row will be collapsed to a singular space. This has no effect if the whitespace is already removed (i.e. with the `Remove all Whitespace` option enabled). |
|
||||
| Remove all Whitespace | If enabled, all whitespace will be removed from the lines before they are inserted into the page. |
|
||||
| Show Timer | If enabled, the page will display the current passed (active) time in the header. |
|
||||
| Show Speed | If enabled, the page will display the current characters per hour in the header. |
|
||||
| Show Character Count | If enabled, the page will display the current number of displayed characters within the page. |
|
||||
| Show Line Count | If enabled, the page will display the current number of inserted lines within the page. |
|
||||
| Blur Stats | If enabled, the displayed stats will be blurred. These stats are unblurred on hover. |
|
||||
| Enable Line Animation | If enabled, adds Lines with a short animated Transition. |
|
||||
| Enable AFK Blur | If enabled the screen will be blurred when the afk timer gets activated. You can exit by double clicking/tapping on the page. |
|
||||
| Restart Timer after AFK Blur | If enabled the timer will automatically restart when you exit the afk blur mode. |
|
||||
| Continuous Reconnect | If enabled, supresses Connection Error Messages and retries to connect to the Websocket Url continuously. |
|
||||
| Custom CSS | Lets you insert custom CSS rules to customize the page further. |
|
||||
|
||||
</details>
|
||||
|
||||
## Known Issues
|
||||
|
||||
- High number of displayed characters may slow down the page performance due to the current greedy way of counting characters etc.
|
||||
- The horizontal reading mode performs overall better than the vertical one
|
||||
- Line breaks added manually during editing a line are sometimes removed
|
||||
- The page was build with desktop / maximized window usage in mind - following guides (e. g. like [this](https://rentry.co/android-texthook) one) to access the page via tablet or mobile devices / using smaller window / screen sizes may have a limited user experience or functionality
|
||||
|
||||
## Acknowledgements
|
||||
|
||||
- [Anacreon Texthooker](https://anacreondjt.gitlab.io/texthooker.html)
|
||||
- [MarvNC texthooker-websocket User Script](https://github.com/MarvNC/texthooker-websocket)
|
||||
BIN
vendor/texthooker-ui/docs/assets/fonts/ackaisyo.ttf
vendored
BIN
vendor/texthooker-ui/docs/assets/fonts/ackaisyo.ttf
vendored
Binary file not shown.
Binary file not shown.
49
vendor/texthooker-ui/docs/index.html
vendored
49
vendor/texthooker-ui/docs/index.html
vendored
File diff suppressed because one or more lines are too long
60
vendor/texthooker-ui/flake.lock
generated
vendored
60
vendor/texthooker-ui/flake.lock
generated
vendored
@@ -1,60 +0,0 @@
|
||||
{
|
||||
"nodes": {
|
||||
"flake-utils": {
|
||||
"inputs": {
|
||||
"systems": "systems"
|
||||
},
|
||||
"locked": {
|
||||
"lastModified": 1731533236,
|
||||
"narHash": "sha256-l0KFg5HjrsfsO/JpG+r7fRrqm12kzFHyUHqHCVpMMbI=",
|
||||
"owner": "numtide",
|
||||
"repo": "flake-utils",
|
||||
"rev": "11707dc2f618dd54ca8739b309ec4fc024de578b",
|
||||
"type": "github"
|
||||
},
|
||||
"original": {
|
||||
"owner": "numtide",
|
||||
"repo": "flake-utils",
|
||||
"type": "github"
|
||||
}
|
||||
},
|
||||
"nixpkgs": {
|
||||
"locked": {
|
||||
"lastModified": 1738680400,
|
||||
"narHash": "sha256-ooLh+XW8jfa+91F1nhf9OF7qhuA/y1ChLx6lXDNeY5U=",
|
||||
"owner": "NixOS",
|
||||
"repo": "nixpkgs",
|
||||
"rev": "799ba5bffed04ced7067a91798353d360788b30d",
|
||||
"type": "github"
|
||||
},
|
||||
"original": {
|
||||
"id": "nixpkgs",
|
||||
"ref": "nixos-unstable",
|
||||
"type": "indirect"
|
||||
}
|
||||
},
|
||||
"root": {
|
||||
"inputs": {
|
||||
"flake-utils": "flake-utils",
|
||||
"nixpkgs": "nixpkgs"
|
||||
}
|
||||
},
|
||||
"systems": {
|
||||
"locked": {
|
||||
"lastModified": 1681028828,
|
||||
"narHash": "sha256-Vy1rq5AaRuLzOxct8nz4T6wlgyUR7zLU309k9mBC768=",
|
||||
"owner": "nix-systems",
|
||||
"repo": "default",
|
||||
"rev": "da67096a3b9bf56a91d16901293e51ba5b49a27e",
|
||||
"type": "github"
|
||||
},
|
||||
"original": {
|
||||
"owner": "nix-systems",
|
||||
"repo": "default",
|
||||
"type": "github"
|
||||
}
|
||||
}
|
||||
},
|
||||
"root": "root",
|
||||
"version": 7
|
||||
}
|
||||
44
vendor/texthooker-ui/flake.nix
vendored
44
vendor/texthooker-ui/flake.nix
vendored
@@ -1,44 +0,0 @@
|
||||
{
|
||||
description = "texthooker-ui";
|
||||
|
||||
inputs = {
|
||||
nixpkgs.url = "nixpkgs/nixos-unstable";
|
||||
flake-utils.url = "github:numtide/flake-utils";
|
||||
};
|
||||
|
||||
outputs = {
|
||||
self,
|
||||
nixpkgs,
|
||||
flake-utils,
|
||||
}:
|
||||
flake-utils.lib.eachDefaultSystem (
|
||||
system: let
|
||||
name = "texthooker-ui";
|
||||
src = ./.;
|
||||
pkgs = import nixpkgs {inherit system;};
|
||||
nativeBuildInputs = with pkgs; [nodejs pnpm.configHook];
|
||||
in {
|
||||
# index.html will be located in the nix store
|
||||
# build with "nix build . --print-out-paths" to get the path
|
||||
packages.default = pkgs.stdenv.mkDerivation (finalAttrs: {
|
||||
inherit name nativeBuildInputs src;
|
||||
pname = name;
|
||||
|
||||
pnpmDeps = pkgs.pnpm.fetchDeps {
|
||||
pname = name;
|
||||
inherit src;
|
||||
hash = "sha256-Wqs3aO4uq/5eqVmp9FFZNVEWo/TpwDib9PJFABmFrbk=";
|
||||
};
|
||||
|
||||
installPhase = ''
|
||||
pnpm run build
|
||||
cp -r ./docs $out
|
||||
'';
|
||||
});
|
||||
|
||||
devShell = pkgs.mkShell {
|
||||
inherit nativeBuildInputs;
|
||||
};
|
||||
}
|
||||
);
|
||||
}
|
||||
23
vendor/texthooker-ui/index.html
vendored
23
vendor/texthooker-ui/index.html
vendored
@@ -1,23 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head data-version="1.0.0">
|
||||
<meta charset="UTF-8" />
|
||||
<link
|
||||
rel="icon"
|
||||
type="image/svg+xml"
|
||||
href="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pjxzdmcgdmlld0JveD0iMCAwIDI0IDI0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDojOGQ2ZGU4O30uY2xzLTJ7ZmlsbDojYTc4ZWVmO30uY2xzLTN7ZmlsbDojNmMyZTdjO308L3N0eWxlPjwvZGVmcz48ZyBpZD0iSWNvbnMiPjxyZWN0IGNsYXNzPSJjbHMtMSIgaGVpZ2h0PSIyMiIgcng9IjMiIHdpZHRoPSIyMiIgeD0iMSIgeT0iMSIvPjxyZWN0IGNsYXNzPSJjbHMtMiIgaGVpZ2h0PSIxNyIgcng9IjMiIHdpZHRoPSIyMiIgeD0iMSIgeT0iMSIvPjwvZz48ZyBkYXRhLW5hbWU9IkxheWVyIDQiIGlkPSJMYXllcl80Ij48cGF0aCBjbGFzcz0iY2xzLTMiIGQ9Ik0yMCwwSDRBNCw0LDAsMCwwLDAsNFYyMGE0LDQsMCwwLDAsNCw0SDIwYTQsNCwwLDAsMCw0LTRWNEE0LDQsMCwwLDAsMjAsMFptMiwyMGEyLDIsMCwwLDEtMiwySDRhMiwyLDAsMCwxLTItMlY0QTIsMiwwLDAsMSw0LDJIMjBhMiwyLDAsMCwxLDIsMloiLz48cGF0aCBjbGFzcz0iY2xzLTMiIGQ9Ik01LDE1YTEsMSwwLDAsMCwwLDIsMiwyLDAsMCwxLDIsMiwxLDEsMCwwLDAsMiwwQTQsNCwwLDAsMCw1LDE1WiIvPjxwYXRoIGNsYXNzPSJjbHMtMyIgZD0iTTUsMTFhMSwxLDAsMCwwLDAsMiw2LjAwNiw2LjAwNiwwLDAsMSw2LDYsMSwxLDAsMCwwLDIsMEE4LjAwOSw4LjAwOSwwLDAsMCw1LDExWiIvPjxwYXRoIGNsYXNzPSJjbHMtMyIgZD0iTTUsN0ExLDEsMCwwLDAsNSw5LDEwLjAxMSwxMC4wMTEsMCwwLDEsMTUsMTlhMSwxLDAsMCwwLDIsMEExMi4wMTMsMTIuMDEzLDAsMCwwLDUsN1oiLz48L2c+PC9zdmc+"
|
||||
/>
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
|
||||
<link
|
||||
href="https://fonts.googleapis.com/css2?family=Klee+One&family=Noto+Serif+JP&family=Shippori+Mincho&display=swap"
|
||||
rel="stylesheet"
|
||||
/>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>Texthooker UI</title>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<script type="module" src="./src/main.ts"></script>
|
||||
</body>
|
||||
</html>
|
||||
44
vendor/texthooker-ui/package.json
vendored
44
vendor/texthooker-ui/package.json
vendored
@@ -1,44 +0,0 @@
|
||||
{
|
||||
"author": "Renji-xD",
|
||||
"devDependencies": {
|
||||
"@mdi/js": "^7.1.96",
|
||||
"@sveltejs/vite-plugin-svelte": "^2.0.2",
|
||||
"@tsconfig/svelte": "^3.0.0",
|
||||
"@types/dom-screen-wake-lock": "^1.0.0",
|
||||
"@types/sortablejs": "^1.15.8",
|
||||
"autoprefixer": "^10.4.13",
|
||||
"daisyui": "^2.45.0",
|
||||
"eslint": "^8.30.0",
|
||||
"eslint-config-prettier": "^8.5.0",
|
||||
"eslint-plugin-svelte3": "^4.0.0",
|
||||
"postcss": "^8.4.20",
|
||||
"postcss-load-config": "^4.0.1",
|
||||
"prettier": "^2.8.1",
|
||||
"rollup": "^3.14.0",
|
||||
"rxjs": "^7.8.0",
|
||||
"svelte": "^3.55.0",
|
||||
"svelte-check": "^2.10.2",
|
||||
"svelte-preprocess": "^5.0.0",
|
||||
"tailwindcss": "^3.2.4",
|
||||
"tslib": "^2.4.1",
|
||||
"typescript": "^4.9.4",
|
||||
"vite": "^4.0.1",
|
||||
"vite-plugin-singlefile": "^0.13.2"
|
||||
},
|
||||
"license": "MIT",
|
||||
"name": "texthooker-ui",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"build": "vite -c vite.main.config.ts build",
|
||||
"build:lib": "vite -c vite.lib.config.ts build",
|
||||
"check": "svelte-check --tsconfig ./tsconfig.json",
|
||||
"check:types": "tsc --noEmit",
|
||||
"dev": "vite -c vite.main.config.ts",
|
||||
"preview": "vite -c vite.main.config.ts preview --host"
|
||||
},
|
||||
"type": "module",
|
||||
"version": "1.0.0",
|
||||
"dependencies": {
|
||||
"sortablejs": "^1.15.2"
|
||||
}
|
||||
}
|
||||
2096
vendor/texthooker-ui/pnpm-lock.yaml
generated
vendored
2096
vendor/texthooker-ui/pnpm-lock.yaml
generated
vendored
File diff suppressed because it is too large
Load Diff
8
vendor/texthooker-ui/postcss.config.cjs
vendored
8
vendor/texthooker-ui/postcss.config.cjs
vendored
@@ -1,8 +0,0 @@
|
||||
const tailwindcss = require('tailwindcss');
|
||||
const autoprefixer = require('autoprefixer');
|
||||
|
||||
const config = {
|
||||
plugins: [tailwindcss(), autoprefixer],
|
||||
};
|
||||
|
||||
module.exports = config;
|
||||
Binary file not shown.
Binary file not shown.
1
vendor/texthooker-ui/public/icon.svg
vendored
1
vendor/texthooker-ui/public/icon.svg
vendored
@@ -1 +0,0 @@
|
||||
<?xml version="1.0" ?><svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><defs><style>.cls-1{fill:#8d6de8;}.cls-2{fill:#a78eef;}.cls-3{fill:#6c2e7c;}</style></defs><g id="Icons"><rect class="cls-1" height="22" rx="3" width="22" x="1" y="1"/><rect class="cls-2" height="17" rx="3" width="22" x="1" y="1"/></g><g data-name="Layer 4" id="Layer_4"><path class="cls-3" d="M20,0H4A4,4,0,0,0,0,4V20a4,4,0,0,0,4,4H20a4,4,0,0,0,4-4V4A4,4,0,0,0,20,0Zm2,20a2,2,0,0,1-2,2H4a2,2,0,0,1-2-2V4A2,2,0,0,1,4,2H20a2,2,0,0,1,2,2Z"/><path class="cls-3" d="M5,15a1,1,0,0,0,0,2,2,2,0,0,1,2,2,1,1,0,0,0,2,0A4,4,0,0,0,5,15Z"/><path class="cls-3" d="M5,11a1,1,0,0,0,0,2,6.006,6.006,0,0,1,6,6,1,1,0,0,0,2,0A8.009,8.009,0,0,0,5,11Z"/><path class="cls-3" d="M5,7A1,1,0,0,0,5,9,10.011,10.011,0,0,1,15,19a1,1,0,0,0,2,0A12.013,12.013,0,0,0,5,7Z"/></g></svg>
|
||||
|
Before Width: | Height: | Size: 835 B |
24
vendor/texthooker-ui/public/index.html
vendored
24
vendor/texthooker-ui/public/index.html
vendored
@@ -1,24 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head data-version="1.0.0">
|
||||
<meta charset="UTF-8" />
|
||||
<link
|
||||
rel="icon"
|
||||
type="image/svg+xml"
|
||||
href="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pjxzdmcgdmlld0JveD0iMCAwIDI0IDI0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDojOGQ2ZGU4O30uY2xzLTJ7ZmlsbDojYTc4ZWVmO30uY2xzLTN7ZmlsbDojNmMyZTdjO308L3N0eWxlPjwvZGVmcz48ZyBpZD0iSWNvbnMiPjxyZWN0IGNsYXNzPSJjbHMtMSIgaGVpZ2h0PSIyMiIgcng9IjMiIHdpZHRoPSIyMiIgeD0iMSIgeT0iMSIvPjxyZWN0IGNsYXNzPSJjbHMtMiIgaGVpZ2h0PSIxNyIgcng9IjMiIHdpZHRoPSIyMiIgeD0iMSIgeT0iMSIvPjwvZz48ZyBkYXRhLW5hbWU9IkxheWVyIDQiIGlkPSJMYXllcl80Ij48cGF0aCBjbGFzcz0iY2xzLTMiIGQ9Ik0yMCwwSDRBNCw0LDAsMCwwLDAsNFYyMGE0LDQsMCwwLDAsNCw0SDIwYTQsNCwwLDAsMCw0LTRWNEE0LDQsMCwwLDAsMjAsMFptMiwyMGEyLDIsMCwwLDEtMiwySDRhMiwyLDAsMCwxLTItMlY0QTIsMiwwLDAsMSw0LDJIMjBhMiwyLDAsMCwxLDIsMloiLz48cGF0aCBjbGFzcz0iY2xzLTMiIGQ9Ik01LDE1YTEsMSwwLDAsMCwwLDIsMiwyLDAsMCwxLDIsMiwxLDEsMCwwLDAsMiwwQTQsNCwwLDAsMCw1LDE1WiIvPjxwYXRoIGNsYXNzPSJjbHMtMyIgZD0iTTUsMTFhMSwxLDAsMCwwLDAsMiw2LjAwNiw2LjAwNiwwLDAsMSw2LDYsMSwxLDAsMCwwLDIsMEE4LjAwOSw4LjAwOSwwLDAsMCw1LDExWiIvPjxwYXRoIGNsYXNzPSJjbHMtMyIgZD0iTTUsN0ExLDEsMCwwLDAsNSw5LDEwLjAxMSwxMC4wMTEsMCwwLDEsMTUsMTlhMSwxLDAsMCwwLDIsMEExMi4wMTMsMTIuMDEzLDAsMCwwLDUsN1oiLz48L2c+PC9zdmc+"
|
||||
/>
|
||||
<link rel="stylesheet" type="text/css" href="style.css" />
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
|
||||
<link
|
||||
href="https://fonts.googleapis.com/css2?family=Klee+One&family=Noto+Serif+JP&family=Shippori+Mincho&display=swap"
|
||||
rel="stylesheet"
|
||||
/>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>Texthooker UI</title>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<script src="texthooker-ui.iife.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
131
vendor/texthooker-ui/src/app.css
vendored
131
vendor/texthooker-ui/src/app.css
vendored
@@ -1,131 +0,0 @@
|
||||
@tailwind base;
|
||||
@tailwind components;
|
||||
@tailwind utilities;
|
||||
|
||||
@font-face {
|
||||
font-family: 'Ackaisyo';
|
||||
src: local(''), url('./assets/fonts/ackaisyo.ttf') format('truetype');
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'CineCaption226';
|
||||
src: local(''), url('./assets/fonts/cinecaption226.ttf') format('truetype');
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
body,
|
||||
html {
|
||||
margin: 0;
|
||||
display: flex;
|
||||
flex: 1;
|
||||
min-height: 100%;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
/* SUBMINER_DEFAULT_STYLE_START */
|
||||
:root {
|
||||
--sm-bg: #1a1b2e;
|
||||
--sm-surface: #222436;
|
||||
--sm-border: rgba(255, 255, 255, 0.05);
|
||||
--sm-text: #c8d3f5;
|
||||
--sm-text-muted: #636da6;
|
||||
--sm-hover-bg: rgba(130, 170, 255, 0.06);
|
||||
--sm-scrollbar: rgba(255, 255, 255, 0.08);
|
||||
--sm-scrollbar-hover: rgba(255, 255, 255, 0.15);
|
||||
}
|
||||
|
||||
html,
|
||||
body {
|
||||
margin: 0;
|
||||
display: flex;
|
||||
flex: 1;
|
||||
min-height: 100%;
|
||||
overflow: auto;
|
||||
background: var(--sm-bg);
|
||||
color: var(--sm-text);
|
||||
}
|
||||
|
||||
body[data-theme] {
|
||||
background: var(--sm-bg);
|
||||
color: var(--sm-text);
|
||||
}
|
||||
|
||||
main,
|
||||
header,
|
||||
#pip-container {
|
||||
background: transparent;
|
||||
color: var(--sm-text);
|
||||
}
|
||||
|
||||
header.bg-base-100,
|
||||
header.bg-base-200 {
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
main,
|
||||
main.flex {
|
||||
font-family: 'Noto Sans CJK JP', 'Hiragino Sans', system-ui, sans-serif;
|
||||
padding: 0.5rem min(4vw, 2rem);
|
||||
line-height: 1.7;
|
||||
gap: 0;
|
||||
}
|
||||
|
||||
p,
|
||||
p.cursor-pointer {
|
||||
font-family: 'Noto Sans CJK JP', 'Hiragino Sans', system-ui, sans-serif;
|
||||
font-size: clamp(18px, 2vw, 26px);
|
||||
letter-spacing: 0.04em;
|
||||
line-height: 1.65;
|
||||
white-space: normal;
|
||||
margin: 0;
|
||||
padding: 0.65rem 1rem;
|
||||
border: none;
|
||||
border-bottom: 1px solid var(--sm-border);
|
||||
border-radius: 0;
|
||||
background: transparent;
|
||||
transition: background 0.2s ease;
|
||||
}
|
||||
|
||||
p:hover,
|
||||
p.cursor-pointer:hover {
|
||||
background: var(--sm-hover-bg);
|
||||
}
|
||||
|
||||
p:last-child,
|
||||
p.cursor-pointer:last-child {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
p.cursor-pointer.whitespace-pre-wrap {
|
||||
white-space: normal;
|
||||
}
|
||||
|
||||
p.cursor-pointer.my-2 {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
p.cursor-pointer.py-4,
|
||||
p.cursor-pointer.py-2,
|
||||
p.cursor-pointer.px-2,
|
||||
p.cursor-pointer.px-4 {
|
||||
padding: 0.65rem 1rem;
|
||||
}
|
||||
|
||||
*::-webkit-scrollbar {
|
||||
width: 4px;
|
||||
}
|
||||
|
||||
*::-webkit-scrollbar-track {
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
*::-webkit-scrollbar-thumb {
|
||||
background: var(--sm-scrollbar);
|
||||
border-radius: 2px;
|
||||
}
|
||||
|
||||
*::-webkit-scrollbar-thumb:hover {
|
||||
background: var(--sm-scrollbar-hover);
|
||||
}
|
||||
/* SUBMINER_DEFAULT_STYLE_END */
|
||||
747
vendor/texthooker-ui/src/components/App.svelte
vendored
747
vendor/texthooker-ui/src/components/App.svelte
vendored
@@ -1,747 +0,0 @@
|
||||
<script lang="ts">
|
||||
import {
|
||||
mdiArrowULeftTop,
|
||||
mdiCancel,
|
||||
mdiCog,
|
||||
mdiDelete,
|
||||
mdiDeleteForever,
|
||||
mdiNoteEdit,
|
||||
mdiPause,
|
||||
mdiPlay,
|
||||
mdiWindowMaximize,
|
||||
mdiWindowRestore,
|
||||
} from '@mdi/js';
|
||||
import { debounceTime, filter, fromEvent, map, NEVER, switchMap, tap } from 'rxjs';
|
||||
import { onMount, tick } from 'svelte';
|
||||
import { quintInOut } from 'svelte/easing';
|
||||
import { fly } from 'svelte/transition';
|
||||
import {
|
||||
actionHistory$,
|
||||
allowNewLineDuringPause$,
|
||||
allowPasteDuringPause$,
|
||||
autoStartTimerDuringPause$,
|
||||
autoStartTimerDuringPausePaste$,
|
||||
blockCopyOnPage$,
|
||||
customCSS$,
|
||||
dialogOpen$,
|
||||
displayVertical$,
|
||||
enabledReplacements$,
|
||||
enablePaste$,
|
||||
filterNonCJKLines$,
|
||||
flashOnMissedLine$,
|
||||
flashOnPauseTimeout$,
|
||||
fontSize$,
|
||||
isPaused$,
|
||||
lastPipHeight$,
|
||||
lastPipWidth$,
|
||||
lineData$,
|
||||
maxLines$,
|
||||
maxPipLines$,
|
||||
mergeEqualLineStarts$,
|
||||
newLine$,
|
||||
notesOpen$,
|
||||
onlineFont$,
|
||||
openDialog$,
|
||||
preventGlobalDuplicate$,
|
||||
preventLastDuplicate$,
|
||||
removeAllWhitespace$,
|
||||
replacements$,
|
||||
reverseLineOrder$,
|
||||
secondaryWebsocketUrl$,
|
||||
showConnectionIcon$,
|
||||
showSpinner$,
|
||||
theme$,
|
||||
websocketUrl$,
|
||||
} from '../stores/stores';
|
||||
import { LineType, OnlineFont, Theme, type LineItem, type LineItemEditEvent } from '../types';
|
||||
import {
|
||||
applyAfkBlur,
|
||||
applyCustomCSS,
|
||||
applyReplacements,
|
||||
generateRandomUUID,
|
||||
newLineCharacter,
|
||||
reduceToEmptyString,
|
||||
updateScroll,
|
||||
} from '../util';
|
||||
import DialogManager from './DialogManager.svelte';
|
||||
import Icon from './Icon.svelte';
|
||||
import Line from './Line.svelte';
|
||||
import Notes from './Notes.svelte';
|
||||
import Presets from './Presets.svelte';
|
||||
import Settings from './Settings.svelte';
|
||||
import SocketConnector from './SocketConnector.svelte';
|
||||
import Spinner from './Spinner.svelte';
|
||||
import Stats from './Stats.svelte';
|
||||
|
||||
let isSmFactor = false;
|
||||
let settingsComponent: Settings;
|
||||
let selectedLineIds: string[] = [];
|
||||
let settingsContainer: HTMLElement;
|
||||
let settingsElement: SVGElement;
|
||||
let settingsOpen = false;
|
||||
let lineContainer: HTMLElement;
|
||||
let lineElements: Line[] = [];
|
||||
let lineInEdit = false;
|
||||
let blockNextExternalLine = false;
|
||||
let wakeLock = null;
|
||||
let pipContainer: HTMLElement;
|
||||
let pipWindow: Window | undefined;
|
||||
let pipResizeTimeout: number;
|
||||
let hasPipFocus = false;
|
||||
|
||||
const wakeLockAvailable = 'wakeLock' in navigator;
|
||||
|
||||
const cjkCharacters = /[\p{scx=Hira}\p{scx=Kana}\p{scx=Han}]/imu;
|
||||
|
||||
const uniqueLines$ = preventGlobalDuplicate$.pipe(
|
||||
map((preventGlobalDuplicate) =>
|
||||
preventGlobalDuplicate ? new Set<string>($lineData$.map((line) => line.text)) : new Set<string>(),
|
||||
),
|
||||
);
|
||||
|
||||
const handleLine$ = newLine$.pipe(
|
||||
filter(([_, lineType]) => {
|
||||
const isPaste = lineType === LineType.PASTE;
|
||||
const hasNoUserInteraction = !isPaste || (!$notesOpen$ && !$dialogOpen$ && !settingsOpen && !lineInEdit);
|
||||
const skipExternalLine = blockNextExternalLine && lineType === LineType.EXTERNAL;
|
||||
|
||||
if (skipExternalLine) {
|
||||
blockNextExternalLine = false;
|
||||
}
|
||||
|
||||
if (
|
||||
(!$isPaused$ ||
|
||||
(($allowPasteDuringPause$ || $autoStartTimerDuringPausePaste$) && isPaste) ||
|
||||
(($allowNewLineDuringPause$ || $autoStartTimerDuringPause$) && !isPaste)) &&
|
||||
hasNoUserInteraction &&
|
||||
!skipExternalLine
|
||||
) {
|
||||
if (
|
||||
$isPaused$ &&
|
||||
(($autoStartTimerDuringPausePaste$ && isPaste) || ($autoStartTimerDuringPause$ && !isPaste))
|
||||
) {
|
||||
$isPaused$ = false;
|
||||
}
|
||||
|
||||
return true;
|
||||
}
|
||||
|
||||
if (!skipExternalLine && hasNoUserInteraction && $flashOnMissedLine$) {
|
||||
handleMissedLine();
|
||||
}
|
||||
|
||||
return false;
|
||||
}),
|
||||
tap((newLine: [string, LineType]) => {
|
||||
const [lineContent] = newLine;
|
||||
const text = transformLine(lineContent);
|
||||
|
||||
if (text) {
|
||||
$lineData$ = applyEqualLineStartMerge([
|
||||
...applyMaxLinesAndGetRemainingLineData(1),
|
||||
{ id: generateRandomUUID(), text },
|
||||
]);
|
||||
}
|
||||
}),
|
||||
reduceToEmptyString(),
|
||||
);
|
||||
|
||||
const pasteHandler$ = enablePaste$.pipe(
|
||||
switchMap((enablePaste) => (enablePaste ? fromEvent(document, 'paste') : NEVER)),
|
||||
tap((event: ClipboardEvent) => newLine$.next([event.clipboardData.getData('text/plain'), LineType.PASTE])),
|
||||
reduceToEmptyString(),
|
||||
);
|
||||
|
||||
const visibilityHandler$ = fromEvent(document, 'visibilitychange').pipe(
|
||||
tap(() => {
|
||||
if (wakeLockAvailable && wakeLock !== null && document.visibilityState === 'visible') {
|
||||
wakeLock = navigator.wakeLock
|
||||
.request('screen')
|
||||
.then((lock) => {
|
||||
return lock;
|
||||
})
|
||||
.catch((error) => {
|
||||
console.error(`Unable to aquire screen lock: ${error.message}`);
|
||||
return null;
|
||||
});
|
||||
}
|
||||
}),
|
||||
reduceToEmptyString(),
|
||||
);
|
||||
|
||||
const copyBlocker$ = blockCopyOnPage$.pipe(
|
||||
switchMap((blockCopyOnPage) => {
|
||||
blockNextExternalLine = false;
|
||||
|
||||
return blockCopyOnPage ? fromEvent(document, 'copy') : NEVER;
|
||||
}),
|
||||
tap(() => (blockNextExternalLine = true)),
|
||||
reduceToEmptyString(),
|
||||
);
|
||||
|
||||
const resizeHandler$ = fromEvent(window, 'resize').pipe(
|
||||
debounceTime(500),
|
||||
tap(mountFunction),
|
||||
reduceToEmptyString(),
|
||||
);
|
||||
|
||||
$: iconSize = isSmFactor ? '1.5rem' : '1.25rem';
|
||||
|
||||
$: $enabledReplacements$ = $replacements$.filter((replacment) => replacment.enabled);
|
||||
|
||||
$: pipAvailable = 'documentPictureInPicture' in window && !!pipContainer;
|
||||
|
||||
$: pipLines = pipAvailable && $lineData$ ? $lineData$.slice(-$maxPipLines$) : [];
|
||||
|
||||
$: if (pipWindow) {
|
||||
pipWindow.document.body.dataset.theme = $theme$;
|
||||
|
||||
applyCustomCSS(pipWindow.document, $customCSS$);
|
||||
}
|
||||
|
||||
onMount(() => {
|
||||
mountFunction();
|
||||
if (wakeLockAvailable) {
|
||||
wakeLock = navigator.wakeLock
|
||||
.request('screen')
|
||||
.then((lock) => {
|
||||
return lock;
|
||||
})
|
||||
.catch((error) => {
|
||||
console.error(`Unable to aquire screen lock: ${error.message}`);
|
||||
return null;
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
function mountFunction() {
|
||||
isSmFactor = window.matchMedia('(min-width: 640px)').matches;
|
||||
executeUpdateScroll();
|
||||
}
|
||||
|
||||
function handleKeyPress(event: KeyboardEvent) {
|
||||
if ($notesOpen$ || $dialogOpen$ || settingsOpen || lineInEdit) {
|
||||
return;
|
||||
}
|
||||
|
||||
const key = (event.key || '')?.toLowerCase();
|
||||
|
||||
if (key === 'delete') {
|
||||
if (window.getSelection()?.toString().trim()) {
|
||||
const range = window.getSelection().getRangeAt(0);
|
||||
|
||||
for (let index = 0, { length } = lineElements; index < length; index += 1) {
|
||||
const lineElement = lineElements[index];
|
||||
const selectedId = lineElement?.getIdIfSelected(range);
|
||||
|
||||
if (selectedId) {
|
||||
selectedLineIds.push(selectedId);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
if (selectedLineIds.length) {
|
||||
removeLines();
|
||||
} else if (event.altKey) {
|
||||
removeLastLine();
|
||||
}
|
||||
} else if (selectedLineIds.length && key === 'escape') {
|
||||
deselectLines();
|
||||
} else if (event.altKey && key === 'a') {
|
||||
settingsComponent.handleReset(false);
|
||||
} else if (event.altKey && key === 'q') {
|
||||
settingsComponent.handleReset(true);
|
||||
} else if ((event.ctrlKey || event.metaKey) && key === ' ') {
|
||||
$isPaused$ = !$isPaused$;
|
||||
} else if (event.altKey && key === 'g') {
|
||||
$showConnectionIcon$ = !$showConnectionIcon$;
|
||||
}
|
||||
}
|
||||
|
||||
async function undoLastAction() {
|
||||
if (!$actionHistory$.length) {
|
||||
return;
|
||||
}
|
||||
|
||||
const linesToRevert = $actionHistory$.pop();
|
||||
|
||||
let lineToRevert = linesToRevert.pop();
|
||||
|
||||
while (lineToRevert) {
|
||||
const text = transformLine(lineToRevert.text, false);
|
||||
|
||||
if (text) {
|
||||
const { id, index } = lineToRevert;
|
||||
|
||||
if (index > $lineData$.length - 1) {
|
||||
$lineData$.push({ id, text });
|
||||
} else if ($lineData$[index].id === id) {
|
||||
$lineData$[index] = { id, text };
|
||||
} else {
|
||||
$lineData$.splice(index, 0, { id, text });
|
||||
}
|
||||
}
|
||||
|
||||
lineToRevert = linesToRevert.pop();
|
||||
}
|
||||
|
||||
await tick();
|
||||
|
||||
$lineData$ = applyEqualLineStartMerge(applyMaxLinesAndGetRemainingLineData());
|
||||
$actionHistory$ = $actionHistory$;
|
||||
}
|
||||
|
||||
function removeLastLine() {
|
||||
if (!$lineData$.length) {
|
||||
return;
|
||||
}
|
||||
|
||||
const [removedLine] = $lineData$.splice($lineData$.length - 1, 1);
|
||||
|
||||
selectedLineIds = selectedLineIds.filter((selectedLineId) => selectedLineId !== removedLine.id);
|
||||
$lineData$ = $lineData$;
|
||||
$actionHistory$ = [...$actionHistory$, [{ ...removedLine, index: $lineData$.length }]];
|
||||
|
||||
$uniqueLines$.delete(removedLine.text);
|
||||
}
|
||||
|
||||
function removeLines() {
|
||||
const linesToDelete = new Set(selectedLineIds);
|
||||
const newActionHistory: LineItem[] = [];
|
||||
|
||||
$lineData$ = $lineData$.filter((oldLine, index) => {
|
||||
const hasLine = linesToDelete.has(oldLine.id);
|
||||
|
||||
linesToDelete.delete(oldLine.id);
|
||||
|
||||
if (hasLine) {
|
||||
newActionHistory.push({ ...oldLine, index: index - newActionHistory.length });
|
||||
$uniqueLines$.delete(oldLine.text);
|
||||
}
|
||||
|
||||
return !hasLine;
|
||||
});
|
||||
|
||||
selectedLineIds = linesToDelete.size ? [...linesToDelete] : [];
|
||||
|
||||
if (newActionHistory.length) {
|
||||
$actionHistory$ = [...$actionHistory$, newActionHistory];
|
||||
}
|
||||
}
|
||||
|
||||
function deselectLines() {
|
||||
for (let index = 0, { length } = lineElements; index < length; index += 1) {
|
||||
lineElements[index]?.deselect();
|
||||
}
|
||||
|
||||
selectedLineIds = [];
|
||||
}
|
||||
|
||||
async function handlePipAction() {
|
||||
if (pipWindow) {
|
||||
return pipWindow.close();
|
||||
}
|
||||
|
||||
pipWindow = await window.documentPictureInPicture
|
||||
.requestWindow(
|
||||
$lastPipHeight$ > 0 && $lastPipWidth$ > 0
|
||||
? { height: $lastPipHeight$, width: $lastPipWidth$, preferInitialWindowPlacement: false }
|
||||
: { preferInitialWindowPlacement: false },
|
||||
)
|
||||
.catch(({ message }) => {
|
||||
$openDialog$ = {
|
||||
message: `Error opening floating window: ${message}`,
|
||||
showCancel: false,
|
||||
};
|
||||
|
||||
return undefined;
|
||||
});
|
||||
|
||||
if (!pipWindow) {
|
||||
return;
|
||||
}
|
||||
|
||||
pipWindow.document.body.appendChild(pipContainer);
|
||||
|
||||
pipWindow.addEventListener('pagehide', onPipHide, { once: true });
|
||||
pipWindow.addEventListener('resize', onPipResize, false);
|
||||
pipWindow.addEventListener('blur', onPipFocusBlur, false);
|
||||
pipWindow.addEventListener('focus', onPipFocusBlur, false);
|
||||
|
||||
[...document.styleSheets].forEach((styleSheet) => {
|
||||
if (styleSheet.ownerNode instanceof Element && styleSheet.ownerNode.id === 'user-css') {
|
||||
return;
|
||||
}
|
||||
|
||||
try {
|
||||
const cssRules = [...styleSheet.cssRules].map((rule) => rule.cssText).join('');
|
||||
const style = document.createElement('style');
|
||||
|
||||
style.textContent = cssRules;
|
||||
pipWindow.document.head.appendChild(style);
|
||||
} catch (_error) {
|
||||
const link = document.createElement('link');
|
||||
|
||||
link.rel = 'stylesheet';
|
||||
link.type = styleSheet.type;
|
||||
link.media = styleSheet.media.toString();
|
||||
link.href = styleSheet.href;
|
||||
pipWindow.document.head.appendChild(link);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
function onPipHide() {
|
||||
updatePipDimensions();
|
||||
|
||||
pipWindow.removeEventListener('resize', onPipResize, false);
|
||||
pipWindow.removeEventListener('blur', onPipFocusBlur, false);
|
||||
pipWindow.removeEventListener('focus', onPipFocusBlur, false);
|
||||
|
||||
hasPipFocus = false;
|
||||
pipWindow = undefined;
|
||||
}
|
||||
|
||||
function onPipResize() {
|
||||
window.clearTimeout(pipResizeTimeout);
|
||||
|
||||
pipResizeTimeout = window.setTimeout(updatePipDimensions, 500);
|
||||
}
|
||||
|
||||
function updatePipDimensions() {
|
||||
if (!pipWindow) {
|
||||
return;
|
||||
}
|
||||
|
||||
$lastPipHeight$ = pipWindow.document.body.clientHeight;
|
||||
$lastPipWidth$ = pipWindow.document.body.clientWidth;
|
||||
}
|
||||
|
||||
function onPipFocusBlur(event: Event) {
|
||||
hasPipFocus = event.type === 'focus';
|
||||
}
|
||||
|
||||
function onAfkBlur({ detail: isAfk }: CustomEvent<boolean>) {
|
||||
applyAfkBlur(document, isAfk);
|
||||
|
||||
if (pipWindow) {
|
||||
applyAfkBlur(pipWindow.document, isAfk);
|
||||
}
|
||||
}
|
||||
|
||||
function executeUpdateScroll() {
|
||||
updateScroll(window, lineContainer, $reverseLineOrder$, $displayVertical$);
|
||||
|
||||
if (pipWindow) {
|
||||
updateScroll(pipWindow, pipContainer, $reverseLineOrder$, false);
|
||||
}
|
||||
}
|
||||
|
||||
function handleMissedLine() {
|
||||
clearTimeout($flashOnPauseTimeout$);
|
||||
|
||||
if ($theme$ === Theme.GARDEN) {
|
||||
settingsContainer.classList.add('bg-base-200');
|
||||
settingsContainer.classList.remove('bg-base-100');
|
||||
document.body.classList.add('bg-base-200');
|
||||
}
|
||||
|
||||
document.body.classList.add('animate-[pulse_0.5s_cubic-bezier(0.4,0,0.6,1)_1]');
|
||||
|
||||
$flashOnPauseTimeout$ = window.setTimeout(() => {
|
||||
if ($theme$ === Theme.GARDEN) {
|
||||
settingsContainer.classList.add('bg-base-100');
|
||||
settingsContainer.classList.remove('bg-base-200');
|
||||
document.body.classList.remove('bg-base-200');
|
||||
}
|
||||
|
||||
document.body.classList.remove('animate-[pulse_0.5s_cubic-bezier(0.4,0,0.6,1)_1]');
|
||||
}, 500);
|
||||
}
|
||||
|
||||
function transformLine(text: string, useReplacements = true) {
|
||||
const textToAppend = useReplacements ? applyReplacements(text, $enabledReplacements$) : text;
|
||||
|
||||
let canAppend = true;
|
||||
let lineToAppend = $removeAllWhitespace$ ? textToAppend.replace(/\s/gm, '').trim() : textToAppend;
|
||||
|
||||
if ($filterNonCJKLines$ && !lineToAppend.match(cjkCharacters)) {
|
||||
lineToAppend = '';
|
||||
}
|
||||
|
||||
if (!lineToAppend) {
|
||||
canAppend = false;
|
||||
} else if ($preventGlobalDuplicate$) {
|
||||
canAppend = !$uniqueLines$.has(lineToAppend);
|
||||
$uniqueLines$.add(lineToAppend);
|
||||
} else if ($preventLastDuplicate$ && $lineData$.length) {
|
||||
canAppend = $lineData$.slice(-$preventLastDuplicate$).every((line) => line.text !== lineToAppend);
|
||||
}
|
||||
|
||||
return canAppend ? lineToAppend : undefined;
|
||||
}
|
||||
|
||||
function handleLineEdit(event) {
|
||||
const { inEdit, data } = event.detail as LineItemEditEvent;
|
||||
|
||||
if (data && data.originalText !== data.newText) {
|
||||
const text = transformLine(data.newText);
|
||||
|
||||
$lineData$[data.lineIndex] = {
|
||||
id: data.line.id,
|
||||
text,
|
||||
};
|
||||
|
||||
if (text) {
|
||||
$actionHistory$ = [...$actionHistory$, [{ ...data.line, index: data.lineIndex }]];
|
||||
$uniqueLines$.delete(data.originalText);
|
||||
$uniqueLines$.add(text);
|
||||
} else {
|
||||
tick().then(
|
||||
() =>
|
||||
($lineData$[data.lineIndex] = {
|
||||
id: data.line.id,
|
||||
text: data.originalText,
|
||||
}),
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
lineInEdit = inEdit;
|
||||
}
|
||||
|
||||
function applyMaxLinesAndGetRemainingLineData(diffMod = 0) {
|
||||
const oldLinesToRemove = new Set<string>();
|
||||
const startIndex = $maxLines$ ? $lineData$.length - $maxLines$ + diffMod : 0;
|
||||
const remainingLineData =
|
||||
startIndex > 0
|
||||
? $lineData$.filter((oldLine, index) => {
|
||||
if (index < startIndex) {
|
||||
oldLinesToRemove.add(oldLine.id);
|
||||
|
||||
$uniqueLines$.delete(oldLine.text);
|
||||
return false;
|
||||
}
|
||||
|
||||
return true;
|
||||
})
|
||||
: $lineData$;
|
||||
|
||||
if (oldLinesToRemove.size) {
|
||||
selectedLineIds = selectedLineIds.filter((selectedLineId) => !oldLinesToRemove.has(selectedLineId));
|
||||
}
|
||||
|
||||
return remainingLineData;
|
||||
}
|
||||
|
||||
function updateLineData(executeUpdate: boolean) {
|
||||
if (!executeUpdate) {
|
||||
return;
|
||||
}
|
||||
|
||||
$showSpinner$ = true;
|
||||
|
||||
try {
|
||||
for (let index = 0, { length } = $lineData$; index < length; index += 1) {
|
||||
const line = $lineData$[index];
|
||||
const newText = transformLine(line.text);
|
||||
|
||||
if (newText && newText !== line.text) {
|
||||
$uniqueLines$.delete(line.text);
|
||||
|
||||
$lineData$[index] = { ...line, text: newText };
|
||||
}
|
||||
}
|
||||
|
||||
$openDialog$ = {
|
||||
message: `Operation executed`,
|
||||
showCancel: false,
|
||||
};
|
||||
} catch ({ message }) {
|
||||
$openDialog$ = {
|
||||
type: 'error',
|
||||
message: `An Error occured: ${message}`,
|
||||
showCancel: false,
|
||||
};
|
||||
}
|
||||
|
||||
$lineData$ = applyEqualLineStartMerge(applyMaxLinesAndGetRemainingLineData());
|
||||
|
||||
$showSpinner$ = false;
|
||||
}
|
||||
|
||||
function applyEqualLineStartMerge(currentLineData: LineItem[]) {
|
||||
if (!$mergeEqualLineStarts$ || currentLineData.length < 2) {
|
||||
return currentLineData;
|
||||
}
|
||||
|
||||
const lastIndex = currentLineData.length - 1;
|
||||
const comparisonIndex = lastIndex - 1;
|
||||
const lastLine = currentLineData[lastIndex];
|
||||
const comparisonLine = currentLineData[comparisonIndex].text;
|
||||
|
||||
if (lastLine.text.startsWith(comparisonLine)) {
|
||||
$uniqueLines$.delete(comparisonLine);
|
||||
|
||||
selectedLineIds = selectedLineIds.filter(
|
||||
(selectedLineId) => selectedLineId !== currentLineData[comparisonIndex].id,
|
||||
);
|
||||
|
||||
currentLineData.splice(comparisonIndex, 2, lastLine);
|
||||
}
|
||||
|
||||
return currentLineData;
|
||||
}
|
||||
</script>
|
||||
|
||||
<svelte:window on:keyup={handleKeyPress} />
|
||||
|
||||
{$visibilityHandler$ ?? ''}
|
||||
{$handleLine$ ?? ''}
|
||||
{$pasteHandler$ ?? ''}
|
||||
{$copyBlocker$ ?? ''}
|
||||
{$resizeHandler$ ?? ''}
|
||||
|
||||
{#if $showSpinner$}
|
||||
<Spinner />
|
||||
{/if}
|
||||
|
||||
<DialogManager />
|
||||
|
||||
<header class="fixed top-0 right-0 flex justify-end items-center p-2 bg-base-100" bind:this={settingsContainer}>
|
||||
<Stats on:afkBlur={onAfkBlur} />
|
||||
{#if $websocketUrl$}
|
||||
<SocketConnector />
|
||||
{/if}
|
||||
{#if $secondaryWebsocketUrl$}
|
||||
<SocketConnector isPrimary={false} />
|
||||
{/if}
|
||||
{#if $isPaused$}
|
||||
<div
|
||||
role="button"
|
||||
title="Continue"
|
||||
class="mr-1 animate-[pulse_1.25s_cubic-bezier(0.4,0,0.6,1)_infinite] hover:text-primary sm:mr-2"
|
||||
>
|
||||
<Icon path={mdiPlay} width={iconSize} height={iconSize} on:click={() => ($isPaused$ = false)} />
|
||||
</div>
|
||||
{:else}
|
||||
<div role="button" title="Pause" class="mr-1 hover:text-primary sm:mr-2">
|
||||
<Icon path={mdiPause} width={iconSize} height={iconSize} on:click={() => ($isPaused$ = true)} />
|
||||
</div>
|
||||
{/if}
|
||||
<div
|
||||
role="button"
|
||||
title="Delete last Line"
|
||||
class="mr-1 hover:text-primary sm:mr-2"
|
||||
class:opacity-50={!$lineData$.length}
|
||||
class:cursor-not-allowed={!$lineData$.length}
|
||||
class:hover:text-primary={$lineData$.length}
|
||||
>
|
||||
<Icon path={mdiDeleteForever} width={iconSize} height={iconSize} on:click={removeLastLine} />
|
||||
</div>
|
||||
<div
|
||||
role="button"
|
||||
title="Undo last Action"
|
||||
class="mr-1 hover:text-primary sm:mr-2"
|
||||
class:opacity-50={!$actionHistory$.length}
|
||||
class:cursor-not-allowed={!$actionHistory$.length}
|
||||
class:hover:text-primary={$actionHistory$.length}
|
||||
>
|
||||
<Icon path={mdiArrowULeftTop} width={iconSize} height={iconSize} on:click={undoLastAction} />
|
||||
</div>
|
||||
{#if selectedLineIds.length}
|
||||
<div role="button" title="Remove selected Lines" class="mr-1 hover:text-primary sm:mr-2">
|
||||
<Icon path={mdiDelete} width={iconSize} height={iconSize} on:click={removeLines} />
|
||||
</div>
|
||||
<div role="button" title="Deselect Lines" class="mr-1 hover:text-primary sm:mr-2">
|
||||
<Icon path={mdiCancel} width={iconSize} height={iconSize} on:click={deselectLines} />
|
||||
</div>
|
||||
{/if}
|
||||
<div role="button" title="Open Notes" class="mr-1 hover:text-primary sm:mr-2">
|
||||
<Icon path={mdiNoteEdit} width={iconSize} height={iconSize} on:click={() => ($notesOpen$ = true)} />
|
||||
</div>
|
||||
{#if pipAvailable}
|
||||
<div
|
||||
role="button"
|
||||
class="mr-1 hover:text-primary sm:mr-2"
|
||||
title={pipWindow ? 'Close Floating Window' : 'Open Floating Window'}
|
||||
>
|
||||
<Icon
|
||||
width={iconSize}
|
||||
height={iconSize}
|
||||
path={pipWindow ? mdiWindowMaximize : mdiWindowRestore}
|
||||
on:click={handlePipAction}
|
||||
/>
|
||||
</div>
|
||||
{/if}
|
||||
<Icon
|
||||
class="cursor-pointer mr-1 hover:text-primary md:mr-2"
|
||||
path={mdiCog}
|
||||
width={iconSize}
|
||||
height={iconSize}
|
||||
bind:element={settingsElement}
|
||||
on:click={() => (settingsOpen = !settingsOpen)}
|
||||
/>
|
||||
<Settings
|
||||
{settingsElement}
|
||||
{pipAvailable}
|
||||
bind:settingsOpen
|
||||
bind:selectedLineIds
|
||||
bind:this={settingsComponent}
|
||||
on:applyReplacements={() => updateLineData(!!$enabledReplacements$.length)}
|
||||
on:layoutChange={executeUpdateScroll}
|
||||
on:maxLinesChange={() => ($lineData$ = applyMaxLinesAndGetRemainingLineData())}
|
||||
/>
|
||||
<Presets isQuickSwitch={true} on:layoutChange={executeUpdateScroll} />
|
||||
</header>
|
||||
<main
|
||||
class="flex flex-col flex-1 break-all px-4 w-full h-full overflow-auto"
|
||||
class:py-16={!$displayVertical$}
|
||||
class:py-8={$displayVertical$}
|
||||
class:opacity-50={$notesOpen$}
|
||||
class:flex-col-reverse={$reverseLineOrder$}
|
||||
style:font-size={`${$fontSize$}px`}
|
||||
style:font-family={$onlineFont$ !== OnlineFont.OFF ? $onlineFont$ : undefined}
|
||||
style:writing-mode={$displayVertical$ ? 'vertical-rl' : 'horizontal-tb'}
|
||||
bind:this={lineContainer}
|
||||
>
|
||||
{@html newLineCharacter}
|
||||
{#each $lineData$ as line, index (line.id)}
|
||||
<Line
|
||||
{line}
|
||||
{index}
|
||||
isLast={$lineData$.length - 1 === index}
|
||||
bind:this={lineElements[index]}
|
||||
on:selected={({ detail }) => {
|
||||
selectedLineIds = [...selectedLineIds, detail];
|
||||
}}
|
||||
on:deselected={({ detail }) => {
|
||||
selectedLineIds = selectedLineIds.filter((selectedLineId) => selectedLineId !== detail);
|
||||
}}
|
||||
on:edit={handleLineEdit}
|
||||
/>
|
||||
{/each}
|
||||
</main>
|
||||
{#if $notesOpen$}
|
||||
<div
|
||||
class="bg-base-200 fixed top-0 right-0 z-[60] flex h-full w-full max-w-3xl flex-col justify-between"
|
||||
in:fly|local={{ x: 100, duration: 100, easing: quintInOut }}
|
||||
>
|
||||
<Notes />
|
||||
</div>
|
||||
{/if}
|
||||
<div
|
||||
id="pip-container"
|
||||
class="flex flex-col flex-1 flex flex-col break-all px-4 w-full h-full overflow-auto"
|
||||
class:flex-col-reverse={$reverseLineOrder$}
|
||||
class:hidden={!pipWindow}
|
||||
style:font-size={`${$fontSize$}px`}
|
||||
style:font-family={$onlineFont$ !== OnlineFont.OFF ? $onlineFont$ : undefined}
|
||||
bind:this={pipContainer}
|
||||
>
|
||||
{#if pipWindow}
|
||||
{#each pipLines as line, index (line.id)}
|
||||
<Line {line} {index} {pipWindow} isLast={pipLines.length - 1 === index} />
|
||||
{/each}
|
||||
{/if}
|
||||
</div>
|
||||
@@ -1,64 +0,0 @@
|
||||
<script lang="ts">
|
||||
import { createEventDispatcher } from 'svelte';
|
||||
import Icon from './Icon.svelte';
|
||||
|
||||
export let icon: string | undefined;
|
||||
export let message: string | undefined;
|
||||
export let type = 'info';
|
||||
export let showCancel = true;
|
||||
export let askForData = '';
|
||||
export let dataValue: string | number | undefined;
|
||||
export let callback: <T>(param: { canceled: boolean; data: T }) => void;
|
||||
|
||||
const dispatch = createEventDispatcher<{ close: void }>();
|
||||
|
||||
function handleChange(event: Event) {
|
||||
const target = event.target as HTMLInputElement;
|
||||
|
||||
dataValue = target.value;
|
||||
}
|
||||
</script>
|
||||
|
||||
<div class="fixed top-12 flex justify-center w-full z-30">
|
||||
<div class="alert shadow-lg max-w-xl" class:alert-info={type === 'info'} class:alert-error={type === 'error'}>
|
||||
<div>
|
||||
{#if icon}
|
||||
<Icon path={icon} />
|
||||
{/if}
|
||||
<span>
|
||||
{#if askForData}
|
||||
<div>
|
||||
{#if askForData === 'text'}
|
||||
<input
|
||||
type={askForData}
|
||||
class="input input-bordered h-8 ml-2"
|
||||
value={dataValue}
|
||||
on:change={handleChange}
|
||||
/>
|
||||
{/if}
|
||||
</div>
|
||||
{:else}
|
||||
{message}
|
||||
{/if}
|
||||
</span>
|
||||
</div>
|
||||
<div class="flex-none">
|
||||
{#if showCancel}
|
||||
<button
|
||||
class="btn btn-sm btn-ghost"
|
||||
on:click={() => {
|
||||
callback?.({ canceled: true, data: dataValue });
|
||||
dispatch('close');
|
||||
}}>Cancel</button
|
||||
>
|
||||
{/if}
|
||||
<button
|
||||
class="btn btn-sm btn-primary"
|
||||
on:click={() => {
|
||||
callback?.({ canceled: false, data: dataValue });
|
||||
dispatch('close');
|
||||
}}>Confirm</button
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -1,36 +0,0 @@
|
||||
<script lang="ts">
|
||||
import { onDestroy } from 'svelte';
|
||||
import { dialogOpen$, openDialog$ } from '../stores/stores';
|
||||
import Dialog from './Dialog.svelte';
|
||||
|
||||
let props: any;
|
||||
let dialogPropsQueue: any[] = [];
|
||||
|
||||
const sub = openDialog$.subscribe((d) => {
|
||||
if (
|
||||
!d ||
|
||||
((d.message.includes('Lost Connection to') || d.message.includes('Unable to connect to')) &&
|
||||
(props?.message === d.message || dialogPropsQueue.find((dialog) => dialog.message === d.message)))
|
||||
) {
|
||||
return;
|
||||
}
|
||||
|
||||
dialogPropsQueue.unshift(d);
|
||||
|
||||
if (!props) {
|
||||
handleDialog();
|
||||
}
|
||||
});
|
||||
|
||||
function handleDialog() {
|
||||
props = dialogPropsQueue.pop();
|
||||
|
||||
$dialogOpen$ = !!props;
|
||||
}
|
||||
|
||||
onDestroy(() => sub?.unsubscribe());
|
||||
</script>
|
||||
|
||||
{#if props}
|
||||
<Dialog {...props} on:close={handleDialog} />
|
||||
{/if}
|
||||
21
vendor/texthooker-ui/src/components/Icon.svelte
vendored
21
vendor/texthooker-ui/src/components/Icon.svelte
vendored
@@ -1,21 +0,0 @@
|
||||
<script lang="ts">
|
||||
export let path: string;
|
||||
export let width = '1.5rem';
|
||||
export let height = '1.5rem';
|
||||
export let element: SVGElement | undefined = undefined;
|
||||
export { _class as class };
|
||||
|
||||
let _class = '';
|
||||
</script>
|
||||
|
||||
<svg
|
||||
style="width: {width}; height: {height};"
|
||||
viewBox="0 0 24 24"
|
||||
fill="currentColor"
|
||||
class={_class}
|
||||
bind:this={element}
|
||||
on:click
|
||||
on:keyup
|
||||
>
|
||||
<path d={path} />
|
||||
</svg>
|
||||
143
vendor/texthooker-ui/src/components/Line.svelte
vendored
143
vendor/texthooker-ui/src/components/Line.svelte
vendored
@@ -1,143 +0,0 @@
|
||||
<script lang="ts">
|
||||
import { mdiTrophy } from '@mdi/js';
|
||||
import { createEventDispatcher, onDestroy, onMount, tick } from 'svelte';
|
||||
import { fly } from 'svelte/transition';
|
||||
import {
|
||||
displayVertical$,
|
||||
enableLineAnimation$,
|
||||
milestoneLines$,
|
||||
preserveWhitespace$,
|
||||
reverseLineOrder$,
|
||||
} from '../stores/stores';
|
||||
import type { LineItem, LineItemEditEvent } from '../types';
|
||||
import { dummyFn, newLineCharacter, updateScroll } from '../util';
|
||||
import Icon from './Icon.svelte';
|
||||
|
||||
export let line: LineItem;
|
||||
export let index: number;
|
||||
export let isLast: boolean;
|
||||
export let pipWindow: Window = undefined;
|
||||
|
||||
export function deselect() {
|
||||
isSelected = false;
|
||||
}
|
||||
|
||||
export function getIdIfSelected(range: Range) {
|
||||
return isSelected || range.intersectsNode(paragraph) ? line.id : undefined;
|
||||
}
|
||||
|
||||
const dispatch = createEventDispatcher<{ deselected: string; selected: string; edit: LineItemEditEvent }>();
|
||||
|
||||
let paragraph: HTMLElement;
|
||||
let originalText = '';
|
||||
let isSelected = false;
|
||||
let isEditable = false;
|
||||
|
||||
$: isVerticalDisplay = !pipWindow && $displayVertical$;
|
||||
|
||||
onMount(() => {
|
||||
if (isLast) {
|
||||
updateScroll(
|
||||
pipWindow || window,
|
||||
paragraph.parentElement,
|
||||
$reverseLineOrder$,
|
||||
isVerticalDisplay,
|
||||
$enableLineAnimation$ ? 'smooth' : 'auto',
|
||||
);
|
||||
}
|
||||
});
|
||||
|
||||
onDestroy(() => {
|
||||
document.removeEventListener('click', clickOutsideHandler, false);
|
||||
dispatch('edit', { inEdit: false });
|
||||
});
|
||||
|
||||
function handleDblClick(event: MouseEvent) {
|
||||
if (pipWindow) {
|
||||
return;
|
||||
}
|
||||
|
||||
window.getSelection()?.removeAllRanges();
|
||||
|
||||
if (event.ctrlKey || event.metaKey) {
|
||||
if (isSelected) {
|
||||
isSelected = false;
|
||||
dispatch('deselected', line.id);
|
||||
} else {
|
||||
isSelected = true;
|
||||
dispatch('selected', line.id);
|
||||
}
|
||||
} else {
|
||||
originalText = paragraph.innerText;
|
||||
isEditable = true;
|
||||
|
||||
dispatch('edit', { inEdit: true });
|
||||
|
||||
document.addEventListener('click', clickOutsideHandler, false);
|
||||
|
||||
tick().then(() => {
|
||||
paragraph.focus();
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
function clickOutsideHandler(event: MouseEvent) {
|
||||
const target = event.target as Node;
|
||||
|
||||
if (!paragraph.contains(target)) {
|
||||
isEditable = false;
|
||||
document.removeEventListener('click', clickOutsideHandler, false);
|
||||
|
||||
dispatch('edit', {
|
||||
inEdit: false,
|
||||
data: { originalText, newText: paragraph.innerText, lineIndex: index, line },
|
||||
});
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
{#key line.text}
|
||||
<p
|
||||
class="my-2 cursor-pointer border-2"
|
||||
class:py-4={!isVerticalDisplay}
|
||||
class:px-2={!isVerticalDisplay}
|
||||
class:py-2={isVerticalDisplay}
|
||||
class:px-4={isVerticalDisplay}
|
||||
class:border-transparent={!isSelected}
|
||||
class:cursor-text={isEditable}
|
||||
class:border-primary={isSelected}
|
||||
class:border-accent-focus={isEditable}
|
||||
class:whitespace-pre-wrap={$preserveWhitespace$}
|
||||
contenteditable={isEditable}
|
||||
on:dblclick={handleDblClick}
|
||||
on:keyup={dummyFn}
|
||||
bind:this={paragraph}
|
||||
in:fly={{ x: isVerticalDisplay ? 100 : -100, duration: $enableLineAnimation$ ? 250 : 0 }}
|
||||
>
|
||||
{line.text}
|
||||
</p>
|
||||
{/key}
|
||||
{@html newLineCharacter}
|
||||
{#if $milestoneLines$.has(line.id)}
|
||||
<div
|
||||
class="flex justify-center text-xs my-2 py-2 border-primary border-dashed milestone"
|
||||
class:border-x-2={$displayVertical$}
|
||||
class:border-y-2={!$displayVertical$}
|
||||
class:py-4={!isVerticalDisplay}
|
||||
class:px-2={!isVerticalDisplay}
|
||||
class:py-2={isVerticalDisplay}
|
||||
class:px-4={isVerticalDisplay}
|
||||
>
|
||||
<div class="flex items-center">
|
||||
<Icon class={$displayVertical$ ? '' : 'mr-2'} path={mdiTrophy}></Icon>
|
||||
<span class:mt-2={$displayVertical$}>{$milestoneLines$.get(line.id)}</span>
|
||||
</div>
|
||||
</div>
|
||||
{@html newLineCharacter}
|
||||
{/if}
|
||||
|
||||
<style>
|
||||
p:focus-visible {
|
||||
outline: none;
|
||||
}
|
||||
</style>
|
||||
26
vendor/texthooker-ui/src/components/Notes.svelte
vendored
26
vendor/texthooker-ui/src/components/Notes.svelte
vendored
@@ -1,26 +0,0 @@
|
||||
<script lang="ts">
|
||||
import { mdiClose } from '@mdi/js';
|
||||
import { notesOpen$, userNotes$ } from '../stores/stores';
|
||||
import { dummyFn } from '../util';
|
||||
import Icon from './Icon.svelte';
|
||||
|
||||
function handleBlur(event: FocusEvent) {
|
||||
$userNotes$ = (event.target as HTMLTextAreaElement).value;
|
||||
}
|
||||
</script>
|
||||
|
||||
<div class="flex justify-end p-4">
|
||||
<div
|
||||
class="flex cursor-pointer items-end md:items-center"
|
||||
on:click={() => ($notesOpen$ = false)}
|
||||
on:keyup={dummyFn}
|
||||
>
|
||||
<Icon path={mdiClose} />
|
||||
</div>
|
||||
</div>
|
||||
<textarea
|
||||
class="flex-1 overflow-auto ml-10 mr-2 mb-4 p-1 pb-2"
|
||||
style="resize: none;"
|
||||
value={$userNotes$}
|
||||
on:blur={handleBlur}
|
||||
/>
|
||||
330
vendor/texthooker-ui/src/components/Presets.svelte
vendored
330
vendor/texthooker-ui/src/components/Presets.svelte
vendored
@@ -1,330 +0,0 @@
|
||||
<script lang="ts">
|
||||
import { mdiContentSave, mdiDatabaseSync, mdiDelete, mdiHelpCircle, mdiReload } from '@mdi/js';
|
||||
import { createEventDispatcher, tick } from 'svelte';
|
||||
import {
|
||||
adjustTimerOnAfk$,
|
||||
afkTimer$,
|
||||
allowNewLineDuringPause$,
|
||||
allowPasteDuringPause$,
|
||||
autoStartTimerDuringPause$,
|
||||
autoStartTimerDuringPausePaste$,
|
||||
blockCopyOnPage$,
|
||||
blurStats$,
|
||||
characterMilestone$,
|
||||
continuousReconnect$,
|
||||
customCSS$,
|
||||
defaultSettings,
|
||||
displayVertical$,
|
||||
enableAfkBlur$,
|
||||
enableAfkBlurRestart$,
|
||||
enableExternalClipboardMonitor$,
|
||||
enableLineAnimation$,
|
||||
enablePaste$,
|
||||
filterNonCJKLines$,
|
||||
flashOnMissedLine$,
|
||||
fontSize$,
|
||||
lastSettingPreset$,
|
||||
maxLines$,
|
||||
maxPipLines$,
|
||||
mergeEqualLineStarts$,
|
||||
milestoneLines$,
|
||||
onlineFont$,
|
||||
openDialog$,
|
||||
persistActionHistory$,
|
||||
persistLines$,
|
||||
persistNotes$,
|
||||
persistStats$,
|
||||
preserveWhitespace$,
|
||||
preventGlobalDuplicate$,
|
||||
preventLastDuplicate$,
|
||||
reconnectSecondarySocket$,
|
||||
reconnectSocket$,
|
||||
removeAllWhitespace$,
|
||||
replacements$,
|
||||
reverseLineOrder$,
|
||||
secondarySocketState$,
|
||||
secondaryWebsocketUrl$,
|
||||
settingPresets$,
|
||||
showCharacterCount$,
|
||||
showConnectionErrors$,
|
||||
showConnectionIcon$,
|
||||
showLineCount$,
|
||||
showPresetQuickSwitch$,
|
||||
showSpeed$,
|
||||
showTimer$,
|
||||
skipResetConfirmations$,
|
||||
socketState$,
|
||||
theme$,
|
||||
websocketUrl$,
|
||||
windowTitle$,
|
||||
} from '../stores/stores';
|
||||
import type { DialogResult, SettingPreset, Settings } from '../types';
|
||||
import { dummyFn } from '../util';
|
||||
import Icon from './Icon.svelte';
|
||||
|
||||
export let isQuickSwitch = false;
|
||||
|
||||
export function getCurrentSettings(): Settings {
|
||||
return {
|
||||
theme$: $theme$,
|
||||
replacements$: $replacements$,
|
||||
windowTitle$: $windowTitle$,
|
||||
websocketUrl$: $websocketUrl$,
|
||||
secondaryWebsocketUrl$: $secondaryWebsocketUrl$,
|
||||
fontSize$: $fontSize$,
|
||||
characterMilestone$: $characterMilestone$,
|
||||
onlineFont$: $onlineFont$,
|
||||
preventLastDuplicate$: $preventLastDuplicate$,
|
||||
maxLines$: $maxLines$,
|
||||
maxPipLines$: $maxPipLines$,
|
||||
afkTimer$: $afkTimer$,
|
||||
adjustTimerOnAfk$: $adjustTimerOnAfk$,
|
||||
enableExternalClipboardMonitor$: $enableExternalClipboardMonitor$,
|
||||
showPresetQuickSwitch$: $showPresetQuickSwitch$,
|
||||
skipResetConfirmations$: $skipResetConfirmations$,
|
||||
persistStats$: $persistStats$,
|
||||
persistNotes$: $persistNotes$,
|
||||
persistLines$: $persistLines$,
|
||||
persistActionHistory$: $persistActionHistory$,
|
||||
enablePaste$: $enablePaste$,
|
||||
blockCopyOnPage$: $blockCopyOnPage$,
|
||||
allowPasteDuringPause$: $allowPasteDuringPause$,
|
||||
allowNewLineDuringPause$: $allowNewLineDuringPause$,
|
||||
autoStartTimerDuringPausePaste$: $autoStartTimerDuringPausePaste$,
|
||||
autoStartTimerDuringPause$: $autoStartTimerDuringPause$,
|
||||
preventGlobalDuplicate$: $preventGlobalDuplicate$,
|
||||
mergeEqualLineStarts$: $mergeEqualLineStarts$,
|
||||
filterNonCJKLines: $filterNonCJKLines$,
|
||||
flashOnMissedLine$: $flashOnMissedLine$,
|
||||
displayVertical$: $displayVertical$,
|
||||
reverseLineOrder$: $reverseLineOrder$,
|
||||
preserveWhitespace$: $preserveWhitespace$,
|
||||
removeAllWhitespace$: $removeAllWhitespace$,
|
||||
showTimer$: $showTimer$,
|
||||
showSpeed$: $showSpeed$,
|
||||
showCharacterCount$: $showCharacterCount$,
|
||||
showLineCount$: $showLineCount$,
|
||||
blurStats$: $blurStats$,
|
||||
enableLineAnimation$: $enableLineAnimation$,
|
||||
enableAfkBlur$: $enableAfkBlur$,
|
||||
enableAfkBlurRestart$: $enableAfkBlurRestart$,
|
||||
continuousReconnect$: $continuousReconnect$,
|
||||
showConnectionErrors$: $showConnectionErrors$,
|
||||
showConnectionIcon$: $showConnectionIcon$,
|
||||
customCSS$: $customCSS$,
|
||||
};
|
||||
}
|
||||
|
||||
export function updateSettingsWithPreset(preset: SettingPreset, updateLastPreset = true) {
|
||||
theme$.next(preset.settings.theme$ ?? defaultSettings.theme$);
|
||||
replacements$.next(preset.settings.replacements$ ?? defaultSettings.replacements$);
|
||||
windowTitle$.next(preset.settings.windowTitle$ ?? defaultSettings.windowTitle$);
|
||||
websocketUrl$.next(preset.settings.websocketUrl$ ?? defaultSettings.websocketUrl$);
|
||||
secondaryWebsocketUrl$.next(preset.settings.secondaryWebsocketUrl$ ?? '');
|
||||
fontSize$.next(preset.settings.fontSize$ ?? defaultSettings.fontSize$);
|
||||
characterMilestone$.next(preset.settings.characterMilestone$ ?? defaultSettings.characterMilestone$);
|
||||
onlineFont$.next(preset.settings.onlineFont$ ?? defaultSettings.onlineFont$);
|
||||
preventLastDuplicate$.next(preset.settings.preventLastDuplicate$ ?? defaultSettings.preventLastDuplicate$);
|
||||
maxLines$.next(preset.settings.maxLines$ ?? defaultSettings.maxLines$);
|
||||
maxPipLines$.next(preset.settings.maxPipLines$ ?? defaultSettings.maxPipLines$);
|
||||
afkTimer$.next(preset.settings.afkTimer$ ?? defaultSettings.afkTimer$);
|
||||
adjustTimerOnAfk$.next(preset.settings.adjustTimerOnAfk$ ?? defaultSettings.adjustTimerOnAfk$);
|
||||
enableExternalClipboardMonitor$.next(
|
||||
preset.settings.enableExternalClipboardMonitor$ ?? defaultSettings.enableExternalClipboardMonitor$,
|
||||
);
|
||||
showPresetQuickSwitch$.next(preset.settings.showPresetQuickSwitch$ ?? defaultSettings.showPresetQuickSwitch$);
|
||||
skipResetConfirmations$.next(
|
||||
preset.settings.skipResetConfirmations$ ?? defaultSettings.skipResetConfirmations$,
|
||||
);
|
||||
persistStats$.next(preset.settings.persistStats$ ?? defaultSettings.persistStats$);
|
||||
persistNotes$.next(preset.settings.persistNotes$ ?? defaultSettings.persistNotes$);
|
||||
persistLines$.next(preset.settings.persistLines$ ?? defaultSettings.persistLines$);
|
||||
persistActionHistory$.next(preset.settings.persistActionHistory$ ?? defaultSettings.persistActionHistory$);
|
||||
enablePaste$.next(preset.settings.enablePaste$ ?? defaultSettings.enablePaste$);
|
||||
blockCopyOnPage$.next(preset.settings.blockCopyOnPage$ ?? defaultSettings.blockCopyOnPage$);
|
||||
allowPasteDuringPause$.next(preset.settings.allowPasteDuringPause$ ?? defaultSettings.allowPasteDuringPause$);
|
||||
allowNewLineDuringPause$.next(
|
||||
preset.settings.allowNewLineDuringPause$ ?? defaultSettings.allowNewLineDuringPause$,
|
||||
);
|
||||
autoStartTimerDuringPausePaste$.next(
|
||||
preset.settings.autoStartTimerDuringPausePaste$ ?? defaultSettings.autoStartTimerDuringPausePaste$,
|
||||
);
|
||||
autoStartTimerDuringPause$.next(
|
||||
preset.settings.autoStartTimerDuringPause$ ?? defaultSettings.autoStartTimerDuringPause$,
|
||||
);
|
||||
preventGlobalDuplicate$.next(
|
||||
preset.settings.preventGlobalDuplicate$ ?? defaultSettings.preventGlobalDuplicate$,
|
||||
);
|
||||
mergeEqualLineStarts$.next(preset.settings.mergeEqualLineStarts$ ?? defaultSettings.mergeEqualLineStarts$);
|
||||
filterNonCJKLines$.next(preset.settings.filterNonCJKLines ?? defaultSettings.filterNonCJKLines);
|
||||
flashOnMissedLine$.next(preset.settings.flashOnMissedLine$ ?? defaultSettings.flashOnMissedLine$);
|
||||
displayVertical$.next(preset.settings.displayVertical$ ?? defaultSettings.displayVertical$);
|
||||
reverseLineOrder$.next(preset.settings.reverseLineOrder$ ?? defaultSettings.reverseLineOrder$);
|
||||
preserveWhitespace$.next(preset.settings.preserveWhitespace$ ?? defaultSettings.preserveWhitespace$);
|
||||
removeAllWhitespace$.next(preset.settings.removeAllWhitespace$ ?? defaultSettings.removeAllWhitespace$);
|
||||
showTimer$.next(preset.settings.showTimer$ ?? defaultSettings.showTimer$);
|
||||
showSpeed$.next(preset.settings.showSpeed$ ?? defaultSettings.showSpeed$);
|
||||
showCharacterCount$.next(preset.settings.showCharacterCount$ ?? defaultSettings.showCharacterCount$);
|
||||
showLineCount$.next(preset.settings.showLineCount$ ?? defaultSettings.showLineCount$);
|
||||
blurStats$.next(preset.settings.blurStats$ ?? defaultSettings.blurStats$);
|
||||
enableLineAnimation$.next(preset.settings.enableLineAnimation$ ?? defaultSettings.enableLineAnimation$);
|
||||
enableAfkBlur$.next(preset.settings.enableAfkBlur$ ?? defaultSettings.enableAfkBlur$);
|
||||
enableAfkBlurRestart$.next(preset.settings.enableAfkBlurRestart$ ?? defaultSettings.enableAfkBlurRestart$);
|
||||
continuousReconnect$.next(preset.settings.continuousReconnect$ ?? defaultSettings.continuousReconnect$);
|
||||
showConnectionErrors$.next(preset.settings.showConnectionErrors$ ?? defaultSettings.showConnectionErrors$);
|
||||
showConnectionIcon$.next(preset.settings.showConnectionIcon$ ?? defaultSettings.showConnectionIcon$);
|
||||
customCSS$.next(preset.settings.customCSS$ ?? defaultSettings.customCSS$);
|
||||
|
||||
if (updateLastPreset) {
|
||||
$lastSettingPreset$ = preset.name;
|
||||
}
|
||||
|
||||
if ($characterMilestone$ === 0) {
|
||||
$milestoneLines$ = new Map<string, string>();
|
||||
}
|
||||
|
||||
tick().then(() => {
|
||||
dispatch('layoutChange');
|
||||
|
||||
if ($socketState$ !== 1 && $continuousReconnect$) {
|
||||
reconnectSocket$.next();
|
||||
}
|
||||
|
||||
if ($secondarySocketState$ !== 1 && $continuousReconnect$) {
|
||||
reconnectSecondarySocket$.next();
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
const fallbackPresetEntry = [{ name: '' }];
|
||||
const dispatch = createEventDispatcher<{ layoutChange: void; exportImportPreset: MouseEvent }>();
|
||||
|
||||
function selectPreset(event: Event) {
|
||||
const target = event.target as HTMLSelectElement;
|
||||
|
||||
changePreset(target.selectedOptions[0].value);
|
||||
}
|
||||
|
||||
function changePreset(presetName: string) {
|
||||
const existingEntry = $settingPresets$.find((entry) => entry.name === presetName);
|
||||
|
||||
if (existingEntry) {
|
||||
updateSettingsWithPreset(existingEntry);
|
||||
}
|
||||
}
|
||||
|
||||
async function savePreset() {
|
||||
const { canceled, data } = await new Promise<DialogResult<string>>((resolve) => {
|
||||
$openDialog$ = {
|
||||
icon: mdiHelpCircle,
|
||||
askForData: 'text',
|
||||
dataValue: $lastSettingPreset$ || 'Preset Name',
|
||||
message: '',
|
||||
callback: resolve,
|
||||
};
|
||||
});
|
||||
|
||||
if (canceled || !data) {
|
||||
return;
|
||||
}
|
||||
|
||||
const existingEntryIndex = $settingPresets$.findIndex((entry) => entry.name === data);
|
||||
const entry: SettingPreset = {
|
||||
name: data,
|
||||
settings: getCurrentSettings(),
|
||||
};
|
||||
|
||||
if (existingEntryIndex > -1) {
|
||||
$settingPresets$[existingEntryIndex] = entry;
|
||||
} else {
|
||||
$settingPresets$ = [...$settingPresets$, entry];
|
||||
}
|
||||
|
||||
$lastSettingPreset$ = data;
|
||||
}
|
||||
|
||||
async function deletePreset() {
|
||||
if (!$skipResetConfirmations$) {
|
||||
const { canceled } = await new Promise<DialogResult>((resolve) => {
|
||||
$openDialog$ = {
|
||||
icon: mdiHelpCircle,
|
||||
message: 'Preset will be deleted',
|
||||
callback: resolve,
|
||||
};
|
||||
});
|
||||
|
||||
if (canceled) {
|
||||
return;
|
||||
}
|
||||
}
|
||||
|
||||
$settingPresets$ = $settingPresets$.filter((entry) => entry.name !== $lastSettingPreset$);
|
||||
$lastSettingPreset$ = '';
|
||||
}
|
||||
</script>
|
||||
|
||||
{#if isQuickSwitch}
|
||||
<select
|
||||
class="w-48 hidden sm:block"
|
||||
class:sm:hidden={!$showPresetQuickSwitch$ || $settingPresets$.length < 2}
|
||||
value={$lastSettingPreset$}
|
||||
on:change={selectPreset}
|
||||
>
|
||||
{#each $settingPresets$.length ? $settingPresets$ : fallbackPresetEntry as preset (preset.name)}
|
||||
<option value={preset.name}>
|
||||
{preset.name}
|
||||
</option>
|
||||
{/each}
|
||||
</select>
|
||||
{:else}
|
||||
<details role="button" class="col-span-4 mb-2">
|
||||
<summary>Presets</summary>
|
||||
<div class="flex items-center justify-between mt-2">
|
||||
<select class="select flex-1 max-w-md" value={$lastSettingPreset$} on:change={selectPreset}>
|
||||
{#each $settingPresets$.length ? $settingPresets$ : fallbackPresetEntry as preset (preset.name)}
|
||||
<option value={preset.name}>
|
||||
{preset.name || 'No Presets stored'}
|
||||
</option>
|
||||
{/each}
|
||||
</select>
|
||||
<div
|
||||
role="button"
|
||||
class="flex flex-col items-center hover:text-primary ml-3"
|
||||
on:click={savePreset}
|
||||
on:keyup={dummyFn}
|
||||
>
|
||||
<Icon path={mdiContentSave} />
|
||||
<span class="label-text">Save</span>
|
||||
</div>
|
||||
<div
|
||||
role="button"
|
||||
class="flex flex-col items-center hover:text-primary ml-3"
|
||||
on:click={(event) => dispatch('exportImportPreset', event)}
|
||||
on:keyup={dummyFn}
|
||||
>
|
||||
<Icon path={mdiDatabaseSync} />
|
||||
<span class="label-text">Export/Import</span>
|
||||
</div>
|
||||
<div
|
||||
role="button"
|
||||
class="flex flex-col items-center hover:text-primary ml-3"
|
||||
class:invisible={!$lastSettingPreset$}
|
||||
on:click={() => changePreset($lastSettingPreset$)}
|
||||
on:keyup={dummyFn}
|
||||
>
|
||||
<Icon path={mdiReload} />
|
||||
<span class="label-text">Reload</span>
|
||||
</div>
|
||||
<div
|
||||
role="button"
|
||||
class="flex flex-col items-center hover:text-primary ml-3"
|
||||
class:invisible={!$lastSettingPreset$}
|
||||
on:click={deletePreset}
|
||||
on:keyup={dummyFn}
|
||||
>
|
||||
<Icon path={mdiDelete} />
|
||||
<span class="label-text">Delete</span>
|
||||
</div>
|
||||
</div>
|
||||
</details>
|
||||
{/if}
|
||||
@@ -1,52 +0,0 @@
|
||||
<script lang="ts">
|
||||
import { mdiPlus } from '@mdi/js';
|
||||
import { replacements$ } from '../stores/stores';
|
||||
import type { ReplacementItem } from '../types';
|
||||
import Icon from './Icon.svelte';
|
||||
import ReplacementSettingsInput from './ReplacementSettingsInput.svelte';
|
||||
import ReplacementSettingsList from './ReplacementSettingsList.svelte';
|
||||
|
||||
let inEditMode = false;
|
||||
|
||||
let currentReplacement: ReplacementItem | undefined;
|
||||
|
||||
$: hasReplacements = !!$replacements$.length;
|
||||
|
||||
$: resetEditMode($replacements$);
|
||||
|
||||
function resetEditMode(_replacements: ReplacementItem[]) {
|
||||
inEditMode = false;
|
||||
}
|
||||
</script>
|
||||
|
||||
<details class="col-span-4 mb-2 cursor-pointer max-w-lg">
|
||||
<summary>Replacements</summary>
|
||||
<div class="mb-8">
|
||||
{#if inEditMode}
|
||||
<ReplacementSettingsInput
|
||||
{currentReplacement}
|
||||
on:close={() => {
|
||||
inEditMode = false;
|
||||
currentReplacement = undefined;
|
||||
}}
|
||||
/>
|
||||
{:else if hasReplacements}
|
||||
{#key $replacements$}
|
||||
<ReplacementSettingsList
|
||||
on:edit={({ detail }) => {
|
||||
currentReplacement = detail;
|
||||
inEditMode = true;
|
||||
}}
|
||||
on:applyReplacements
|
||||
/>
|
||||
{/key}
|
||||
{:else}
|
||||
<div class="flex justify-end my-2">
|
||||
<button title="Add replacement" class="ml-2 hover:text-primary" on:click={() => (inEditMode = true)}>
|
||||
<Icon path={mdiPlus} />
|
||||
</button>
|
||||
</div>
|
||||
<div>You have currently no replacements configured</div>
|
||||
{/if}
|
||||
</div>
|
||||
</details>
|
||||
@@ -1,132 +0,0 @@
|
||||
<script lang="ts">
|
||||
import { mdiCancel, mdiFloppy, mdiInformation } from '@mdi/js';
|
||||
import { debounceTime, Subject, tap } from 'rxjs';
|
||||
import { createEventDispatcher } from 'svelte';
|
||||
import { replacements$ } from '../stores/stores';
|
||||
import type { ReplacementItem } from '../types';
|
||||
import { applyReplacements, reduceToEmptyString } from '../util';
|
||||
import Icon from './Icon.svelte';
|
||||
|
||||
export let currentReplacement: ReplacementItem | undefined;
|
||||
|
||||
const dispatch = createEventDispatcher<{ close: void }>();
|
||||
|
||||
const applyPattern$ = new Subject<void>();
|
||||
const replacement: ReplacementItem = currentReplacement
|
||||
? JSON.parse(JSON.stringify(currentReplacement))
|
||||
: { pattern: '', replaces: '', flags: [], enabled: true };
|
||||
const flags = [
|
||||
{ label: 'global', value: 'g' },
|
||||
{ label: 'multiline', value: 'm' },
|
||||
{ label: 'insensitive', value: 'i' },
|
||||
{ label: 'unicode', value: 'u' },
|
||||
];
|
||||
|
||||
const executePattern$ = applyPattern$.pipe(
|
||||
debounceTime(500),
|
||||
tap(() => {
|
||||
try {
|
||||
currentPatternError = '';
|
||||
|
||||
if (!replacement.pattern || !currentTestValue) {
|
||||
return;
|
||||
}
|
||||
|
||||
currentTestOutcome = applyReplacements(currentTestValue, [replacement]);
|
||||
} catch ({ message }) {
|
||||
currentPatternError = `Error: ${message}`;
|
||||
}
|
||||
}),
|
||||
reduceToEmptyString(),
|
||||
);
|
||||
|
||||
let patternInput: HTMLInputElement;
|
||||
let currentTestValue = '';
|
||||
let currentTestOutcome = '';
|
||||
let currentPatternError = '';
|
||||
|
||||
function onExecutePattern() {
|
||||
patternInput.setCustomValidity(currentPatternError);
|
||||
|
||||
applyPattern$.next();
|
||||
}
|
||||
|
||||
function onSave() {
|
||||
if (!currentReplacement && $replacements$.find((entry) => entry.pattern === replacement.pattern)) {
|
||||
patternInput.setCustomValidity('This pattern already exists');
|
||||
|
||||
return patternInput.reportValidity();
|
||||
}
|
||||
|
||||
if (currentReplacement) {
|
||||
$replacements$ = $replacements$.map((entry) => {
|
||||
if (entry.pattern === currentReplacement.pattern) {
|
||||
return replacement;
|
||||
}
|
||||
|
||||
return entry;
|
||||
});
|
||||
} else {
|
||||
$replacements$ = [...$replacements$, replacement];
|
||||
}
|
||||
|
||||
dispatch('close');
|
||||
}
|
||||
</script>
|
||||
|
||||
{$executePattern$ ?? ''}
|
||||
<div class="flex justify-end my-2">
|
||||
{#if replacement.pattern}
|
||||
<button title="Save" class="hover:text-primary" on:click={onSave}>
|
||||
<Icon path={mdiFloppy} />
|
||||
</button>
|
||||
{/if}
|
||||
<button title="Cancel" class="ml-2 hover:text-primary" on:click={() => dispatch('close')}>
|
||||
<Icon path={mdiCancel} />
|
||||
</button>
|
||||
<button
|
||||
title="Cancel"
|
||||
class="ml-2 hover:text-primary"
|
||||
on:click={() =>
|
||||
window.open(
|
||||
'https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/replace#description',
|
||||
'_blank',
|
||||
)}
|
||||
>
|
||||
<Icon path={mdiInformation} />
|
||||
</button>
|
||||
</div>
|
||||
<div>
|
||||
<input
|
||||
placeholder="text pattern"
|
||||
class="w-full my-2"
|
||||
bind:value={replacement.pattern}
|
||||
bind:this={patternInput}
|
||||
on:input={onExecutePattern}
|
||||
/>
|
||||
<input
|
||||
placeholder="replacement pattern"
|
||||
class="w-full my-2"
|
||||
bind:value={replacement.replaces}
|
||||
on:input={onExecutePattern}
|
||||
/>
|
||||
<div class="flex justify-between my-4">
|
||||
{#each flags as flag (flag.value)}
|
||||
<label>
|
||||
<input type="checkbox" value={flag.value} bind:group={replacement.flags} on:change={onExecutePattern} />
|
||||
{flag.label}
|
||||
</label>
|
||||
{/each}
|
||||
</div>
|
||||
<textarea
|
||||
name="test-value"
|
||||
placeholder="test value"
|
||||
class="w-full my-4"
|
||||
rows="3"
|
||||
bind:value={currentTestValue}
|
||||
on:input={onExecutePattern}
|
||||
/>
|
||||
<div class="whitespace-pre-wrap break-all">
|
||||
{@html currentPatternError || currentTestOutcome}
|
||||
</div>
|
||||
</div>
|
||||
@@ -1,118 +0,0 @@
|
||||
<script lang="ts">
|
||||
import {
|
||||
mdiDownloadMultiple,
|
||||
mdiPencil,
|
||||
mdiPlus,
|
||||
mdiToggleSwitchOffOutline,
|
||||
mdiToggleSwitchOutline,
|
||||
mdiTrashCanOutline,
|
||||
} from '@mdi/js';
|
||||
import Sortable, { Swap } from 'sortablejs';
|
||||
import { createEventDispatcher, onMount } from 'svelte';
|
||||
import { enabledReplacements$, lineData$, replacements$ } from '../stores/stores';
|
||||
import type { ReplacementItem } from '../types';
|
||||
import Icon from './Icon.svelte';
|
||||
|
||||
const dispatch = createEventDispatcher<{ edit: ReplacementItem | undefined; applyReplacements: void }>();
|
||||
|
||||
let sortableInstance: Sortable;
|
||||
let listContainer: HTMLDivElement;
|
||||
let listItems = JSON.parse(JSON.stringify($replacements$));
|
||||
|
||||
$: canApplyReplacements = !!$lineData$.length && !!$enabledReplacements$.length;
|
||||
|
||||
onMount(() => {
|
||||
try {
|
||||
Sortable.mount(new Swap());
|
||||
} catch (_) {
|
||||
// no-op
|
||||
}
|
||||
|
||||
sortableInstance = Sortable.create(listContainer, {
|
||||
swap: true,
|
||||
swapClass: 'swap',
|
||||
animation: 150,
|
||||
store: {
|
||||
get: getSortableList,
|
||||
set: onUpdateList,
|
||||
},
|
||||
});
|
||||
|
||||
return () => sortableInstance?.destroy();
|
||||
});
|
||||
|
||||
function onToggle(newValue: boolean) {
|
||||
const sortedList = getSortedList();
|
||||
|
||||
listItems = sortedList.map((replacement) => ({ ...replacement, enabled: newValue }));
|
||||
$replacements$ = listItems;
|
||||
}
|
||||
|
||||
function onUpdateList() {
|
||||
$replacements$ = getSortedList();
|
||||
}
|
||||
|
||||
function onReplaceItems(newReplacements: ReplacementItem[]) {
|
||||
listItems = newReplacements;
|
||||
$replacements$ = newReplacements;
|
||||
|
||||
sortableInstance.sort(getSortableList(), false);
|
||||
}
|
||||
|
||||
function getSortableList() {
|
||||
return [...listItems.map((replacments) => replacments.pattern)];
|
||||
}
|
||||
|
||||
function getSortedList() {
|
||||
const sortedList = sortableInstance.toArray();
|
||||
|
||||
return listItems.slice().sort((a, b) => sortedList.indexOf(a.pattern) - sortedList.indexOf(b.pattern));
|
||||
}
|
||||
</script>
|
||||
|
||||
<div class="flex justify-end my-2">
|
||||
<button
|
||||
title="Apply to current lines"
|
||||
class:hover:text-primary={canApplyReplacements}
|
||||
class:cursor-not-allowed={!canApplyReplacements}
|
||||
disabled={!canApplyReplacements}
|
||||
on:click={() => dispatch('applyReplacements')}
|
||||
>
|
||||
<Icon path={mdiDownloadMultiple} />
|
||||
</button>
|
||||
<button title="Add replacement" class="ml-2 hover:text-primary" on:click={() => dispatch('edit', undefined)}>
|
||||
<Icon path={mdiPlus} />
|
||||
</button>
|
||||
<button title="Enable all" class="ml-2 hover:text-primary" on:click={() => onToggle(true)}>
|
||||
<Icon path={mdiToggleSwitchOutline} />
|
||||
</button>
|
||||
<button title="Disable all" class="ml-2 hover:text-primary" on:click={() => onToggle(false)}>
|
||||
<Icon path={mdiToggleSwitchOffOutline} />
|
||||
</button>
|
||||
<button title="Remove all" class="ml-2 hover:text-primary" on:click={() => onReplaceItems([])}>
|
||||
<Icon path={mdiTrashCanOutline} />
|
||||
</button>
|
||||
</div>
|
||||
<div class="max-h-72 overflow-auto" bind:this={listContainer}>
|
||||
{#each listItems as replacement (replacement.pattern)}
|
||||
<div class="border my-2 p-2 flex items-center justify-between" data-id={replacement.pattern}>
|
||||
<div class="break-all">
|
||||
{replacement.pattern}
|
||||
</div>
|
||||
<div class="min-w-max ml-2">
|
||||
<button title="Edit" class="hover:text-primary" on:click={() => dispatch('edit', replacement)}>
|
||||
<Icon path={mdiPencil} height="1rem" />
|
||||
</button>
|
||||
<button
|
||||
title="Remove"
|
||||
class="hover:text-primary"
|
||||
on:click={() =>
|
||||
onReplaceItems($replacements$.filter((entry) => entry.pattern !== replacement.pattern))}
|
||||
>
|
||||
<Icon path={mdiTrashCanOutline} height="1rem" />
|
||||
</button>
|
||||
<input type="checkbox" class="ml-1" bind:checked={replacement.enabled} on:change={onUpdateList} />
|
||||
</div>
|
||||
</div>
|
||||
{/each}
|
||||
</div>
|
||||
1013
vendor/texthooker-ui/src/components/Settings.svelte
vendored
1013
vendor/texthooker-ui/src/components/Settings.svelte
vendored
File diff suppressed because it is too large
Load Diff
@@ -1,121 +0,0 @@
|
||||
<script lang="ts">
|
||||
import { mdiConnection } from '@mdi/js';
|
||||
import { onMount } from 'svelte';
|
||||
import { SocketConnection } from '../socket';
|
||||
import {
|
||||
continuousReconnect$,
|
||||
isPaused$,
|
||||
openDialog$,
|
||||
reconnectSecondarySocket$,
|
||||
reconnectSocket$,
|
||||
secondarySocketState$,
|
||||
secondaryWebsocketUrl$,
|
||||
showConnectionErrors$,
|
||||
showConnectionIcon$,
|
||||
socketState$,
|
||||
websocketUrl$,
|
||||
} from '../stores/stores';
|
||||
import Icon from './Icon.svelte';
|
||||
|
||||
export let isPrimary = true;
|
||||
|
||||
let socketConnection: SocketConnection | undefined;
|
||||
let intitialAttemptDone = false;
|
||||
let wasConnected = false;
|
||||
let closeRequested = false;
|
||||
let socketState = isPrimary ? socketState$ : secondarySocketState$;
|
||||
|
||||
$: connectedWithLabel = updateConnectedWithLabel(wasConnected);
|
||||
|
||||
$: handleSocketState($socketState);
|
||||
|
||||
onMount(() => {
|
||||
toggleSocket();
|
||||
|
||||
return () => {
|
||||
closeRequested = true;
|
||||
socketConnection?.cleanUp();
|
||||
};
|
||||
});
|
||||
|
||||
function handleSocketState(socketStateValue) {
|
||||
switch (socketStateValue) {
|
||||
case 0:
|
||||
wasConnected = false;
|
||||
closeRequested = false;
|
||||
break;
|
||||
case 1:
|
||||
intitialAttemptDone = true;
|
||||
wasConnected = true;
|
||||
break;
|
||||
case 3:
|
||||
const socketType = isPrimary ? 'primary' : 'secondary';
|
||||
const socketUrl = isPrimary ? $websocketUrl$ : $secondaryWebsocketUrl$;
|
||||
|
||||
if (
|
||||
$showConnectionErrors$ &&
|
||||
!closeRequested &&
|
||||
intitialAttemptDone &&
|
||||
socketUrl &&
|
||||
(wasConnected || !$continuousReconnect$)
|
||||
) {
|
||||
$openDialog$ = {
|
||||
type: 'error',
|
||||
message: wasConnected
|
||||
? `Lost Connection to ${socketType} Websocket`
|
||||
: `Unable to connect to ${socketType} Websocket`,
|
||||
showCancel: false,
|
||||
};
|
||||
}
|
||||
|
||||
$isPaused$ = true;
|
||||
|
||||
intitialAttemptDone = true;
|
||||
wasConnected = false;
|
||||
|
||||
if (!closeRequested) {
|
||||
(isPrimary ? reconnectSocket$ : reconnectSecondarySocket$).next();
|
||||
}
|
||||
|
||||
break;
|
||||
|
||||
default:
|
||||
break;
|
||||
}
|
||||
|
||||
connectedWithLabel = updateConnectedWithLabel(wasConnected);
|
||||
}
|
||||
|
||||
function updateConnectedWithLabel(hasConnection: boolean) {
|
||||
return hasConnection
|
||||
? `Connected with ${isPrimary ? $websocketUrl$ : $secondaryWebsocketUrl$}`
|
||||
: 'Not Connected';
|
||||
}
|
||||
|
||||
async function toggleSocket() {
|
||||
if ($socketState === 1 && socketConnection) {
|
||||
closeRequested = true;
|
||||
socketConnection.disconnect();
|
||||
} else {
|
||||
socketConnection = socketConnection || new SocketConnection(isPrimary);
|
||||
socketConnection.connect();
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
{#if $socketState !== 0}
|
||||
<div
|
||||
class="hover:text-primary"
|
||||
class:text-red-500={$socketState !== -1}
|
||||
class:text-green-700={$socketState === 1}
|
||||
class:hidden={!$showConnectionIcon$}
|
||||
title={connectedWithLabel}
|
||||
>
|
||||
<Icon path={mdiConnection} class="cursor-pointer mx-2" on:click={toggleSocket} />
|
||||
</div>
|
||||
{:else}
|
||||
<span
|
||||
class="animate-ping relative inline-flex rounded-full h-3 w-3 mx-3 bg-primary"
|
||||
class:hidden={!$showConnectionIcon$}
|
||||
/>
|
||||
{/if}
|
||||
@@ -1,23 +0,0 @@
|
||||
<div class="tap-highlight-transparent absolute inset-0 bg-black/[.3] z-20" />
|
||||
<div class="fixed inset-0 flex h-full w-full items-center justify-center z-50">
|
||||
<div role="status">
|
||||
<svg
|
||||
aria-hidden="true"
|
||||
class="w-8 h-8 text-gray-200 animate-spin dark:text-gray-600 fill-blue-600"
|
||||
viewBox="0 0 100 101"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z"
|
||||
fill="currentColor"
|
||||
/>
|
||||
<path
|
||||
d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z"
|
||||
fill="currentFill"
|
||||
/>
|
||||
</svg>
|
||||
<span class="sr-only">Loading...</span>
|
||||
</div>
|
||||
</div>
|
||||
<div />
|
||||
216
vendor/texthooker-ui/src/components/Stats.svelte
vendored
216
vendor/texthooker-ui/src/components/Stats.svelte
vendored
@@ -1,216 +0,0 @@
|
||||
<script lang="ts">
|
||||
import {
|
||||
combineLatest,
|
||||
debounceTime,
|
||||
fromEvent,
|
||||
interval,
|
||||
merge,
|
||||
NEVER,
|
||||
startWith,
|
||||
switchMap,
|
||||
tap,
|
||||
throttleTime,
|
||||
} from 'rxjs';
|
||||
import { createEventDispatcher } from 'svelte';
|
||||
import {
|
||||
adjustTimerOnAfk$,
|
||||
afkTimer$,
|
||||
blurStats$,
|
||||
characterMilestone$,
|
||||
enableAfkBlur$,
|
||||
enableAfkBlurRestart$,
|
||||
isPaused$,
|
||||
lineData$,
|
||||
milestoneLines$,
|
||||
newLine$,
|
||||
showCharacterCount$,
|
||||
showLineCount$,
|
||||
showSpeed$,
|
||||
showTimer$,
|
||||
timeValue$,
|
||||
} from '../stores/stores';
|
||||
import { reduceToEmptyString, toTimeString } from '../util';
|
||||
|
||||
let lastTick = 0;
|
||||
let idleTime = 0;
|
||||
|
||||
const dispatch = createEventDispatcher<{ afkBlur: boolean }>();
|
||||
|
||||
const isNotJapaneseRegex = /[^0-9A-Z○◯々-〇〻ぁ-ゖゝ-ゞァ-ヺー０-９Ａ-Ｚｦ-ﾝ\p{Radical}\p{Unified_Ideograph}]+/gimu;
|
||||
|
||||
const timer$ = isPaused$.pipe(
|
||||
switchMap((isPaused) => {
|
||||
if (isPaused) {
|
||||
idleTime = 0;
|
||||
|
||||
return NEVER;
|
||||
}
|
||||
|
||||
lastTick = performance.now();
|
||||
|
||||
return interval(1000);
|
||||
}),
|
||||
tap(updateElapsedTime),
|
||||
reduceToEmptyString(),
|
||||
);
|
||||
|
||||
const waitForIdle$ = combineLatest([isPaused$, afkTimer$]).pipe(
|
||||
switchMap(([isPaused, afkTimer]) =>
|
||||
isPaused || afkTimer < 1
|
||||
? NEVER
|
||||
: merge(
|
||||
newLine$,
|
||||
fromEvent<PointerEvent>(window, 'pointermove'),
|
||||
fromEvent<Event>(document, 'selectionchange'),
|
||||
).pipe(
|
||||
startWith(true),
|
||||
throttleTime(1000),
|
||||
tap(() => (idleTime = performance.now() + $afkTimer$ * 1000)),
|
||||
debounceTime($afkTimer$ * 1000),
|
||||
),
|
||||
),
|
||||
reduceToEmptyString(),
|
||||
);
|
||||
|
||||
let timerElm: HTMLElement;
|
||||
let speed = 0;
|
||||
let characters = 0;
|
||||
let statstring = '';
|
||||
|
||||
$: if (($showCharacterCount$ || $characterMilestone$ > 1) && $lineData$) {
|
||||
const newMilestoneLines = new Map<string, string>();
|
||||
|
||||
let newCount = 0;
|
||||
let nextMilestone = $characterMilestone$ > 1 ? $characterMilestone$ : 0;
|
||||
|
||||
for (let index = 0, { length } = $lineData$; index < length; index += 1) {
|
||||
newCount += getCharacterCount($lineData$[index].text);
|
||||
|
||||
if (nextMilestone && newCount >= nextMilestone) {
|
||||
let currentCount = newCount;
|
||||
let achievedMilestone = nextMilestone;
|
||||
|
||||
newMilestoneLines.set($lineData$[index].id, `Milestone ${achievedMilestone} (${newCount})`);
|
||||
|
||||
while (currentCount >= nextMilestone) {
|
||||
nextMilestone += $characterMilestone$;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
$milestoneLines$ = newMilestoneLines;
|
||||
|
||||
characters = newCount;
|
||||
speed = $timeValue$ ? Math.ceil((3600 * characters) / $timeValue$) : 0;
|
||||
}
|
||||
|
||||
$: if ($timeValue$ > -1 && ($showTimer$ || $showSpeed$ || $showCharacterCount$ || $showLineCount$)) {
|
||||
buildString($timeValue$, speed, characters, $lineData$.length);
|
||||
} else {
|
||||
statstring = '';
|
||||
}
|
||||
|
||||
function handlePointerLeave() {
|
||||
const selection = window.getSelection();
|
||||
|
||||
if (selection?.toString() && selection.getRangeAt(0).intersectsNode(timerElm)) {
|
||||
selection.removeAllRanges();
|
||||
}
|
||||
}
|
||||
|
||||
function updateElapsedTime() {
|
||||
const now = idleTime ? Math.min(idleTime, performance.now()) : performance.now();
|
||||
const elapsed = Math.round((now - lastTick + Number.EPSILON) / 1000);
|
||||
|
||||
if (idleTime && now >= idleTime) {
|
||||
$isPaused$ = true;
|
||||
|
||||
if ($adjustTimerOnAfk$) {
|
||||
$timeValue$ = Math.max(0, $timeValue$ + elapsed - $afkTimer$);
|
||||
} else {
|
||||
$timeValue$ += elapsed;
|
||||
}
|
||||
|
||||
if ($enableAfkBlur$) {
|
||||
dispatch('afkBlur', true);
|
||||
|
||||
document.addEventListener(
|
||||
'dblclick',
|
||||
(event) => {
|
||||
event.stopPropagation();
|
||||
|
||||
window.getSelection().removeAllRanges();
|
||||
|
||||
dispatch('afkBlur', false);
|
||||
|
||||
if ($enableAfkBlurRestart$) {
|
||||
$isPaused$ = false;
|
||||
}
|
||||
},
|
||||
{ once: true, capture: false },
|
||||
);
|
||||
}
|
||||
} else {
|
||||
lastTick = now;
|
||||
$timeValue$ += elapsed;
|
||||
}
|
||||
}
|
||||
|
||||
function getCharacterCount(text: string) {
|
||||
if (!text) return 0;
|
||||
return countUnicodeCharacters(text.replace(isNotJapaneseRegex, ''));
|
||||
}
|
||||
|
||||
function countUnicodeCharacters(s: string) {
|
||||
return Array.from(s).length;
|
||||
}
|
||||
|
||||
function buildString(currentTime: number, currentSpeed: number, currentCharacters: number, currentLines: number) {
|
||||
let newString = '';
|
||||
|
||||
if ($showTimer$) {
|
||||
newString += toTimeString(currentTime);
|
||||
}
|
||||
|
||||
if ($showSpeed$) {
|
||||
newString += ` (${currentSpeed}/h) `;
|
||||
}
|
||||
|
||||
if ($showCharacterCount$) {
|
||||
newString += ` ${currentCharacters}`;
|
||||
}
|
||||
|
||||
if ($showLineCount$) {
|
||||
newString += $showCharacterCount$ ? ' /' : '';
|
||||
newString += ` ${currentLines}`;
|
||||
}
|
||||
|
||||
statstring = newString.replace(/[ ]+/g, ' ').trim();
|
||||
}
|
||||
</script>
|
||||
|
||||
{$timer$ ?? ''}
|
||||
{$waitForIdle$ ?? ''}
|
||||
|
||||
<div
|
||||
class="text-sm timer mr-1 sm:text-base sm:mr-2"
|
||||
class:blur={$blurStats$}
|
||||
bind:this={timerElm}
|
||||
on:pointerleave={handlePointerLeave}
|
||||
>
|
||||
<div>{statstring}</div>
|
||||
</div>
|
||||
|
||||
<style>
|
||||
.timer {
|
||||
transition: 0.1s filter linear;
|
||||
}
|
||||
|
||||
.blur:hover {
|
||||
filter: blur(0);
|
||||
}
|
||||
|
||||
.blur:not(:hover) {
|
||||
filter: blur(0.25rem);
|
||||
}
|
||||
</style>
|
||||
14
vendor/texthooker-ui/src/global.d.ts
vendored
14
vendor/texthooker-ui/src/global.d.ts
vendored
@@ -1,14 +0,0 @@
|
||||
declare global {
|
||||
interface Window {
|
||||
documentPictureInPicture: {
|
||||
requestWindow: (arg?: {
|
||||
height?: number;
|
||||
width?: number;
|
||||
preferInitialWindowPlacement?: boolean;
|
||||
}) => Promise<Window | undefined>;
|
||||
};
|
||||
}
|
||||
}
|
||||
|
||||
export { };
|
||||
|
||||
9
vendor/texthooker-ui/src/main.ts
vendored
9
vendor/texthooker-ui/src/main.ts
vendored
@@ -1,9 +0,0 @@
|
||||
import './app.css';
|
||||
|
||||
import App from './components/App.svelte';
|
||||
|
||||
const app = new App({
|
||||
target: document.body,
|
||||
});
|
||||
|
||||
export default app;
|
||||
112
vendor/texthooker-ui/src/socket.ts
vendored
112
vendor/texthooker-ui/src/socket.ts
vendored
@@ -1,112 +0,0 @@
|
||||
import { BehaviorSubject, NEVER, Subscription, filter, switchMap } from 'rxjs';
|
||||
import {
|
||||
continuousReconnect$,
|
||||
newLine$,
|
||||
reconnectSecondarySocket$,
|
||||
reconnectSocket$,
|
||||
secondarySocketState$,
|
||||
secondaryWebsocketUrl$,
|
||||
socketState$,
|
||||
websocketUrl$,
|
||||
} from './stores/stores';
|
||||
|
||||
import { LineType } from './types';
|
||||
|
||||
export class SocketConnection {
|
||||
private websocketUrl: string;
|
||||
|
||||
private socket: WebSocket | undefined;
|
||||
|
||||
private socketState: BehaviorSubject<number>;
|
||||
|
||||
private subscriptions: Subscription[] = [];
|
||||
|
||||
constructor(isPrimary = true) {
|
||||
this.socketState = isPrimary ? socketState$ : secondarySocketState$;
|
||||
this.subscriptions.push(
|
||||
(isPrimary ? websocketUrl$ : secondaryWebsocketUrl$).subscribe((websocketUrl) => {
|
||||
if (websocketUrl !== this.websocketUrl) {
|
||||
this.websocketUrl = websocketUrl;
|
||||
this.reloadSocket();
|
||||
}
|
||||
}),
|
||||
continuousReconnect$
|
||||
.pipe(
|
||||
switchMap((continuousReconnect) =>
|
||||
continuousReconnect
|
||||
? (isPrimary ? reconnectSocket$ : reconnectSecondarySocket$).pipe(
|
||||
filter(() => this.socket?.readyState === 3)
|
||||
)
|
||||
: NEVER
|
||||
)
|
||||
)
|
||||
.subscribe(() => this.reloadSocket())
|
||||
);
|
||||
}
|
||||
|
||||
getCurrentUrl() {
|
||||
return this.websocketUrl;
|
||||
}
|
||||
|
||||
connect() {
|
||||
if (this.socket?.readyState < 2) {
|
||||
return;
|
||||
}
|
||||
|
||||
if (!this.websocketUrl) {
|
||||
this.socketState.next(3);
|
||||
return;
|
||||
}
|
||||
|
||||
this.socketState.next(0);
|
||||
|
||||
try {
|
||||
this.socket = new WebSocket(this.websocketUrl);
|
||||
this.socket.onopen = this.updateSocketState.bind(this);
|
||||
this.socket.onclose = this.updateSocketState.bind(this);
|
||||
this.socket.onmessage = this.handleMessage.bind(this);
|
||||
} catch (error) {
|
||||
this.socketState.next(3);
|
||||
}
|
||||
}
|
||||
|
||||
disconnect() {
|
||||
if (this.socket?.readyState === 1) {
|
||||
this.socket.close(1000, 'User Request');
|
||||
}
|
||||
}
|
||||
|
||||
cleanUp() {
|
||||
this.disconnect();
|
||||
|
||||
for (let index = 0, { length } = this.subscriptions; index < length; index += 1) {
|
||||
this.subscriptions[index].unsubscribe();
|
||||
}
|
||||
}
|
||||
|
||||
private reloadSocket() {
|
||||
this.disconnect();
|
||||
this.socket = undefined;
|
||||
this.connect();
|
||||
}
|
||||
|
||||
private updateSocketState() {
|
||||
if (!this.socket) {
|
||||
return;
|
||||
}
|
||||
|
||||
this.socketState.next(this.socket.readyState);
|
||||
}
|
||||
|
||||
private handleMessage(event: MessageEvent) {
|
||||
let line = event.data;
|
||||
|
||||
try {
|
||||
line = JSON.parse(event.data)?.sentence || event.data;
|
||||
} catch (_) {
|
||||
// no-op
|
||||
}
|
||||
|
||||
newLine$.next([line, LineType.SOCKET]);
|
||||
}
|
||||
}
|
||||
369
vendor/texthooker-ui/src/stores/stores.ts
vendored
369
vendor/texthooker-ui/src/stores/stores.ts
vendored
@@ -1,369 +0,0 @@
|
||||
import {
|
||||
LineType,
|
||||
OnlineFont,
|
||||
Theme,
|
||||
type DialogResult,
|
||||
type LineItem,
|
||||
type ReplacementItem,
|
||||
type SettingPreset,
|
||||
type Settings,
|
||||
} from './../types';
|
||||
|
||||
import { mdiHelpCircle } from '@mdi/js';
|
||||
import { Subject } from 'rxjs';
|
||||
import { writable } from 'svelte/store';
|
||||
import { writableBooleanSubject } from './transformer/writeable-boolean-subject';
|
||||
import { writableNumberSubject } from './transformer/writeable-number-subject';
|
||||
import { writeableArraySubject } from './transformer/writeable-object-sibject';
|
||||
import { writableStringSubject } from './transformer/writeable-string-subject';
|
||||
import { writableSubject } from './transformer/writeable-subject';
|
||||
|
||||
export const defaultSettings: Settings = {
|
||||
theme$: Theme.BUSINESS,
|
||||
replacements$: [],
|
||||
windowTitle$: 'SubMiner Texthooker',
|
||||
websocketUrl$: 'ws://localhost:6677',
|
||||
secondaryWebsocketUrl$: '',
|
||||
fontSize$: 24,
|
||||
characterMilestone$: 0,
|
||||
onlineFont$: OnlineFont.OFF,
|
||||
preventLastDuplicate$: 0,
|
||||
maxLines$: 0,
|
||||
maxPipLines$: 1,
|
||||
afkTimer$: 0,
|
||||
adjustTimerOnAfk$: false,
|
||||
enableExternalClipboardMonitor$: false,
|
||||
showPresetQuickSwitch$: false,
|
||||
skipResetConfirmations$: false,
|
||||
persistStats$: true,
|
||||
persistNotes$: true,
|
||||
persistLines$: true,
|
||||
persistActionHistory$: false,
|
||||
enablePaste$: false,
|
||||
blockCopyOnPage$: false,
|
||||
allowPasteDuringPause$: false,
|
||||
allowNewLineDuringPause$: false,
|
||||
autoStartTimerDuringPausePaste$: false,
|
||||
autoStartTimerDuringPause$: false,
|
||||
preventGlobalDuplicate$: false,
|
||||
mergeEqualLineStarts$: false,
|
||||
filterNonCJKLines: false,
|
||||
flashOnMissedLine$: true,
|
||||
displayVertical$: false,
|
||||
reverseLineOrder$: false,
|
||||
preserveWhitespace$: false,
|
||||
removeAllWhitespace$: true,
|
||||
showTimer$: true,
|
||||
showSpeed$: true,
|
||||
showCharacterCount$: true,
|
||||
showLineCount$: true,
|
||||
blurStats$: false,
|
||||
enableLineAnimation$: true,
|
||||
enableAfkBlur$: false,
|
||||
enableAfkBlurRestart$: false,
|
||||
continuousReconnect$: true,
|
||||
showConnectionErrors$: true,
|
||||
showConnectionIcon$: true,
|
||||
customCSS$: '',
|
||||
};
|
||||
|
||||
export const theme$ = writableStringSubject()('bannou-texthooker-theme', defaultSettings.theme$);
|
||||
|
||||
export const settingPresets$ = writeableArraySubject<SettingPreset>()('bannou-texthooker-settingPresets', []);
|
||||
|
||||
export const replacements$ = writeableArraySubject<ReplacementItem>()('bannou-texthooker-replacements', []);
|
||||
|
||||
export const windowTitle$ = writableStringSubject()('bannou-texthooker-windowTitle', defaultSettings.windowTitle$);
|
||||
|
||||
export const websocketUrl$ = writableStringSubject()('bannou-texthooker-websocketUrl', defaultSettings.websocketUrl$);
|
||||
|
||||
export const secondaryWebsocketUrl$ = writableStringSubject()(
|
||||
'bannou-texthooker-secondary-websocketUrl',
|
||||
defaultSettings.secondaryWebsocketUrl$
|
||||
);
|
||||
|
||||
export const fontSize$ = writableNumberSubject()('bannou-texthooker-fontSize', defaultSettings.fontSize$);
|
||||
|
||||
export const characterMilestone$ = writableNumberSubject()(
|
||||
'bannou-texthooker-characterMilestone',
|
||||
defaultSettings.characterMilestone$
|
||||
);
|
||||
|
||||
export const onlineFont$ = writableStringSubject()('bannou-texthooker-onlineFont', defaultSettings.onlineFont$);
|
||||
|
||||
export const preventLastDuplicate$ = writableNumberSubject()(
|
||||
'bannou-texthooker-preventLastDuplicate',
|
||||
defaultSettings.preventLastDuplicate$
|
||||
);
|
||||
|
||||
export const maxLines$ = writableNumberSubject()('bannou-texthooker-maxLines', defaultSettings.maxLines$);
|
||||
|
||||
export const maxPipLines$ = writableNumberSubject()('bannou-texthooker-maxPipLines', defaultSettings.maxPipLines$);
|
||||
|
||||
export const afkTimer$ = writableNumberSubject()('bannou-texthooker-afkTimer', defaultSettings.afkTimer$);
|
||||
|
||||
export const adjustTimerOnAfk$ = writableBooleanSubject()(
|
||||
'bannou-texthooker-adjustTimerOnAfk',
|
||||
defaultSettings.adjustTimerOnAfk$
|
||||
);
|
||||
|
||||
export const enableExternalClipboardMonitor$ = writableBooleanSubject()(
|
||||
'bannou-texthooker-enableExternalClipboardMonitor',
|
||||
defaultSettings.enableExternalClipboardMonitor$
|
||||
);
|
||||
|
||||
export const showPresetQuickSwitch$ = writableBooleanSubject()(
|
||||
'bannou-texthooker-showPresetQuickSwitch',
|
||||
defaultSettings.showPresetQuickSwitch$
|
||||
);
|
||||
|
||||
export const skipResetConfirmations$ = writableBooleanSubject()(
|
||||
'bannou-texthooker-skipResetConfirmations',
|
||||
defaultSettings.skipResetConfirmations$
|
||||
);
|
||||
|
||||
export const persistStats$ = writableBooleanSubject()('bannou-texthooker-persistStats', defaultSettings.persistStats$);
|
||||
|
||||
export const persistNotes$ = writableBooleanSubject()('bannou-texthooker-persistNotes', defaultSettings.persistNotes$);
|
||||
|
||||
export const persistLines$ = writableBooleanSubject()('bannou-texthooker-persistLines', defaultSettings.persistLines$);
|
||||
|
||||
export const persistActionHistory$ = writableBooleanSubject()(
|
||||
'bannou-texthooker-persistActionHistory',
|
||||
defaultSettings.persistActionHistory$
|
||||
);
|
||||
|
||||
export const enablePaste$ = writableBooleanSubject()('bannou-texthooker-enablePaste', defaultSettings.enablePaste$);
|
||||
|
||||
export const blockCopyOnPage$ = writableBooleanSubject()(
|
||||
'bannou-texthooker-blockCopyOnPage',
|
||||
defaultSettings.blockCopyOnPage$
|
||||
);
|
||||
|
||||
export const allowPasteDuringPause$ = writableBooleanSubject()(
|
||||
'bannou-texthooker-allowPasteDuringPause',
|
||||
defaultSettings.allowPasteDuringPause$
|
||||
);
|
||||
|
||||
export const allowNewLineDuringPause$ = writableBooleanSubject()(
|
||||
'bannou-texthooker-allowNewLineDuringPause',
|
||||
defaultSettings.allowNewLineDuringPause$
|
||||
);
|
||||
|
||||
export const autoStartTimerDuringPausePaste$ = writableBooleanSubject()(
|
||||
'bannou-texthooker-autoStartTimerDuringPausePaste',
|
||||
defaultSettings.autoStartTimerDuringPausePaste$
|
||||
);
|
||||
|
||||
export const autoStartTimerDuringPause$ = writableBooleanSubject()(
|
||||
'bannou-texthooker-autoStartTimerDuringPause',
|
||||
defaultSettings.autoStartTimerDuringPause$
|
||||
);
|
||||
|
||||
export const preventGlobalDuplicate$ = writableBooleanSubject()(
|
||||
'bannou-texthooker-preventGlobalDuplicate',
|
||||
defaultSettings.preventGlobalDuplicate$
|
||||
);
|
||||
|
||||
export const mergeEqualLineStarts$ = writableBooleanSubject()(
|
||||
'bannou-texthooker-mergeEqualLineStarts',
|
||||
defaultSettings.mergeEqualLineStarts$
|
||||
);
|
||||
|
||||
export const filterNonCJKLines$ = writableBooleanSubject()(
|
||||
'bannou-texthooker-filterNonCJKLines',
|
||||
defaultSettings.mergeEqualLineStarts$
|
||||
);
|
||||
|
||||
export const flashOnMissedLine$ = writableBooleanSubject()(
|
||||
'bannou-texthooker-flashOnMissedLine',
|
||||
defaultSettings.flashOnMissedLine$
|
||||
);
|
||||
|
||||
export const displayVertical$ = writableBooleanSubject()(
|
||||
'bannou-texthooker-displayVertical',
|
||||
defaultSettings.displayVertical$
|
||||
);
|
||||
|
||||
export const reverseLineOrder$ = writableBooleanSubject()(
|
||||
'bannou-texthooker-reverseLineOrder',
|
||||
defaultSettings.reverseLineOrder$
|
||||
);
|
||||
|
||||
export const preserveWhitespace$ = writableBooleanSubject()(
|
||||
'bannou-texthooker-preserveWhitespace',
|
||||
defaultSettings.preserveWhitespace$
|
||||
);
|
||||
|
||||
export const removeAllWhitespace$ = writableBooleanSubject()(
|
||||
'bannou-texthooker-removeAllWhitespace',
|
||||
defaultSettings.removeAllWhitespace$
|
||||
);
|
||||
|
||||
export const showTimer$ = writableBooleanSubject()('bannou-texthooker-showTimer', defaultSettings.showTimer$);
|
||||
|
||||
export const showSpeed$ = writableBooleanSubject()('bannou-texthooker-showSpeed', defaultSettings.showSpeed$);
|
||||
|
||||
export const showCharacterCount$ = writableBooleanSubject()(
|
||||
'bannou-texthooker-showCharacterCount',
|
||||
defaultSettings.showCharacterCount$
|
||||
);
|
||||
|
||||
export const showLineCount$ = writableBooleanSubject()(
|
||||
'bannou-texthooker-showLineCount',
|
||||
defaultSettings.showLineCount$
|
||||
);
|
||||
|
||||
export const blurStats$ = writableBooleanSubject()('bannou-texthooker-blurStats', defaultSettings.blurStats$);
|
||||
|
||||
export const enableLineAnimation$ = writableBooleanSubject()(
|
||||
'bannou-texthooker-enableLineAnimation',
|
||||
defaultSettings.enableLineAnimation$
|
||||
);
|
||||
|
||||
export const enableAfkBlur$ = writableBooleanSubject()(
|
||||
'bannou-texthooker-enableAfkBlur',
|
||||
defaultSettings.enableAfkBlur$
|
||||
);
|
||||
|
||||
export const enableAfkBlurRestart$ = writableBooleanSubject()(
|
||||
'bannou-texthooker-enableAfkBlurRestart',
|
||||
defaultSettings.enableAfkBlurRestart$
|
||||
);
|
||||
|
||||
export const continuousReconnect$ = writableBooleanSubject()(
|
||||
'bannou-texthooker-continuousReconnect',
|
||||
defaultSettings.continuousReconnect$
|
||||
);
|
||||
|
||||
export const showConnectionErrors$ = writableBooleanSubject()(
|
||||
'bannou-texthooker-showConnectionErrors',
|
||||
defaultSettings.showConnectionErrors$
|
||||
);
|
||||
|
||||
export const showConnectionIcon$ = writableBooleanSubject()(
|
||||
'bannou-texthooker-showConnectionIcon',
|
||||
defaultSettings.showConnectionIcon$
|
||||
);
|
||||
|
||||
export const customCSS$ = writableStringSubject()('bannou-texthooker-customCSS', defaultSettings.customCSS$);
|
||||
|
||||
export const timeValue$ = writableNumberSubject()('bannou-texthooker-timeValue', 0, persistStats$);
|
||||
|
||||
export const notesOpen$ = writableBooleanSubject()('bannou-texthooker-notesOpen', false);
|
||||
|
||||
export const userNotes$ = writableStringSubject()('bannou-texthooker-userNotes', '', persistNotes$);
|
||||
|
||||
export const socketState$ = writableSubject<number>(-1);
|
||||
|
||||
export const secondarySocketState$ = writableSubject<number>(-1);
|
||||
|
||||
export const openDialog$ = writableSubject<Record<string, any>>(undefined);
|
||||
|
||||
export const dialogOpen$ = writableSubject<boolean>(false);
|
||||
|
||||
export const lastSettingPreset$ = writableStringSubject()('bannou-texthooker-lastSettingPreset', '');
|
||||
|
||||
export const lineData$ = writeableArraySubject<LineItem>()('bannou-texthooker-lineData', [], persistLines$);
|
||||
|
||||
export const milestoneLines$ = writable<Map<string, string>>(new Map<string, string>());
|
||||
|
||||
export const actionHistory$ = writeableArraySubject<LineItem[]>()(
|
||||
'bannou-texthooker-actionHistory',
|
||||
[],
|
||||
persistActionHistory$
|
||||
);
|
||||
|
||||
export const flashOnPauseTimeout$ = writable<number>(undefined);
|
||||
|
||||
export const isPaused$ = writableSubject<boolean>(true);
|
||||
|
||||
export const newLine$ = new Subject<[string, LineType]>();
|
||||
|
||||
export const reconnectSocket$ = new Subject<void>();
|
||||
|
||||
export const reconnectSecondarySocket$ = new Subject<void>();
|
||||
|
||||
export const showSpinner$ = writable<boolean>(false);
|
||||
|
||||
export const enabledReplacements$ = writable<ReplacementItem[]>([]);
|
||||
|
||||
export const lastPipHeight$ = writableNumberSubject()('bannou-texthooker-lastPipHeight', 0);
|
||||
|
||||
export const lastPipWidth$ = writableNumberSubject()('bannou-texthooker-lastPipWidth', 0);
|
||||
|
||||
export async function resetAllData() {
|
||||
if (!skipResetConfirmations$.getValue()) {
|
||||
const { canceled } = await new Promise<DialogResult>((resolve) => {
|
||||
openDialog$.next({
|
||||
icon: mdiHelpCircle,
|
||||
message: 'All Settings and Data will be reset',
|
||||
callback: resolve,
|
||||
});
|
||||
});
|
||||
|
||||
if (canceled) {
|
||||
return;
|
||||
}
|
||||
}
|
||||
|
||||
lastSettingPreset$.next('');
|
||||
settingPresets$.next([]);
|
||||
isPaused$.next(true);
|
||||
timeValue$.next(0);
|
||||
userNotes$.next('');
|
||||
lineData$.next([]);
|
||||
actionHistory$.next([]);
|
||||
flashOnPauseTimeout$.set(undefined);
|
||||
|
||||
window.localStorage.removeItem('bannou-texthooker-timeValue');
|
||||
window.localStorage.removeItem('bannou-texthooker-userNotes');
|
||||
window.localStorage.removeItem('bannou-texthooker-lineData');
|
||||
window.localStorage.removeItem('bannou-texthooker-actionHistory');
|
||||
|
||||
theme$.next(defaultSettings.theme$);
|
||||
replacements$.next(defaultSettings.replacements$);
|
||||
windowTitle$.next(defaultSettings.windowTitle$);
|
||||
websocketUrl$.next(defaultSettings.websocketUrl$);
|
||||
secondaryWebsocketUrl$.next(defaultSettings.secondaryWebsocketUrl$);
|
||||
fontSize$.next(defaultSettings.fontSize$);
|
||||
characterMilestone$.next(defaultSettings.characterMilestone$);
|
||||
onlineFont$.next(defaultSettings.onlineFont$);
|
||||
preventLastDuplicate$.next(defaultSettings.preventLastDuplicate$);
|
||||
maxPipLines$.next(defaultSettings.maxPipLines$);
|
||||
afkTimer$.next(defaultSettings.afkTimer$);
|
||||
adjustTimerOnAfk$.next(defaultSettings.adjustTimerOnAfk$);
|
||||
enableExternalClipboardMonitor$.next(defaultSettings.enableExternalClipboardMonitor$);
|
||||
showPresetQuickSwitch$.next(defaultSettings.showPresetQuickSwitch$);
|
||||
skipResetConfirmations$.next(defaultSettings.skipResetConfirmations$);
|
||||
persistStats$.next(defaultSettings.persistStats$);
|
||||
persistNotes$.next(defaultSettings.persistNotes$);
|
||||
persistLines$.next(defaultSettings.persistLines$);
|
||||
persistActionHistory$.next(defaultSettings.persistActionHistory$);
|
||||
enablePaste$.next(defaultSettings.enablePaste$);
|
||||
blockCopyOnPage$.next(defaultSettings.blockCopyOnPage$);
|
||||
allowPasteDuringPause$.next(defaultSettings.allowPasteDuringPause$);
|
||||
allowNewLineDuringPause$.next(defaultSettings.allowNewLineDuringPause$);
|
||||
autoStartTimerDuringPausePaste$.next(defaultSettings.autoStartTimerDuringPausePaste$);
|
||||
autoStartTimerDuringPause$.next(defaultSettings.autoStartTimerDuringPause$);
|
||||
preventGlobalDuplicate$.next(defaultSettings.preventGlobalDuplicate$);
|
||||
mergeEqualLineStarts$.next(defaultSettings.mergeEqualLineStarts$);
|
||||
filterNonCJKLines$.next(defaultSettings.filterNonCJKLines);
|
||||
flashOnMissedLine$.next(defaultSettings.flashOnMissedLine$);
|
||||
displayVertical$.next(defaultSettings.displayVertical$);
|
||||
reverseLineOrder$.next(defaultSettings.reverseLineOrder$);
|
||||
preserveWhitespace$.next(defaultSettings.preserveWhitespace$);
|
||||
removeAllWhitespace$.next(defaultSettings.removeAllWhitespace$);
|
||||
showTimer$.next(defaultSettings.showTimer$);
|
||||
showSpeed$.next(defaultSettings.showSpeed$);
|
||||
showCharacterCount$.next(defaultSettings.showCharacterCount$);
|
||||
showLineCount$.next(defaultSettings.showLineCount$);
|
||||
blurStats$.next(defaultSettings.blurStats$);
|
||||
enableLineAnimation$.next(defaultSettings.enableLineAnimation$);
|
||||
enableAfkBlur$.next(defaultSettings.enableAfkBlur$);
|
||||
enableAfkBlurRestart$.next(defaultSettings.enableAfkBlurRestart$);
|
||||
continuousReconnect$.next(defaultSettings.continuousReconnect$);
|
||||
showConnectionErrors$.next(defaultSettings.showConnectionErrors$);
|
||||
showConnectionIcon$.next(defaultSettings.showConnectionIcon$);
|
||||
customCSS$.next(defaultSettings.customCSS$);
|
||||
}
|
||||
@@ -1,7 +0,0 @@
|
||||
import type { Subject } from 'rxjs';
|
||||
|
||||
export function subjectToSvelteWritable<S extends Subject<any>>(subject: S) {
|
||||
// @ts-expect-error Svelte uses `set` like `next`
|
||||
subject.set = subject.next;
|
||||
return subject;
|
||||
}
|
||||
@@ -1,30 +0,0 @@
|
||||
import { BehaviorSubject, skip } from 'rxjs';
|
||||
|
||||
import { writableSubject } from './writeable-subject';
|
||||
|
||||
export function writableStorageSubject<T>(mapFromString: (s: string) => T, mapToString: (t: T) => string) {
|
||||
return (key: string, defaultValue: T, persistenceBehavior?: BehaviorSubject<boolean>) => {
|
||||
const initValue = getStoredOrDefault()(key, defaultValue, mapFromString);
|
||||
const subject = writableSubject(initValue);
|
||||
|
||||
let persist = true;
|
||||
|
||||
if (persistenceBehavior) {
|
||||
persistenceBehavior.subscribe((shallPersist) => (persist = shallPersist));
|
||||
}
|
||||
|
||||
subject.pipe(skip(1)).subscribe((updatedValue) => {
|
||||
if (persist) {
|
||||
window.localStorage.setItem(key, mapToString(updatedValue ?? defaultValue));
|
||||
}
|
||||
});
|
||||
return subject;
|
||||
};
|
||||
}
|
||||
|
||||
function getStoredOrDefault() {
|
||||
return <T>(key: string, defaultVal: T, mapFn: (s: string) => T) => {
|
||||
const stored = window.localStorage.getItem(key);
|
||||
return stored ? mapFn(stored) : defaultVal;
|
||||
};
|
||||
}
|
||||
@@ -1,8 +0,0 @@
|
||||
import { writableStorageSubject } from './writable-storage-subject';
|
||||
|
||||
export function writableBooleanSubject() {
|
||||
return writableStorageSubject(
|
||||
(x) => !!+x,
|
||||
(x) => (x ? '1' : '0')
|
||||
);
|
||||
}
|
||||
@@ -1,8 +0,0 @@
|
||||
import { writableStorageSubject } from './writable-storage-subject';
|
||||
|
||||
export function writableNumberSubject() {
|
||||
return writableStorageSubject<number>(
|
||||
(x) => +x,
|
||||
(x) => `${x}`
|
||||
);
|
||||
}
|
||||
@@ -1,16 +0,0 @@
|
||||
import { writableStorageSubject } from './writable-storage-subject';
|
||||
|
||||
function createwritteableObjectSubject<T>(fallback: string) {
|
||||
return writableStorageSubject(
|
||||
(x) => JSON.parse(x || fallback) as T,
|
||||
(x) => JSON.stringify(x)
|
||||
);
|
||||
}
|
||||
|
||||
export function writeableObjectSubject<T>() {
|
||||
return createwritteableObjectSubject<T>('{}');
|
||||
}
|
||||
|
||||
export function writeableArraySubject<T>() {
|
||||
return createwritteableObjectSubject<T[]>('[]');
|
||||
}
|
||||
@@ -1,8 +0,0 @@
|
||||
import { writableStorageSubject } from './writable-storage-subject';
|
||||
|
||||
export function writableStringSubject<T extends string>() {
|
||||
return writableStorageSubject(
|
||||
(x) => x as T,
|
||||
(x) => x
|
||||
);
|
||||
}
|
||||
@@ -1,6 +0,0 @@
|
||||
import { BehaviorSubject } from 'rxjs';
|
||||
import { subjectToSvelteWritable } from './subject-to-writeable';
|
||||
|
||||
export function writableSubject<T>(value: T) {
|
||||
return subjectToSvelteWritable(new BehaviorSubject<T>(value));
|
||||
}
|
||||
145
vendor/texthooker-ui/src/types.ts
vendored
145
vendor/texthooker-ui/src/types.ts
vendored
@@ -1,145 +0,0 @@
|
||||
export enum Theme {
|
||||
LIGHT = 'light',
|
||||
DARK = 'dark',
|
||||
CUPCAKE = 'cupcake',
|
||||
BUMBLEBEE = 'bumblebee',
|
||||
EMERALD = 'emerald',
|
||||
CORPORATE = 'corporate',
|
||||
SYNTHWAVE = 'synthwave',
|
||||
RETRO = 'retro',
|
||||
CYBERPUNK = 'cyberpunk',
|
||||
VALENTINE = 'valentine',
|
||||
HALLOWEEN = 'halloween',
|
||||
GARDEN = 'garden',
|
||||
FOREST = 'forest',
|
||||
AQUA = 'aqua',
|
||||
LOFI = 'lofi',
|
||||
PASTEL = 'pastel',
|
||||
FANTASY = 'fantasy',
|
||||
WIREFRAME = 'wireframe',
|
||||
BLACK = 'black',
|
||||
LUXURY = 'luxury',
|
||||
DRACULA = 'dracula',
|
||||
CMYK = 'cmyk',
|
||||
AUTUMN = 'autumn',
|
||||
BUSINESS = 'business',
|
||||
ACID = 'acid',
|
||||
LEMONADE = 'lemonade',
|
||||
NIGHT = 'night',
|
||||
COFFEE = 'coffee',
|
||||
WINTER = 'winter',
|
||||
}
|
||||
|
||||
export enum OnlineFont {
|
||||
OFF = 'Off',
|
||||
NOTO = 'Noto Serif JP',
|
||||
KLEE = 'Klee One',
|
||||
SHIPPORI = 'Shippori Mincho',
|
||||
ACKAISYO = 'Ackaisyo',
|
||||
CINECAPTION226 = 'CineCaption226',
|
||||
}
|
||||
|
||||
export interface Settings {
|
||||
theme$: string;
|
||||
replacements$: ReplacementItem[];
|
||||
windowTitle$: string;
|
||||
websocketUrl$: string;
|
||||
secondaryWebsocketUrl$: string;
|
||||
fontSize$: number;
|
||||
characterMilestone$: number;
|
||||
onlineFont$: string;
|
||||
preventLastDuplicate$: number;
|
||||
maxLines$: number;
|
||||
maxPipLines$: number;
|
||||
afkTimer$: number;
|
||||
adjustTimerOnAfk$: boolean;
|
||||
enableExternalClipboardMonitor$: boolean;
|
||||
showPresetQuickSwitch$: boolean;
|
||||
skipResetConfirmations$: boolean;
|
||||
persistStats$: boolean;
|
||||
persistNotes$: boolean;
|
||||
persistLines$: boolean;
|
||||
persistActionHistory$: boolean;
|
||||
enablePaste$: boolean;
|
||||
blockCopyOnPage$: boolean;
|
||||
allowPasteDuringPause$: boolean;
|
||||
allowNewLineDuringPause$: boolean;
|
||||
autoStartTimerDuringPausePaste$: boolean;
|
||||
autoStartTimerDuringPause$: boolean;
|
||||
preventGlobalDuplicate$: boolean;
|
||||
mergeEqualLineStarts$: boolean;
|
||||
filterNonCJKLines: boolean;
|
||||
flashOnMissedLine$: boolean;
|
||||
displayVertical$: boolean;
|
||||
reverseLineOrder$: boolean;
|
||||
preserveWhitespace$: boolean;
|
||||
removeAllWhitespace$: boolean;
|
||||
showTimer$: boolean;
|
||||
showSpeed$: boolean;
|
||||
showCharacterCount$: boolean;
|
||||
showLineCount$: boolean;
|
||||
blurStats$: boolean;
|
||||
enableLineAnimation$: boolean;
|
||||
enableAfkBlur$: boolean;
|
||||
enableAfkBlurRestart$: boolean;
|
||||
continuousReconnect$: boolean;
|
||||
showConnectionErrors$: boolean;
|
||||
showConnectionIcon$: boolean;
|
||||
customCSS$: string;
|
||||
}
|
||||
|
||||
export interface ExportedData {
|
||||
'bannou-texthooker-timeValue': number;
|
||||
'bannou-texthooker-userNotes': string;
|
||||
'bannou-texthooker-lineData': LineItem[];
|
||||
'bannou-texthooker-actionHistory': LineItem[][];
|
||||
}
|
||||
|
||||
export interface ExportedSettings {
|
||||
currentSettings: Settings;
|
||||
settingPresets: SettingPreset[];
|
||||
lastSettingsPreset: string;
|
||||
}
|
||||
|
||||
export interface ReplacementItem {
|
||||
pattern: string;
|
||||
replaces: string;
|
||||
flags: string[];
|
||||
enabled: boolean;
|
||||
}
|
||||
|
||||
export interface SettingPreset {
|
||||
name: string;
|
||||
settings: Settings;
|
||||
}
|
||||
|
||||
export interface DialogResult<T = undefined> {
|
||||
canceled: boolean;
|
||||
data: T;
|
||||
}
|
||||
|
||||
export enum LineType {
|
||||
SOCKET = 'socket',
|
||||
PASTE = 'paste',
|
||||
EXTERNAL = 'external',
|
||||
EDIT = 'edit',
|
||||
UNDO = 'undo',
|
||||
}
|
||||
|
||||
export interface LineItem {
|
||||
id: string;
|
||||
text: string;
|
||||
index?: number;
|
||||
}
|
||||
|
||||
export interface LineItemEditEvent {
|
||||
inEdit: boolean;
|
||||
data?: LineItemEditData;
|
||||
}
|
||||
|
||||
export interface LineItemEditData {
|
||||
originalText: string;
|
||||
newText: string;
|
||||
lineIndex: number;
|
||||
line: LineItem;
|
||||
}
|
||||
15
vendor/texthooker-ui/src/use-click-outside.ts
vendored
15
vendor/texthooker-ui/src/use-click-outside.ts
vendored
@@ -1,15 +0,0 @@
|
||||
export function clickOutside(node: Node, listener: (ev: MouseEvent) => void) {
|
||||
const handler = (ev: MouseEvent) => {
|
||||
if (!ev.defaultPrevented && !node.contains(ev.target as Node)) {
|
||||
listener(ev);
|
||||
}
|
||||
};
|
||||
|
||||
document.addEventListener('click', handler, true);
|
||||
|
||||
return {
|
||||
destroy() {
|
||||
document.removeEventListener('click', handler, true);
|
||||
},
|
||||
};
|
||||
}
|
||||
119
vendor/texthooker-ui/src/util.ts
vendored
119
vendor/texthooker-ui/src/util.ts
vendored
@@ -1,119 +0,0 @@
|
||||
import { filter, map, pipe } from 'rxjs';
|
||||
|
||||
import type { ReplacementItem } from './types';
|
||||
|
||||
export function dummyFn() {}
|
||||
|
||||
export function reduceToEmptyString() {
|
||||
return pipe(
|
||||
map((): '' => ''),
|
||||
filter((_, index) => !index)
|
||||
);
|
||||
}
|
||||
|
||||
export function updateScroll(
|
||||
window: Window,
|
||||
scrollElement: HTMLElement,
|
||||
reverseLineOrder: boolean,
|
||||
displayVertical: boolean,
|
||||
behavior: ScrollBehavior = 'auto'
|
||||
) {
|
||||
if (!scrollElement) {
|
||||
return;
|
||||
}
|
||||
|
||||
setTimeout(() => {
|
||||
if (reverseLineOrder) {
|
||||
if (displayVertical) {
|
||||
scrollElement.scrollTo({ top: 0, left: scrollElement.scrollWidth, behavior });
|
||||
} else {
|
||||
window.scrollTo({ top: -scrollElement.scrollHeight, left: 0, behavior });
|
||||
}
|
||||
} else if (displayVertical) {
|
||||
scrollElement.scrollTo({ top: 0, left: -scrollElement.scrollWidth, behavior });
|
||||
} else {
|
||||
window.scrollTo({ top: scrollElement.scrollHeight + 100, left: 0, behavior });
|
||||
}
|
||||
if (behavior === 'smooth') {
|
||||
setTimeout(() => updateScroll(window, scrollElement, reverseLineOrder, displayVertical), 250);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
export function toTimeString(s: number) {
|
||||
const hours = Math.floor(s / 3600);
|
||||
const minutes = Math.floor((s - hours * 3600) / 60);
|
||||
const seconds = s - hours * 3600 - minutes * 60;
|
||||
|
||||
return `${`${hours}`.padStart(2, '0')}:${`${minutes}`.padStart(2, '0')}:${`${seconds}`.padStart(2, '0')}`;
|
||||
}
|
||||
|
||||
export function timeStringToSeconds(timeString: string) {
|
||||
const [hours, minutes, seconds] = timeString.split(':').map((part) => Number.parseInt(part, 10));
|
||||
|
||||
return hours * 60 * 60 + minutes * 60 + seconds;
|
||||
}
|
||||
|
||||
export function generateRandomUUID() {
|
||||
const bytes = new Uint8Array(16);
|
||||
|
||||
crypto.getRandomValues(bytes);
|
||||
|
||||
bytes[6] = (bytes[6] & 0x0f) | 0x40;
|
||||
bytes[8] = (bytes[8] & 0x3f) | 0x80;
|
||||
|
||||
const uuid = Array.prototype.map
|
||||
.call(bytes, (b: number, i: number) => {
|
||||
return (b < 16 ? '0' : '') + b.toString(16) + (i % 2 && i < 10 && i > 2 ? '-' : '');
|
||||
})
|
||||
.join('');
|
||||
|
||||
return uuid;
|
||||
}
|
||||
|
||||
export function applyReplacements(originalText: string, replacements: ReplacementItem[]) {
|
||||
if (!originalText || !replacements.length) {
|
||||
return originalText;
|
||||
}
|
||||
|
||||
let adjustedText = originalText;
|
||||
|
||||
for (let index = 0, { length } = replacements; index < length; index += 1) {
|
||||
const replacement = replacements[index];
|
||||
|
||||
adjustedText = adjustedText.replace(
|
||||
new RegExp(replacement.pattern, replacement.flags.join('')),
|
||||
replacement.replaces.replace(/\\t/gm, '\t').replace(/\\n/gm, '\n')
|
||||
);
|
||||
}
|
||||
|
||||
return adjustedText;
|
||||
}
|
||||
|
||||
export function applyCustomCSS(document: Document, customCSS: string) {
|
||||
const textNode = document.createTextNode(customCSS || '');
|
||||
|
||||
let styleElement = document.getElementById('user-css');
|
||||
|
||||
if (styleElement) {
|
||||
styleElement.replaceChild(textNode, styleElement.firstChild);
|
||||
} else {
|
||||
styleElement = document.createElement('style');
|
||||
styleElement.id = 'user-css';
|
||||
|
||||
styleElement.appendChild(textNode);
|
||||
document.head.append(styleElement);
|
||||
}
|
||||
}
|
||||
|
||||
export function applyAfkBlur(document: Document, isAfk: boolean) {
|
||||
if (isAfk) {
|
||||
document.body.style.filter = 'blur(8px)';
|
||||
document.body.style.pointerEvents = 'none';
|
||||
} else {
|
||||
document.body.style.filter = null;
|
||||
document.body.style.pointerEvents = 'auto';
|
||||
}
|
||||
}
|
||||
|
||||
export const newLineCharacter = '\n';
|
||||
2
vendor/texthooker-ui/src/vite-env.d.ts
vendored
2
vendor/texthooker-ui/src/vite-env.d.ts
vendored
@@ -1,2 +0,0 @@
|
||||
/// <reference types="svelte" />
|
||||
/// <reference types="vite/client" />
|
||||
5
vendor/texthooker-ui/svelte.config.js
vendored
5
vendor/texthooker-ui/svelte.config.js
vendored
@@ -1,5 +0,0 @@
|
||||
import sveltePreprocess from 'svelte-preprocess';
|
||||
|
||||
export default {
|
||||
preprocess: sveltePreprocess(),
|
||||
};
|
||||
7
vendor/texthooker-ui/tailwind.config.cjs
vendored
7
vendor/texthooker-ui/tailwind.config.cjs
vendored
@@ -1,7 +0,0 @@
|
||||
module.exports = {
|
||||
content: ['./src/components/*.{svelte,js,ts}'],
|
||||
plugins: [require('daisyui')],
|
||||
daisyui: {
|
||||
themes: ['garden', 'business'],
|
||||
},
|
||||
};
|
||||
14
vendor/texthooker-ui/tsconfig.json
vendored
14
vendor/texthooker-ui/tsconfig.json
vendored
@@ -1,14 +0,0 @@
|
||||
{
|
||||
"extends": "@tsconfig/svelte/tsconfig.json",
|
||||
"compilerOptions": {
|
||||
"target": "ESNext",
|
||||
"useDefineForClassFields": true,
|
||||
"module": "ESNext",
|
||||
"resolveJsonModule": true,
|
||||
"allowJs": true,
|
||||
"checkJs": true,
|
||||
"isolatedModules": true
|
||||
},
|
||||
"include": ["src/**/*.d.ts", "src/**/*.ts", "src/**/*.js", "src/**/*.svelte"],
|
||||
"references": [{ "path": "./tsconfig.node.json" }]
|
||||
}
|
||||
8
vendor/texthooker-ui/tsconfig.node.json
vendored
8
vendor/texthooker-ui/tsconfig.node.json
vendored
@@ -1,8 +0,0 @@
|
||||
{
|
||||
"compilerOptions": {
|
||||
"composite": true,
|
||||
"module": "ESNext",
|
||||
"moduleResolution": "Node"
|
||||
},
|
||||
"include": ["vite.lib.config.ts", "vite.main.config.ts"]
|
||||
}
|
||||
22
vendor/texthooker-ui/vite.lib.config.ts
vendored
22
vendor/texthooker-ui/vite.lib.config.ts
vendored
@@ -1,22 +0,0 @@
|
||||
import { svelte } from '@sveltejs/vite-plugin-svelte';
|
||||
import { setDefaultResultOrder } from 'dns';
|
||||
import { defineConfig } from 'vite';
|
||||
|
||||
const nodeVersion = Number.parseInt(process.versions.node.match(/^(\d+)\./)?.[1] || '17', 10);
|
||||
|
||||
if (nodeVersion < 17) {
|
||||
setDefaultResultOrder('verbatim');
|
||||
}
|
||||
|
||||
export default defineConfig({
|
||||
plugins: [svelte()],
|
||||
base: '',
|
||||
build: {
|
||||
emptyOutDir: true,
|
||||
lib: { name: 'texthooker', entry: './src/main.ts', formats: ['iife'] },
|
||||
outDir: './texthooker-ui',
|
||||
},
|
||||
server: {
|
||||
port: 5174,
|
||||
},
|
||||
});
|
||||
44
vendor/texthooker-ui/vite.main.config.ts
vendored
44
vendor/texthooker-ui/vite.main.config.ts
vendored
@@ -1,44 +0,0 @@
|
||||
import { dirname, join } from 'path';
|
||||
|
||||
import { svelte } from '@sveltejs/vite-plugin-svelte';
|
||||
import { setDefaultResultOrder } from 'dns';
|
||||
import { cpSync } from 'fs';
|
||||
import { fileURLToPath } from 'url';
|
||||
import { defineConfig } from 'vite';
|
||||
import { viteSingleFile } from 'vite-plugin-singlefile';
|
||||
|
||||
const nodeVersion = Number.parseInt(process.versions.node.match(/^(\d+)\./)?.[1] || '17', 10);
|
||||
const __filename = fileURLToPath(import.meta.url);
|
||||
const __dirname = dirname(__filename);
|
||||
|
||||
if (nodeVersion < 17) {
|
||||
setDefaultResultOrder('verbatim');
|
||||
}
|
||||
|
||||
export default defineConfig({
|
||||
plugins: [
|
||||
svelte(),
|
||||
viteSingleFile(),
|
||||
(() => {
|
||||
{
|
||||
return {
|
||||
name: 'copy-header',
|
||||
writeBundle() {
|
||||
cpSync(join(__dirname, 'public', 'assets'), join(__dirname, 'docs', 'assets'), {
|
||||
recursive: true,
|
||||
});
|
||||
},
|
||||
};
|
||||
}
|
||||
})(),
|
||||
],
|
||||
base: '/texthooker-ui',
|
||||
build: {
|
||||
copyPublicDir: false,
|
||||
emptyOutDir: true,
|
||||
outDir: './docs',
|
||||
},
|
||||
server: {
|
||||
port: 5174,
|
||||
},
|
||||
});
|
||||
Reference in New Issue
Block a user