bookish-press 0.4.47 → 0.4.48

package/src/routes/Header.svelte

@@ -1,112 +0,0 @@
-<script lang="ts">
-    import Link from '$lib/components/app/Link.svelte';
-    import {
-        getUser,
-        getBook,
-        getEdition,
-    } from '$lib/components/page/Contexts';
-    import { getCaret } from '$lib/components/page/Contexts';
-    import Toolbar from '$lib/components/editor/Toolbar.svelte';
-    import Status from '$lib/components/page/Status.svelte';
-    import HomeIcon from '$lib/components/editor/icons/home.svg?raw';
-    import Icon from '$lib/components/editor/Icon.svelte';
-    import { page } from '$app/stores';
-
-    let auth = getUser();
-
-    let caret = getCaret();
-    $: edition = getEdition();
-    $: book = getBook();
-</script>
-
-<section class="header">
-    <nav class="navigation">
-        <Link to="/" title="Home"><Icon icon={HomeIcon} /></Link>
-        {#if $book && $edition}
-            <span class="elided"
-                ><Link
-                    to={`${
-                        $page.route.id?.startsWith('/write') ? '/write' : ''
-                    }/${$book.ref.id}`}>{$book.getTitle()}</Link
-                ></span
-            >
-            {#if $page.route.id?.includes('/[bookid]/editions')}
-                <span>&ndash; Editions</span>
-            {/if}
-            <span
-                >&ndash; <Link
-                    to={`${
-                        $page.route.id?.startsWith('/write') ? '/write' : ''
-                    }/${$book.ref.id}/editions`}
-                    >{$edition.getEditionLabel()} edition</Link
-                ></span
-            >
-            <span class="status">
-                {#if $auth?.user && $auth.user.email}
-                    <Link to="/email">{$auth.user.email}</Link>
-                {:else}
-                    <Link to="/login">Login</Link>
-                {/if}
-                <Status />
-            </span>
-        {:else}
-            <Link to="/read">Read</Link>
-            <Link to="/write">Write</Link>
-            <Link to="/about">About</Link>
-            <small>
-                {#if $auth?.user && $auth.user.email}
-                    <Link to="/email">{$auth.user.email}</Link>
-                {:else}
-                    <Link to="/login">Login</Link>
-                {/if}
-            </small>
-        {/if}
-    </nav>
-    {#if $caret}
-        <Toolbar caret={$caret} />
-    {/if}
-</section>
-
-<style>
-    .header {
-        width: 100%;
-        box-sizing: border-box;
-        text-align: center;
-        position: sticky;
-        top: 0;
-        z-index: 3;
-        padding: var(--app-chrome-padding);
-        background-color: var(--app-background-color);
-        border-bottom: var(--app-chrome-border-size) solid
-            var(--app-border-color);
-        display: flex;
-        flex-direction: column;
-        gap: var(--app-chrome-padding);
-    }
-
-    .navigation {
-        display: flex;
-        flex-direction: row;
-        justify-content: center;
-        gap: var(--app-chrome-padding);
-        text-overflow: ellipsis;
-        align-items: baseline;
-    }
-
-    .status {
-        /* This puts the saved status in the top right and pushes everything else left. */
-        margin-left: auto;
-        font-size: 90%;
-        display: flex;
-        flex-direction: row;
-        flex-wrap: nowrap;
-        gap: var(--app-chrome-padding);
-        align-items: baseline;
-    }
-
-    .elided {
-        overflow-x: clip;
-        white-space: nowrap;
-        text-overflow: ellipsis;
-    }
-</style>

package/src/routes/[bookid]/+layout.svelte

@@ -1,5 +0,0 @@
-<script lang="ts">
-    import BookLoader from '$lib/components/page/BookLoader.svelte';
-</script>
-
-<BookLoader><slot /></BookLoader>

package/src/routes/[bookid]/[[editionid=edition]]/+error.svelte

@@ -1,14 +0,0 @@
-<script lang="ts">
-    import Feeback from '$lib/components/app/Feedback.svelte';
-    import Link from '$lib/components/app/Link.svelte';
-    import Large from '$lib/components/app/Large.svelte';
-    import Lead from '$lib/components/app/Lead.svelte';
-</script>
-
-<Lead><Large>Oops</Large>...</Lead>
-
-<Feeback error>
-    This book doesn't exist. Want to go to your <Link to="/write"
-        >dashboard</Link
-    >?
-</Feeback>

package/src/routes/[bookid]/[[editionid=edition]]/+layout.svelte

@@ -1,7 +0,0 @@
-<script lang="ts">
-    import EditionLoader from '$lib/components/page/EditionLoader.svelte';
-</script>
-
-<EditionLoader write={false}>
-    <slot />
-</EditionLoader>

package/src/routes/[bookid]/[[editionid=edition]]/+page.svelte

@@ -1,5 +0,0 @@
-<script lang="ts">
-    import TableOfContents from '$lib/components/page/TableOfContents.svelte';
-</script>
-
-<TableOfContents />

package/src/routes/[bookid]/[[editionid=edition]]/[chapterid]/+page.svelte

@@ -1,5 +0,0 @@
-<script lang="ts">
-    import PossibleChapter from '$lib/components/page/PossibleChapter.svelte';
-</script>
-
-<PossibleChapter />

package/src/routes/[bookid]/[[editionid=edition]]/glossary/+page.svelte

@@ -1,5 +0,0 @@
-<script lang="ts">
-    import Glossary from '$lib/components/page/Glossary.svelte';
-</script>
-
-<Glossary />

package/src/routes/[bookid]/[[editionid=edition]]/index/[[letter]]/+page.svelte

@@ -1,5 +0,0 @@
-<script lang="ts">
-    import Index from '$lib/components/page/Index.svelte';
-</script>
-
-<Index />

package/src/routes/[bookid]/[[editionid=edition]]/media/+page.svelte

@@ -1,5 +0,0 @@
-<script lang="ts">
-    import Media from '$lib/components/page/Media.svelte';
-</script>
-
-<Media />

package/src/routes/[bookid]/[[editionid=edition]]/print/+page.svelte

@@ -1,5 +0,0 @@
-<script lang="ts">
-    import Print from '$lib/components/page/Print.svelte';
-</script>
-
-<Print />

package/src/routes/[bookid]/[[editionid=edition]]/references/+page.svelte

@@ -1,5 +0,0 @@
-<script lang="ts">
-    import References from '$lib/components/page/References.svelte';
-</script>
-
-<References />

package/src/routes/[bookid]/[[editionid=edition]]/search/+page.svelte

@@ -1,5 +0,0 @@
-<script lang="ts">
-    import Search from '$lib/components/page/Search.svelte';
-</script>
-
-<Search />

package/src/routes/[bookid]/editions/+page.svelte

@@ -1,20 +0,0 @@
-<script lang="ts">
-    import Editions from '$lib/components/page/Editions.svelte';
-    import { getBook } from '$lib/components/page/Contexts';
-    import Feedback from '$lib/components/app/Feedback.svelte';
-    import Section from '$lib/components/app/Section.svelte';
-    import Lead from '$lib/components/app/Lead.svelte';
-    import Large from '$lib/components/app/Large.svelte';
-
-    let book = getBook();
-</script>
-
-{#if $book}
-    <Section>
-        <Lead><Large>Editions</Large><br />{$book.title}</Lead>
-
-        <Editions />
-    </Section>
-{:else}
-    <Feedback error>This book couldn't be found.</Feedback>
-{/if}

package/src/routes/about/+page.svelte

@@ -1,102 +0,0 @@
-<script lang="ts">
-    import Lead from '$lib/components/app/Lead.svelte';
-    import Large from '$lib/components/app/Large.svelte';
-    import Paragraph from '$lib/components/app/Paragraph.svelte';
-    import Link from '$lib/components/app/Link.svelte';
-    import Section from '$lib/components/app/Section.svelte';
-    import Head from '$lib/components/app/Head.svelte';
-</script>
-
-<Section>
-    <Lead><Large>About</Large> Bookish.</Lead>
-
-    <Paragraph>
-        Bookish is built and maintained by <Link to="http://amyjko.com"
-            >Amy J. Ko</Link
-        >, a Professor at the <Link to="https://www.washington.edu/"
-            >University of Washington</Link
-        >
-        <Link to="https://ischool.uw.edu">Information School</Link>. She
-        originally built Bookish to write web-based books to support her
-        teaching. She decided to build a platform to make editing and
-        maintaining books easier for both herself and others. She works on it as
-        a side project and continues to use it extensively in her classes.
-    </Paragraph>
-
-    <Head id="beta">Beta</Head>
-
-    <Paragraph
-        >Bookish is currently in <em>beta</em>. That means there are likely to
-        be defects, including those that result in loss of content. We'll remove
-        this label when we're confident that the platform can reliably serve
-        both readers and writers. See our <Link
-            to="https://github.com/amyjko/bookish/issues?q=is%3Aissue+is%3Aopen+label%3Adefect"
-            >list of defects</Link
-        > to check our progress (and help, if you are able).</Paragraph
-    >
-
-    <Head id="costs">Costs</Head>
-
-    <Paragraph>
-        Using Bookish to write books will always be free. However, hosting is
-        not free and particularly widely read books can incur costs that Amy
-        can't pay alone. She is considering models for covering bandwidth costs
-        from reading such per-book fees or donations. If you have ideas, <Link
-            to="https://github.com/amyjko/bookish/issues/251"
-            >join the discussion</Link
-        >.
-    </Paragraph>
-
-    <Head id="vision">Vision</Head>
-
-    <Paragraph>
-        As with any publisher, Bookish as an editorial policy and philosophy.
-        Much like university publishers (e.g., <Link
-            to="https://mitpress.mit.edu/about/">MIT Press</Link
-        >), Amy views the mission of Bookish as <em>scholarly</em>: books on the
-        platform should advance knowledge, educate the public, and be informed
-        by other scholarly work. However, Bookish is particularly interested in
-        works that advance progress toward a society that
-        <em
-            >radically embraces the beautiful diversity of humanity and nature
-            and seeks to dismantle systems and ideas that get in the way.</em
-        > While this definitely includes works broadly explicitly about social justice
-        toopics such as diversity, equality, equity, inclusion, justice, accessibility,
-        sustainability, indigienous sovereignty, it also includes works that discuss
-        more strictly technical ideas in sociotechnical ways.
-    </Paragraph>
-
-    <Head id="editing">Editing</Head>
-
-    <Paragraph
-        >For now, anyone can create an account and write books, but publishing
-        rights are <strong>invitation only</strong>. <Link
-            to="mailto:amy@amyjko.com">Write Amy</Link
-        > to arrange a time to discuss your your vision, to ensure it aligns with
-        our editioral mission. Amy retains the right to revoke publishing rights
-        and unpublish books that do not align with the vision above; publishing on
-        the platform is a privilege, not a right.</Paragraph
-    >
-
-    <Paragraph>
-        That said, if your vision does not align with ours, you can still use
-        Bookish to write your book and export a version for hosting elsewhere.
-        You could even use the Bookish source to host your own press with a
-        different editorial vision.
-    </Paragraph>
-
-    <Head id="feedback">Feedback</Head>
-
-    <Paragraph>
-        Do you have feedback or want to contribute to the plaform? The project
-        is free and open source <Link to="https://github.com/amyjko/bookish"
-            >on GitHub</Link
-        >. Write <Link to="mailto:ajko@uw.edu">Amy</Link> if you'd like to collaborate,
-        or <Link to="https://github.com/amyjko/bookish/issues"
-            >submit an issue</Link
-        > or <Link to="https://github.com/amyjko/bookish/pulls"
-            >pull request</Link
-        > directly. Note that this is not a full-time project for Amy, so it will
-        progress will be leisurely; defects take priority over new features.
-    </Paragraph>
-</Section>

package/src/routes/confirm/+page.svelte

@@ -1,62 +0,0 @@
-<script lang="ts">
-    import { isSignInWithEmailLink, signInWithEmailLink } from 'firebase/auth';
-    import { onMount } from 'svelte';
-    import { auth } from '$lib/models/Firebase';
-    import Link from '$lib/components/Link.svelte';
-    import { goto } from '$app/navigation';
-    import Feedback from '$lib/components/app/Feedback.svelte';
-    import Lead from '$lib/components/app/Lead.svelte';
-    import Large from '$lib/components/app/Large.svelte';
-
-    let error: string | undefined = undefined;
-
-    const messages: Record<string, string> = {
-        'auth/id-token-expired': 'This link expired.',
-        'auth/id-token-revoked': "This link isn't valid anymore.",
-        'auth/insufficient-permission':
-            "This email doesn't have permission to create an account.",
-        'auth/internal-error': "There's a problem at Google.",
-        'auth/invalid-argument': "This link isn't valid.",
-        'auth/invalid-email': "This wasn't a valid email.",
-    };
-
-    onMount(() => {
-        if (auth && isSignInWithEmailLink(auth, window.location.href)) {
-            // If this is on the same device and browser, then the email should be in local storage.
-            let email = window.localStorage.getItem('email');
-
-            // If not, ask the user to confirm it.
-            if (!email)
-                email = window.prompt(
-                    'It appears you opened your login link on a different device or browser. Can you confirm your email?'
-                );
-
-            // If there's an email, try signing in.
-            if (email)
-                signInWithEmailLink(auth, email, window.location.href)
-                    .then(() => {
-                        // Clear email from storage now that the user is logged in.
-                        window.localStorage.removeItem('email');
-
-                        // Navigate to the home page.
-                        goto('/write');
-                    })
-                    .catch((err: { code: string }) => {
-                        error =
-                            messages[err.code] ??
-                            'There was a problem logging you in.';
-                    });
-            // Otherwise, give some feedback.
-            else error = "Can't log in without an email address.";
-        }
-        // GIve some feedback if the email link isn't valid.
-        else error = "This isn't a valid login link.";
-    });
-</script>
-
-<Lead><Large>Logging</Large> in…</Lead>
-{#if error}
-    <Feedback error>{error} <Link to="/login">Try again?</Link></Feedback>
-{:else}
-    <Feedback>Redirecting...</Feedback>
-{/if}

package/src/routes/email/+page.svelte

@@ -1,99 +0,0 @@
-<script lang="ts">
-    import { updateEmail } from 'firebase/auth';
-    import { getUser } from '../../lib/components/page/Contexts';
-    import Feedback from '$lib/components/app/Feedback.svelte';
-    import Button from '../../lib/components/app/Button.svelte';
-    import Lead from '../../lib/components/app/Lead.svelte';
-    import Large from '../../lib/components/app/Large.svelte';
-    import Paragraph from '../../lib/components/app/Paragraph.svelte';
-    import TextInput from '../../lib/components/app/TextInput.svelte';
-    import { goto } from '$app/navigation';
-
-    let email: string;
-    let auth = getUser();
-
-    let loading = false;
-    let feedback = '';
-    let error = '';
-    let changed = false;
-
-    const errors: Record<string, string> = {
-        'auth/invalid-mail': "This wasn't a valid email.",
-        'auth/email-already-in-use':
-            'This email is already associated with an account.',
-        'auto/requires-recent-login':
-            "You haven't logged in recently enough. Log out, log in again, then try again.",
-    };
-
-    async function handleSubmit() {
-        if ($auth === undefined) return;
-
-        // Enter loading state, try to login and wait for it to complete, and then leave loading state.
-        if ($auth.user !== null && email) {
-            // Give some feedback when loading.
-            loading = true;
-            const previousEmail = $auth.user.email;
-            feedback = `Sending email update confirmation to ${previousEmail}...`;
-            updateEmail($auth.user, email)
-                .then(() => {
-                    feedback = `Check your original email address, ${previousEmail}, for a confirmation link.`;
-                    changed = true;
-                })
-                .catch((error: any) => {
-                    if (typeof error.code === 'string')
-                        error =
-                            errors[error.code] ??
-                            "Couldn't update email for an unknown reason.";
-                })
-                .finally(() => {
-                    loading = false;
-                });
-        }
-    }
-
-    // Ask the auth context to logout, and provided an error if it fails.
-    function handleLogout() {
-        $auth?.logout();
-        goto('/login');
-    }
-</script>
-
-<Lead><Large>You</Large>.</Lead>
-
-<Paragraph>
-    To change your login email, type your new email address below.
-</Paragraph>
-
-<Paragraph>
-    <form on:submit|preventDefault={handleSubmit}>
-        <TextInput
-            autocomplete="username"
-            type="email"
-            placeholder="email"
-            bind:text={email}
-            disabled={loading}
-        />
-        <Button
-            tooltip="submit new email address"
-            command={handleSubmit}
-            type="submit"
-            disabled={loading ||
-                email == undefined ||
-                email.length === 0 ||
-                changed}>update email</Button
-        >
-    </form>
-</Paragraph>
-
-<Paragraph>
-    Or, <Button tooltip="logout of your account" command={handleLogout}
-        >logout</Button
-    >
-</Paragraph>
-
-{#if feedback}
-    <Feedback>{feedback}</Feedback>
-{/if}
-{#if error}
-    <Feedback error>{error}</Feedback>
-{/if}

package/src/routes/login/+page.svelte

@@ -1,66 +0,0 @@
-<script lang="ts">
-    import { getUser } from '$lib/components/page/Contexts';
-    import Feedback from '$lib/components/app/Feedback.svelte';
-    import Lead from '$lib/components/app/Lead.svelte';
-    import Large from '$lib/components/app/Large.svelte';
-    import Paragraph from '$lib/components/app/Paragraph.svelte';
-    import TextInput from '$lib/components/app/TextInput.svelte';
-    import Button from '$lib/components/app/Button.svelte';
-
-    let auth = getUser();
-
-    let email: string = '';
-    let loading = false;
-    let feedback = '';
-    let error = '';
-
-    async function handleSubmit() {
-        if ($auth === undefined) return;
-        // Enter loading state, try to login and wait for it to complete, and then leave loading state.
-        try {
-            // Give some feedback when loading.
-            feedback = 'Logging in...';
-            loading = true;
-            await $auth.login(email);
-            feedback = 'Check your email for a login link.';
-        } catch (err) {
-            feedback = '';
-            error = "Couldn't connect to the server.";
-        } finally {
-            loading = false;
-        }
-    }
-</script>
-
-<Lead><Large>Login</Large> to write.</Lead>
-
-<Paragraph>
-    We'll send you an email each time to login, no password required.
-</Paragraph>
-
-<form on:submit|preventDefault={handleSubmit}>
-    <TextInput
-        bind:text={email}
-        autocomplete="username"
-        type="email"
-        placeholder="email"
-        disabled={auth === undefined || loading}
-    />
-    <Button
-        tooltip="login into your account"
-        command={handleSubmit}
-        type="submit"
-        disabled={auth === undefined ||
-            loading ||
-            !/^[\w-\.]+@([\w-]+\.)+[\w-]{2,4}$/.test(email)}
-    >
-        login
-    </Button>
-</form>
-
-{#if feedback}
-    <Feedback>{feedback}</Feedback>
-{/if}
-{#if error}
-    <Feedback error>{error}</Feedback>
-{/if}

package/src/routes/read/+page.svelte

@@ -1,38 +0,0 @@
-<script lang="ts">
-    import { listenToPublishedBooks } from '$lib/models/CRUD';
-    import type Book from '$lib/models/book/Book';
-    import { onMount } from 'svelte';
-    import Feedback from '$lib/components/app/Feedback.svelte';
-    import Lead from '$lib/components/app/Lead.svelte';
-    import Paragraph from '$lib/components/app/Paragraph.svelte';
-    import Large from '$lib/components/app/Large.svelte';
-    import BookList from '$lib/components/app/BookList.svelte';
-
-    let books: Book[] | undefined = undefined;
-    let error: string | undefined = undefined;
-
-    function updateBooks(latestBooks: Book[]) {
-        books = latestBooks;
-    }
-
-    // Get the books when the component loads, stop listening on unmount.
-    onMount(() => {
-        try {
-            return listenToPublishedBooks(updateBooks);
-        } catch (err) {
-            error = '' + err;
-        }
-    });
-</script>
-
-<Lead><Large>Read</Large> something.</Lead>
-
-{#if error !== undefined}
-    <Feedback error>{error}</Feedback>
-{:else if books === undefined}
-    <Feedback>Loading books...</Feedback>
-{:else if books.length === 0}
-    <Paragraph>There are no published books.</Paragraph>
-{:else}
-    <BookList {books} write={false} />
-{/if}

package/src/routes/write/+error.svelte

@@ -1,10 +0,0 @@
-<script lang="ts">
-    import Feedback from '$lib/components/app/Feedback.svelte';
-    import Link from '$lib/components/Link.svelte';
-</script>
-
-<Feedback>
-    This book doesn't exist. Want to go to your <Link to="/write"
-        >dashboard</Link
-    >?
-</Feedback>

package/src/routes/write/+layout.svelte

@@ -1,11 +0,0 @@
-<script lang="ts">
-    import { goto } from '$app/navigation';
-    import { getUser } from '$lib/components/page/Contexts';
-
-    let auth = getUser();
-
-    // Redirect to the login page if not authenticated.
-    if ($auth === undefined || $auth.user === null) goto('/login');
-</script>
-
-<slot />