(null);
+export const isLoading = writable(true);
+export const isAuthenticated = derived(user, ($user) => $user !== null);
+export const isConfigured = isOidcConfigured;
+
+// Cookie management
+function setCookieFromUser(u: User) {
+ if (!u?.access_token) return;
+
+ const isProduction = window.location.hostname !== 'localhost';
+ const domain = isProduction ? '.orfl.xyz' : undefined;
+ const secure = isProduction;
+ const sameSite = isProduction ? 'None' : 'Lax';
+
+ const cookieValue = `fa_session=${u.access_token}; path=/; ${secure ? 'secure; ' : ''}samesite=${sameSite}${domain ? `; domain=${domain}` : ''}`;
+ document.cookie = cookieValue;
+}
+
+function clearFaSessionCookie() {
+ const isProduction = window.location.hostname !== 'localhost';
+ const domain = isProduction ? '.orfl.xyz' : undefined;
+
+ const cookieValue = `fa_session=; path=/; expires=Thu, 01 Jan 1970 00:00:00 GMT${domain ? `; domain=${domain}` : ''}`;
+ document.cookie = cookieValue;
+}
+
+// Track if callback has been handled to prevent double processing
+let callbackHandled = false;
+
+export async function initAuth() {
+ if (!userManager) {
+ isLoading.set(false);
+ return;
+ }
+
+ // Handle callback if auth params are present
+ const url = new URL(window.location.href);
+ const hasAuthParams =
+ url.searchParams.has('code') ||
+ url.searchParams.has('id_token') ||
+ url.searchParams.has('error');
+
+ if (hasAuthParams && !callbackHandled) {
+ callbackHandled = true;
+ try {
+ const result = await userManager.signinRedirectCallback();
+ user.set(result ?? null);
+ if (result) {
+ setCookieFromUser(result);
+ }
+ } catch (e) {
+ console.error('Failed to complete sign-in redirect', e);
+ } finally {
+ const cleanUrl = `${url.origin}${url.pathname}`;
+ window.history.replaceState({}, document.title, cleanUrl);
+ }
+ }
+
+ // Load existing user
+ try {
+ const loadedUser = await userManager.getUser();
+ user.set(loadedUser ?? null);
+ if (loadedUser) {
+ setCookieFromUser(loadedUser);
+ }
+ } catch (e) {
+ console.error('Failed to load user', e);
+ }
+
+ isLoading.set(false);
+
+ // Event listeners
+ userManager.events.addUserLoaded((u) => {
+ user.set(u);
+ setCookieFromUser(u);
+ });
+
+ userManager.events.addUserUnloaded(() => {
+ user.set(null);
+ clearFaSessionCookie();
+ });
+
+ userManager.events.addUserSignedOut(() => {
+ user.set(null);
+ clearFaSessionCookie();
+ });
+}
+
+export async function login() {
+ if (!userManager) {
+ console.warn('OIDC is not configured; set PUBLIC_OIDC_* environment variables.');
+ return;
+ }
+ await userManager.signinRedirect();
+}
+
+export async function logout() {
+ if (!userManager) {
+ console.warn('OIDC is not configured; set PUBLIC_OIDC_* environment variables.');
+ return;
+ }
+ try {
+ clearFaSessionCookie();
+ await userManager.signoutRedirect();
+ } catch (error) {
+ console.error('Failed to sign out via redirect, clearing local session instead.', error);
+ await userManager.removeUser();
+ user.set(null);
+ }
+}
diff --git a/fictionarchive-web/src/auth/oidcClient.ts b/fictionarchive-web-astro/src/lib/auth/oidcConfig.ts
similarity index 54%
rename from fictionarchive-web/src/auth/oidcClient.ts
rename to fictionarchive-web-astro/src/lib/auth/oidcConfig.ts
index 9e8ed63..17ae4cc 100644
--- a/fictionarchive-web/src/auth/oidcClient.ts
+++ b/fictionarchive-web-astro/src/lib/auth/oidcConfig.ts
@@ -1,17 +1,16 @@
-import { UserManager, WebStorageStateStore, type UserManagerSettings } from 'oidc-client-ts'
+import { UserManager, WebStorageStateStore, type UserManagerSettings } from 'oidc-client-ts';
-const authority = import.meta.env.VITE_OIDC_AUTHORITY
-const clientId = import.meta.env.VITE_OIDC_CLIENT_ID
-const redirectUri = import.meta.env.VITE_OIDC_REDIRECT_URI
-const postLogoutRedirectUri =
- import.meta.env.VITE_OIDC_POST_LOGOUT_REDIRECT_URI ?? redirectUri
-const scope = import.meta.env.VITE_OIDC_SCOPE ?? 'openid profile email'
+const authority = import.meta.env.PUBLIC_OIDC_AUTHORITY;
+const clientId = import.meta.env.PUBLIC_OIDC_CLIENT_ID;
+const redirectUri = import.meta.env.PUBLIC_OIDC_REDIRECT_URI;
+const postLogoutRedirectUri = import.meta.env.PUBLIC_OIDC_POST_LOGOUT_REDIRECT_URI ?? redirectUri;
+const scope = import.meta.env.PUBLIC_OIDC_SCOPE ?? 'openid profile email';
export const isOidcConfigured =
- Boolean(authority) && Boolean(clientId) && Boolean(redirectUri)
+ Boolean(authority) && Boolean(clientId) && Boolean(redirectUri);
function buildSettings(): UserManagerSettings | null {
- if (!isOidcConfigured) return null
+ if (!isOidcConfigured) return null;
return {
authority: authority!,
@@ -26,11 +25,11 @@ function buildSettings(): UserManagerSettings | null {
typeof window !== 'undefined'
? new WebStorageStateStore({ store: window.localStorage })
: undefined,
- }
+ };
}
export const userManager = (() => {
- const settings = buildSettings()
- if (!settings) return null
- return new UserManager(settings)
-})()
+ const settings = buildSettings();
+ if (!settings) return null;
+ return new UserManager(settings);
+})();
diff --git a/fictionarchive-web-astro/src/lib/components/AuthInit.svelte b/fictionarchive-web-astro/src/lib/components/AuthInit.svelte
new file mode 100644
index 0000000..b366f46
--- /dev/null
+++ b/fictionarchive-web-astro/src/lib/components/AuthInit.svelte
@@ -0,0 +1,8 @@
+
diff --git a/fictionarchive-web-astro/src/lib/components/AuthenticationDisplay.svelte b/fictionarchive-web-astro/src/lib/components/AuthenticationDisplay.svelte
new file mode 100644
index 0000000..3c9d578
--- /dev/null
+++ b/fictionarchive-web-astro/src/lib/components/AuthenticationDisplay.svelte
@@ -0,0 +1,55 @@
+
+
+
+
+{#if $isLoading}
+
+{:else if !isConfigured}
+ Auth not configured
+{:else if $user}
+
+
+ {#if isOpen}
+
+
+
+ {/if}
+
+ {greeting}
+
+
+ Your personal fiction library
+
+
diff --git a/fictionarchive-web-astro/src/lib/components/HomePage.svelte b/fictionarchive-web-astro/src/lib/components/HomePage.svelte
new file mode 100644
index 0000000..3ddc7b1
--- /dev/null
+++ b/fictionarchive-web-astro/src/lib/components/HomePage.svelte
@@ -0,0 +1,38 @@
+
+
+
+
+
+
+
+
+
diff --git a/fictionarchive-web-astro/src/lib/components/Navbar.svelte b/fictionarchive-web-astro/src/lib/components/Navbar.svelte
new file mode 100644
index 0000000..94d1f24
--- /dev/null
+++ b/fictionarchive-web-astro/src/lib/components/Navbar.svelte
@@ -0,0 +1,33 @@
+
+
+
diff --git a/fictionarchive-web-astro/src/lib/components/NavigationCard.svelte b/fictionarchive-web-astro/src/lib/components/NavigationCard.svelte
new file mode 100644
index 0000000..644c673
--- /dev/null
+++ b/fictionarchive-web-astro/src/lib/components/NavigationCard.svelte
@@ -0,0 +1,80 @@
+
+
+
+
+{#if disabled}
+
+
+
+
+
+ {title}
+ {description}
+
+
+ Coming soon
+
+
+
+
+
+ {title}
+ {description}
+
+
+
+{/if}
diff --git a/fictionarchive-web-astro/src/lib/components/NovelCard.svelte b/fictionarchive-web-astro/src/lib/components/NovelCard.svelte
new file mode 100644
index 0000000..9fd8263
--- /dev/null
+++ b/fictionarchive-web-astro/src/lib/components/NovelCard.svelte
@@ -0,0 +1,119 @@
+
+
+
+
+
+
+
+ {#if coverSrc}
+
+
+
+ {:else}
+
+ {/if}
+
+ {statusLabel}
+
+
+ {@html descriptionHtml}
+
+ {#if chapterDisplay || relativeTime}
+
+ {#if chapterDisplay}
+ {chapterDisplay}
+ {/if}
+ {#if chapterDisplay && relativeTime}
+ ·
+ {/if}
+ {#if relativeTime && absoluteTime}
+
+
+
+
+
+
+ {absoluteTime}
+
+
+
+ {/if}
+
+ {/if}
+
+
+
diff --git a/fictionarchive-web-astro/src/lib/components/NovelDetailPage.svelte b/fictionarchive-web-astro/src/lib/components/NovelDetailPage.svelte
new file mode 100644
index 0000000..4e35272
--- /dev/null
+++ b/fictionarchive-web-astro/src/lib/components/NovelDetailPage.svelte
@@ -0,0 +1,25 @@
+
+
+
+
+ Novel Details
+
+
+
+ {#if novelId}
+ Viewing novel ID: {novelId}
+ {/if}
+
+
+ Detail view coming soon. Select a novel to explore chapters and metadata once implemented.
+
+
+
diff --git a/fictionarchive-web-astro/src/lib/components/NovelsPage.svelte b/fictionarchive-web-astro/src/lib/components/NovelsPage.svelte
new file mode 100644
index 0000000..a9e8cc7
--- /dev/null
+++ b/fictionarchive-web-astro/src/lib/components/NovelsPage.svelte
@@ -0,0 +1,117 @@
+
+
+
+
+
+ Latest Novels
+ Novels that have recently been updated.
+
+
+
+ {#if fetching && initialLoad}
+
+
+
+
+
+ {/if}
+
+ {#if error}
+
+
+ Could not load novels: {error}
+
+
+ {/if}
+
+ {#if !fetching && novels.length === 0 && !error && !initialLoad}
+
+
+
+ No novels found yet. Try adding content to the gateway.
+
+
+
+ {/if}
+
+ {#if novels.length > 0}
+
+ {#each novels as novel (novel.id)}
+
+ {/each}
+
+ {/if}
+
+ {#if hasNextPage}
+
+
+
+ {/if}
+
+
Could not load novels: {error}
+
+ {#each novels as novel (novel.id)}
+
+
+
+ {/each}
+
+ {@render children?.()}
+
diff --git a/fictionarchive-web-astro/src/lib/components/ui/card/card-content.svelte b/fictionarchive-web-astro/src/lib/components/ui/card/card-content.svelte
new file mode 100644
index 0000000..bc90b83
--- /dev/null
+++ b/fictionarchive-web-astro/src/lib/components/ui/card/card-content.svelte
@@ -0,0 +1,15 @@
+
+
+
+ {@render children?.()}
+
diff --git a/fictionarchive-web-astro/src/lib/components/ui/card/card-description.svelte b/fictionarchive-web-astro/src/lib/components/ui/card/card-description.svelte
new file mode 100644
index 0000000..9b20ac7
--- /dev/null
+++ b/fictionarchive-web-astro/src/lib/components/ui/card/card-description.svelte
@@ -0,0 +1,20 @@
+
+
+
+ {@render children?.()}
+
diff --git a/fictionarchive-web-astro/src/lib/components/ui/card/card-footer.svelte b/fictionarchive-web-astro/src/lib/components/ui/card/card-footer.svelte
new file mode 100644
index 0000000..cf43353
--- /dev/null
+++ b/fictionarchive-web-astro/src/lib/components/ui/card/card-footer.svelte
@@ -0,0 +1,20 @@
+
+
+
+ {@render children?.()}
+
diff --git a/fictionarchive-web-astro/src/lib/components/ui/card/card-header.svelte b/fictionarchive-web-astro/src/lib/components/ui/card/card-header.svelte
new file mode 100644
index 0000000..8a91abb
--- /dev/null
+++ b/fictionarchive-web-astro/src/lib/components/ui/card/card-header.svelte
@@ -0,0 +1,23 @@
+
+
+
+ {@render children?.()}
+
diff --git a/fictionarchive-web-astro/src/lib/components/ui/card/card-title.svelte b/fictionarchive-web-astro/src/lib/components/ui/card/card-title.svelte
new file mode 100644
index 0000000..22586e6
--- /dev/null
+++ b/fictionarchive-web-astro/src/lib/components/ui/card/card-title.svelte
@@ -0,0 +1,20 @@
+
+
+
+ {@render children?.()}
+
diff --git a/fictionarchive-web-astro/src/lib/components/ui/card/card.svelte b/fictionarchive-web-astro/src/lib/components/ui/card/card.svelte
new file mode 100644
index 0000000..99448cc
--- /dev/null
+++ b/fictionarchive-web-astro/src/lib/components/ui/card/card.svelte
@@ -0,0 +1,23 @@
+
+
+
+ {@render children?.()}
+
diff --git a/fictionarchive-web-astro/src/lib/components/ui/card/index.ts b/fictionarchive-web-astro/src/lib/components/ui/card/index.ts
new file mode 100644
index 0000000..4d3fce4
--- /dev/null
+++ b/fictionarchive-web-astro/src/lib/components/ui/card/index.ts
@@ -0,0 +1,25 @@
+import Root from "./card.svelte";
+import Content from "./card-content.svelte";
+import Description from "./card-description.svelte";
+import Footer from "./card-footer.svelte";
+import Header from "./card-header.svelte";
+import Title from "./card-title.svelte";
+import Action from "./card-action.svelte";
+
+export {
+ Root,
+ Content,
+ Description,
+ Footer,
+ Header,
+ Title,
+ Action,
+ //
+ Root as Card,
+ Content as CardContent,
+ Description as CardDescription,
+ Footer as CardFooter,
+ Header as CardHeader,
+ Title as CardTitle,
+ Action as CardAction,
+};
diff --git a/fictionarchive-web-astro/src/lib/components/ui/input/index.ts b/fictionarchive-web-astro/src/lib/components/ui/input/index.ts
new file mode 100644
index 0000000..f47b6d3
--- /dev/null
+++ b/fictionarchive-web-astro/src/lib/components/ui/input/index.ts
@@ -0,0 +1,7 @@
+import Root from "./input.svelte";
+
+export {
+ Root,
+ //
+ Root as Input,
+};
diff --git a/fictionarchive-web-astro/src/lib/components/ui/input/input.svelte b/fictionarchive-web-astro/src/lib/components/ui/input/input.svelte
new file mode 100644
index 0000000..960167d
--- /dev/null
+++ b/fictionarchive-web-astro/src/lib/components/ui/input/input.svelte
@@ -0,0 +1,52 @@
+
+
+{#if type === "file"}
+
+{:else}
+
+{/if}
diff --git a/fictionarchive-web-astro/src/lib/components/ui/navigation-menu/index.ts b/fictionarchive-web-astro/src/lib/components/ui/navigation-menu/index.ts
new file mode 100644
index 0000000..bbc250f
--- /dev/null
+++ b/fictionarchive-web-astro/src/lib/components/ui/navigation-menu/index.ts
@@ -0,0 +1,28 @@
+import Root from "./navigation-menu.svelte";
+import Content from "./navigation-menu-content.svelte";
+import Indicator from "./navigation-menu-indicator.svelte";
+import Item from "./navigation-menu-item.svelte";
+import Link from "./navigation-menu-link.svelte";
+import List from "./navigation-menu-list.svelte";
+import Trigger from "./navigation-menu-trigger.svelte";
+import Viewport from "./navigation-menu-viewport.svelte";
+
+export {
+ Root,
+ Content,
+ Indicator,
+ Item,
+ Link,
+ List,
+ Trigger,
+ Viewport,
+ //
+ Root as NavigationMenuRoot,
+ Content as NavigationMenuContent,
+ Indicator as NavigationMenuIndicator,
+ Item as NavigationMenuItem,
+ Link as NavigationMenuLink,
+ List as NavigationMenuList,
+ Trigger as NavigationMenuTrigger,
+ Viewport as NavigationMenuViewport,
+};
diff --git a/fictionarchive-web-astro/src/lib/components/ui/navigation-menu/navigation-menu-content.svelte b/fictionarchive-web-astro/src/lib/components/ui/navigation-menu/navigation-menu-content.svelte
new file mode 100644
index 0000000..e246772
--- /dev/null
+++ b/fictionarchive-web-astro/src/lib/components/ui/navigation-menu/navigation-menu-content.svelte
@@ -0,0 +1,21 @@
+
+
+
diff --git a/fictionarchive-web-astro/src/lib/components/ui/navigation-menu/navigation-menu-indicator.svelte b/fictionarchive-web-astro/src/lib/components/ui/navigation-menu/navigation-menu-indicator.svelte
new file mode 100644
index 0000000..6190a3f
--- /dev/null
+++ b/fictionarchive-web-astro/src/lib/components/ui/navigation-menu/navigation-menu-indicator.svelte
@@ -0,0 +1,22 @@
+
+
+
+
+
diff --git a/fictionarchive-web-astro/src/lib/components/ui/navigation-menu/navigation-menu-item.svelte b/fictionarchive-web-astro/src/lib/components/ui/navigation-menu/navigation-menu-item.svelte
new file mode 100644
index 0000000..b00b4b4
--- /dev/null
+++ b/fictionarchive-web-astro/src/lib/components/ui/navigation-menu/navigation-menu-item.svelte
@@ -0,0 +1,17 @@
+
+
+
diff --git a/fictionarchive-web-astro/src/lib/components/ui/navigation-menu/navigation-menu-link.svelte b/fictionarchive-web-astro/src/lib/components/ui/navigation-menu/navigation-menu-link.svelte
new file mode 100644
index 0000000..867851e
--- /dev/null
+++ b/fictionarchive-web-astro/src/lib/components/ui/navigation-menu/navigation-menu-link.svelte
@@ -0,0 +1,20 @@
+
+
+
diff --git a/fictionarchive-web-astro/src/lib/components/ui/navigation-menu/navigation-menu-list.svelte b/fictionarchive-web-astro/src/lib/components/ui/navigation-menu/navigation-menu-list.svelte
new file mode 100644
index 0000000..c2c5880
--- /dev/null
+++ b/fictionarchive-web-astro/src/lib/components/ui/navigation-menu/navigation-menu-list.svelte
@@ -0,0 +1,17 @@
+
+
+
diff --git a/fictionarchive-web-astro/src/lib/components/ui/navigation-menu/navigation-menu-trigger.svelte b/fictionarchive-web-astro/src/lib/components/ui/navigation-menu/navigation-menu-trigger.svelte
new file mode 100644
index 0000000..68c5a8f
--- /dev/null
+++ b/fictionarchive-web-astro/src/lib/components/ui/navigation-menu/navigation-menu-trigger.svelte
@@ -0,0 +1,34 @@
+
+
+
+
+
diff --git a/fictionarchive-web-astro/src/lib/components/ui/navigation-menu/navigation-menu-viewport.svelte b/fictionarchive-web-astro/src/lib/components/ui/navigation-menu/navigation-menu-viewport.svelte
new file mode 100644
index 0000000..99d1efc
--- /dev/null
+++ b/fictionarchive-web-astro/src/lib/components/ui/navigation-menu/navigation-menu-viewport.svelte
@@ -0,0 +1,22 @@
+
+
+
+
+
diff --git a/fictionarchive-web-astro/src/lib/components/ui/navigation-menu/navigation-menu.svelte b/fictionarchive-web-astro/src/lib/components/ui/navigation-menu/navigation-menu.svelte
new file mode 100644
index 0000000..69c3d13
--- /dev/null
+++ b/fictionarchive-web-astro/src/lib/components/ui/navigation-menu/navigation-menu.svelte
@@ -0,0 +1,32 @@
+
+
+
+ {@render children?.()}
+
+ {#if viewport}
+
+ {/if}
+
diff --git a/fictionarchive-web-astro/src/lib/components/ui/tooltip/index.ts b/fictionarchive-web-astro/src/lib/components/ui/tooltip/index.ts
new file mode 100644
index 0000000..3b1f184
--- /dev/null
+++ b/fictionarchive-web-astro/src/lib/components/ui/tooltip/index.ts
@@ -0,0 +1,18 @@
+import { Tooltip as TooltipPrimitive } from 'bits-ui';
+import Content from './tooltip-content.svelte';
+
+const Root = TooltipPrimitive.Root;
+const Trigger = TooltipPrimitive.Trigger;
+const Provider = TooltipPrimitive.Provider;
+
+export {
+ Root,
+ Trigger,
+ Content,
+ Provider,
+ //
+ Root as Tooltip,
+ Trigger as TooltipTrigger,
+ Content as TooltipContent,
+ Provider as TooltipProvider
+};
diff --git a/fictionarchive-web-astro/src/lib/components/ui/tooltip/tooltip-content.svelte b/fictionarchive-web-astro/src/lib/components/ui/tooltip/tooltip-content.svelte
new file mode 100644
index 0000000..88598cf
--- /dev/null
+++ b/fictionarchive-web-astro/src/lib/components/ui/tooltip/tooltip-content.svelte
@@ -0,0 +1,24 @@
+
+
+
+
+
diff --git a/fictionarchive-web/src/__generated__/graphql.ts b/fictionarchive-web-astro/src/lib/graphql/__generated__/graphql.ts
similarity index 93%
rename from fictionarchive-web/src/__generated__/graphql.ts
rename to fictionarchive-web-astro/src/lib/graphql/__generated__/graphql.ts
index 1780522..4eb8a76 100644
--- a/fictionarchive-web/src/__generated__/graphql.ts
+++ b/fictionarchive-web-astro/src/lib/graphql/__generated__/graphql.ts
@@ -1,6 +1,6 @@
import type { TypedDocumentNode as DocumentNode } from '@graphql-typed-document-node/core';
export type Maybe = T | null;
-export type InputMaybe = T | null;
+export type InputMaybe = Maybe;
export type Exact = { [K in keyof T]: T[K] };
export type MakeOptional = Omit & { [SubKey in K]?: Maybe };
export type MakeMaybe = Omit & { [SubKey in K]: Maybe };
@@ -18,6 +18,17 @@ export type Scalars = {
UnsignedInt: { input: any; output: any; }
};
+/** Defines when a policy shall be executed. */
+export const ApplyPolicy = {
+ /** After the resolver was executed. */
+ AfterResolver: 'AFTER_RESOLVER',
+ /** Before the resolver was executed. */
+ BeforeResolver: 'BEFORE_RESOLVER',
+ /** The policy is applied in the validation step before the execution. */
+ Validation: 'VALIDATION'
+} as const;
+
+export type ApplyPolicy = typeof ApplyPolicy[keyof typeof ApplyPolicy];
export type Chapter = {
body: LocalizationKey;
createdTime: Scalars['Instant']['output'];
@@ -768,7 +779,7 @@ export type NovelsQueryVariables = Exact<{
}>;
-export type NovelsQuery = { novels: { edges: Array<{ cursor: string, node: { id: any, url: string, name: { texts: Array<{ language: Language, text: string }> }, description: { texts: Array<{ language: Language, text: string }> }, coverImage: { originalPath: string, newPath: string | null } | null } }> | null, pageInfo: { hasNextPage: boolean, endCursor: string | null } } | null };
+export type NovelsQuery = { novels: { edges: Array<{ cursor: string, node: { id: any, url: string, rawStatus: NovelStatus, lastUpdatedTime: any, name: { texts: Array<{ language: Language, text: string }> }, description: { texts: Array<{ language: Language, text: string }> }, coverImage: { originalPath: string, newPath: string | null } | null, chapters: Array<{ order: any, name: { texts: Array<{ language: Language, text: string }> } }> } }> | null, pageInfo: { hasNextPage: boolean, endCursor: string | null } } | null };
-export const NovelsDocument = {"kind":"Document","definitions":[{"kind":"OperationDefinition","operation":"query","name":{"kind":"Name","value":"Novels"},"variableDefinitions":[{"kind":"VariableDefinition","variable":{"kind":"Variable","name":{"kind":"Name","value":"first"}},"type":{"kind":"NamedType","name":{"kind":"Name","value":"Int"}}},{"kind":"VariableDefinition","variable":{"kind":"Variable","name":{"kind":"Name","value":"after"}},"type":{"kind":"NamedType","name":{"kind":"Name","value":"String"}}}],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"novels"},"arguments":[{"kind":"Argument","name":{"kind":"Name","value":"first"},"value":{"kind":"Variable","name":{"kind":"Name","value":"first"}}},{"kind":"Argument","name":{"kind":"Name","value":"after"},"value":{"kind":"Variable","name":{"kind":"Name","value":"after"}}}],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"edges"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"cursor"}},{"kind":"Field","name":{"kind":"Name","value":"node"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"url"}},{"kind":"Field","name":{"kind":"Name","value":"name"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"texts"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"language"}},{"kind":"Field","name":{"kind":"Name","value":"text"}}]}}]}},{"kind":"Field","name":{"kind":"Name","value":"description"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"texts"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"language"}},{"kind":"Field","name":{"kind":"Name","value":"text"}}]}}]}},{"kind":"Field","name":{"kind":"Name","value":"coverImage"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"originalPath"}},{"kind":"Field","name":{"kind":"Name","value":"newPath"}}]}}]}}]}},{"kind":"Field","name":{"kind":"Name","value":"pageInfo"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"hasNextPage"}},{"kind":"Field","name":{"kind":"Name","value":"endCursor"}}]}}]}}]}}]} as unknown as DocumentNode;
\ No newline at end of file
+export const NovelsDocument = {"kind":"Document","definitions":[{"kind":"OperationDefinition","operation":"query","name":{"kind":"Name","value":"Novels"},"variableDefinitions":[{"kind":"VariableDefinition","variable":{"kind":"Variable","name":{"kind":"Name","value":"first"}},"type":{"kind":"NamedType","name":{"kind":"Name","value":"Int"}}},{"kind":"VariableDefinition","variable":{"kind":"Variable","name":{"kind":"Name","value":"after"}},"type":{"kind":"NamedType","name":{"kind":"Name","value":"String"}}}],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"novels"},"arguments":[{"kind":"Argument","name":{"kind":"Name","value":"first"},"value":{"kind":"Variable","name":{"kind":"Name","value":"first"}}},{"kind":"Argument","name":{"kind":"Name","value":"after"},"value":{"kind":"Variable","name":{"kind":"Name","value":"after"}}}],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"edges"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"cursor"}},{"kind":"Field","name":{"kind":"Name","value":"node"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"url"}},{"kind":"Field","name":{"kind":"Name","value":"name"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"texts"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"language"}},{"kind":"Field","name":{"kind":"Name","value":"text"}}]}}]}},{"kind":"Field","name":{"kind":"Name","value":"description"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"texts"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"language"}},{"kind":"Field","name":{"kind":"Name","value":"text"}}]}}]}},{"kind":"Field","name":{"kind":"Name","value":"coverImage"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"originalPath"}},{"kind":"Field","name":{"kind":"Name","value":"newPath"}}]}},{"kind":"Field","name":{"kind":"Name","value":"rawStatus"}},{"kind":"Field","name":{"kind":"Name","value":"lastUpdatedTime"}},{"kind":"Field","name":{"kind":"Name","value":"chapters"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"order"}},{"kind":"Field","name":{"kind":"Name","value":"name"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"texts"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"language"}},{"kind":"Field","name":{"kind":"Name","value":"text"}}]}}]}}]}}]}}]}},{"kind":"Field","name":{"kind":"Name","value":"pageInfo"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"hasNextPage"}},{"kind":"Field","name":{"kind":"Name","value":"endCursor"}}]}}]}}]}}]} as unknown as DocumentNode;
\ No newline at end of file
diff --git a/fictionarchive-web-astro/src/lib/graphql/client.ts b/fictionarchive-web-astro/src/lib/graphql/client.ts
new file mode 100644
index 0000000..3ba35b5
--- /dev/null
+++ b/fictionarchive-web-astro/src/lib/graphql/client.ts
@@ -0,0 +1,21 @@
+import { Client, cacheExchange, fetchExchange } from '@urql/core';
+import { get } from 'svelte/store';
+import { user } from '../auth/authStore';
+
+export function createClient() {
+ return new Client({
+ url: import.meta.env.PUBLIC_GRAPHQL_URI,
+ exchanges: [cacheExchange, fetchExchange],
+ fetchOptions: () => {
+ const currentUser = get(user);
+ return {
+ headers: currentUser?.access_token
+ ? { Authorization: `Bearer ${currentUser.access_token}` }
+ : {},
+ };
+ },
+ });
+}
+
+// Singleton for use in components
+export const client = createClient();
diff --git a/fictionarchive-web/src/graphql/novels.graphql b/fictionarchive-web-astro/src/lib/graphql/queries/novels.graphql
similarity index 71%
rename from fictionarchive-web/src/graphql/novels.graphql
rename to fictionarchive-web-astro/src/lib/graphql/queries/novels.graphql
index d7a2592..74c5b20 100644
--- a/fictionarchive-web/src/graphql/novels.graphql
+++ b/fictionarchive-web-astro/src/lib/graphql/queries/novels.graphql
@@ -21,6 +21,17 @@ query Novels($first: Int, $after: String) {
originalPath
newPath
}
+ rawStatus
+ lastUpdatedTime
+ chapters {
+ order
+ name {
+ texts {
+ language
+ text
+ }
+ }
+ }
}
}
pageInfo {
diff --git a/fictionarchive-web-astro/src/lib/graphql/urqlStore.ts b/fictionarchive-web-astro/src/lib/graphql/urqlStore.ts
new file mode 100644
index 0000000..2dab607
--- /dev/null
+++ b/fictionarchive-web-astro/src/lib/graphql/urqlStore.ts
@@ -0,0 +1,49 @@
+import { writable } from 'svelte/store';
+import type { OperationResult, TypedDocumentNode } from '@urql/core';
+import { client } from './client';
+
+export function queryStore(
+ query: TypedDocumentNode,
+ variables: Variables
+) {
+ const result = writable | null>(null);
+ const fetching = writable(true);
+
+ async function execute(vars: Variables = variables) {
+ fetching.set(true);
+ const res = await client.query(query, vars).toPromise();
+ result.set(res);
+ fetching.set(false);
+ return res;
+ }
+
+ // Initial fetch
+ execute();
+
+ return {
+ subscribe: result.subscribe,
+ fetching: { subscribe: fetching.subscribe },
+ refetch: execute,
+ };
+}
+
+export function mutationStore(
+ mutation: TypedDocumentNode
+) {
+ const result = writable | null>(null);
+ const fetching = writable(false);
+
+ async function execute(variables: Variables) {
+ fetching.set(true);
+ const res = await client.mutation(mutation, variables).toPromise();
+ result.set(res);
+ fetching.set(false);
+ return res;
+ }
+
+ return {
+ subscribe: result.subscribe,
+ fetching: { subscribe: fetching.subscribe },
+ execute,
+ };
+}
diff --git a/fictionarchive-web-astro/src/lib/utils.ts b/fictionarchive-web-astro/src/lib/utils.ts
new file mode 100644
index 0000000..55b3a91
--- /dev/null
+++ b/fictionarchive-web-astro/src/lib/utils.ts
@@ -0,0 +1,13 @@
+import { clsx, type ClassValue } from "clsx";
+import { twMerge } from "tailwind-merge";
+
+export function cn(...inputs: ClassValue[]) {
+ return twMerge(clsx(inputs));
+}
+
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+export type WithoutChild = T extends { child?: any } ? Omit : T;
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+export type WithoutChildren = T extends { children?: any } ? Omit : T;
+export type WithoutChildrenOrChild = WithoutChildren>;
+export type WithElementRef = T & { ref?: U | null };
diff --git a/fictionarchive-web-astro/src/lib/utils/sanitize.ts b/fictionarchive-web-astro/src/lib/utils/sanitize.ts
new file mode 100644
index 0000000..943a0be
--- /dev/null
+++ b/fictionarchive-web-astro/src/lib/utils/sanitize.ts
@@ -0,0 +1,12 @@
+import DOMPurify from 'dompurify';
+
+/**
+ * Sanitizes HTML content, allowing only safe inline formatting elements.
+ * Removes scripts, event handlers, iframes, and other risky elements.
+ */
+export function sanitizeHtml(html: string): string {
+ return DOMPurify.sanitize(html, {
+ ALLOWED_TAGS: ['b', 'i', 'em', 'strong', 'br', 'p', 'span'],
+ ALLOWED_ATTR: []
+ });
+}
diff --git a/fictionarchive-web-astro/src/lib/utils/time.ts b/fictionarchive-web-astro/src/lib/utils/time.ts
new file mode 100644
index 0000000..807a626
--- /dev/null
+++ b/fictionarchive-web-astro/src/lib/utils/time.ts
@@ -0,0 +1,23 @@
+import { formatDistanceToNow, format, differenceInDays } from 'date-fns';
+
+/**
+ * Formats a date as relative time (e.g., "2 hours ago") if within 7 days,
+ * otherwise returns an absolute date (e.g., "Mar 15").
+ */
+export function formatRelativeTime(date: Date | string): string {
+ const d = typeof date === 'string' ? new Date(date) : date;
+ const daysDiff = differenceInDays(new Date(), d);
+
+ if (daysDiff <= 7) {
+ return formatDistanceToNow(d, { addSuffix: true });
+ }
+ return format(d, 'MMM d');
+}
+
+/**
+ * Formats a date as an absolute timestamp (e.g., "Mar 15, 2024, 3:30 PM").
+ */
+export function formatAbsoluteTime(date: Date | string): string {
+ const d = typeof date === 'string' ? new Date(date) : date;
+ return format(d, 'PPpp');
+}
diff --git a/fictionarchive-web-astro/src/pages/404.astro b/fictionarchive-web-astro/src/pages/404.astro
new file mode 100644
index 0000000..b19615e
--- /dev/null
+++ b/fictionarchive-web-astro/src/pages/404.astro
@@ -0,0 +1,23 @@
+---
+export const prerender = true; // Static page
+
+import AppLayout from '../layouts/AppLayout.astro';
+import { Card, CardContent, CardHeader, CardTitle } from '../lib/components/ui/card';
+import { Button } from '../lib/components/ui/button';
+---
+
+
+
+
+
+ 404
+
+
+
+ The page you're looking for doesn't exist or has been moved.
+
+
+
+
+
-
- {isOpen && (
-
-
-
- Signed in
-
-
{email ?? 'User'}
-
-
-
- )}
-
-
-
- {description}
-
-
-
- )
-}
diff --git a/fictionarchive-web/src/components/ui/badge.tsx b/fictionarchive-web/src/components/ui/badge.tsx
deleted file mode 100644
index fa47ef3..0000000
--- a/fictionarchive-web/src/components/ui/badge.tsx
+++ /dev/null
@@ -1,35 +0,0 @@
-import * as React from 'react'
-import { cva, type VariantProps } from 'class-variance-authority'
-
-import { cn } from '../../lib/utils'
-
-const badgeVariants = cva(
- 'inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2',
- {
- variants: {
- variant: {
- default:
- 'border-transparent bg-primary text-primary-foreground shadow hover:bg-primary/90',
- secondary:
- 'border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80',
- outline: 'text-foreground',
- },
- },
- defaultVariants: {
- variant: 'default',
- },
- }
-)
-
-export interface BadgeProps
- extends React.HTMLAttributes,
- VariantProps {}
-
-function Badge({ className, variant, ...props }: BadgeProps) {
- return (
-
- )
-}
-
-// eslint-disable-next-line react-refresh/only-export-components
-export { Badge, badgeVariants }
diff --git a/fictionarchive-web/src/components/ui/button.tsx b/fictionarchive-web/src/components/ui/button.tsx
deleted file mode 100644
index ab026f2..0000000
--- a/fictionarchive-web/src/components/ui/button.tsx
+++ /dev/null
@@ -1,55 +0,0 @@
-import * as React from 'react'
-
-import { Slot } from '@radix-ui/react-slot'
-import { cva, type VariantProps } from 'class-variance-authority'
-
-import { cn } from '../../lib/utils'
-
-const buttonVariants = cva(
- 'inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 ring-offset-background',
- {
- variants: {
- variant: {
- default: 'bg-primary text-primary-foreground shadow hover:bg-primary/90',
- secondary:
- 'bg-secondary text-secondary-foreground hover:bg-secondary/80',
- outline:
- 'border border-input bg-background hover:bg-accent hover:text-accent-foreground shadow-sm',
- ghost: 'hover:bg-accent hover:text-accent-foreground',
- },
- size: {
- default: 'h-10 px-4 py-2',
- sm: 'h-9 rounded-md px-3',
- lg: 'h-11 rounded-md px-8',
- icon: 'h-10 w-10',
- },
- },
- defaultVariants: {
- variant: 'default',
- size: 'default',
- },
- }
-)
-
-export interface ButtonProps
- extends React.ButtonHTMLAttributes,
- VariantProps {
- asChild?: boolean
-}
-
-const Button = React.forwardRef(
- ({ className, variant, size, asChild = false, ...props }, ref) => {
- const Comp = asChild ? Slot : 'button'
- return (
-
- )
- }
-)
-Button.displayName = 'Button'
-
-// eslint-disable-next-line react-refresh/only-export-components
-export { Button, buttonVariants }
diff --git a/fictionarchive-web/src/components/ui/card.tsx b/fictionarchive-web/src/components/ui/card.tsx
deleted file mode 100644
index f324f21..0000000
--- a/fictionarchive-web/src/components/ui/card.tsx
+++ /dev/null
@@ -1,76 +0,0 @@
-import * as React from 'react'
-
-import { cn } from '../../lib/utils'
-
-const Card = React.forwardRef<
- HTMLDivElement,
- React.HTMLAttributes
->(({ className, ...props }, ref) => (
-
-))
-Card.displayName = 'Card'
-
-const CardHeader = React.forwardRef<
- HTMLDivElement,
- React.HTMLAttributes
->(({ className, ...props }, ref) => (
-
-))
-CardHeader.displayName = 'CardHeader'
-
-const CardTitle = React.forwardRef<
- HTMLParagraphElement,
- React.HTMLAttributes
->(({ className, ...props }, ref) => (
-
-))
-CardTitle.displayName = 'CardTitle'
-
-const CardDescription = React.forwardRef<
- HTMLParagraphElement,
- React.HTMLAttributes
->(({ className, ...props }, ref) => (
-
-))
-CardDescription.displayName = 'CardDescription'
-
-const CardContent = React.forwardRef<
- HTMLDivElement,
- React.HTMLAttributes
->(({ className, ...props }, ref) => (
-
-))
-CardContent.displayName = 'CardContent'
-
-const CardFooter = React.forwardRef<
- HTMLDivElement,
- React.HTMLAttributes
->(({ className, ...props }, ref) => (
-
-))
-CardFooter.displayName = 'CardFooter'
-
-export { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent }
diff --git a/fictionarchive-web/src/components/ui/input.tsx b/fictionarchive-web/src/components/ui/input.tsx
deleted file mode 100644
index 3e75349..0000000
--- a/fictionarchive-web/src/components/ui/input.tsx
+++ /dev/null
@@ -1,24 +0,0 @@
-import * as React from 'react'
-
-import { cn } from '../../lib/utils'
-
-export type InputProps = React.InputHTMLAttributes
-
-const Input = React.forwardRef(
- ({ className, type, ...props }, ref) => {
- return (
-
- )
- }
-)
-Input.displayName = 'Input'
-
-export { Input }
diff --git a/fictionarchive-web/src/index.css b/fictionarchive-web/src/index.css
deleted file mode 100644
index 8e1eb11..0000000
--- a/fictionarchive-web/src/index.css
+++ /dev/null
@@ -1,69 +0,0 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
-
-:root {
- --background: 210 40% 98%;
- --foreground: 222 47% 11%;
- --muted: 214 32% 91%;
- --muted-foreground: 215 16% 47%;
- --popover: 0 0% 100%;
- --popover-foreground: 222 47% 11%;
- --card: 0 0% 100%;
- --card-foreground: 222 47% 11%;
- --border: 214 32% 91%;
- --input: 214 32% 91%;
- --primary: 243 75% 59%;
- --primary-foreground: 0 0% 100%;
- --secondary: 240 33% 94%;
- --secondary-foreground: 222 47% 11%;
- --accent: 220 70% 96%;
- --accent-foreground: 222 47% 11%;
- --destructive: 0 84% 60%;
- --destructive-foreground: 0 0% 100%;
- --ring: 243 75% 59%;
- --radius: 12px;
- --font-sans: 'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif;
-}
-
-.dark {
- --background: 222 47% 11%;
- --foreground: 210 40% 98%;
- --muted: 222 47% 14%;
- --muted-foreground: 215 20% 65%;
- --popover: 222 47% 11%;
- --popover-foreground: 210 40% 98%;
- --card: 222 47% 11%;
- --card-foreground: 210 40% 98%;
- --border: 222 47% 20%;
- --input: 222 47% 20%;
- --primary: 243 75% 70%;
- --primary-foreground: 222 47% 11%;
- --secondary: 222 47% 20%;
- --secondary-foreground: 210 40% 98%;
- --accent: 222 47% 20%;
- --accent-foreground: 210 40% 98%;
- --destructive: 0 84% 60%;
- --destructive-foreground: 210 40% 98%;
- --ring: 243 75% 70%;
-}
-
-* {
- @apply border-border;
-}
-
-body {
- @apply bg-background text-foreground min-h-screen antialiased;
- background-image: radial-gradient(circle at 20% 20%, #eef2ff, transparent 32%),
- radial-gradient(circle at 80% 10%, #dcfce7, transparent 25%),
- radial-gradient(circle at 50% 80%, #fee2e2, transparent 20%),
- linear-gradient(180deg, rgba(255, 255, 255, 0.9), rgba(248, 250, 252, 0.95));
-}
-
-a {
- @apply text-primary font-medium;
-}
-
-a:hover {
- @apply underline;
-}
diff --git a/fictionarchive-web/src/layouts/AppLayout.tsx b/fictionarchive-web/src/layouts/AppLayout.tsx
deleted file mode 100644
index 841545e..0000000
--- a/fictionarchive-web/src/layouts/AppLayout.tsx
+++ /dev/null
@@ -1,13 +0,0 @@
-import { Outlet } from 'react-router-dom'
-import { Navbar } from '../components/Navbar'
-
-export function AppLayout() {
- return (
-
-
-
-
-
-
- )
-}
diff --git a/fictionarchive-web/src/lib/utils.ts b/fictionarchive-web/src/lib/utils.ts
deleted file mode 100644
index d32b0fe..0000000
--- a/fictionarchive-web/src/lib/utils.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-import { type ClassValue, clsx } from 'clsx'
-import { twMerge } from 'tailwind-merge'
-
-export function cn(...inputs: ClassValue[]) {
- return twMerge(clsx(inputs))
-}
diff --git a/fictionarchive-web/src/main.tsx b/fictionarchive-web/src/main.tsx
deleted file mode 100644
index 9745d00..0000000
--- a/fictionarchive-web/src/main.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-import { StrictMode } from 'react'
-import { createRoot } from 'react-dom/client'
-import './index.css'
-import App from './App.tsx'
-import { ApolloProvider } from '@apollo/client/react'
-import { apolloClient } from './apolloClient.ts'
-import { AuthProvider } from './auth/AuthContext'
-import { BrowserRouter } from 'react-router-dom'
-
-createRoot(document.getElementById('root')!).render(
-
-
-
-
-
-
-
-
- ,
-)
diff --git a/fictionarchive-web/src/pages/NotFoundPage.tsx b/fictionarchive-web/src/pages/NotFoundPage.tsx
deleted file mode 100644
index 5d0c1bd..0000000
--- a/fictionarchive-web/src/pages/NotFoundPage.tsx
+++ /dev/null
@@ -1,17 +0,0 @@
-import { Card, CardContent, CardHeader, CardTitle } from '../components/ui/card'
-
-export function NotFoundPage() {
- return (
-
-
- Page not found
-
-
-
- The page you are looking for does not exist. Head back to the novels
- list to continue.
-
-
-
- )
-}
diff --git a/fictionarchive-web/src/pages/NovelDetailPage.tsx b/fictionarchive-web/src/pages/NovelDetailPage.tsx
deleted file mode 100644
index 1d59e9d..0000000
--- a/fictionarchive-web/src/pages/NovelDetailPage.tsx
+++ /dev/null
@@ -1,17 +0,0 @@
-import { Card, CardContent, CardHeader, CardTitle } from '../components/ui/card'
-
-export function NovelDetailPage() {
- return (
-
-
- Novel details
-
-
-
- Detail view coming soon. Select a novel to explore chapters and
- metadata once implemented.
-
-
-
- )
-}
diff --git a/fictionarchive-web/src/pages/NovelsPage.tsx b/fictionarchive-web/src/pages/NovelsPage.tsx
deleted file mode 100644
index e93208f..0000000
--- a/fictionarchive-web/src/pages/NovelsPage.tsx
+++ /dev/null
@@ -1,111 +0,0 @@
-import { useMemo } from 'react'
-
-import { useQuery } from '@apollo/client/react'
-import { NovelsDocument } from '../__generated__/graphql'
-import { NovelCard } from '../components/NovelCard'
-import { Button } from '../components/ui/button'
-import { Card, CardContent, CardHeader, CardTitle } from '../components/ui/card'
-
-const PAGE_SIZE = 12
-
-export function NovelsPage() {
- const { data, loading, error, fetchMore } = useQuery(NovelsDocument, {
- variables: { first: PAGE_SIZE, after: null },
- notifyOnNetworkStatusChange: true,
- })
-
- const pageInfo = data?.novels?.pageInfo
- const hasNextPage = pageInfo?.hasNextPage ?? false
- const endCursor = pageInfo?.endCursor ?? null
-
- const novels = useMemo(
- () => (data?.novels?.edges ?? []).map((edge) => edge?.node).filter(Boolean),
- [data?.novels?.edges]
- )
-
- async function handleLoadMore() {
- if (!hasNextPage || !endCursor) return
- await fetchMore({
- variables: { after: endCursor, first: PAGE_SIZE },
- updateQuery: (prev, { fetchMoreResult }) => {
- if (!fetchMoreResult?.novels?.edges) return prev
- const mergedEdges = [
- ...(prev.novels?.edges ?? []),
- ...fetchMoreResult.novels.edges,
- ]
- return {
- ...prev,
- novels: {
- ...fetchMoreResult.novels,
- edges: mergedEdges,
- },
- }
- },
- })
- }
-
- return (
-
-
-
- Latest Novels
-
- Novels that have recently been updated.
-
-
-
-
- {loading && !data && (
-
-
-
-
-
- )}
-
- {error && (
-
-
-
- Could not load novels: {error.message}
-
-
-
- )}
-
- {!loading && novels.length === 0 && !error && (
-
-
-
- No novels found yet. Try adding content to the gateway.
-
-
-
- )}
-
- {novels.length > 0 && (
-
- {novels.map(
- (novel) =>
- novel &&
- )}
-
- )}
-
- {hasNextPage && (
-
-
-
- )}
-