bookish-press 0.4.43 → 0.4.45

package/components/chapter/Paragraph.svelte

@@ -18,7 +18,7 @@ $: id =
 $: classes =
     node.getLevel() === 0
         ? undefined
-        : 'bookish-header' +
+        : 'page-header' +
             ($chapter && $chapter.highlightedID === id
                 ? ' bookish-content-highlight'
                 : '');

package/components/page/Chapter.svelte

@@ -214,7 +214,7 @@ let editable = isBookEditable() ||
             <!-- Collapse the outline if a marginal is selected. -->
             <Outline
                 slot="outline"
-                collapse={marginal !== undefined}
+                collapse={$marginal !== undefined}
                 previous={$edition.getPreviousChapterID(chapterID)}
                 next={$edition.getNextChapterID(chapterID)}
                 listener={(expanded) => {

package/components/page/Outline.svelte

@@ -77,7 +77,7 @@ function highlight() {
     const threshold = getHighlightThreshold();
     // Find the header that we're past so we can update the outline.
     let indexOfNearestHeaderAbove = -1; // -1 represents the title
-    Array.from(document.getElementsByClassName('bookish-header')).forEach((header, index) => {
+    Array.from(document.getElementsByClassName('page-header')).forEach((header, index) => {
         // Is this a header we care about?
         if (header.tagName === 'H1' ||
             header.tagName === 'H2' ||

package/components/page/TableOfContents.svelte

@@ -22,6 +22,7 @@ import PageParagraph from './PageParagraph.svelte';
 import Note from '../editor/Note.svelte';
 import Permissions from '../editor/Permissions.svelte';
 import Publish from './Publish.svelte';
+import { onMount } from 'svelte';
 let auth = getUser();
 let book = getBook();
 let edition = getEdition();
@@ -61,6 +62,11 @@ function addChapter() {
     if ($edition)
         edition.set($edition.withNewChapter());
 }
+/** Doing this on mount allows for prerendering an an update. */
+let bookURL = '…';
+onMount(() => {
+    bookURL = location.protocol + '//' + location.host + location.pathname;
+});
 </script>
 
 {#if $edition}
@@ -270,10 +276,7 @@ function addChapter() {
                 .getAuthors()
                 .map((author) => Parser.parseFormat($edition, author).toText())
                 .join(', ')} ({new Date().getFullYear()}).
-            <em>{$edition.getTitle()}</em>. {location.protocol +
-                '//' +
-                location.host +
-                location.pathname},
+            <em>{$edition.getTitle()}</em>. {bookURL},
             <em>retrieved {new Date().toLocaleDateString('en-US')}</em>.
         </PageParagraph>
 

package/package.json

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