SiskelDev/WattpadDownloader
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(frontend): Support PDF Downloads! Update Changelog

Browse Source
This commit is contained in:
TheOnlyWayUp
2024-12-07 10:29:41 +00:00
parent fb42905b33
commit 4c43d01f64
1 changed files with 22 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/frontend/src/routes/+page.svelte
+22 -3
View File
@@ -1,5 +1,6 @@
<script> <script>
let download_images = false; let download_images = false;
let download_as_pdf = false; // 0 = epub, 1 = pdf
let is_paid_story = false; let is_paid_story = false;
let invalid_url = false; let invalid_url = false;
let after_download_page = false; let after_download_page = false;
@@ -24,7 +25,8 @@
(is_paid_story (is_paid_story
? `&username=${encodeURIComponent(credentials.username)}&password=${encodeURIComponent(credentials.password)}` ? `&username=${encodeURIComponent(credentials.username)}&password=${encodeURIComponent(credentials.password)}`
: "") + : "") +
`&mode=${mode}`; `&mode=${mode}` +
(download_as_pdf ? "&format=pdf" : "&format=epub");
$: { $: {
if (input_url.length) { if (input_url.length) {
@@ -51,7 +53,10 @@
mode = "story"; mode = "story";
} else { } else {
// https://www.wattpad.com/939051741-wattpad-books-presents-the-qb-bad-boy-and-me // https://www.wattpad.com/939051741-wattpad-books-presents-the-qb-bad-boy-and-me
input_url = input_url.split("-")[0].split("?")[0].split("wattpad.com/")[1]; // removes tracking fields and title input_url = input_url
.split("-")[0]
.split("?")[0]
.split("wattpad.com/")[1]; // removes tracking fields and title
download_id = input_url; download_id = input_url;
if (/^\d+$/.test(download_id)) { if (/^\d+$/.test(download_id)) {
// If "wattpad.com/{download_id}" contains only numbers // If "wattpad.com/{download_id}" contains only numbers
@@ -95,6 +100,7 @@
</p> </p>
<ul class="pt-4 list list-inside text-xl"> <ul class="pt-4 list list-inside text-xl">
<!-- TODO: 'max-lg: hidden' to hide on screen sizes smaller than lg. I'll do this when I figure out how to make this show up _below_ the card on smaller screen sizes. --> <!-- TODO: 'max-lg: hidden' to hide on screen sizes smaller than lg. I'll do this when I figure out how to make this show up _below_ the card on smaller screen sizes. -->
<li>12/24 - 📑 PDF Downloads!</li>
<li>12/24 - 📂 Improved Performance</li> <li>12/24 - 📂 Improved Performance</li>
<li>11/24 - 🔗 Paste Links!</li> <li>11/24 - 🔗 Paste Links!</li>
<li>11/24 - 📨 Send to Kindle Support!</li> <li>11/24 - 📨 Send to Kindle Support!</li>
@@ -143,6 +149,7 @@
> >
{/if} {/if}
</label> </label>
<label class="cursor-pointer label"> <label class="cursor-pointer label">
<span class="label-text" <span class="label-text"
>This is a Paid Story, and I've purchased it</span >This is a Paid Story, and I've purchased it</span
@@ -181,13 +188,25 @@
<div class="form-control mt-6"> <div class="form-control mt-6">
<a <a
class="btn btn-primary rounded-l-none" class="btn rounded-l-none"
class:btn-primary={!download_as_pdf}
class:btn-secondary={download_as_pdf}
class:btn-disabled={button_disabled} class:btn-disabled={button_disabled}
data-umami-event="Download" data-umami-event="Download"
href={url} href={url}
on:click={() => (after_download_page = true)}>Download</a on:click={() => (after_download_page = true)}>Download</a
> >
<label class="swap w-fit label mt-2">
<input type="checkbox" bind:checked={download_as_pdf} />
<div class="swap-on">
Downloading as <span class=" underline text-bold">PDF</span> (Click)
</div>
<div class="swap-off">
Downloading as <span class=" underline text-bold">EPUB</span> (Click)
</div>
</label>
<label class="cursor-pointer label"> <label class="cursor-pointer label">
<span class="label-text" <span class="label-text"
>Include Images (<strong>Slower Download</strong>)</span >Include Images (<strong>Slower Download</strong>)</span