-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
improved styles and cleaned up methods
- Loading branch information
Showing
10 changed files
with
512 additions
and
411 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,6 +1,6 @@ | ||
| <div class="bg-white p-4 rounded-lg shadow-md max-w-max mx-auto"> | ||
| <p class="text-center text-gray-600"> | ||
| Preparing your quests... <b>K-kupo!</b> | ||
| Preparing your quests... <b>kupo!</b> | ||
| </p> | ||
| </div> | ||
| <img src="loading.gif" alt="Loading" class="mx-auto mt-4" /> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,45 +1,213 @@ | ||
| import { writable, get } from "svelte/store"; | ||
| import { quests, completedQuests } from "$lib/stores/questsStore"; | ||
| import type { ExpansionProgress } from "$lib/stores/questsStore"; | ||
| import { | ||
| compressToEncodedURIComponent, | ||
| decompressFromEncodedURIComponent, | ||
| } from "lz-string"; | ||
| import { | ||
| quests, | ||
| completedQuests, | ||
| currentExpansion, | ||
| } from "$lib/stores/questsStore"; | ||
| import { openModal } from "$lib/stores/modalManager"; | ||
|
|
||
| export type ExpansionProgress = { | ||
| percent: number; | ||
| completed: number; | ||
| total: number; | ||
| }; | ||
|
|
||
| export type QuestGroupProgress = { | ||
| percent: number; | ||
| completed: number; | ||
| total: number; | ||
| }; | ||
|
|
||
| // Store for overall progress | ||
| export const progress = writable<Record<string, ExpansionProgress>>({}); | ||
|
|
||
| // Function to calculate progress for a single expansion | ||
| export function calculateExpansionProgress(expansionName: string) { | ||
| const $quests = get(quests); | ||
| if (!$quests.length) return { percent: 0, completed: 0, total: 0 }; | ||
| // Get progress for a single expansion | ||
| export function getProgressByExpansion( | ||
| expansionName: string | ||
| ): ExpansionProgress { | ||
| return get(progress)[expansionName] || { percent: 0, completed: 0, total: 0 }; | ||
| } | ||
|
|
||
| // Returns the progress for a single quest group inside the expansion | ||
| export function getProgressByQuestGroup( | ||
| expansionName: string, | ||
| questGroup: string | ||
| ): QuestGroupProgress { | ||
| const allQuests = get(quests); | ||
| if (!allQuests.length) { | ||
| return { percent: 0, completed: 0, total: 0 }; | ||
| } | ||
|
|
||
| // Find the expansion by name | ||
| const expansion = allQuests.find((exp) => exp.name === expansionName); | ||
| if (!expansion || !expansion.quests) { | ||
| return { percent: 0, completed: 0, total: 0 }; | ||
| } | ||
|
|
||
| // Get the quest group within the expansion | ||
| const questsArray = expansion.quests[questGroup] || []; | ||
| const totalQuests = questsArray.length; | ||
| const completedCount = questsArray.reduce((count, quest) => { | ||
| return count + (get(completedQuests)[quest["#"]] ? 1 : 0); | ||
| }, 0); | ||
|
|
||
| const expansion = $quests.find((exp) => exp.name === expansionName); | ||
| return { | ||
| percent: | ||
| totalQuests > 0 ? Math.floor((completedCount / totalQuests) * 100) : 0, | ||
| completed: completedCount, | ||
| total: totalQuests, | ||
| }; | ||
| } | ||
|
|
||
| // Calculate progress for a single expansion | ||
| export function calculateExpansionProgress( | ||
| expansionName: string | ||
| ): ExpansionProgress { | ||
| const allQuests = get(quests); | ||
| if (!allQuests.length) return { percent: 0, completed: 0, total: 0 }; | ||
|
|
||
| const expansion = allQuests.find((exp) => exp.name === expansionName); | ||
| if (!expansion) return { percent: 0, completed: 0, total: 0 }; | ||
|
|
||
| const questsArray = Object.values(expansion.quests).flat(); | ||
| const totalQuests = questsArray.length; | ||
| const completedQuestsCount = questsArray.filter( | ||
| const completedCount = questsArray.filter( | ||
| (quest) => get(completedQuests)[quest["#"]] | ||
| ).length; | ||
|
|
||
| const percent = | ||
| totalQuests > 0 | ||
| ? Math.floor((completedQuestsCount / totalQuests) * 100) | ||
| : 0; | ||
|
|
||
| return { | ||
| percent, | ||
| completed: completedQuestsCount, | ||
| percent: | ||
| totalQuests > 0 ? Math.floor((completedCount / totalQuests) * 100) : 0, | ||
| completed: completedCount, | ||
| total: totalQuests, | ||
| }; | ||
| } | ||
|
|
||
| // Function to calculate progress for all expansions | ||
| export function calculateAllProgress() { | ||
| const $quests = get(quests); | ||
| if (!$quests.length) return; | ||
| // Calculate progress for all expansions | ||
| export function initAllExpansionProgress() { | ||
| const allQuests = get(quests); | ||
| if (!allQuests.length) return; | ||
|
|
||
| const updatedProgress: Record<string, ExpansionProgress> = {}; | ||
| allQuests.forEach((expansion) => { | ||
| updatedProgress[expansion.name] = calculateExpansionProgress( | ||
| expansion.name | ||
| ); | ||
| }); | ||
|
|
||
| progress.set(updatedProgress); | ||
| } | ||
|
|
||
| // Get shared progress from URL | ||
| export function getSharedProgress(): string { | ||
| try { | ||
| const urlParams = new URLSearchParams(window.location.search); | ||
| return urlParams.get("progress") || ""; | ||
| } catch { | ||
| console.warn("Failed to parse shared progress from URL."); | ||
| return ""; | ||
| } | ||
| } | ||
|
|
||
| // Check if shared progress exists | ||
| export function hasSharedProgress(): boolean { | ||
| return !!getSharedProgress(); | ||
| } | ||
|
|
||
| // Load shared progress from URL | ||
| export function loadSharedProgress() { | ||
| const compressedState = getSharedProgress(); | ||
|
|
||
| if (compressedState) { | ||
| openModal( | ||
| "Shared Progress", | ||
| "You are viewing a shared progress link. Your progress won't be overwritten without prompt.", | ||
| () => {}, | ||
| () => { | ||
| window.location.href = | ||
| window.location.origin + window.location.pathname; | ||
| }, | ||
| "Understood", | ||
| "", | ||
| false | ||
| ); | ||
|
|
||
| const newProgress: Record<string, ExpansionProgress> = {}; | ||
| for (const expansion of $quests) { | ||
| newProgress[expansion.name] = calculateExpansionProgress(expansion.name); | ||
| try { | ||
| const state = JSON.parse( | ||
| decompressFromEncodedURIComponent(compressedState) || "{}" | ||
| ); | ||
|
|
||
| const reconstructedCompleted: Record<number, boolean> = {}; | ||
| state.completedQuests.forEach((id: string) => { | ||
| reconstructedCompleted[Number(id)] = true; | ||
| }); | ||
|
|
||
| completedQuests.set(reconstructedCompleted); | ||
| currentExpansion.set(state.currentExpansion); | ||
| } catch (error) { | ||
| console.error("Failed to decode shared progress:", error); | ||
| } | ||
| } | ||
| } | ||
|
|
||
| // Generate a shareable link for progress | ||
| export function generateShareableLink() { | ||
| const completed = get(completedQuests); | ||
| const completedIds = Object.keys(completed).filter( | ||
| (id) => completed[Number(id)] | ||
| ); | ||
|
|
||
| progress.set(newProgress); | ||
| const state = { | ||
| completedQuests: completedIds, | ||
| currentExpansion: get(currentExpansion), | ||
| }; | ||
|
|
||
| try { | ||
| const compressedState = compressToEncodedURIComponent( | ||
| JSON.stringify(state) | ||
| ); | ||
| const basePath = | ||
| window.location.origin + window.location.pathname.replace(/\/$/, ""); | ||
| const shareableLink = `${basePath}?progress=${compressedState}`; | ||
|
|
||
| navigator.clipboard | ||
| .writeText(shareableLink) | ||
| .then(() => | ||
| openModal( | ||
| "Shareable Link", | ||
| "The progress link has been copied to your clipboard. Share it with your friends!", | ||
| () => {}, | ||
| () => {}, | ||
| "Understood", | ||
| "", | ||
| false | ||
| ) | ||
| ) | ||
| .catch(() => | ||
| openModal( | ||
| "Shareable Link", | ||
| "Failed to copy the progress link to your clipboard. Please try again.", | ||
| () => {}, | ||
| () => {}, | ||
| "Understood", | ||
| "", | ||
| false | ||
| ) | ||
| ); | ||
| } catch (error) { | ||
| console.error("Failed to generate shareable link:", error); | ||
| openModal( | ||
| "Shareable Link", | ||
| "An error occurred while generating the progress link. Please try again later.", | ||
| () => {}, | ||
| () => {}, | ||
| "Understood", | ||
| "", | ||
| false | ||
| ); | ||
| } | ||
| } |
Oops, something went wrong.