BradNut/boredgame
1
0
Fork 0
mirror of https://github.com/BradNut/boredgame synced 2025-09-08 17:40:22 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Update to Svelte 4.

Browse source
This commit is contained in:
Bradley Shellnut 2023-07-18 14:26:41 -07:00
parent b6b9c36466
commit 4905ee152c
16 changed files with 28 additions and 28 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
package.json
View file

@ -44,14 +44,14 @@
"prettier-plugin-svelte": "^2.10.1",
"prisma": "^4.16.2",
"sass": "^1.63.6",
"svelte": "^3.59.2",
"svelte-check": "^2.10.3",
"svelte": "^4.0.0",
"svelte-check": "^3.4.3",
"svelte-preprocess": "^5.0.4",
"sveltekit-superforms": "^1.3.0",
"tailwindcss": "^3.3.3",
"ts-node": "^10.9.1",
"tslib": "^2.6.0",
"typescript": "^4.9.5",
"typescript": "^5.0.0",
"vite": "^4.4.4",
"vitest": "^0.25.3",
"zod": "^3.21.4"
@ -92,4 +92,4 @@
"tailwindcss-animate": "^1.0.6",
"zod-to-json-schema": "^3.21.4"
}
}
}

2
src/lib/components/dialog/ClearCollectionDialog.svelte
View file

@ -28,7 +28,7 @@
}}
static
> -->
<div transition:fade>
<div transition:fade|global>
<!-- <DialogOverlay class="dialog-overlay" /> -->
<div class="dialog">
<!-- <DialogTitle>Clear collection</DialogTitle> -->

4
src/lib/components/dialog/DefaultDialog.svelte
View file

@ -16,7 +16,7 @@
export let passive = false;
export let primaryButtonText = '';
export let primaryButtonDisabled = false;
export let primaryButtonIcon: typeof SvelteComponent = undefined;
export let primaryButtonIcon: typeof SvelteComponent<any> = undefined;
export let primaryButtonIconDescription = '';
export let secondaryButtonText = '';
@ -32,7 +32,7 @@
}}
static
> -->
<div transition:fade>
<div transition:fade|global>
<!-- <DialogOverlay class="dialog-overlay" /> -->
<div class="dialog">
<!-- <DialogTitle>{title}</DialogTitle> -->

2
src/lib/components/dialog/RemoveCollectionDialog.svelte
View file

@ -64,7 +64,7 @@
}}
static
>
<div transition:fade>
<div transition:fade|global>
<DialogOverlay class="dialog-overlay" />
<div class="dialog">
<DialogTitle>Remove from collection</DialogTitle>

2
src/lib/components/dialog/RemoveWishlistDialog.svelte
View file

@ -31,7 +31,7 @@
}}
static
> -->
<div transition:fade>
<div transition:fade|global>
<!-- <DialogOverlay class="dialog-overlay" /> -->
<div class="dialog">
<!-- <DialogTitle>Remove from wishlist</DialogTitle> -->

4
src/lib/components/game/index.svelte
View file

@ -85,7 +85,7 @@
$: wishlistText = existsInWishlist ? 'Remove from wishlist' : 'Add to wishlist';
</script>
<article class="grid grid-template-cols-2 gap-4" transition:fade>
<article class="grid grid-template-cols-2 gap-4" transition:fade|global>
<Card>
<CardHeader>
<CardTitle>{game.game_name}</CardTitle>
@ -141,7 +141,7 @@
</Card>
</article>
<!-- <article class="game-container" transition:fade>
<!-- <article class="game-container" transition:fade|global>
<h2>{game.name}</h2>
<a
class="thumbnail"

2
src/lib/components/listbox.svelte
View file

