bookish-press 0.4.39 → 0.4.41

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/page/Media.svelte

@@ -6,12 +6,13 @@ import ChapterIDs from '../../models/book/ChapterID';
 import Format from '../chapter/Format.svelte';
 import MediaPreview from './MediaPreview.svelte';
 import { onMount } from 'svelte';
-import { getBook, getEdition, isBookEditable, isEditionEditable, } from './Contexts';
+import { getBase, getBook, getEdition, isBookEditable, isEditionEditable, } from './Contexts';
 import Button from '../app/Button.svelte';
 import PageHeader from './PageHeader.svelte';
 let book = getBook();
 let edition = getEdition();
 let editable = isBookEditable();
+let base = getBase();
 let images = [];
 $: embeds = $edition?.getEmbeds() ?? [];
 $: media = $book?.getMedia();
@@ -56,27 +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.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,14 +1,9 @@
-<script>import { getBase } from './Contexts';
-export let url;
+<script>export let url;
 export let alt;
-let base = getBase();
 </script>
 
 <figure class={'media-preview'}>
-    <img
-        src={url.startsWith('http') ? url : `${$base}/images/small/${url}`}
-        {alt}
-    />
+    <img src={url.startsWith('http') ? url : `${url}`} {alt} />
     <figcaption class="credit"><slot /></figcaption>
 </figure>
 

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.39",
+  "version": "0.4.41",
   "type": "module",
   "description": "A platform for reading and writing readable, accessible, beautiful online books.",
   "license": "MIT",