bookish-press 0.4.45 → 0.4.47

package/components/page/Description.svelte.d.ts

@@ -1,14 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: Record<string, never>;
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type DescriptionProps = typeof __propDef.props;
-export type DescriptionEvents = typeof __propDef.events;
-export type DescriptionSlots = typeof __propDef.slots;
-export default class Description extends SvelteComponentTyped<DescriptionProps, DescriptionEvents, DescriptionSlots> {
-}
-export {};

package/components/page/Edition.svelte

@@ -1,161 +0,0 @@
-<script>import smoothscroll from 'smoothscroll-polyfill';
-import { goto } from '$app/navigation';
-import { onMount, setContext } from 'svelte';
-import { writable } from 'svelte/store';
-import { BASE, DARK_MODE, } from './Contexts';
-import { BookishTheme } from '../../models/book/Theme';
-// Poly fill smooth scrolling for Safari.
-onMount(() => smoothscroll.polyfill());
-// The book edition to render.
-export let edition;
-// The base path allows links to adjust to different routing contexts in which a book is placed.
-// For example, when the book is hosted alone, all routes might start with the bare root "/",
-// but when the book is being viewed or edited in the Bookish app, it needs a prefix for the
-// route in the app.
-export let base = '';
-// When the base changes, update the context.
-let baseStore = writable(base);
-$: setContext(BASE, baseStore);
-$: baseStore.set(base);
-// Default dark mode to whatever's stored in local storage, if anything.
-// respect user choice on the website despite the system theme
-let darkMode = writable(typeof localStorage !== 'undefined' &&
-    localStorage.getItem('dark') !== 'false' &&
-    (localStorage.getItem('dark') === 'true' || // A previous setting
-        window.matchMedia('(prefers-color-scheme: dark)').matches) // Operating system is set to dark
-);
-// Expose dark mode to descendants
-setContext(DARK_MODE, darkMode);
-// When dark mode changes, update the body's class list.
-$: {
-    if (typeof document !== 'undefined') {
-        if ($darkMode)
-            document.body.classList.add('dark');
-        else
-            document.body.classList.remove('dark');
-        if (typeof localStorage !== 'undefined')
-            localStorage.setItem('dark', $darkMode ? 'true' : 'false');
-        // Set the theme, whatever it is, and change it when the edition changes
-        setTheme(edition.getTheme() ?? BookishTheme);
-    }
-}
-// Set the theme on mount.
-onMount(() => {
-    setTheme(edition.getTheme() ?? BookishTheme);
-});
-// Redirect old hash routes by simply replacing their hash before routing.
-if (typeof window !== 'undefined' && window.location.hash.startsWith('#/'))
-    goto(location.hash.replace('#', ''));
-/** Given a theme, sets the appropriate CSS rules in the browser to apply the theme.*/
-function setTheme(theme) {
-    // If the theme is being unset, make sure we've removed any overrding style declaration.
-    // This let's the default theme kick in.
-    let themeTagImports = document.getElementById('bookish-theme-imports');
-    let themeTagCSS = document.getElementById('bookish-theme');
-    // We only want to set it if it's actually different than what's currently set.
-    // Otherwise during editing we get lots of jittery changes on each edit, because the
-    // whole edition is rerendering. To check this, we set a data attribute on the style tag containing
-    // a stringify of the theme set. We do this separately for the imports, since they can have more
-    // major changes than the spacing and color sizes, changing fonts especially.
-    const themeTagCSSValue = themeTagCSS?.dataset.css;
-    const themeTagImportsValue = themeTagImports?.dataset.imports;
-    const newThemeTagCSSValue = JSON.stringify(theme);
-    const newThemeTagImportsValue = JSON.stringify(theme?.imports);
-    if (theme !== null) {
-        // If the imports changed, update theme.
-        if (themeTagImportsValue !== newThemeTagImportsValue) {
-            // If it's being set, create a new style tag.
-            const newThemeImportsTag = document.createElement('style');
-            // Give it an ID so we can remove it later.
-            newThemeImportsTag.setAttribute('id', 'bookish-theme-imports');
-            newThemeImportsTag.dataset.imports = newThemeTagImportsValue;
-            // Insert any import statements, then any rules.
-            const css = `${(theme.imports ?? [])
-                .map((url) => `@import url(${url});`)
-                .join('\n')}`;
-            newThemeImportsTag.appendChild(document.createTextNode(css));
-            document.head.appendChild(newThemeImportsTag);
-            // Remove the old tag
-            themeTagImports?.remove();
-        }
-        // If the rules changed, update them.
-        if (themeTagCSSValue !== newThemeTagCSSValue) {
-            // If it's being set, create a new style tag.
-            const newThemeCSSTag = document.createElement('style');
-            // Give it an ID so we can remove it later.
-            newThemeCSSTag.setAttribute('id', 'bookish-theme');
-            newThemeCSSTag.dataset.css = newThemeTagCSSValue;
-            // Insert any import statements, then any rules.
-            const css = `
-                    ${(theme.imports ?? [])
-                .map((url) => `@import url(${url});`)
-                .join('\n')}
-                    .bookish {
-                        ${theme.light ? toRules(theme.light) : ''}
-                        ${theme.fonts ? toRules(theme.fonts) : ''}
-                        ${theme.sizes ? toRules(theme.sizes) : ''}
-                        ${theme.weights ? toRules(theme.weights) : ''}
-                        ${theme.spacing ? toRules(theme.spacing) : ''}
-                    }
-                    .dark {
-                        ${theme.dark ? toRules(theme.dark) : ''}
-                    }`;
-            newThemeCSSTag.appendChild(document.createTextNode(css));
-            document.head.appendChild(newThemeCSSTag);
-            // Remove the old tag
-            themeTagCSS?.remove();
-        }
-    }
-    else {
-        // Remove the old tags, unsetting the theme.
-        themeTagImports?.remove();
-        themeTagCSS?.remove();
-    }
-}
-function toRules(set) {
-    return Object.keys(set)
-        .map((name) => {
-        const value = set[name];
-        if (value.length > 0) {
-            const cssVariable = '--bookish-' +
-                name
-                    .replace(/([a-z])([A-Z])/g, '$1 $2')
-                    .split(' ')
-                    .map((s) => s.toLowerCase())
-                    .join('-')
-                    .replace(/([0-9])/g, '-$1-');
-            return `${cssVariable}: ${value};`;
-        }
-    })
-        .join('\n\t\t');
-}
-</script>
-
-<main class="bookish {$darkMode ? ' dark' : ''}">
-    <slot />
-</main>
-
-<style>
-    * {
-        box-sizing: border-box;
-    }
-
-    /* WINDOW AND PAGES */
-    :global(body) {
-        margin: 0;
-        padding: 0;
-        background-color: var(--bookish-background-color);
-    }
-
-    /* The root container for a book */
-    .bookish {
-        font-weight: var(--bookish-paragraph-font-weight);
-        font-family: var(--bookish-paragraph-font-family);
-        font-size: var(--bookish-paragraph-font-size);
-        background-color: var(--bookish-background-color);
-        color: var(--bookish-paragraph-color);
-        width: 100%;
-        z-index: 0;
-        text-align: left;
-    }
-</style>

