bookish-press 0.4.232 → 0.5.0

package/components/External.svelte

@@ -1,4 +0,0 @@
-<script>export let to;
-</script>
-
-<a href={to} target="_blank" rel="noreferrer"><slot /></a>

package/components/External.svelte.d.ts

@@ -1,18 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {
-        to: string;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
-};
-export type ExternalProps = typeof __propDef.props;
-export type ExternalEvents = typeof __propDef.events;
-export type ExternalSlots = typeof __propDef.slots;
-export default class External extends SvelteComponentTyped<ExternalProps, ExternalEvents, ExternalSlots> {
-}
-export {};

package/components/app/Link.svelte

@@ -1,24 +0,0 @@
-<script>export let to;
-export let before = undefined;
-export let title = undefined;
-</script>
-
-<a
-    href={to}
-    {title}
-    on:click={() => (before ? before() : undefined)}
-    target={to.startsWith('http') ? '_blank' : null}><slot /></a
->
-
-<style>
-    a {
-        color: var(--app-interactive-color);
-        font-family: var(--app-font);
-        font-weight: 400;
-        text-decoration: none;
-    }
-
-    a:hover {
-        text-decoration: underline;
-    }
-</style>

package/components/app/Writing.svelte.d.ts

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

package/components/editor/ConfirmButton.svelte

@@ -1,49 +0,0 @@
-<script>import { onMount } from 'svelte';
-import Button from '../app/Button.svelte';
-export let commandLabel;
-export let tooltip;
-export let confirmLabel;
-export let command;
-let confirming = false;
-let executing = false;
-let timeoutID = undefined;
-let isMounted = false;
-onMount(() => {
-    isMounted = true;
-    return () => (isMounted = false);
-});
-function execute() {
-    if (!confirming && !executing) {
-        confirming = true;
-        timeoutID = setTimeout(() => {
-            if (isMounted)
-                confirming = false;
-        }, 2000);
-    }
-    else if (confirming) {
-        command()?.finally(() => {
-            if (isMounted) {
-                if (timeoutID)
-                    clearTimeout(timeoutID);
-                confirming = false;
-                executing = false;
-            }
-        });
-    }
-}
-</script>
-
-<Button
-    disabled={executing}
-    {tooltip}
-    command={execute}
-    class={confirming ? 'bookish-editor-confirm' : ''}
->
-    {confirming ? confirmLabel : commandLabel}
-</Button>
-
-<style>
-    :global(button.bookish-editor-confirm) {
-        animation: failure 100ms infinite;
-    }
-</style>

package/components/page/Authors.svelte