@ -42,7 +42,7 @@
</svg>
<!-- </ListboxButton> -->
{#if open}
<div transition:fade={{ duration: 200 }}>
<div transition:fade|global={{ duration: 200 }}>
<!-- <ListboxOptions class="options"> -->
{#each shows as anime (anime.id)}
<!-- <ListboxOption

2
src/lib/components/pagination/index.svelte
View file

@ -51,7 +51,7 @@
> -->
<!-- <ListboxButton>{pageSize || 10}</ListboxButton> -->
<!-- {#if open} -->
<div transition:fade={{ duration: 100 }}>
<div transition:fade|global={{ duration: 100 }}>
<!-- <ListboxOptions static class="options"> -->
{#each pageSizes as size (size)}
<!-- <ListboxOption

2
src/lib/components/preferences/profile.svelte
View file

@ -29,7 +29,7 @@
<!-- </PopoverButton> -->
{#if open}
<div transition:fade={{ duration: 100 }}>
<div transition:fade|global={{ duration: 100 }}>
<!-- <PopoverPanel class="popover-panel" static> -->
<div class="preferences">
<svg

2
src/lib/components/preferences/themes.svelte
View file

@ -85,7 +85,7 @@
<!-- </ListboxButton> -->
{#if open}
<div transition:fade={{ duration: 100 }}>
<div transition:fade|global={{ duration: 100 }}>
<!-- <ListboxOptions class="options" static> -->
{#each Object.entries(themes) as [key, theme] (key)}
<!-- <ListboxOption value={theme} let:active let:selected> -->

2
src/lib/components/search/textSearch/index.svelte
View file

@ -181,7 +181,7 @@
<!-- </DisclosureButton> -->
{#if disclosureOpen}
<div transition:fade>
<div transition:fade|global>
<!-- Using `static`, `DisclosurePanel` is always rendered,
and ignores the `open` state -->
<!-- <DisclosurePanel static> -->

4
src/lib/components/toast/Toast.svelte
View file

@ -13,8 +13,8 @@
aria-label={toastData.dismissible ? 'Click to dismiss' : `${toastData.message}`}
on:click={() => toastData.dismissible && toast.remove(toastData.id)}
on:keydown={() => toastData.dismissible && toast.remove(toastData.id)}
in:fly={{ opacity: 0, x: 100 }}
out:fade
in:fly|global={{ opacity: 0, x: 100 }}
out:fade|global
animate:flip
class={`toast ${toastData.type.toLowerCase()}`}
>

2
src/lib/components/transition/index.svelte
View file

@ -14,7 +14,7 @@
{#if transition.type === 'page' && url}
<div class="transition" style="display: grid;">
{#key url}
<div style="grid-row: 1 / -1; grid-column: 1 / -1;" in:fade={{ duration: 400, delay: 400 }} out:fade={{ duration: 400}}>
<div style="grid-row: 1 / -1; grid-column: 1 / -1;" in:fade|global={{ duration: 400, delay: 400 }} out:fade|global={{ duration: 400}}>
<slot />
</div>
{/key}

2
src/lib/types.ts
View file

@ -17,7 +17,7 @@ export type CollectionItemWithGame = Prisma.CollectionItemGetPayload<{
export type Dialog = {
isOpen: boolean;
content?: typeof SvelteComponent;
content?: typeof SvelteComponent<any>;
additionalData?: SavedGameType | GameType;
};

12
src/routes/api/game/search/+server.ts
View file

@ -7,12 +7,12 @@ import { search_schema } from '$lib/zodValidation.js';
// Search a user's collection
export const GET = async ({ url, locals, params, request }) => {
try {
z.parse;
} catch (e) {
console.error(e);
return error(500, { message: 'Something went wrong' });
}
// try {
// z.parse;
// } catch (e) {
// console.error(e);
// return error(500, { message: 'Something went wrong' });
// }
const searchParams = Object.fromEntries(url.searchParams);
const q = searchParams?.q || '';

4
src/routes/game/[id]/+page.svelte
View file

@ -145,12 +145,12 @@
</section>
{#if game?.description_preview}
{#if !seeMore}
<section class="description" style="margin-top: 2rem;" in:fly={{ opacity: 0, x: 100 }} out:fly={{ opacity: 0, x: -100 }}>
<section class="description" style="margin-top: 2rem;" in:fly|global={{ opacity: 0, x: 100 }} out:fly|global={{ opacity: 0, x: -100 }}>
{`${game?.description_preview.substring(0, 250)}...`}
</section>
{/if}
{#if seeMore}
<div class="overflow-description" in:fly={{ opacity: 0, x: 100 }} out:fade>
<div class="overflow-description" in:fly|global={{ opacity: 0, x: 100 }} out:fade|global>
{@html game?.description}
</div>
{/if}