package/components/page/Edition.svelte.d.ts

@@ -1,20 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-import type EditionModel from '../../models/book/Edition';
-declare const __propDef: {
-    props: {
-        edition: EditionModel;
-        base?: string | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
-};
-export type EditionProps = typeof __propDef.props;
-export type EditionEvents = typeof __propDef.events;
-export type EditionSlots = typeof __propDef.slots;
-export default class Edition extends SvelteComponentTyped<EditionProps, EditionEvents, EditionSlots> {
-}
-export {};

package/components/page/EditionLoader.svelte

@@ -1,99 +0,0 @@
-<script>import Loading from './Loading.svelte';
-import Edition from './Edition.svelte';
-import Feedback from '../app/Feedback.svelte';
-import { getBook, getEdition, getUser, CHAPTERTEXT, getChapterText, } from './Contexts';
-import { onDestroy } from 'svelte';
-import { page } from '$app/stores';
-import { listenToChapters, listenToEdition } from '../../models/CRUD';
-export let write;
-let auth = getUser();
-let book = getBook();
-let edition = getEdition();
-let chapterText = getChapterText();
-let editionUnsub = undefined;
-let chaptersUnsub = undefined;
-let error = undefined;
-function unsub() {
-    // Unsubscribe to the old edition document if we were listening to one.
-    if (editionUnsub)
-        editionUnsub();
-    if (chaptersUnsub)
-        chaptersUnsub();
-}
-function listen() {
-    unsub();
-    error = undefined;
-    // If we no longer have a book, we can't get an edition.
-    if ($book === undefined) {
-        edition.set(undefined);
-        error = 'Unknown book.';
-        return;
-    }
-    else {
-        const editionNumber = $page.params.editionid;
-        const latestPublished = !write;
-        // Figure out which edition to load.
-        let editionID;
-        if (editionNumber === undefined) {
-            if (latestPublished) {
-                editionID = $book.getLatestPublishedEditionID();
-                if (editionID === undefined)
-                    error = 'There is no published edition of this book.';
-            }
-            else {
-                editionID = $book.getLatestEditionID();
-            }
-        }
-        else {
-            editionID = $book.getEditionNumberID(parseFloat(editionNumber));
-            if (editionID === undefined)
-                error = `There is no ${editionNumber} edition of this book`;
-        }
-        // Listen to the doc for changes and listen to all of its chapters.
-        if (editionID !== undefined) {
-            editionUnsub = listenToEdition($book.ref.id, editionID, (ed) => {
-                if (ed) {
-                    // Before setting the new edition, augmented it with the chapter text.
-                    edition.set($chapterText
-                        ? ed.withChapterText($chapterText)
-                        : ed);
-                }
-                else {
-                    edition.set(undefined);
-                    error = 'Unable to load edition';
-                }
-            });
-            chaptersUnsub = listenToChapters($book.ref.id, editionID, (chapters) => {
-                // Update the chapter text store.
-                chapterText.set(chapters);
-                // Update the chapter text in the current edition.
-                if ($edition)
-                    edition.set($edition.withChapterText(chapters));
-            });
-        }
-    }
-}
-// Whenever the book or page changes, change the listener.
-$: if ($page && $auth && $auth.user !== null)
-    listen();
-// When unmounted, unset the stores — no longer viewing a book.
-onDestroy(() => {
-    edition.set(undefined);
-    unsub();
-});
-</script>
-
-{#if $book === undefined || error}
-    <Feedback error>Unable to load edition.</Feedback>
-{:else if $edition === undefined}
-    <Loading />
-{:else}
-    <Edition
-        edition={$edition}
-        base={write
-            ? `/write/${$book.getRefID()}/${$edition.getEditionNumber()}`
-            : `/${$book.getSubdomain() ?? $book.getRefID()}`}
-    >
-        <slot />
-    </Edition>
-{/if}

package/components/page/EditionLoader.svelte.d.ts

@@ -1,18 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {
-        write: boolean;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
-};
-export type EditionLoaderProps = typeof __propDef.props;
-export type EditionLoaderEvents = typeof __propDef.events;
-export type EditionLoaderSlots = typeof __propDef.slots;
-export default class EditionLoader extends SvelteComponentTyped<EditionLoaderProps, EditionLoaderEvents, EditionLoaderSlots> {
-}
-export {};

package/components/page/Editions.svelte.d.ts

@@ -1,14 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: Record<string, never>;
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type EditionsProps = typeof __propDef.props;
-export type EditionsEvents = typeof __propDef.events;
-export type EditionsSlots = typeof __propDef.slots;
-export default class Editions extends SvelteComponentTyped<EditionsProps, EditionsEvents, EditionsSlots> {
-}
-export {};

package/components/page/Glossary.svelte.d.ts

@@ -1,14 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: Record<string, never>;
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type GlossaryProps = typeof __propDef.props;
-export type GlossaryEvents = typeof __propDef.events;
-export type GlossarySlots = typeof __propDef.slots;
-export default class Glossary extends SvelteComponentTyped<GlossaryProps, GlossaryEvents, GlossarySlots> {
-}
-export {};

package/components/page/Header.svelte.d.ts

@@ -1,29 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {
-        /** True if an author should be able to edit this header. */ editable: boolean;
-        label: string;
-        header: string;
-        id: string;
-        subtitle?: string | undefined;
-        print?: boolean | undefined;
-        tags?: string[] | undefined;
-        getImage: () => string | null;
-        setImage: (embed: string | null) => Promise<void> | void;
-        save?: ((text: string) => Promise<void> | void) | null | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        outline: {};
-        before: {};
-        after: {};
-    };
-};
-export type HeaderProps = typeof __propDef.props;
-export type HeaderEvents = typeof __propDef.events;
-export type HeaderSlots = typeof __propDef.slots;
-export default class Header extends SvelteComponentTyped<HeaderProps, HeaderEvents, HeaderSlots> {
-}
-export {};

package/components/page/Index.svelte.d.ts

@@ -1,14 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: Record<string, never>;
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type IndexProps = typeof __propDef.props;
-export type IndexEvents = typeof __propDef.events;
-export type IndexSlots = typeof __propDef.slots;
-export default class Index extends SvelteComponentTyped<IndexProps, IndexEvents, IndexSlots> {
-}
-export {};

package/components/page/Instructions.svelte.d.ts

@@ -1,18 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {
-        editable: boolean;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
-};
-export type InstructionsProps = typeof __propDef.props;
-export type InstructionsEvents = typeof __propDef.events;
-export type InstructionsSlots = typeof __propDef.slots;
-export default class Instructions extends SvelteComponentTyped<InstructionsProps, InstructionsEvents, InstructionsSlots> {
-}
-export {};

package/components/page/License.svelte.d.ts

@@ -1,14 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: Record<string, never>;
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type LicenseProps = typeof __propDef.props;
-export type LicenseEvents = typeof __propDef.events;
-export type LicenseSlots = typeof __propDef.slots;
-export default class License extends SvelteComponentTyped<LicenseProps, LicenseEvents, LicenseSlots> {
-}
-export {};

package/components/page/Loading.svelte.d.ts

@@ -1,23 +0,0 @@
-/** @typedef {typeof __propDef.props}  LoadingProps */
-/** @typedef {typeof __propDef.events}  LoadingEvents */
-/** @typedef {typeof __propDef.slots}  LoadingSlots */
-export default class Loading extends SvelteComponentTyped<{
-    [x: string]: never;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}> {
-}
-export type LoadingProps = typeof __propDef.props;
-export type LoadingEvents = typeof __propDef.events;
-export type LoadingSlots = typeof __propDef.slots;
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {
-        [x: string]: never;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export {};

package/components/page/Media.svelte.d.ts

@@ -1,14 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: Record<string, never>;
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type MediaProps = typeof __propDef.props;
-export type MediaEvents = typeof __propDef.events;
-export type MediaSlots = typeof __propDef.slots;
-export default class Media extends SvelteComponentTyped<MediaProps, MediaEvents, MediaSlots> {
-}
-export {};

package/components/page/MediaPreview.svelte.d.ts

@@ -1,19 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {
-        url: string;
-        alt: string;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
-};
-export type MediaPreviewProps = typeof __propDef.props;
-export type MediaPreviewEvents = typeof __propDef.events;
-export type MediaPreviewSlots = typeof __propDef.slots;
-export default class MediaPreview extends SvelteComponentTyped<MediaPreviewProps, MediaPreviewEvents, MediaPreviewSlots> {
-}
-export {};

package/components/page/Muted.svelte.d.ts

@@ -1,27 +0,0 @@
-/** @typedef {typeof __propDef.props}  MutedProps */
-/** @typedef {typeof __propDef.events}  MutedEvents */
-/** @typedef {typeof __propDef.slots}  MutedSlots */
-export default class Muted extends SvelteComponentTyped<{
-    [x: string]: never;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {
-    default: {};
-}> {
-}
-export type MutedProps = typeof __propDef.props;
-export type MutedEvents = typeof __propDef.events;
-export type MutedSlots = typeof __propDef.slots;
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {
-        [x: string]: never;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
-};
-export {};

package/components/page/Outline.svelte.d.ts

@@ -1,19 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {
-        previous: string | null;
-        next: string | null;
-        collapse?: boolean | undefined;
-        listener?: ((expanded: boolean, layout: Function) => void) | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type OutlineProps = typeof __propDef.props;
-export type OutlineEvents = typeof __propDef.events;
-export type OutlineSlots = typeof __propDef.slots;
-export default class Outline extends SvelteComponentTyped<OutlineProps, OutlineEvents, OutlineSlots> {
-}
-export {};

package/components/page/Page.svelte

@@ -1,84 +0,0 @@
-<script>import { onMount } from 'svelte';
-import Loading from './Loading.svelte';
-export let title;
-export let afterLoaded = undefined;
-let loaded = false;
-let lastHeight = 0;
-let intervalID = null;
-let mountTime = Date.now();
-function watchLoading() {
-    const bodyHeight = document.body.clientHeight;
-    // If the height hasn't changed and images are loaded OR it's been 2 seconds, load.
-    if ((lastHeight === bodyHeight && imagesAreLoaded()) ||
-        Date.now() - mountTime > 2000) {
-        // Stop watching the images
-        stopWatching();
-        // Set to loaded to hide the overlay and notify callback if there is one.
-        loaded = true;
-        if (afterLoaded)
-            afterLoaded();
-    }
-    // Remember the last height
-    lastHeight = bodyHeight;
-}
-function stopWatching() {
-    if (intervalID)
-        clearInterval(intervalID);
-}
-onMount(() => {
-    // Watch the height of the document and wait until it's been stable for a while before scrolling
-    // to any targets. We use the data below to monitor the document height over time.
-    intervalID = setInterval(() => watchLoading(), 50);
-    return () => stopWatching();
-});
-function imagesAreLoaded() {
-    let done = true;
-    Array.from(document.getElementsByTagName('img')).forEach((el) => {
-        done = done && el.complete;
-    });
-    return done;
-}
-</script>
-
-<svelte:head>
-    <title>{title}</title>
-    <meta name="description" content={title} />
-</svelte:head>
-
-<section class={'bookish-page' + (loaded ? ' loaded' : '')}>
-    <slot />
-</section>
-<!-- Overlay loading feedback if loading, but still render the page. -->
-{#if loaded === false}
-    <Loading />
-{/if}
-
-<style>
-    /* A page, such as table of contents, chapter, or references */
-    .bookish-page {
-        max-width: 720px;
-
-        /* This helps marginals relative to the page */
-        position: relative;
-
-        /* To make room for navigation footer. Without this, the page is too short to show it. */
-        padding-left: var(--bookish-block-padding);
-        padding-right: var(--bookish-block-padding);
-        padding-bottom: 5em;
-
-        /* Center the application in the viewport */
-        margin-top: 0;
-        margin-left: auto;
-        margin-right: auto;
-
-        /* Hidden by default until tagged as loaded */
-        opacity: 0;
-        transition: opacity 0.25s ease-in;
-
-        z-index: 1;
-    }
-
-    .loaded {
-        opacity: 1;
-    }
-</style>

package/components/page/Page.svelte.d.ts

@@ -1,19 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {
-        title: string;
-        afterLoaded?: Function | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
-};
-export type PageProps = typeof __propDef.props;
-export type PageEvents = typeof __propDef.events;
-export type PageSlots = typeof __propDef.slots;
-export default class Page extends SvelteComponentTyped<PageProps, PageEvents, PageSlots> {
-}
-export {};

package/components/page/PageHeader.svelte.d.ts

@@ -1,18 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {
-        id?: string | null | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
-};
-export type PageHeaderProps = typeof __propDef.props;
-export type PageHeaderEvents = typeof __propDef.events;
-export type PageHeaderSlots = typeof __propDef.slots;
-export default class PageHeader extends SvelteComponentTyped<PageHeaderProps, PageHeaderEvents, PageHeaderSlots> {
-}
-export {};