bookish-press 0.4.47 → 0.4.48

package/components/Auth.svelte

@@ -0,0 +1,55 @@
+<script>import { sendSignInLinkToEmail } from 'firebase/auth';
+import { onDestroy, setContext } from 'svelte';
+import { writable } from 'svelte/store';
+import { auth } from '../models/Firebase';
+import { USER } from './page/Contexts';
+// Track the user and user loading status in state
+let loading = true;
+// The store that tracks the auth context.
+const authentication = writable({
+    user: null,
+    loading: loading,
+    login,
+    logout,
+});
+// Login using Firebase's password-less email verification
+async function login(email) {
+    // If connected to firebase...
+    if (auth) {
+        const actionCodeSettings = {
+            url: location.origin + '/confirm',
+            handleCodeInApp: true,
+        };
+        // Ask Firebase to log in with the given email
+        await sendSignInLinkToEmail(auth, email, actionCodeSettings);
+        // Remember the email in local storage so we don't have to ask for it again
+        // after returning to the link above.
+        window.localStorage.setItem('email', email);
+    }
+}
+function updateAuth(user) {
+    authentication.set({ user, loading: loading, login, logout });
+}
+// Logout using Firebase's authentication framework.
+function logout() {
+    if (auth) {
+        return auth.signOut().then(() => updateAuth(null));
+    }
+}
+// On mount, subscribe to authentication changes.
+if (auth) {
+    const unsubscribe = auth.onAuthStateChanged((user) => {
+        loading = false;
+        updateAuth(user);
+    });
+    // On unmount, stop subscribing.
+    onDestroy(unsubscribe);
+}
+// Expose the state and the login/logout functionality.
+setContext(USER, authentication);
+</script>
+
+<!-- Wrap whatever children are given in this context. -->
+{#if loading === false}
+    <slot />
+{/if}

package/components/Auth.svelte.d.ts

@@ -0,0 +1,16 @@
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: Record<string, never>;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export type AuthProps = typeof __propDef.props;
+export type AuthEvents = typeof __propDef.events;
+export type AuthSlots = typeof __propDef.slots;
+export default class Auth extends SvelteComponentTyped<AuthProps, AuthEvents, AuthSlots> {
+}
+export {};

package/{src/lib/components/Authentication.ts → components/Authentication.d.ts}

@@ -1,10 +1,8 @@
 import type { User } from 'firebase/auth';
-
 type Authentication = {
     user: User | null;
     loading: boolean;
     login: Function;
     logout: Function;
 };
-
 export default Authentication;

package/components/Authentication.js

@@ -0,0 +1 @@
+export {};

package/{src/lib/components → components}/BookPreview.svelte

@@ -1,30 +1,25 @@
-<script lang="ts">
-    import type Book from '$lib/models/book/Book';
-    import EmbedNode from '$lib/models/chapter/EmbedNode';
-    import Parser from '$lib/models/chapter/Parser';
-    import ErrorNode from '../models/chapter/ErrorNode';
-    import ChapterBody from './chapter/ChapterBody.svelte';
-    import Embed from './chapter/Embed.svelte';
-    import ErrorMessage from './chapter/ErrorMessage.svelte';
-    import Link from '$lib/components/app/Link.svelte';
-
-    export let book: Book;
-    export let write: boolean = false;
-
-    $: refID = book.getRefID();
-    $: cover = book.getCover();
-    $: authors = book.getAuthors();
-    $: description = book.getDescription();
-    $: subdomain = book.getSubdomain();
-    $: title = book.getTitle();
-    $: embed = cover === null ? null : Parser.parseEmbed(undefined, cover);
-
-    $: url =
-        subdomain === undefined || write
-            ? refID === undefined
-                ? ''
-                : (write ? '/write/' : '/') + refID
-            : `/${subdomain}`;
+<script>import EmbedNode from '../models/chapter/EmbedNode';
+import Parser from '../models/chapter/Parser';
+import ErrorNode from '../models/chapter/ErrorNode';
+import ChapterBody from './chapter/ChapterBody.svelte';
+import Embed from './chapter/Embed.svelte';
+import ErrorMessage from './chapter/ErrorMessage.svelte';
+import Link from './app/Link.svelte';
+export let book;
+export let write = false;
+$: refID = book.getRefID();
+$: cover = book.getCover();
+$: authors = book.getAuthors();
+$: description = book.getDescription();
+$: subdomain = book.getSubdomain();
+$: title = book.getTitle();
+$: embed = cover === null ? null : Parser.parseEmbed(undefined, cover);
+$: url =
+    subdomain === undefined || write
+        ? refID === undefined
+            ? ''
+            : (write ? '/write/' : '/') + refID
+        : `/${subdomain}`;
 </script>
 
 <article class="book-preview">

package/components/BookPreview.svelte.d.ts

@@ -0,0 +1,18 @@
+import { SvelteComponentTyped } from "svelte";
+import type Book from '../models/book/Book';
+declare const __propDef: {
+    props: {
+        book: Book;
+        write?: boolean | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type BookPreviewProps = typeof __propDef.props;
+export type BookPreviewEvents = typeof __propDef.events;
+export type BookPreviewSlots = typeof __propDef.slots;
+export default class BookPreview extends SvelteComponentTyped<BookPreviewProps, BookPreviewEvents, BookPreviewSlots> {
+}
+export {};

package/{src/lib/components → components}/External.svelte

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

package/components/External.svelte.d.ts

@@ -0,0 +1,18 @@
+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/Link.svelte

@@ -0,0 +1,51 @@
+<script>import { page } from '$app/stores';
+export let to;
+let link;
+function scroll(event) {
+    // No element? Bail.
+    if (link === undefined)
+        return;
+    // No hash? No scroll.
+    const hash = new URL(link.href).hash;
+    if (hash === '')
+        return;
+    // Prevent the browser from scrolling.
+    event.preventDefault();
+    // Get the anchor
+    const anchorId = new URL(link.href).hash.replace('#', '');
+    const anchor = document.getElementById(anchorId);
+    // No anchor? Bail.
+    if (anchor === null)
+        return;
+    // Scroll to the anchor.
+    window.scrollTo({
+        top: anchor.offsetTop,
+        behavior: 'smooth',
+    });
+    // Update the hash (without scrolling)
+    history.pushState({}, '', hash);
+}
+</script>
+
+{#if $page.url.pathname === (to.charAt(to.length - 1) === '/' ? to.substring(0, to.length - 1) : to)}
+    <slot />
+{:else}
+    <a
+        href={to}
+        bind:this={link}
+        on:click={(event) => scroll(event)}
+        target={to.startsWith('http') ? '_blank' : null}><slot /></a
+    >
+{/if}
+
+<style>
+    a {
+        color: var(--bookish-link-color);
+        font-weight: var(--bookish-link-font-weight);
+        text-decoration: none;
+    }
+
+    a:hover {
+        text-decoration: underline;
+    }
+</style>

package/components/Link.svelte.d.ts

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

package/{src/lib/components → components}/app/BookList.svelte

@@ -1,9 +1,6 @@
-<script lang="ts">
-    import type Book from '../../models/book/Book';
-    import BookPreview from '../BookPreview.svelte';
-
-    export let books: Book[];
-    export let write: boolean;
+<script>import BookPreview from '../BookPreview.svelte';
+export let books;
+export let write;
 </script>
 
 <section class="previews">

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

@@ -0,0 +1,18 @@
+import { SvelteComponentTyped } from "svelte";
+import type Book from '../../models/book/Book';
+declare const __propDef: {
+    props: {
+        books: Book[];
+        write: boolean;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type BookListProps = typeof __propDef.props;
+export type BookListEvents = typeof __propDef.events;
+export type BookListSlots = typeof __propDef.slots;
+export default class BookList extends SvelteComponentTyped<BookListProps, BookListEvents, BookListSlots> {
+}
+export {};

package/{src/lib/components → components}/app/Button.svelte

@@ -1,8 +1,7 @@
-<script lang="ts">
-    export let type: 'submit' | 'button' | null = null;
-    export let tooltip: string;
-    export let disabled: boolean = false;
-    export let command: () => void;
+<script>export let type = null;
+export let tooltip;
+export let disabled = false;
+export let command;
 </script>
 
 <button

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

@@ -0,0 +1,22 @@
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        [x: string]: any;
+        type?: "submit" | "button" | null | undefined;
+        tooltip: string;
+        disabled?: boolean | undefined;
+        command: () => void;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export type ButtonProps = typeof __propDef.props;
+export type ButtonEvents = typeof __propDef.events;
+export type ButtonSlots = typeof __propDef.slots;
+export default class Button extends SvelteComponentTyped<ButtonProps, ButtonEvents, ButtonSlots> {
+}
+export {};

package/{src/lib/components → components}/app/Feedback.svelte

@@ -1,14 +1,10 @@
-<script lang="ts">
-    import { onMount } from 'svelte';
-    import Large from './Large.svelte';
-
-    export let error: boolean = false;
-
-    let visible = error;
-
-    onMount(() => {
-        setTimeout(() => (visible = true), 1000);
-    });
+<script>import { onMount } from 'svelte';
+import Large from './Large.svelte';
+export let error = false;
+let visible = error;
+onMount(() => {
+    setTimeout(() => (visible = true), 1000);
+});
 </script>
 
 {#if visible}

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

@@ -0,0 +1,18 @@
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        error?: boolean | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export type FeedbackProps = typeof __propDef.props;
+export type FeedbackEvents = typeof __propDef.events;
+export type FeedbackSlots = typeof __propDef.slots;
+export default class Feedback extends SvelteComponentTyped<FeedbackProps, FeedbackEvents, FeedbackSlots> {
+}
+export {};

package/{src/lib/components → components}/app/Head.svelte

@@ -1,5 +1,4 @@
-<script lang="ts">
-    export let id: string | null = null;
+<script>export let id = null;
 </script>
 
 <h2 {id}><slot /></h2>

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

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

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

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

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

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

package/{src/lib/components → components}/app/Link.svelte

@@ -1,7 +1,6 @@
-<script lang="ts">
-    export let to: string;
-    export let before: Function | undefined = undefined;
-    export let title: string | undefined = undefined;
+<script>export let to;
+export let before = undefined;
+export let title = undefined;
 </script>
 
 <a

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

@@ -0,0 +1,20 @@
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        to: string;
+        before?: Function | undefined;
+        title?: string | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export type LinkProps = typeof __propDef.props;
+export type LinkEvents = typeof __propDef.events;
+export type LinkSlots = typeof __propDef.slots;
+export default class Link extends SvelteComponentTyped<LinkProps, LinkEvents, LinkSlots> {
+}
+export {};

package/{src/lib/components → components}/app/Options.svelte

@@ -1,8 +1,7 @@
-<script lang="ts">
-    export let options: [string, string][];
-    export let changed: (value: string) => void;
-    export let value: string;
-    export let label: string;
+<script>export let options;
+export let changed;
+export let value;
+export let label;
 </script>
 
 <select bind:value on:change={() => changed(value)} aria-label={label}>

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

@@ -0,0 +1,19 @@
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        options: [string, string][];
+        changed: (value: string) => void;
+        value: string;
+        label: string;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type OptionsProps = typeof __propDef.props;
+export type OptionsEvents = typeof __propDef.events;
+export type OptionsSlots = typeof __propDef.slots;
+export default class Options extends SvelteComponentTyped<OptionsProps, OptionsEvents, OptionsSlots> {
+}
+export {};

package/{src/lib/components → components}/app/Paragraph.svelte

@@ -1,5 +1,4 @@
-<script lang="ts">
-    export let aside: boolean = false;
+<script>export let aside = false;
 </script>
 
 <p class={aside ? 'aside' : ''}><slot /></p>

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

@@ -0,0 +1,18 @@
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        aside?: boolean | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export type ParagraphProps = typeof __propDef.props;
+export type ParagraphEvents = typeof __propDef.events;
+export type ParagraphSlots = typeof __propDef.slots;
+export default class Paragraph extends SvelteComponentTyped<ParagraphProps, ParagraphEvents, ParagraphSlots> {
+}
+export {};

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

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

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

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

package/{src/lib/components → components}/app/TextInput.svelte

@@ -1,15 +1,12 @@
-<script lang="ts">
-    export let text = '';
-    export let autocomplete: string | null = null;
-    export let type: string;
-    export let placeholder: string;
-    export let disabled: boolean;
-
-    let input: HTMLInputElement;
-
-    export function value() {
-        return text;
-    }
+<script>export let text = '';
+export let autocomplete = null;
+export let type;
+export let placeholder;
+export let disabled;
+let input;
+export function value() {
+    return text;
+}
 </script>
 
 <input