bookish-press 0.4.40 → 0.4.42

package/components/chapter/Embed.svelte

@@ -117,7 +117,7 @@ function handleClick() {
             {:else}
                 <p class="bookish-figure-unspecified">No image or video</p>
             {/if}
-        {:else if url.includes('https://www.youtube.com') || url.includes('https://youtu.be') || url.includes('https://www.tiktok.com') || url.includes('vimeo.com')}
+        {:else if node.isVideo()}
             <article class="bookish-figure-embed">
                 <iframe
                     class="bookish-figure-frame"

package/components/chapter/Figure.svelte

@@ -41,12 +41,12 @@ function focusFigure() {
             <slot />
         </div>
         {#if caption !== undefined}
-            <figcaption class="bookish-figure-caption">
+            <figcaption class="caption">
                 {#if caption}
                     <Format node={caption} placeholder="caption" />
                 {/if}
                 {#if credit}
-                    <aside class="bookish-figure-credit">
+                    <aside class="credit">
                         <Format node={credit} placeholder="credit" />
                     </aside>
                 {/if}
@@ -68,7 +68,7 @@ function focusFigure() {
         filter: opacity(50%);
     }
 
-    .bookish-figure-caption {
+    .caption {
         text-align: center;
         position: relative;
         color: var(--bookish-muted-color);
@@ -78,11 +78,11 @@ function focusFigure() {
         margin-bottom: var(--bookish-block-padding);
     }
 
-    .bookish-figure-credit {
+    .credit {
         display: block;
         position: absolute;
-        top: -1em;
-        right: 0;
+        top: calc(-1.2 * var(--bookish-block-padding));
+        right: var(--bookish-block-padding);
         text-align: right;
         font-style: italic;
         font-size: var(--bookish-small-font-size);

package/components/page/Authors.svelte

@@ -14,6 +14,12 @@ export let remove;
 let edition = getEdition();
 let authorList = null;
 let newAuthor = false;
+$: authorsToShow =
+    authors.length > 0
+        ? authors
+        : inheritedAuthors !== undefined && inheritedAuthors.length > 0
+            ? inheritedAuthors
+            : undefined;
 function addAuthor() {
     add();
     newAuthor = true;
@@ -34,15 +40,12 @@ afterUpdate(() => {
 </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}
+    <!-- Editing and inherited authors? Say they're  -->
+    {#if authorsToShow === undefined}
+        No authors
     {:else}
         <em>by </em>
-        {#each authors as author, index}
+        {#each authorsToShow as author, index}
             {#if editable}
                 <TextEditor
                     text={author}
@@ -65,6 +68,9 @@ afterUpdate(() => {
             {#if index < authors.length - 1},&nbsp{/if}
         {/each}
     {/if}
+    {#if editable}
+        <Note>(edition authors)&nbsp;</Note>
+    {/if}
     {#if editable}
         &nbsp;<Button tooltip="add author" command={addAuthor}>+ author</Button>
     {/if}

package/components/page/Media.svelte

@@ -57,29 +57,31 @@ $: unused = images?.filter((image) => embeds.find((embed) => embed.getURL() ===
         {#if embeds.length === 0}
             <p>No images or videos appear in the book.</p>
         {:else}
-            <p>These are the images and videos in the book:</p>
+            <p>These are the images in the book:</p>
         {/if}
         {#each embeds as embed}
-            <MediaPreview
-                url={embed.isLocal()
-                    ? `${$base}/${embed.getSmallURL()}`
-                    : embed.getSmallURL()}
-                alt={embed.getDescription() === ''
-                    ? 'no description, image not used'
-                    : embed.getDescription()}
-            >
-                <span
-                    >{#if editable}{images &&
-                        images.find((i) => i.url === embed.getURL()) ===
-                            undefined
-                            ? 'linked'
-                            : 'uploaded'}{embed.getCredit().isEmptyText()
-                            ? ''
-                            : ' • '}{/if}<Format
-                        node={embed.getCredit()}
-                    /></span
+            {#if !embed.isVideo()}
+                <MediaPreview
+                    url={embed.isLocal()
+                        ? `${$base}/${embed.getSmallURL()}`
+                        : embed.getSmallURL()}
+                    alt={embed.getDescription() === ''
+                        ? 'no description, image not used'
+                        : embed.getDescription()}
                 >
-            </MediaPreview>
+                    <span
+                        >{#if editable}{images &&
+                            images.find((i) => i.url === embed.getURL()) ===
+                                undefined
+                                ? 'linked'
+                                : 'uploaded'}{embed.getCredit().isEmptyText()
+                                ? ''
+                                : ' • '}{/if}<Format
+                            node={embed.getCredit()}
+                        /></span
+                    >
+                </MediaPreview>
+            {/if}
         {/each}
         {#if editable && unused !== undefined && unused.length > 0}
             <PageHeader id="unused">Unused</PageHeader>

package/components/page/MediaPreview.svelte

@@ -1,5 +1,4 @@
-<script>import { getBase } from './Contexts';
-export let url;
+<script>export let url;
 export let alt;
 </script>
 

package/index.d.ts

@@ -5,6 +5,7 @@ export { default as References } from "./components/page/References.svelte";
 export { default as PossibleChapter } from "./components/page/PossibleChapter.svelte";
 export { default as Media } from "./components/page/Media.svelte";
 export { default as Print } from "./components/page/Print.svelte";
+export { default as Unknown } from "./components/page/Unknown.svelte";
 export { default as Glossary } from "./components/page/Glossary.svelte";
 export { default as Edition } from "./components/page/Edition.svelte";
 export { default as Feedback } from "./components/app/Feedback.svelte";

package/index.js

@@ -5,6 +5,7 @@ export { default as References } from './components/page/References.svelte';
 export { default as PossibleChapter } from './components/page/PossibleChapter.svelte';
 export { default as Media } from './components/page/Media.svelte';
 export { default as Print } from './components/page/Print.svelte';
+export { default as Unknown } from './components/page/Unknown.svelte';
 export { default as Glossary } from './components/page/Glossary.svelte';
 export { default as Edition } from './components/page/Edition.svelte';
 export { default as Feedback } from './components/app/Feedback.svelte';

package/models/chapter/EmbedNode.d.ts

@@ -9,6 +9,7 @@ export default class EmbedNode extends BlockNode {
     #private;
     constructor(url: string, description: string, caption?: FormatNode, credit?: FormatNode, position?: Position);
     getType(): string;
+    isVideo(): boolean;
     getURL(): string;
     getSmallURL(): string;
     hasSmallURL(): boolean;

package/models/chapter/EmbedNode.js

@@ -30,6 +30,12 @@ export default class EmbedNode extends BlockNode {
     getType() {
         return 'embed';
     }
+    isVideo() {
+        return (this.#urls.includes('https://www.youtube.com') ||
+            this.#urls.includes('https://youtu.be') ||
+            this.#urls.includes('https://www.tiktok.com') ||
+            this.#urls.includes('vimeo.com'));
+    }
     getURL() {
         return this.#urls.split(URL_SEPARATOR)[0];
     }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "bookish-press",
   "private": false,
-  "version": "0.4.40",
+  "version": "0.4.42",
   "type": "module",
   "description": "A platform for reading and writing readable, accessible, beautiful online books.",
   "license": "MIT",