bookish-press 0.5.19 → 0.5.21

package/dist/components/chapter/Citations.svelte

@@ -110,8 +110,6 @@ afterUpdate(() => $chapter?.layoutMarginals());
     .bookish-references .bookish-reference {
         display: block;
         line-height: var(--bookish-paragraph-line-height-tight);
-        margin-left: 1rem;
-        margin-bottom: 1rem;
         text-align: left;
     }
 
@@ -125,7 +123,6 @@ afterUpdate(() => $chapter?.layoutMarginals());
     .bookish-reference .bookish-citation-symbol {
         display: block;
         float: left;
-        margin-top: -0.5em;
         position: absolute;
         left: -1.75em;
         text-align: right;

package/dist/components/chapter/Python.svelte

@@ -34,7 +34,7 @@ afterUpdate(() => {
     }
 });
 function skulptLoaded() {
-    return window.hasOwnProperty('Sk');
+    return typeof window !== 'undefined' && window.hasOwnProperty('Sk');
 }
 function reset() {
     code = startCode;
@@ -116,7 +116,7 @@ $: lines = output.split('\n');
         flex: 1;
         border: 1px solid lightGray;
         padding: 0.5rem;
-        height: 3rem;
+        height: 2rem;
         overflow-y: scroll;
         display: inline-block;
         vertical-align: top;

package/dist/components/chapter/Table.svelte

@@ -14,7 +14,8 @@ $: rows = node.getRows();
         {#each rows as row, index}
             <tr class={editable ? 'editable' : null}>
                 {#if row.length === 1}
-                    <svelte:element this={index === 0 ? 'th' : 'td'}>
+                    <svelte:element
+                        this={index === 0 ? 'th' : 'td'}
                         colspan={rows.reduce(
                             (max, row) => Math.max(row.length, max),
                             0
@@ -37,4 +38,9 @@ $: rows = node.getRows();
     tr.editable th {
         border: 1px dotted var(--app-border-color);
     }
+
+    td,
+    th {
+        vertical-align: baseline;
+    }
 </style>

package/dist/components/controls/DarkToggle.svelte.d.ts

@@ -1,7 +1,7 @@
 import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
-        dark: Boolean;
+        dark: boolean;
         toggle: () => void;
     };
     events: {

package/dist/components/page/ChapterTitle.svelte

@@ -11,6 +11,8 @@ export let link = undefined;
 <style>
     h3 {
         font-family: var(--bookish-header-font-family);
+        /* Disable heavy weight in this context. */
+        font-weight: normal;
         margin: 0;
     }
 </style>

package/dist/components/page/Edition.svelte

@@ -1,6 +1,6 @@
 <script>import smoothscroll from 'smoothscroll-polyfill';
 import { goto } from '$app/navigation';
-import { onMount, setContext } from 'svelte';
+import { onMount, setContext, tick } from 'svelte';
 import { writable } from 'svelte/store';
 import { BASE, DARK_MODE, } from './Contexts';
 import { BookishTheme } from '../../models/book/Theme';
@@ -38,6 +38,9 @@ if (typeof window !== 'undefined' && window.location.hash.startsWith('#/'))
     goto(location.hash.replace('#', ''));
 /** Given a theme, sets the appropriate CSS rules in the browser to apply the theme.*/
 function setTheme(theme) {
+    // Allow for prerendering; rely on mount callback to set the theme.
+    if (typeof document === 'undefined')
+        return;
     // If the theme is being unset, make sure we've removed any overrding style declaration.
     // This let's the default theme kick in.
     let themeTagImports = document.getElementById('bookish-theme-imports');

package/dist/components/page/MediaPreview.svelte

@@ -3,7 +3,7 @@ export let alt;
 let loaded;
 let urlChecked;
 $: {
-    if (urlChecked !== url) {
+    if (urlChecked !== url && typeof Image !== 'undefined') {
         urlChecked = url;
         let image = new Image();
         image.src = url;

package/dist/components/page/Reference.svelte

@@ -266,6 +266,7 @@ function move(field, direction) {
     .reference {
         line-height: var(--bookish-paragraph-line-height-tight);
         margin-top: 0;
+        margin-bottom: var(--bookish-block-padding);
     }
 
     p {

package/dist/models/book/BookMedia.js

@@ -59,7 +59,7 @@ export default class BookMedia {
             // Try again in a bit.
             .catch(() => attempt > 25
             ? error("Couldn't get the image's thumbnail URL")
-            : setTimeout(() => this.getThumbnailURL(url, thumbnailRef, error, finished, attempt + 1), 100));
+            : setTimeout(() => this.getThumbnailURL(url, thumbnailRef, error, finished, attempt + 1), 200));
     }
     upload(file, _, errorHandler, finishedHandler) {
         if (storage === undefined)

package/dist/models/book/Theme.js

@@ -465,7 +465,7 @@ export const CriticalTheme = {
     // Spacing
     spacing: {
         paragraphLineHeight: '2.2em',
-        paragraphLineHeightTight: '1.5em',
+        paragraphLineHeightTight: '1.9em',
         headerLineHeight: '1.4em',
         paragraphSpacing: '1.8rem',
         headerSpacing: '2rem',

package/package.json

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