+
Atlas
-
+
-
+
Sprite
-
+
-
+
{:else if customValues.object.object == "player"}
-
diff --git a/src/lib/components/modals/ExportSelectionModal.svelte b/src/lib/components/modals/ExportSelectionModal.svelte
index 95c4452..ef63713 100644
--- a/src/lib/components/modals/ExportSelectionModal.svelte
+++ b/src/lib/components/modals/ExportSelectionModal.svelte
@@ -12,30 +12,34 @@
import IconCheck from "~icons/tabler/check";
import CheckBox from "../CheckBox.svelte";
- let recentlyCopied: boolean = $state(false)
- let jsonOutput: boolean = $state(false)
+ let recentlyCopied: boolean = $state(false);
+ let jsonOutput: boolean = $state(false);
- let {
- exportSelectionDialog = $bindable(),
+ let {
+ exportSelectionDialog = $bindable(),
editor,
- shouldOptimise = true
+ shouldOptimise = true,
}: {
- exportSelectionDialog: Modal,
- editor: Editor,
- shouldOptimise: boolean
+ exportSelectionDialog: Modal;
+ editor: Editor;
+ shouldOptimise: boolean;
} = $props();
- let value: object = $state({})
-
+ let value: object = $state({});
+
function onOpen() {
- let content = editor.state.doc.slice(editor.state.selection.from, editor.state.selection.to).content.toJSON()
+ let content = editor.state.doc
+ .slice(editor.state.selection.from, editor.state.selection.to)
+ .content.toJSON();
// Fix if only one line
if (content[0].type !== "paragraph") {
- content = [{
- type: "paragraph",
- content: content
- }]
+ content = [
+ {
+ type: "paragraph",
+ content: content,
+ },
+ ];
}
// If last paragraph is empty, remove
@@ -46,70 +50,52 @@
// Format in document
value = {
type: "doc",
- content: content
+ content: content,
};
}
-
-
- {#key value}
-
Selected text:
-
-
-
+
+
+ {#key value}
+
Selected text:
+
+
+
-
Output:
-
- {#if $appSettings.syntaxHighlight}
-
- {:else}
-
- {editor ? convert(
- value,
- shouldOptimise,
- "standard",
- jsonOutput
- ) : "Loading..."}
+ Output:
+
+ {#if $appSettings.syntaxHighlight}
+
+ {:else}
+
+ {editor ? convert(value, shouldOptimise, "standard", jsonOutput) : "Loading..."}
- {/if}
-
+ {/if}
+
-
-
-
-
+
+
+
+
-
-
- {/key}
-
diff --git a/src/lib/components/modals/FontPickerModal.svelte b/src/lib/components/modals/FontPickerModal.svelte
index 5c43c0f..fbb55dc 100644
--- a/src/lib/components/modals/FontPickerModal.svelte
+++ b/src/lib/components/modals/FontPickerModal.svelte
@@ -97,11 +97,7 @@
Or, if you want to use a custom font without importing it, enter the ID:
-
+
Note: in order for a custom font to show up ingame, you will need to add it with a
diff --git a/src/lib/components/modals/InsertImageModal.svelte b/src/lib/components/modals/InsertImageModal.svelte
index bc62076..6f21bb1 100644
--- a/src/lib/components/modals/InsertImageModal.svelte
+++ b/src/lib/components/modals/InsertImageModal.svelte
@@ -36,7 +36,7 @@
image.remove();
};
});
-
+
reader.readAsDataURL(files[0]);
}
}
@@ -47,7 +47,7 @@
const image = new Image();
image.src = reader.result as string;
image.onload = () => {
- sizeWarning = image.width > 24 || image.height > 24
+ sizeWarning = image.width > 24 || image.height > 24;
image.remove();
};
};
@@ -65,11 +65,11 @@
}
}
}
-
+
function processImage(image: HTMLImageElement): JSONContent[] {
if (!files || !editor) return [];
let completeContent: JSONContent[] = [];
-
+
const canvas = new OffscreenCanvas(image.width, image.height);
const ctx = canvas.getContext("2d", { willReadFrequently: true });
ctx?.reset();
@@ -116,12 +116,12 @@
}
$effect(() => {
- if(files && files.length > 0) {
+ if (files && files.length > 0) {
checkFileSize(files[0]);
} else {
sizeWarning = false;
}
- })
+ });
e.preventDefault()} />
@@ -139,21 +139,27 @@
{:else}
- Selected file: {files[0].name}
+
+ Selected file: {files[0].name}
+
{#if sizeWarning}
-
-
This image may be too large to display properly, and may also cause performance issues to process, you have been warned!
+
+
+ This image may be too large to display properly, and may also cause
+ performance issues to process, you have been warned!
+
{/if}
diff --git a/src/lib/components/modals/KeybindModal.svelte b/src/lib/components/modals/KeybindModal.svelte
index ef8aa14..a61fa4f 100644
--- a/src/lib/components/modals/KeybindModal.svelte
+++ b/src/lib/components/modals/KeybindModal.svelte
@@ -20,26 +20,28 @@
{ keys: [modifierKey, "Shift", "X"], action: "Clear all formatting" },
];
const modalKeybinds = [
- { keys: [modifierKey, "Shift", "G"], action: "Add Color Gradient" },
- { keys: [modifierKey, "Shift", "K"], action: "View Keybinds" },
- { keys: [modifierKey, "Shift", "T"], action: "Add Click Event" },
- { keys: [modifierKey, "Shift", "H"], action: "Add Hover Event" },
{ keys: [modifierKey, "Shift", "C"], action: "Add Custom Color" },
+ { keys: [modifierKey, "Shift", "D"], action: "Open Book Details (book mode)" },
+ { keys: [modifierKey, "Shift", "E"], action: "Export Menu" },
{ keys: [modifierKey, "Shift", "F"], action: "Add a font" },
- { keys: [modifierKey, "Shift", "W"], action: "Add Custom Source" },
- { keys: [modifierKey, "Shift", "U"], action: "Unicode Menu" },
+ { keys: [modifierKey, "Shift", "G"], action: "Add Color Gradient" },
+ { keys: [modifierKey, "Shift", "H"], action: "Add Hover Event" },
{ keys: [modifierKey, "Shift", "I"], action: "Import Menu" },
- { keys: [modifierKey, "Shift", "E"], action: "Export Menu" },
+ { keys: [modifierKey, "Shift", "K"], action: "View Keybinds" },
{ keys: [modifierKey, "Shift", "L"], action: "Load a snapshot" },
- { keys: [modifierKey, "Shift", "M"], action: "Load an image (with block characters)" },
+ { keys: [modifierKey, "Shift", "M"], action: "Load an image" },
+ { keys: [modifierKey, "Shift", "R"], action: "Open Settings" },
+ { keys: [modifierKey, "Shift", "T"], action: "Add Click Event" },
+ { keys: [modifierKey, "Shift", "U"], action: "Unicode Menu" },
+ { keys: [modifierKey, "Shift", "W"], action: "Add Custom Source" },
];
Formatting Keybinds
-
+
{#each keysAndActions as { keys, action }}
-
+
{#each keys as key}
{key}
{/each}
@@ -49,7 +51,7 @@
{/each}
Modal Keybinds
-
+
{#each modalKeybinds as { keys, action }}
{#each keys as key}
diff --git a/src/lib/components/modals/topbar/ExportModal.svelte b/src/lib/components/modals/topbar/ExportModal.svelte
index e42c976..6baded0 100644
--- a/src/lib/components/modals/topbar/ExportModal.svelte
+++ b/src/lib/components/modals/topbar/ExportModal.svelte
@@ -3,7 +3,7 @@
import { translateMOTD } from "$lib/text/motd";
import { convert } from "$lib/text/nbt/export";
import CheckBox from "../../CheckBox.svelte";
- import { domToPng, type Options } from "modern-screenshot";
+ import { domToPng, type Options } from "modern-screenshot";
import { Highlight } from "svelte-highlight";
import typescript from "svelte-highlight/languages/typescript";
import { appSettings } from "$lib/settings";
@@ -29,7 +29,6 @@
shouldOptimise = true,
} = $props();
-
// Image output
let imgPreview: HTMLImageElement | undefined = $state();
@@ -140,37 +139,23 @@
{#if $appSettings.syntaxHighlight}
-
+ indent ? 4 : undefined,
+ )} />
{:else}
{editor
- ? JSON.stringify(
- JSON.parse(
- convert(
- editor.getJSON(),
- shouldOptimise,
- "standard",
- true,
- )
- ),
- null,
- indent ? 4 : undefined
- )
- : "Loading..."}
+ ? JSON.stringify(
+ JSON.parse(
+ convert(editor.getJSON(), shouldOptimise, "standard", true),
+ ),
+ null,
+ indent ? 4 : undefined,
+ )
+ : "Loading..."}
{/if}
@@ -184,17 +169,10 @@
onclick={() => {
navigator.clipboard.writeText(
JSON.stringify(
- JSON.parse(
- convert(
- editor.getJSON(),
- shouldOptimise,
- "standard",
- true,
- )
- ),
+ JSON.parse(convert(editor.getJSON(), shouldOptimise, "standard", true)),
null,
- indent ? 4 : undefined
- )
+ indent ? 4 : undefined,
+ ),
);
recentlyCopied = true;
setTimeout(() => (recentlyCopied = false), 2000);
@@ -346,4 +324,4 @@
{/if}
-
\ No newline at end of file
+
diff --git a/src/lib/components/modals/topbar/ImportModal.svelte b/src/lib/components/modals/topbar/ImportModal.svelte
index 7bde3f5..5443960 100644
--- a/src/lib/components/modals/topbar/ImportModal.svelte
+++ b/src/lib/components/modals/topbar/ImportModal.svelte
@@ -1,18 +1,29 @@
-
-
Paste text components here to import them into the editor. This action is undoable.
-
-
-
-
-
+ {#if page.url.pathname === "/book"}
+
+
+ Paste text components here to import them into the book editor. This action is
+ undoable.
+
+
+
+
+
+
+
+
+
+
+ {:else}
+
+
+ Paste text components here to import them into the editor. This action is undoable.
+
+
-
-
+
+
+
+
+
+
+ {/if}
diff --git a/src/lib/components/modals/topbar/SavedTextsModal.svelte b/src/lib/components/modals/topbar/SavedTextsModal.svelte
index a753689..ffba0c3 100644
--- a/src/lib/components/modals/topbar/SavedTextsModal.svelte
+++ b/src/lib/components/modals/topbar/SavedTextsModal.svelte
@@ -3,8 +3,6 @@
import MiniRenderer from "$lib/components/text/MiniRenderer.svelte";
import { tooltip } from "$lib/tooltip";
import type { Editor } from "@tiptap/core";
- import IconDelete from "~icons/tabler/trash";
- import IconLoad from "~icons/tabler/upload";
interface Props {
editor: Editor | undefined;
diff --git a/src/lib/components/modals/topbar/SettingsModal.svelte b/src/lib/components/modals/topbar/SettingsModal.svelte
index 6fb412a..bb9950d 100644
--- a/src/lib/components/modals/topbar/SettingsModal.svelte
+++ b/src/lib/components/modals/topbar/SettingsModal.svelte
@@ -10,7 +10,7 @@
let { settingsDialog = $bindable() }: Props = $props();
-
+
@@ -47,15 +47,13 @@
-
+
+
+
+
+
diff --git a/src/lib/components/text/BookMiniRenderer.svelte b/src/lib/components/text/BookMiniRenderer.svelte
new file mode 100644
index 0000000..199f6a3
--- /dev/null
+++ b/src/lib/components/text/BookMiniRenderer.svelte
@@ -0,0 +1,86 @@
+
+
+{@html html}
diff --git a/src/lib/components/text/MiniEditor.svelte b/src/lib/components/text/MiniEditor.svelte
index 782956e..7c86be4 100644
--- a/src/lib/components/text/MiniEditor.svelte
+++ b/src/lib/components/text/MiniEditor.svelte
@@ -70,7 +70,9 @@
content.forEach((c) => {
current = {
- color: defaultColorLUT(c.marks?.find(obj => obj.type == "textStyle")?.attrs?.color || undefined),
+ color: defaultColorLUT(
+ c.marks?.find((obj) => obj.type == "textStyle")?.attrs?.color || undefined,
+ ),
bold: trueMarkOrUndefined(c, "bold"),
italic: trueMarkOrUndefined(c, "italic"),
strikethrough: trueMarkOrUndefined(c, "strike"),
diff --git a/src/lib/components/text/MiniRenderer.svelte b/src/lib/components/text/MiniRenderer.svelte
index 061b3f8..bf2c02c 100644
--- a/src/lib/components/text/MiniRenderer.svelte
+++ b/src/lib/components/text/MiniRenderer.svelte
@@ -1,4 +1,5 @@
-
+{@html html}
diff --git a/src/lib/components/toolbar/Toolbar.svelte b/src/lib/components/toolbar/Toolbar.svelte
index ccf23d8..10ebe66 100644
--- a/src/lib/components/toolbar/Toolbar.svelte
+++ b/src/lib/components/toolbar/Toolbar.svelte
@@ -1,27 +1,26 @@
-
+
{#if editor}
@@ -160,14 +159,19 @@
Icon={IconGradient}
onClick={gradientDialog.open}
ariaLabel="Color Gradient" />
-
+
{#each colourMap as colour}
{/each}
@@ -262,9 +266,17 @@
editor?.commands.redo()} ariaLabel="Redo" Icon={IconRedo} />
-
-
-
+
+
+
{/if}
diff --git a/src/lib/components/toolbar/ToolbarButton.svelte b/src/lib/components/toolbar/ToolbarButton.svelte
index b263653..2392b61 100644
--- a/src/lib/components/toolbar/ToolbarButton.svelte
+++ b/src/lib/components/toolbar/ToolbarButton.svelte
@@ -8,7 +8,7 @@
ariaLabel: string;
Icon: Component;
colour?: string;
- desktopOnly?: boolean
+ desktopOnly?: boolean;
};
const { onClick, styleVar, Icon, ariaLabel, colour, desktopOnly }: Props = $props();
diff --git a/src/lib/settings.ts b/src/lib/settings.ts
index 264d089..df18b94 100644
--- a/src/lib/settings.ts
+++ b/src/lib/settings.ts
@@ -1,11 +1,13 @@
-import { writable, type Writable } from "svelte/store";
import { browser } from "$app/environment";
+import { writable, type Writable } from "svelte/store";
+import { versions } from "./types";
export type Settings = {
showCharacterCount: boolean; // whether the character count is shown
syntaxHighlight: boolean; // whether to show highlighted output text
realisticLineHeight: boolean; // whether to use smaller line height
- hideSelectionExport: boolean; // whether to hide the export this button
+ hideSelectionExport: boolean; // whether to hide the "export this" button
+ bookPreviewMode: "normal" | "compact"; // whether to show the book preview in normal or compact mode
fontSize: number; // 0 = small, 1 = default, 2 = large
};
@@ -34,5 +36,8 @@ export const appSettings: Writable
= createPersistentStore("settings",
syntaxHighlight: true,
realisticLineHeight: false,
hideSelectionExport: true,
+ bookPreviewMode: "normal",
fontSize: 1,
});
+
+export const outputVersion = writable(versions[versions.length - 1]);
diff --git a/src/lib/stores.ts b/src/lib/stores.ts
deleted file mode 100644
index 9cc9915..0000000
--- a/src/lib/stores.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-import { writable } from "svelte/store";
-import { versions } from "./types";
-
-export const outputVersion = writable(versions[versions.length - 1]);
diff --git a/src/lib/text/nbt/export.ts b/src/lib/text/nbt/export.ts
index 1de6a97..5f8d89c 100644
--- a/src/lib/text/nbt/export.ts
+++ b/src/lib/text/nbt/export.ts
@@ -7,7 +7,7 @@ import {
trueMarkOrUndefined,
unescapeUnicode,
} from "../utils";
-import { outputVersion } from "$lib/stores";
+import { outputVersion } from "$lib/settings";
import { get } from "svelte/store";
import { optimise } from "./optimiser";
@@ -176,14 +176,17 @@ export function convert(
// nbt number type fix for shadow colour
// moved from translateJSON function
const shadowColorMatches = out.matchAll(/"shadow_color":(-?\d+)/gu);
- const relevantShadowColorMatches = shadowColorMatches.filter(item => (parseInt(item[1]) > 2 ** 31 - 1 || parseInt(item[1]) < (-2) ** 31)).toArray().map(item => item[1])
+ const relevantShadowColorMatches = shadowColorMatches
+ .filter((item) => parseInt(item[1]) > 2 ** 31 - 1 || parseInt(item[1]) < (-2) ** 31)
+ .toArray()
+ .map((item) => item[1]);
const deduplicatedRelevantShadowColorMatches = [...new Set(relevantShadowColorMatches)];
for (const match of deduplicatedRelevantShadowColorMatches) {
- const num = parseInt(match)
+ const num = parseInt(match);
out = out.replaceAll(`"shadow_color":${match}`, `"shadow_color":${num}L`);
}
-
+
// remove string marks from json keys only
out = out.replaceAll(/(?<=[{,]\s*)"[^"]*"\s*:/gu, (match) => match.replaceAll(`"`, ""));
}
@@ -209,9 +212,7 @@ export function translateJSON(json: JSONContent, options: TranslateOptions): str
}
if (data.length === 0) {
- return Math.random() < 0.002
- ? "🤓 <- kevin is waiting for you to type something"
- : "waiting for input...";
+ return JSON.stringify("");
}
if (options.optimise) {
@@ -223,7 +224,7 @@ export function translateJSON(json: JSONContent, options: TranslateOptions): str
if (data.length === 2 && data[0] == "") {
return JSON.stringify(data[1]);
} else if (data.length === 1) {
- return JSON.stringify(data[0])
+ return JSON.stringify(data[0]);
}
return JSON.stringify(data);
@@ -257,13 +258,15 @@ export function translateJSON(json: JSONContent, options: TranslateOptions): str
function constructComponent(content: JSONContent, includeInteractivity: boolean = true) {
// Construct basic styled component
let currentComponent: MinecraftText = {
- color: defaultColorLUT(content.marks?.find(obj => obj.type == "textStyle")?.attrs?.color || undefined),
+ color: defaultColorLUT(
+ content.marks?.find((obj) => obj.type == "textStyle")?.attrs?.color || undefined,
+ ),
bold: trueMarkOrUndefined(content, "bold"),
italic: trueMarkOrUndefined(content, "italic"),
strikethrough: trueMarkOrUndefined(content, "strike"),
underlined: trueMarkOrUndefined(content, "underline"),
obfuscated: trueMarkOrUndefined(content, "obfuscated"),
- font: content.marks?.find(obj => obj.type == "textStyle")?.attrs?.font || undefined,
+ font: content.marks?.find((obj) => obj.type == "textStyle")?.attrs?.font || undefined,
};
// Add shadow colour
@@ -281,5 +284,5 @@ function constructComponent(content: JSONContent, includeInteractivity: boolean
// Add content values (e.g. text and custom sources) depending on the component type
currentComponent = addTypeSpecificValues(currentComponent, content, includeInteractivity);
- return currentComponent
-}
\ No newline at end of file
+ return currentComponent;
+}
diff --git a/src/lib/text/nbt/import.ts b/src/lib/text/nbt/import.ts
index c959d4e..3b27e54 100644
--- a/src/lib/text/nbt/import.ts
+++ b/src/lib/text/nbt/import.ts
@@ -9,6 +9,17 @@ import {
import { type MinecraftText, type OldMinecraftText } from "../../types";
import { type StringyMCText } from "../../types";
+export function importBook(raw: StringyMCText[]): JSONContent[] {
+ const pages: JSONContent[] = [];
+
+ raw.forEach((page) => {
+ const pageDocument = snbtToDocument([page]);
+ pages.push(pageDocument);
+ });
+
+ return pages;
+}
+
export function snbtToDocument(raw: StringyMCText[]): JSONContent {
let baseDocument: JSONContent = {
type: "doc",
diff --git a/src/lib/text/nbt/optimiser.ts b/src/lib/text/nbt/optimiser.ts
index c7953ce..e5f5f28 100644
--- a/src/lib/text/nbt/optimiser.ts
+++ b/src/lib/text/nbt/optimiser.ts
@@ -47,7 +47,7 @@ export function optimise(stringyTextElements: StringyMCText[], lore = false): St
if (lore) {
output.unshift({ italic: false, color: "white", text: "" });
}
-
+
return output;
}
diff --git a/src/lib/text/utils.ts b/src/lib/text/utils.ts
index 9153a70..f0cf057 100644
--- a/src/lib/text/utils.ts
+++ b/src/lib/text/utils.ts
@@ -54,7 +54,7 @@ export function defaultColorLUT(color: string): string | undefined {
return;
}
- color = rgbToHex(color)
+ color = rgbToHex(color);
return colourMap.find((e) => e.value.toUpperCase() === color)?.name || color;
}
@@ -167,16 +167,16 @@ export function rgbaToArgbHex(rgbaHex: string): string {
}
export function rgbToHex(color: string): string {
- if (color.startsWith('rgb')) {
+ if (color.startsWith("rgb")) {
const result = /^rgb\((\d+),\s*(\d+),\s*(\d+)\)$/u.exec(color);
return result
- ? "#" +
- [1, 2, 3]
- .map((n) => parseInt(result[n]).toString(16).padStart(2, "0"))
- .join("")
- .toUpperCase()
- : color;
+ ? "#" +
+ [1, 2, 3]
+ .map((n) => parseInt(result[n]).toString(16).padStart(2, "0"))
+ .join("")
+ .toUpperCase()
+ : color;
} else {
- return color.toUpperCase()
+ return color.toUpperCase();
}
}
diff --git a/src/lib/tiptap/extensions/ExportButton.ts b/src/lib/tiptap/extensions/ExportButton.ts
index 7fd5c03..c260af6 100644
--- a/src/lib/tiptap/extensions/ExportButton.ts
+++ b/src/lib/tiptap/extensions/ExportButton.ts
@@ -1,8 +1,8 @@
-import { Extension } from '@tiptap/core';
-import { Plugin, PluginKey } from '@tiptap/pm/state';
-import { EditorView } from '@tiptap/pm/view';
+import { Extension } from "@tiptap/core";
+import { Plugin, PluginKey } from "@tiptap/pm/state";
+import { EditorView } from "@tiptap/pm/view";
import { appSettings } from "$lib/settings";
-import { get } from 'svelte/store';
+import { get } from "svelte/store";
// Define the shape of configuration options for type safety
export interface ExportButtonOptions {
@@ -10,11 +10,11 @@ export interface ExportButtonOptions {
}
export const ExportButtonExtension = Extension.create({
- name: 'ExportButton',
+ name: "ExportButton",
addOptions() {
return {
- onClick: () => { },
+ onClick: () => {},
};
},
@@ -24,14 +24,14 @@ export const ExportButtonExtension = Extension.create({
return [
new Plugin({
- key: new PluginKey('ExportButton'),
+ key: new PluginKey("ExportButton"),
view(editorView: EditorView) {
return {
update(view: EditorView) {
if (get(appSettings).hideSelectionExport == true) {
return;
}
-
+
const { state } = view;
const { selection } = state;
@@ -39,20 +39,22 @@ export const ExportButtonExtension = Extension.create({
if (!parentNode) return;
if ((selection.empty || !view.hasFocus()) && buttonDom) {
- buttonDom.style.display = 'none';
+ buttonDom.style.display = "none";
return;
}
if (!buttonDom) {
- buttonDom = document.createElement('button');
- buttonDom.innerText = '↪ Export this';
- buttonDom.className = 'export-button';
- buttonDom.style.position = 'absolute';
- buttonDom.style.zIndex = '10';
+ buttonDom = document.createElement("button");
+ buttonDom.innerText = "↪ Export this";
+ buttonDom.className = "export-button";
+ buttonDom.style.position = "absolute";
+ buttonDom.style.zIndex = "10";
+
+ buttonDom.addEventListener("mousedown", (e: MouseEvent) =>
+ e.preventDefault(),
+ );
+ buttonDom.addEventListener("click", onClick);
- buttonDom.addEventListener('mousedown', (e: MouseEvent) => e.preventDefault());
- buttonDom.addEventListener('click', onClick);
-
parentNode.appendChild(buttonDom);
}
@@ -60,9 +62,9 @@ export const ExportButtonExtension = Extension.create({
const top = coords.top + 19;
const left = coords.left - 90;
- buttonDom.style.display = 'block';
+ buttonDom.style.display = "block";
buttonDom.style.top = `${top}px`;
- buttonDom.style.left = `${left + 5}px`;
+ buttonDom.style.left = `${left + 5}px`;
},
destroy() {
@@ -70,7 +72,7 @@ export const ExportButtonExtension = Extension.create({
buttonDom.remove();
buttonDom = null;
}
- }
+ },
};
},
}),
diff --git a/src/lib/tiptap/extensions/marks/ObfuscationMark.ts b/src/lib/tiptap/extensions/marks/ObfuscationMark.ts
index 87687de..460ff80 100644
--- a/src/lib/tiptap/extensions/marks/ObfuscationMark.ts
+++ b/src/lib/tiptap/extensions/marks/ObfuscationMark.ts
@@ -2,13 +2,13 @@ import { Mark, mergeAttributes } from "@tiptap/core";
export const Obfuscation = Mark.create({
name: "obfuscated",
-
+
renderHTML({ HTMLAttributes }) {
return [
"span",
mergeAttributes(
{
- class: "obfuscated"
+ class: "obfuscated",
},
HTMLAttributes,
),
diff --git a/src/lib/tiptap/extensions/nodes/AtlasObjectNode.ts b/src/lib/tiptap/extensions/nodes/AtlasObjectNode.ts
index bc65d64..653ab5a 100644
--- a/src/lib/tiptap/extensions/nodes/AtlasObjectNode.ts
+++ b/src/lib/tiptap/extensions/nodes/AtlasObjectNode.ts
@@ -47,10 +47,10 @@ export const AtlasObjectNode = Node.create({
"data-atlas-object-node": "",
contenteditable: "false",
style: `
- background-color: #18181b;
+ background-color: var(--source-background, #18181b);
padding: 0px 5px;
border-radius: 4px;
- font-size: 0.9rem;
+ font-size: var(--source-size, 0.9rem);
display: inline-block;
vertical-align: var(--custom-source-align, middle);
font-style: normal !important;
diff --git a/src/lib/tiptap/extensions/nodes/BlockNBTNode.ts b/src/lib/tiptap/extensions/nodes/BlockNBTNode.ts
index af05b20..7227da3 100644
--- a/src/lib/tiptap/extensions/nodes/BlockNBTNode.ts
+++ b/src/lib/tiptap/extensions/nodes/BlockNBTNode.ts
@@ -39,10 +39,10 @@ export const BlockNBTNode = Node.create({
"data-nbt-node": "true",
contenteditable: "false",
style: `
- background-color: #18181b;
+ background-color: var(--source-background, #18181b);
padding: 1px 5px;
border-radius: 4px;
- font-size: 1rem;
+ font-size: var(--source-size, 0.9rem);
display: inline-block;
vertical-align: var(--custom-source-align, middle);
text-decoration: inherit;
diff --git a/src/lib/tiptap/extensions/nodes/EntityNBTNode.ts b/src/lib/tiptap/extensions/nodes/EntityNBTNode.ts
index 519984b..c1db5f8 100644
--- a/src/lib/tiptap/extensions/nodes/EntityNBTNode.ts
+++ b/src/lib/tiptap/extensions/nodes/EntityNBTNode.ts
@@ -39,10 +39,10 @@ export const EntityNBTNode = Node.create({
"data-nbt-node": "true",
contenteditable: "false",
style: `
- background-color: #18181b;
+ background-color: var(--source-background, #18181b);
padding: 0px 5px;
border-radius: 4px;
- font-size: 0.9rem;
+ font-size: var(--source-size, 0.9rem);
display: inline-block;
vertical-align: var(--custom-source-align, middle);
text-decoration: inherit;
diff --git a/src/lib/tiptap/extensions/nodes/KeybindNode.ts b/src/lib/tiptap/extensions/nodes/KeybindNode.ts
index 1cd884a..e2d6eec 100644
--- a/src/lib/tiptap/extensions/nodes/KeybindNode.ts
+++ b/src/lib/tiptap/extensions/nodes/KeybindNode.ts
@@ -37,10 +37,10 @@ export const KeybindNode = Node.create({
"data-keybind-node": "true",
contenteditable: "false",
style: `
- background-color: #18181b;
+ background-color: var(--source-background, #18181b);
padding: 0px 5px;
border-radius: 4px;
- font-size: 0.9rem;
+ font-size: var(--source-size, 0.9rem);
display: inline-block;
vertical-align: var(--custom-source-align, middle);
text-decoration: inherit;
diff --git a/src/lib/tiptap/extensions/nodes/PlayerObjectNode.ts b/src/lib/tiptap/extensions/nodes/PlayerObjectNode.ts
index 8709f2d..f4ec307 100644
--- a/src/lib/tiptap/extensions/nodes/PlayerObjectNode.ts
+++ b/src/lib/tiptap/extensions/nodes/PlayerObjectNode.ts
@@ -46,10 +46,10 @@ export const PlayerObjectNode = Node.create({
"data-player-object-node": "",
contenteditable: "false",
style: `
- background-color: #18181b;
+ background-color: var(--source-background, #18181b);
padding: 0px 5px;
border-radius: 4px;
- font-size: 0.9rem;
+ font-size: var(--source-size, 0.9rem);
display: inline-block;
vertical-align: var(--custom-source-align, middle);
font-style: normal !important;
diff --git a/src/lib/tiptap/extensions/nodes/ScoreNode.ts b/src/lib/tiptap/extensions/nodes/ScoreNode.ts
index b8c5c76..21734a2 100644
--- a/src/lib/tiptap/extensions/nodes/ScoreNode.ts
+++ b/src/lib/tiptap/extensions/nodes/ScoreNode.ts
@@ -38,10 +38,10 @@ export const ScoreNode = Node.create({
"data-score-node": "true",
contenteditable: "false",
style: `
- background-color: #18181b;
+ background-color: var(--source-background, #18181b);
padding: 0px 5px;
border-radius: 4px;
- font-size: 0.9rem;
+ font-size: var(--source-size, 0.9rem);
display: inline-block;
vertical-align: var(--custom-source-align, middle);
text-decoration: inherit;
diff --git a/src/lib/tiptap/extensions/nodes/SelectorNode.ts b/src/lib/tiptap/extensions/nodes/SelectorNode.ts
index 7a6ef4e..d761afc 100644
--- a/src/lib/tiptap/extensions/nodes/SelectorNode.ts
+++ b/src/lib/tiptap/extensions/nodes/SelectorNode.ts
@@ -37,10 +37,10 @@ export const SelectorNode = Node.create({
"data-selector-node": "true",
contenteditable: "false",
style: `
- background-color: #18181b;
+ background-color: var(--source-background, #18181b);
padding: 0px 5px;
border-radius: 4px;
- font-size: 0.9rem;
+ font-size: var(--source-size, 0.9rem);
display: inline-block;
vertical-align: var(--custom-source-align, middle);
text-decoration: inherit;
diff --git a/src/lib/tiptap/extensions/nodes/StorageNBTNode.ts b/src/lib/tiptap/extensions/nodes/StorageNBTNode.ts
index 9b95b21..9d05135 100644
--- a/src/lib/tiptap/extensions/nodes/StorageNBTNode.ts
+++ b/src/lib/tiptap/extensions/nodes/StorageNBTNode.ts
@@ -39,10 +39,10 @@ export const StorageNBTNode = Node.create({
"data-nbt-node": "true",
contenteditable: "false",
style: `
- background-color: #18181b;
+ background-color: var(--source-background, #18181b);
padding: 0px 5px;
border-radius: 4px;
- font-size: 0.9rem;
+ font-size: var(--source-size, 0.9rem);
display: inline-block;
vertical-align: var(--custom-source-align, middle);
text-decoration: inherit;
diff --git a/src/lib/tiptap/extensions/nodes/TranslateNode.ts b/src/lib/tiptap/extensions/nodes/TranslateNode.ts
index 28118be..625af3c 100644
--- a/src/lib/tiptap/extensions/nodes/TranslateNode.ts
+++ b/src/lib/tiptap/extensions/nodes/TranslateNode.ts
@@ -39,10 +39,10 @@ export const TranslateNode = Node.create({
"data-translate-node": "true",
contenteditable: "false",
style: `
- background-color: #18181b;
+ background-color: var(--source-background, #18181b);
padding: 0px 5px;
border-radius: 4px;
- font-size: 0.9rem;
+ font-size: var(--source-size, 0.9rem);
display: inline-block;
vertical-align: var(--custom-source-align, middle);
text-decoration: inherit;
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 2a66da1..e423e94 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -1,5 +1,5 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Book Pages
+
+
+ {#key pageJSONs}
+ {#each pageJSONs as page, index}
+
+ {#if $appSettings.bookPreviewMode === "normal"}
+
pageKeyDownHandler(event, index)}
+ onclick={() => {
+ currentPageIndex = index;
+ editor?.commands.setContent(pageJSONs[index]);
+ }}
+ class="page-preview {currentPageIndex != index
+ ? 'opacity-60'
+ : ''}">
+
+
+
+
+ {:else if $appSettings.bookPreviewMode === "compact"}
+
+ {/if}
+
+
{index + 1} of {pageJSONs.length}
+ {#if index > 0}
+
+ {/if}
+ {#if index + 1 < pageJSONs.length}
+
+ {/if}
+
+ {#if pageJSONs.length != 1}
+
+ {/if}
+
+
+ {/each}
+ {/key}
+
+
+
DEV ONLY: {currentTiptapJSON ? JSON.stringify(currentTiptapJSON) : "Loading..."}
+
+ {/if}
+
+
+
+
+
+ {#if $appSettings.syntaxHighlight}
+ [convert(j, shouldOptimise)])}],title:"${title}",author:"${author}",generation:${generation}}]`} />
+ {:else}
+ {editor
+ ? `[written_book_content={pages:[${pageJSONs.map((j) => [convert(j, shouldOptimise)])}],title:"${title}",author:"${author}",generation:${generation}}]`
+ : "Loading..."}
+ {/if}
+
+
+
+
click to change output settings:
+
+
+ {#if versionPopup}
+
+ {#if versionPopupConfirmationVisible}
+
+
+
Warning:
+
Changing to an earlier version could remove some elements
+ of your text that are unsupported in this version.
+
+
+
+
+
+
+ {/if}
+
+
+ version
+ description
+
+ {#each versions as v}
+
+ {/each}
+
* unreleased minecraft version
+
+
+ {/if}
+
+
+
+
+
+
+ {#if $appSettings.showCharacterCount}
+
•
+
+
+ {pageJSONs.map((j) => [convert(j, shouldOptimise)]).join(",").length +
+ title.length +
+ author.length + 1 + 64} characters
+
+ {/if}
+
+