@@ -1,82 +0,0 @@
-<script>import Parser from '../../models/chapter/Parser';
-import TextEditor from '../editor/TextEditor.svelte';
-import Format from '../chapter/Format.svelte';
-import { afterUpdate } from 'svelte';
-import { getEdition, isEditable } from './Contexts';
-import Note from '../editor/Note.svelte';
-import Button from '../app/Button.svelte';
-export let authors;
-export let inheritedAuthors = undefined;
-export let add;
-export let edit;
-export let remove;
-let editable = isEditable();
-let edition = getEdition();
-let authorList = null;
-let newAuthor = false;
-function addAuthor() {
-    add();
-    newAuthor = true;
-}
-// When there's a new author, focus on it.
-afterUpdate(() => {
-    if (authors.length > 0 && authorList && newAuthor) {
-        const editors = authorList.querySelectorAll('input');
-        if (editors.length > 0) {
-            const lastAuthor = editors[editors.length - 1];
-            if (lastAuthor instanceof HTMLElement) {
-                lastAuthor.focus();
-            }
-        }
-        newAuthor = false;
-    }
-});
-</script>
-
-<p class="bookish-authors" bind:this={authorList}>
-    {#if authors.length === 0}
-        {#if editable && inheritedAuthors !== undefined && inheritedAuthors.length > 0}
-            <Note>&nbsp;(book authors)&nbsp;</Note>
-        {:else}
-            No authors
-        {/if}
-    {:else}
-        <em>by </em>
-        {#each authors as author, index}
-            {#if editable}
-                <TextEditor
-                    text={author}
-                    label={'Author name editor'}
-                    placeholder="Author"
-                    valid={() => undefined}
-                    save={(text) =>
-                        /* If text is already empty, remove */ author.length >
-                            0 && text === ''
-                            ? remove(index)
-                            : edit(index, text)}
-                />
-            {:else}
-                <span
-                    ><Format
-                        node={Parser.parseFormat($edition, author)}
-                    /></span
-                >
-            {/if}
-            {#if index < authors.length - 1},&nbsp{/if}
-        {/each}
-    {/if}
-    {#if editable}
-        &nbsp;<Button tooltip="Add an author" command={addAuthor}
-            >+ author</Button
-        >
-    {/if}
-</p>
-
-<style>
-    .bookish-authors {
-        font-family: var(--bookish-header-font-family);
-        font-style: italic;
-        margin-top: 0;
-        margin-bottom: var(--bookish-paragraph-spacing);
-    }
-</style>

package/components/page/Contexts.js

@@ -1,51 +0,0 @@
-// We use these unique objects as keys in Svelte context in order
-// to avoid key collisions and prevent typos. This is partly
-// future-proofing, but also because getContext<Type>() isn't type safe,
-// as the resulting value is coerced to Type even if it's not that value.
-import { getContext } from 'svelte';
-import { get } from 'svelte/store';
-export const DARK_MODE = Symbol('dark');
-export function getDarkMode() {
-    return getContext(DARK_MODE);
-}
-export const AUTH = Symbol('auth');
-export function getAuth() {
-    return getContext(AUTH);
-}
-export const BOOK = Symbol('book');
-export function getBook() {
-    return getContext(BOOK);
-}
-export const EDITION = Symbol('edition');
-export function getEdition() {
-    return getContext(EDITION);
-}
-export const CHAPTER = Symbol('chapter');
-export function getChapter() {
-    return getContext(CHAPTER);
-}
-/**
- * Update the edition that contains the chapter, then update the
- * global edition store with the new edition, propogating the changes everywhere.
- */
-export function setChapter(store, previous, chapter) {
-    const edition = get(store);
-    if (edition)
-        store.set(edition.withRevisedChapter(previous, chapter));
-}
-export const EDITABLE = Symbol('editable');
-export function isEditable() {
-    return getContext(EDITABLE);
-}
-export const BASE = Symbol('base');
-export function getBase() {
-    return getContext(BASE);
-}
-export const CARET = Symbol('caret');
-export function getCaret() {
-    return getContext(CARET);
-}
-export const STATUS = Symbol('status');
-export function getStatus() {
-    return getContext(STATUS);
-}

package/components/page/Editions.svelte

@@ -1,158 +0,0 @@
-<script>import Parser from '../../models/chapter/Parser';
-import { createNewEdition, publish } from '../../models/CRUD';
-import Format from '../chapter/Format.svelte';
-import BookishEditor from '../editor/BookishEditor.svelte';
-import Instructions from './Instructions.svelte';
-import Note from '../editor/Note.svelte';
-import { getBook, getEdition, isEditable } from './Contexts';
-import Button from '../app/Button.svelte';
-import Link from '../Link.svelte';
-import PageHeader from './PageHeader.svelte';
-import Rows from './Rows.svelte';
-let edition = getEdition();
-let editable = isEditable();
-let book = getBook();
-// Book revisions
-$: bookEditions = $book?.getEditions();
-let publishing = new Map();
-async function handleDraftEdition() {
-    if ($book === undefined)
-        return;
-    book.set(await createNewEdition($book));
-}
-async function handlePublish(index) {
-    if ($book) {
-        publishing.set(index, true);
-        const error = await publish($book, index);
-        if (error)
-            publishing.set(index, error);
-        else
-            publishing.delete(index);
-        publishing = new Map(publishing);
-    }
-}
-</script>
-
-{#if $edition}
-    {#if $book && bookEditions}
-        <PageHeader id="revisions"
-            >Editions {#if editable}<Button
-                    tooltip="Create a new edition"
-                    command={handleDraftEdition}>+</Button
-                >{/if}</PageHeader
-        >
-        <Instructions>
-            Each book has one or more editions, allowing you to track revisions
-            and ensure previous versions remain available. When you're ready to
-            revise, make a new edition, then publish it when you're done. The
-            edition with a * is the default edition readers will see, unless
-            they explicitly choose to view a previous edition.
-        </Instructions>
-        <Rows>
-            {#each bookEditions as bookEdition, index (bookEdition.ref)}
-                {@const editionNumber =
-                    bookEditions === undefined
-                        ? -1
-                        : bookEditions.length - index}
-                {@const editionLabel =
-                    editionNumber +
-                    (editionNumber === 1
-                        ? 'st'
-                        : editionNumber === 2
-                        ? 'nd'
-                        : editionNumber === 3
-                        ? 'rd'
-                        : 'th')}
-                {@const viewing = bookEdition.ref.id === $edition.getRef()?.id}
-
-                {#if $book && (editable || bookEdition.published)}
-                    <tr>
-                        <td>
-                            {#if viewing}
-                                <strong class="viewing">{editionLabel}</strong>
-                            {:else}
-                                <Link
-                                    to={`/write/${$book.ref.id}/${
-                                        bookEditions.length - index
-                                    }`}>{editionLabel}</Link
-                                >
-                            {/if}
-                            <Note
-                                >{new Date(bookEdition.time).toLocaleDateString(
-                                    'en-us'
-                                )}</Note
-                            >
-                        </td>
-                        <td>
-                            {#if editable}
-                                <BookishEditor
-                                    ast={Parser.parseFormat(
-                                        undefined,
-                                        bookEdition.summary
-                                    ).withTextIfEmpty()}
-                                    save={(newSummary) =>
-                                        $book
-                                            ? book.set(
-                                                  $book.withEditionSummary(
-                                                      newSummary.toBookdown(),
-                                                      index
-                                                  )
-                                              )
-                                            : undefined}
-                                    chapter={false}
-                                    component={Format}
-                                    placeholder="Summarize this edition's changes."
-                                />
-                            {:else if bookEdition.summary === ''}
-                                <em>No summary of changes</em>
-                            {:else}
-                                {bookEdition.summary}
-                            {/if}
-                        </td>
-                        <td style="whitespace: nowrap">
-                            {#if editable}
-                                <!-- <Switch
-                                    options={['hidden', 'published']}
-                                    enabled={bookEdition.published ||
-                                        bookEdition.summary !== ''}
-                                    value={bookEdition.published
-                                        ? 'published'
-                                        : 'hidden'}
-                                    edit={(published) =>
-                                        handlePublish(
-                                            index,
-                                            published === 'published'
-                                        )}
-                                /> -->
-                                <Button
-                                    tooltip="publish edition"
-                                    command={() => handlePublish(index)}
-                                    disabled={publishing.has(index)}
-                                    >publish</Button
-                                >
-                                {#if typeof publishing.get(index) === 'string'}
-                                    {publishing.get(index)}
-                                {/if}
-                            {/if}
-                        </td>
-                    </tr>
-                {/if}
-            {/each}
-        </Rows>
-    {/if}
-{/if}
-
-<style>
-    .viewing {
-        border-bottom: var(--app-chrome-border-size) solid
-            var(--app-border-color);
-    }
-
-    td:first-child {
-        width: 5%;
-    }
-
-    td:last-child {
-        width: 30%;
-    }
-</style>

package/components/page/License.svelte

@@ -1,37 +0,0 @@
-<script>import Parser from '../../models/chapter/Parser';
-import BookishEditor from '../editor/BookishEditor.svelte';
-import Instructions from './Instructions.svelte';
-import Format from '../chapter/Format.svelte';
-import { getEdition, isEditable } from './Contexts';
-import PageHeader from './PageHeader.svelte';
-let edition = getEdition();
-let editable = isEditable();
-$: formatNode = $edition
-    ? Parser.parseFormat($edition, $edition.getLicense()).withTextIfEmpty()
-    : undefined;
-</script>
-
-<PageHeader id="license">License</PageHeader>
-
-<Instructions>
-    By default of U.S. Copyright Law, your content copyrighted and owned by all
-    authors. Edit this if you'd like to grant different rights.
-</Instructions>
-
-{#if $edition && formatNode}
-    <!-- If editable, show acknowledgements even if they're empty, otherwise hide -->
-    {#if editable}
-        <BookishEditor
-            ast={formatNode}
-            save={(node) =>
-                $edition
-                    ? edition.set($edition.setLicense(node.toBookdown()))
-                    : undefined}
-            chapter={false}
-            component={Format}
-            placeholder="In the U.S., all rights reserved by default. Want to offer different rights to readers?"
-        />
-    {:else}
-        <Format node={formatNode} />
-    {/if}
-{/if}

package/components/page/MediaPreview.svelte

@@ -1,29 +0,0 @@
-<script>export let url;
-export let alt;
-</script>
-
-<figure class={'media-preview'}>
-    <img src={url} {alt} />
-    <figcaption class="credit"><slot /></figcaption>
-</figure>
-
-<style>
-    .media-preview {
-        display: inline-block;
-        width: 10rem;
-        margin: 1em;
-        vertical-align: bottom;
-    }
-
-    .media-preview img {
-        width: 100%;
-        height: auto;
-    }
-
-    .credit {
-        display: block;
-        text-align: right;
-        font-style: italic;
-        font-size: var(--bookish-small-font-size);
-    }
-</style>

package/components/page/Status.svelte

@@ -1,57 +0,0 @@
-<script>import BookSaveStatus from '../../models/book/BookSaveStatus';
-import { getStatus } from './Contexts';
-let status = getStatus();
-</script>
-
-<span
-    class={`bookish-editor-status ${
-        $status === BookSaveStatus.Saving
-            ? 'bookish-editor-status-saving'
-            : $status === BookSaveStatus.Error
-            ? 'bookish-editor-status-error'
-            : ''
-    }`}
->
-    {$status === BookSaveStatus.Changed
-        ? '\u270E Editing'
-        : $status === BookSaveStatus.Saving
-        ? '\u2026 Saving'
-        : $status === BookSaveStatus.Saved
-        ? '\u2713 Saved'
-        : $status === BookSaveStatus.Error
-        ? "\u2715 Couldn't save."
-        : ''}
-</span>
-
-<style>
-    .bookish-editor-status {
-        color: var(--app-muted-color);
-        font-family: var(--app-font);
-        white-space: nowrap;
-    }
-
-    .bookish-editor-status-error {
-        color: var(--app-error-color);
-        animation: failure 100ms infinite;
-    }
-
-    .bookish-editor-status-saving {
-        animation: waiting 100ms infinite;
-    }
-
-    @keyframes waiting {
-        from,
-        to {
-            transform: scale(1, 1);
-        }
-        25% {
-            transform: scale(1, 1.2);
-        }
-        50% {
-            transform: scale(1, 1);
-        }
-        75% {
-            transform: scale(1, 1.1);
-        }
-    }
-</style>

package/components/page/TableOfContentsImage.svelte

@@ -1,15 +0,0 @@
-<script>import EmbedNode from '../../models/chapter/EmbedNode';
-import Parser from '../../models/chapter/Parser';
-import { getEdition } from './Contexts';
-export let embed;
-let edition = getEdition();
-$: embedNode = embed === null ? null : Parser.parseEmbed($edition, embed);
-</script>
-
-{#if embedNode instanceof EmbedNode}
-    <img
-        style="width: 5em"
-        src={embedNode.getSmallURL()}
-        alt={embedNode.getDescription()}
-    />
-{/if}

package/models/CRUD.d.ts

@@ -1,17 +0,0 @@
-import { DocumentReference } from 'firebase/firestore';
-import Edition from './book/Edition';
-import Book from './book/Book';
-import type { ChapterContent } from './book/Chapter';
-export declare function getPublishedBooks(): Promise<Book[]>;
-export declare function getUserBooks(userID: string): Promise<Book[] | null>;
-export declare function getBookFromIDOrName(bookIDOrName: string): Promise<Book | null>;
-export declare function readBook(bookID: string): Promise<Book | null>;
-export declare function readEdition(editionID: string): Promise<Edition>;
-export declare const createBook: (userID: string) => Promise<string>;
-export declare function createNewEdition(book: Book): Promise<Book>;
-export declare const updateEdition: (previousEdition: Edition | undefined, newEdition: Edition) => Promise<Edition>;
-export declare function updateBook(book: Book): Promise<void>;
-export declare function readChapterText(chapterRef: DocumentReference): Promise<ChapterContent>;
-export declare function isSubdomainAvailable(subdomain: string, book: Book): Promise<boolean>;
-export declare function getBookIDFromName(subdomain: string): Promise<string | null>;
-export declare function publish(book: Book, index: number): Promise<string | undefined>;