bookish-press 0.4.40 → 0.4.41
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/chapter/Embed.svelte +1 -1
- package/components/page/Media.svelte +22 -20
- package/components/page/MediaPreview.svelte +1 -2
- package/index.d.ts +1 -0
- package/index.js +1 -0
- package/models/chapter/EmbedNode.d.ts +1 -0
- package/models/chapter/EmbedNode.js +6 -0
- package/package.json +1 -1
|
@@ -117,7 +117,7 @@ function handleClick() {
|
|
|
117
117
|
{:else}
|
|
118
118
|
<p class="bookish-figure-unspecified">No image or video</p>
|
|
119
119
|
{/if}
|
|
120
|
-
{:else if
|
|
120
|
+
{:else if node.isVideo()}
|
|
121
121
|
<article class="bookish-figure-embed">
|
|
122
122
|
<iframe
|
|
123
123
|
class="bookish-figure-frame"
|
|
@@ -57,29 +57,31 @@ $: unused = images?.filter((image) => embeds.find((embed) => embed.getURL() ===
|
|
|
57
57
|
{#if embeds.length === 0}
|
|
58
58
|
<p>No images or videos appear in the book.</p>
|
|
59
59
|
{:else}
|
|
60
|
-
<p>These are the images
|
|
60
|
+
<p>These are the images in the book:</p>
|
|
61
61
|
{/if}
|
|
62
62
|
{#each embeds as embed}
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
<span
|
|
72
|
-
>{#if editable}{images &&
|
|
73
|
-
images.find((i) => i.url === embed.getURL()) ===
|
|
74
|
-
undefined
|
|
75
|
-
? 'linked'
|
|
76
|
-
: 'uploaded'}{embed.getCredit().isEmptyText()
|
|
77
|
-
? ''
|
|
78
|
-
: ' • '}{/if}<Format
|
|
79
|
-
node={embed.getCredit()}
|
|
80
|
-
/></span
|
|
63
|
+
{#if !embed.isVideo()}
|
|
64
|
+
<MediaPreview
|
|
65
|
+
url={embed.isLocal()
|
|
66
|
+
? `${$base}/${embed.getSmallURL()}`
|
|
67
|
+
: embed.getSmallURL()}
|
|
68
|
+
alt={embed.getDescription() === ''
|
|
69
|
+
? 'no description, image not used'
|
|
70
|
+
: embed.getDescription()}
|
|
81
71
|
>
|
|
82
|
-
|
|
72
|
+
<span
|
|
73
|
+
>{#if editable}{images &&
|
|
74
|
+
images.find((i) => i.url === embed.getURL()) ===
|
|
75
|
+
undefined
|
|
76
|
+
? 'linked'
|
|
77
|
+
: 'uploaded'}{embed.getCredit().isEmptyText()
|
|
78
|
+
? ''
|
|
79
|
+
: ' • '}{/if}<Format
|
|
80
|
+
node={embed.getCredit()}
|
|
81
|
+
/></span
|
|
82
|
+
>
|
|
83
|
+
</MediaPreview>
|
|
84
|
+
{/if}
|
|
83
85
|
{/each}
|
|
84
86
|
{#if editable && unused !== undefined && unused.length > 0}
|
|
85
87
|
<PageHeader id="unused">Unused</PageHeader>
|
package/index.d.ts
CHANGED
|
@@ -5,6 +5,7 @@ export { default as References } from "./components/page/References.svelte";
|
|
|
5
5
|
export { default as PossibleChapter } from "./components/page/PossibleChapter.svelte";
|
|
6
6
|
export { default as Media } from "./components/page/Media.svelte";
|
|
7
7
|
export { default as Print } from "./components/page/Print.svelte";
|
|
8
|
+
export { default as Unknown } from "./components/page/Unknown.svelte";
|
|
8
9
|
export { default as Glossary } from "./components/page/Glossary.svelte";
|
|
9
10
|
export { default as Edition } from "./components/page/Edition.svelte";
|
|
10
11
|
export { default as Feedback } from "./components/app/Feedback.svelte";
|
package/index.js
CHANGED
|
@@ -5,6 +5,7 @@ export { default as References } from './components/page/References.svelte';
|
|
|
5
5
|
export { default as PossibleChapter } from './components/page/PossibleChapter.svelte';
|
|
6
6
|
export { default as Media } from './components/page/Media.svelte';
|
|
7
7
|
export { default as Print } from './components/page/Print.svelte';
|
|
8
|
+
export { default as Unknown } from './components/page/Unknown.svelte';
|
|
8
9
|
export { default as Glossary } from './components/page/Glossary.svelte';
|
|
9
10
|
export { default as Edition } from './components/page/Edition.svelte';
|
|
10
11
|
export { default as Feedback } from './components/app/Feedback.svelte';
|
|
@@ -9,6 +9,7 @@ export default class EmbedNode extends BlockNode {
|
|
|
9
9
|
#private;
|
|
10
10
|
constructor(url: string, description: string, caption?: FormatNode, credit?: FormatNode, position?: Position);
|
|
11
11
|
getType(): string;
|
|
12
|
+
isVideo(): boolean;
|
|
12
13
|
getURL(): string;
|
|
13
14
|
getSmallURL(): string;
|
|
14
15
|
hasSmallURL(): boolean;
|
|
@@ -30,6 +30,12 @@ export default class EmbedNode extends BlockNode {
|
|
|
30
30
|
getType() {
|
|
31
31
|
return 'embed';
|
|
32
32
|
}
|
|
33
|
+
isVideo() {
|
|
34
|
+
return (this.#urls.includes('https://www.youtube.com') ||
|
|
35
|
+
this.#urls.includes('https://youtu.be') ||
|
|
36
|
+
this.#urls.includes('https://www.tiktok.com') ||
|
|
37
|
+
this.#urls.includes('vimeo.com'));
|
|
38
|
+
}
|
|
33
39
|
getURL() {
|
|
34
40
|
return this.#urls.split(URL_SEPARATOR)[0];
|
|
35
41
|
}
|