- {@render children()}
+
+ {@render children()}
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index eb2fb91..96abe4f 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -1,864 +1,391 @@
-
-
-
-
Minecraft Text Editor
-
-
Import
- {#if doesContentExist}
-
Export
-
Save{recentlySaved ? "d!" : ""}
- {/if}
-
Load
-
-
Discord
-
Datapack Wiki
-
- {#if editor}
-
-
-
- editor!.getAttributes("textStyle").font
- ? editor!.chain().focus().unsetFont().run()
- : fontDialog.open()}
- styleVar={editor.getAttributes("textStyle").font}
- ariaLabel="Font" />
-
-
-
-
- {#each colorMap as color}
- editor!.chain().focus().setColor(color.value).run()}
- styleVar={editor.isActive("textStyle", { color: color.value })}
- color={color.value}
- ariaLabel={toTitleCase(color.name.replace("_", " "))} />
- {/each}
-
- {#if editor.getAttributes("textStyle").color}
- editor?.chain().focus().unsetColor().run()}
- aria-label="Unset color"
- {@attach tooltip}
- class="rounded-md p-1 text-lg text-zinc-500 hover:bg-white/3"
- class:active={editor.isActive("underline")}>
-
- {/if}
-
-
-
- {
- customDialog?.open();
- customType = undefined;
- }}
- {@attach tooltip}
- class="toolbar-btn"
- aria-label="Add Custom Source">
-
- {#if sourceKeys.some((key) => editor!.isActive(key))}
- {
- customType = getNodeAtSelection(editor!)?.type.name;
- if (customType === "player_object" || customType === "selector") {
- customType = "object";
- }
- await customDialog.open();
- }}
- ariaLabel="Edit Source"
- Icon={IconEdit} />
- {/if}
-
-
-
- {
- if (editor?.isActive("clickEvent")) {
- editor?.chain().focus().unsetClickEvent().run();
- } else {
- clickEventDialog?.open();
- }
- }}
- ariaLabel="Click Event"
- styleVar={editor.isActive("clickEvent")}
- Icon={IconClickEvent} />
- {#if editor.isActive("clickEvent")}
- {
- if (editor?.isActive("hoverEvent")) {
- editor?.chain().focus().unsetHoverEvent().run();
- } else {
- hoverEventDialog?.open();
- }
- }}
- {@attach tooltip}
- class="{editor.isActive('clickEvent') || editor.isActive('hoverEvent')
- ? 'ml-2'
- : ''} toolbar-btn {editor.isActive('hoverEvent')
- ? 'bg-zinc-800'
- : ''}"
- aria-label="Hover Event">
-
- {#if editor.isActive("hoverEvent")}
-
-
- editor?.commands.undo()}
- ariaLabel="Undo"
- Icon={IconUndo} />
- editor?.commands.redo()}
- ariaLabel="Redo"
- Icon={IconRedo} />
-
-
-
-
-
-
-
- {#if page.url.searchParams.has("dev")}
-
- DEV ONLY: {editor ? JSON.stringify(editor.getJSON()) : "Loading..."}
-
-
- {/if}
-
-
- {
- navigator.clipboard.writeText(finalOutput);
- recentlyCopied = true;
- setTimeout(() => (recentlyCopied = false), 2000);
- }}
- aria-label="Copy">
- {#if recentlyCopied}
-
-
-
-
-
-
-
-
- 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.
-
-
- updateOutputVersion(
- temporaryVersionConfirmation,
- true,
- )}>Change version
- {
- versionPopupConfirmationVisible = false;
- temporaryVersionConfirmation = undefined;
- }}>Cancel
-
-
-
- {/if}
-
-
- version
- description
-
- {#each versions as v}
-
updateOutputVersion(v)}>
- {v.friendly}
- {v.description}
-
- {/each}
-
* unreleased minecraft version
-
-
- {/if}
-
-
{
- versionPopup = !versionPopup;
- }}>{$outputVersion.friendly}
-
-
-
(shouldOptimise = !shouldOptimise)}
- >{shouldOptimise ? "optimised" : "expanded"}
-
-
•
-
-
- other output formats
-
-
-
•
-
-
- {finalOutput.length} characters
-
-
-
-
+
+
+
+ {#if page.url.searchParams.has("dev")}
+
DEV ONLY: {tiptapJSON ? JSON.stringify(tiptapJSON) : "Loading..."}
+
+ {/if}
+
+
+
{
+ navigator.clipboard.writeText(finalOutput);
+ recentlyCopied = true;
+ setTimeout(() => (recentlyCopied = false), 2000);
+ }}
+ aria-label="Copy">
+ {#if recentlyCopied}
+
+
+
+ {#if $appSettings.syntaxHighlight}
+ {editor
+ ? finalOutput
+ : "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.
+
+
+ updateOutputVersion(
+ temporaryVersionConfirmation,
+ true,
+ )}>Change version
+ {
+ versionPopupConfirmationVisible = false;
+ temporaryVersionConfirmation = undefined;
+ }}>Cancel
+
+
+
+ {/if}
+
+
+ version
+ description
+
+ {#each versions as v}
+
updateOutputVersion(v)}>
+ {v.friendly}
+ {v.description}
+
+ {/each}
+
* unreleased minecraft version
+
+
+ {/if}
+
+
{
+ versionPopup = !versionPopup;
+ }}>{$outputVersion.friendly}
+
+
+
(shouldOptimise = !shouldOptimise)}
+ >{shouldOptimise ? "optimised" : "expanded"}
+
+
•
+
+
+ other output formats
+
+
+ {#if $appSettings.showCharacterCount}
+
•
+
+
+ {finalOutput.length} characters
+
+ {/if}
+
+
+
-
-
-
-
-
-
Datapack Hub Text Editor
-
-
-
- This is a /tellraw editor and editor for Minecraft text components,
- for all versions. Create /tellraw commands and text components (JSON
- text) for Minecraft Java Edition with our easy-to-use, modern online
- tool!
-
-
-
⚠️ This website requires JavaScript to work.
-
Please enable JavaScript in your site settings. If JavaScript is
- enabled, please refresh. If that doesn't work, then try a
- different browser. If that still doesn't work, then ask for help
- in our Discord
-
-
-
-
-
+
+
+
+
+
Datapack Hub Text Editor
+
+
+
+ This is a /tellraw editor and editor for Minecraft text components, for all
+ versions. Create /tellraw commands and text components (JSON text) for
+ Minecraft Java Edition with our easy-to-use, modern online tool!
+
+
+
⚠️ This website requires JavaScript to work.
+
Please enable JavaScript in your site settings. If JavaScript is
+ enabled, please refresh. If that doesn't work, then try a different
+ browser. If that still doesn't work, then ask for help in our Discord
+
+
+
+
+
-
-
- {#await import("$lib/components/modals/ClickEventModal.svelte") then modal}
-
- {/await}
-
-
- Text to show
- {
- editor
- ?.chain()
- .focus()
- .setHoverEvent({ action: "show_text", value: hoverEventValue })
- .run();
- hoverEventDialog?.close();
- }}
- class="mt-2 w-fit rounded-md bg-zinc-900 p-2 hover:bg-black/50">
- Add Hover Event
-
-
-
- {#await import("$lib/components/modals/CustomSourceModal.svelte") then modal}
-
- {/await}
-
-
-
-
- Done
-
-
-
-
-
-
- {#if snapshots.length == 0}
-
You have not saved anything yet!
- {/if}
- {#each snapshots as snapshot (snapshot)}
-
-
-
-
- {
- editor?.commands.setContent(snapshot);
- editor?.commands.focus();
- }}>
- {
- snapshots = snapshots.filter(
- (_, index) => index !== snapshots.indexOf(snapshot),
- );
- localStorage.setItem("snapshots", JSON.stringify(snapshots));
- }}>
-
-
- {/each}
-
-
- {#await import("$lib/components/modals/ExportModal.svelte") then modal}
-
- {/await}
-
-
-
-
- Paste your text components below to import them into the editor. This
- will clear the current contents of the editor!
-
-
-
-
- Import
-
-
-
- {#await import("$lib/components/modals/FontPickerModal.svelte") then modal}
-
- {/await}
-
- {#await import("$lib/components/modals/KeybindModal.svelte") then modal}
-
- {/await}
- {#await import("$lib/components/modals/FontUploadModal.svelte") then modal}
-
- {/await}
-
- {#await import("$lib/components/modals/ColorGradientModal.svelte") then modal}
-
- {/await}
- {#await import("$lib/components/modals/UnicodeSelectorModal.svelte") then modal}
-
- {/await}
-
+{#await import("$lib/components/modals/topbar/ExportModal.svelte") then modal}
+
+{/await}
diff --git a/src/tests/e2e/basic.test.ts b/src/tests/e2e/basic.test.ts
index 90b1718..fd4767e 100644
--- a/src/tests/e2e/basic.test.ts
+++ b/src/tests/e2e/basic.test.ts
@@ -1,97 +1,130 @@
import { expect, test } from "@playwright/test";
test.beforeEach(async ({ page }) => {
- await page.goto("/");
+ await page.goto("/");
});
test("home page loads", async ({ page }) => {
- const resp = await page.goto("/");
- expect(resp).toBeDefined();
- expect(resp?.ok()).toBe(true);
+ const resp = await page.goto("/");
+ expect(resp).toBeDefined();
+ expect(resp?.ok()).toBe(true);
});
test("blank text updates with formatted output", async ({ page }) => {
- await page.getByLabel("Keybinds").waitFor();
- const textbox = page.locator("#wysiwyg-box>[role=textbox]").first();
- await textbox.fill("lorem ipsum");
- const output = page.locator("#outputbox").first();
- await expect(output).toHaveText(`"lorem ipsum"`);
+ const textbox = page.locator("#wysiwyg-box>[role=textbox]").first();
+ await textbox.fill("lorem ipsum");
+ const output = page.locator("#outputbox").first();
+ await expect(output).toHaveText(`"lorem ipsum"`);
});
test("the bold button should work", async ({ page }) => {
- const textbox = page.locator("#wysiwyg-box>[role=textbox]").first();
- await textbox.fill("lorem ipsum");
- await textbox.selectText();
- let button = page.getByRole("button", { name: "Bold " });
- await button.click();
- expect(await textbox.locator("p>strong").count()).toBeGreaterThan(0);
- await expect(textbox.locator("p>strong").first()).toHaveCSS(
- "font-family",
- "MinecraftBold",
- );
+ const textbox = page.locator("#wysiwyg-box>[role=textbox]").first();
+ await textbox.fill("lorem ipsum");
+ await textbox.selectText();
+ const button = page.getByTestId("bold-button");
+ await button.click();
+ await expect(button).toHaveClass(/bg-zinc-800/);
+ await expect(textbox.locator("p>strong")).toHaveCount(1);
+ await expect(textbox.locator("p>strong").first()).toHaveCSS("font-family", "MinecraftBold");
});
test("the italic button should work", async ({ page }) => {
- const textbox = page.locator("#wysiwyg-box>[role=textbox]").first();
- await textbox.fill("lorem ipsum");
- await textbox.selectText();
- let button = page.getByRole("button", { name: "Italic " });
- await button.click();
- expect(await textbox.locator("p>em").count()).toBeGreaterThan(0);
- await expect(textbox.locator("p>em").first()).toHaveCSS(
- "font-style",
- "italic",
- );
+ const textbox = page.locator("#wysiwyg-box>[role=textbox]").first();
+ await textbox.fill("lorem ipsum");
+ await textbox.selectText();
+ const button = page.getByTestId("italic-button");
+ await button.click();
+ await expect(button).toHaveClass(/bg-zinc-800/);
+ await expect(textbox.locator("p>em")).toHaveCount(1);
+ await expect(textbox.locator("p>em").first()).toHaveCSS("font-style", "italic");
});
test("the strikethrough button should work", async ({ page }) => {
- const textbox = page.locator("#wysiwyg-box>[role=textbox]").first();
- await textbox.fill("lorem ipsum");
- await textbox.selectText();
- let button = page.getByRole("button", { name: "Strikethrough " });
- await button.click();
- expect(await textbox.locator("p>s").count()).toBeGreaterThan(0);
- await expect(textbox.locator("p>s").first()).toHaveCSS(
- "text-decoration-line",
- "line-through",
- );
+ const textbox = page.locator("#wysiwyg-box>[role=textbox]").first();
+ await textbox.fill("lorem ipsum");
+ await textbox.selectText();
+ const button = page.getByTestId("strikethrough-button");
+ await button.click();
+ await expect(button).toHaveClass(/bg-zinc-800/);
+ await expect(textbox.locator("p>s")).toHaveCount(1);
+ await expect(textbox.locator("p>s").first()).toHaveCSS("text-decoration-line", "line-through");
});
test("the underline button should work", async ({ page }) => {
- const textbox = page.locator("#wysiwyg-box>[role=textbox]").first();
- await textbox.fill("lorem ipsum");
- await textbox.selectText();
- let button = page.getByRole("button", { name: "Underline " });
- await button.click();
- expect(await textbox.locator("p>u").count()).toBeGreaterThan(0);
- await expect(textbox.locator("p>u").first()).toHaveCSS(
- "text-decoration-line",
- "underline",
- );
+ const textbox = page.locator("#wysiwyg-box>[role=textbox]").first();
+ await textbox.fill("lorem ipsum");
+ await textbox.selectText();
+ const button = page.getByTestId("underline-button");
+ await button.click();
+ await expect(button).toHaveClass(/bg-zinc-800/);
+ await expect(textbox.locator("p>u")).toHaveCount(1);
+ await expect(textbox.locator("p>u").first()).toHaveCSS("text-decoration-line", "underline");
});
test("the obfuscation button should work", async ({ page }) => {
- const textbox = page.locator("#wysiwyg-box>[role=textbox]").first();
- await textbox.fill("lorem ipsum");
- await textbox.selectText();
- let button = page.getByRole("button", { name: "Obfuscated " });
- await button.click();
- expect(await textbox.locator("p>span.obfuscated").count()).toBeGreaterThan(0);
+ const textbox = page.locator("#wysiwyg-box>[role=textbox]").first();
+ await textbox.fill("lorem ipsum");
+ await textbox.selectText();
+ const button = page.getByTestId("obfuscation-button");
+ await button.click();
+ await expect(button).toHaveClass(/bg-zinc-800/);
+ await expect(textbox.locator("p>span.obfuscated")).toHaveCount(1);
});
test("the shadow color button should work", async ({ page }) => {
- const textbox = page.locator("#wysiwyg-box>[role=textbox]").first();
- await textbox.fill("lorem ipsum");
- await textbox.selectText();
- let button = page.getByRole("button", { name: "Shadow Color" });
- await button.click();
- const colorInput = page.locator('input[aria-label="hex color"]');
- await colorInput.fill("#ff0000");
- await colorInput.press("Enter");
- expect(
- await textbox.locator('p>span[style*="text-shadow"]').count(),
- ).toBeGreaterThan(0);
- await expect(
- textbox.locator('p>span[style*="text-shadow"]').first(),
- ).toHaveAttribute("style", "text-shadow: rgb(255, 0, 0) 2px 2px 0px;");
+ const textbox = page.locator("#wysiwyg-box>[role=textbox]").first();
+ await textbox.fill("lorem ipsum");
+ await textbox.selectText();
+ const button = page.getByTestId("shadow-color-button");
+ await button.click();
+ await page.locator('input[aria-label="hex color"]').waitFor({ timeout: 1000 });
+ const colorInput = page.locator('input[aria-label="hex color"]');
+ await colorInput.fill("#ff0000");
+ await expect(textbox.locator("p>span[data-shadow-color]")).toHaveCount(1);
+ await expect(textbox.locator("p>span[data-shadow-color]")).toHaveAttribute(
+ "data-shadow-color",
+ "#ff0000",
+ );
+});
+
+test("the shortcut keys should work", async ({ page }) => {
+ await page.locator("#wysiwyg-box>[role=textbox]").first().press("ControlOrMeta+Shift+K");
+ await page.getByTestId("modal-title-keybinds").waitFor({ timeout: 1000 });
+ await expect(page.getByTestId("modal-title-keybinds")).toBeVisible();
+});
+
+test("the color buttons should work", async ({ page }) => {
+ const textbox = page.locator("#wysiwyg-box>[role=textbox]").first();
+ await textbox.fill("lorem ipsum");
+ await textbox.selectText();
+ const colorButtons = await page.locator("#colorBtns>button").all();
+ const output = page.locator("#outputbox").first();
+
+ // check colors
+ for (const button of colorButtons) {
+ await button.click();
+ const color = await button.getAttribute("style");
+ const colorName = (await button.getAttribute("aria-label"))
+ ?.toLowerCase()
+ .replace(" ", "_");
+ await Promise.all([
+ expect(button).toHaveClass(/bg-zinc-800/),
+ expect(textbox.locator("p>span[style*='color']")).toHaveCSS(
+ "color",
+ /rgb\(\d+, \d+, \d+\)/,
+ ),
+ expect(textbox.locator("p>span[style*='color']")).toHaveAttribute("style", color!),
+ expect(output).toContainText(colorName!),
+ ]);
+ }
+
+ // check unsetting color
+
+ await textbox.selectText();
+
+ // should be visible, being that it should still have color applied from the last button click
+ await page.getByTestId("unset-color-button").click();
+
+ await expect(textbox.locator("p>span[style*='color']")).toHaveCount(0);
+ await expect(output).not.toContainText("color");
});
diff --git a/src/tests/e2e/modals.test.ts b/src/tests/e2e/modals.test.ts
new file mode 100644
index 0000000..bfcb0a4
--- /dev/null
+++ b/src/tests/e2e/modals.test.ts
@@ -0,0 +1,20 @@
+import { test, expect } from "@playwright/test";
+
+test.beforeEach(async ({ page }) => {
+ await page.goto("/");
+});
+
+test("the font button should work", async ({ page }) => {
+ const textbox = page.locator("#wysiwyg-box>[role=textbox]").first();
+ await textbox.fill("lorem ipsum");
+ await textbox.selectText();
+ const button = page.getByLabel("Font", { exact: true });
+ await button.click();
+ await page.getByTestId("modal-title-set font").waitFor({ timeout: 1000 });
+ await expect(page.getByTestId("modal-title-set font")).toBeVisible();
+ const fontButton = page.getByTestId("font-button-illageralt");
+ await fontButton.click();
+ await expect(textbox.locator("p>span")).toHaveCSS("font-family", "MinecraftIllager, monospace");
+ await textbox.screenshot({ path: "screenshots/font-button-illageralt.png" });
+ await expect(page.getByTestId("modal-title-set font")).not.toBeVisible();
+});
diff --git a/src/tests/unit/data/bad/json/too_big_shadow_color.json b/src/tests/unit/data/bad/json/too_big_shadow_color.json
new file mode 100644
index 0000000..1f2624e
--- /dev/null
+++ b/src/tests/unit/data/bad/json/too_big_shadow_color.json
@@ -0,0 +1,18 @@
+{
+ "content": [
+ {
+ "content": [
+ {
+ "type": "text",
+ "text": "Shadow",
+ "marks": [
+ {
+ "type": "shadowColor",
+ "attrs": { "shadowColor": "#100000000" }
+ }
+ ]
+ }
+ ]
+ }
+ ]
+}
diff --git a/src/tests/unit/data/bad/shadow_color_array_invalid.snbt b/src/tests/unit/data/bad/shadow_color_array_invalid.snbt
new file mode 100644
index 0000000..85f5dd9
--- /dev/null
+++ b/src/tests/unit/data/bad/shadow_color_array_invalid.snbt
@@ -0,0 +1 @@
+["",{shadow_color:[1.2f, 0.5f, 0.0f, 1.0f],text:"oooo spooky shadows"}]
\ No newline at end of file
diff --git a/src/tests/unit/data/clean/json/basic_color_tiptap.json b/src/tests/unit/data/clean/json/basic_color_tiptap.json
index 888e27b..997807a 100644
--- a/src/tests/unit/data/clean/json/basic_color_tiptap.json
+++ b/src/tests/unit/data/clean/json/basic_color_tiptap.json
@@ -1,15 +1,15 @@
{
- "type": "doc",
- "content": [
- {
- "type": "paragraph",
- "content": [
- {
- "type": "text",
- "text": "test",
- "marks": [{ "type": "textStyle", "attrs": { "color": "#AA0000" } }]
- }
- ]
- }
- ]
+ "type": "doc",
+ "content": [
+ {
+ "type": "paragraph",
+ "content": [
+ {
+ "type": "text",
+ "text": "test",
+ "marks": [{ "type": "textStyle", "attrs": { "color": "#AA0000" } }]
+ }
+ ]
+ }
+ ]
}
diff --git a/src/tests/unit/data/clean/json/illegal_marked_object.json b/src/tests/unit/data/clean/json/illegal_marked_object.json
new file mode 100644
index 0000000..3feaf38
--- /dev/null
+++ b/src/tests/unit/data/clean/json/illegal_marked_object.json
@@ -0,0 +1,19 @@
+{
+ "content": [
+ {
+ "type": "paragraph",
+ "content": [
+ {
+ "type": "atlas_object",
+ "attrs": { "atlas": "", "sprite": "item/cobblestone" },
+ "marks": [{ "type": "bold" }, { "type": "italic" }, { "type": "obfuscated" }]
+ },
+ {
+ "type": "player_object",
+ "attrs": { "player": { "name": "Cbble_" }, "hat": true },
+ "marks": [{ "type": "bold" }, { "type": "italic" }, { "type": "obfuscated" }]
+ }
+ ]
+ }
+ ]
+}
diff --git a/src/tests/unit/data/clean/json/interactives_tiptap.json b/src/tests/unit/data/clean/json/interactives_tiptap.json
index b38fb81..c4416bd 100644
--- a/src/tests/unit/data/clean/json/interactives_tiptap.json
+++ b/src/tests/unit/data/clean/json/interactives_tiptap.json
@@ -1,26 +1,26 @@
{
- "content": [
- {
- "type": "paragraph",
- "content": [
- {
- "type": "text",
- "marks": [
- {
- "type": "clickEvent",
- "attrs": { "action": "open_url", "value": "hi" }
- },
- {
- "type": "hoverEvent",
- "attrs": {
- "action": "show_text",
- "value": ["", { "text": "hola mundo" }]
- }
- }
- ],
- "text": "blah blah"
- }
- ]
- }
- ]
+ "content": [
+ {
+ "type": "paragraph",
+ "content": [
+ {
+ "type": "text",
+ "marks": [
+ {
+ "type": "clickEvent",
+ "attrs": { "action": "open_url", "value": "hi" }
+ },
+ {
+ "type": "hoverEvent",
+ "attrs": {
+ "action": "show_text",
+ "value": ["", { "text": "hola mundo" }]
+ }
+ }
+ ],
+ "text": "blah blah"
+ }
+ ]
+ }
+ ]
}
diff --git a/src/tests/unit/data/clean/json/shadow_color.json b/src/tests/unit/data/clean/json/shadow_color.json
new file mode 100644
index 0000000..832f253
--- /dev/null
+++ b/src/tests/unit/data/clean/json/shadow_color.json
@@ -0,0 +1,18 @@
+{
+ "content": [
+ {
+ "content": [
+ {
+ "type": "text",
+ "text": "Shadow",
+ "marks": [
+ {
+ "type": "shadowColor",
+ "attrs": { "shadowColor": "#ff00ff" }
+ }
+ ]
+ }
+ ]
+ }
+ ]
+}
diff --git a/src/tests/unit/data/clean/json/shadow_color_transparent.json b/src/tests/unit/data/clean/json/shadow_color_transparent.json
new file mode 100644
index 0000000..7e5bc9b
--- /dev/null
+++ b/src/tests/unit/data/clean/json/shadow_color_transparent.json
@@ -0,0 +1,18 @@
+{
+ "content": [
+ {
+ "content": [
+ {
+ "type": "text",
+ "text": "Shadow",
+ "marks": [
+ {
+ "type": "shadowColor",
+ "attrs": { "shadowColor": "#ff5454ff" }
+ }
+ ]
+ }
+ ]
+ }
+ ]
+}
diff --git a/src/tests/unit/data/clean/json/simple_text.json b/src/tests/unit/data/clean/json/simple_text.json
new file mode 100644
index 0000000..486357b
--- /dev/null
+++ b/src/tests/unit/data/clean/json/simple_text.json
@@ -0,0 +1,14 @@
+{
+ "type": "doc",
+ "content": [
+ {
+ "type": "paragraph",
+ "content": [
+ {
+ "type": "text",
+ "text": "test"
+ }
+ ]
+ }
+ ]
+}
diff --git a/src/tests/unit/data/clean/json/simple_text_tiptap.json b/src/tests/unit/data/clean/json/simple_text_tiptap.json
deleted file mode 100644
index 79bd066..0000000
--- a/src/tests/unit/data/clean/json/simple_text_tiptap.json
+++ /dev/null
@@ -1,14 +0,0 @@
-{
- "type": "doc",
- "content": [
- {
- "type": "paragraph",
- "content": [
- {
- "type": "text",
- "text": "test"
- }
- ]
- }
- ]
-}
diff --git a/src/tests/unit/data/clean/json/simple_unicode.json b/src/tests/unit/data/clean/json/simple_unicode.json
new file mode 100644
index 0000000..996695c
--- /dev/null
+++ b/src/tests/unit/data/clean/json/simple_unicode.json
@@ -0,0 +1,14 @@
+{
+ "type": "doc",
+ "content": [
+ {
+ "type": "paragraph",
+ "content": [
+ {
+ "type": "text",
+ "text": "☝☝☝↘↘◩◪╰᜶⇨ᐃ☺⓻❄♍♏▋"
+ }
+ ]
+ }
+ ]
+}
diff --git a/src/tests/unit/data/clean/json/simple_unicode_tiptap.json b/src/tests/unit/data/clean/json/simple_unicode_tiptap.json
deleted file mode 100644
index faece09..0000000
--- a/src/tests/unit/data/clean/json/simple_unicode_tiptap.json
+++ /dev/null
@@ -1,14 +0,0 @@
-{
- "type": "doc",
- "content": [
- {
- "type": "paragraph",
- "content": [
- {
- "type": "text",
- "text": "☝☝☝↘↘◩◪╰᜶⇨ᐃ☺⓻❄♍♏▋"
- }
- ]
- }
- ]
-}
diff --git a/src/tests/unit/data/clean/snbt/base10_shadow_color.snbt b/src/tests/unit/data/clean/snbt/base10_shadow_color.snbt
index 7a9f598..f30b7dd 100644
--- a/src/tests/unit/data/clean/snbt/base10_shadow_color.snbt
+++ b/src/tests/unit/data/clean/snbt/base10_shadow_color.snbt
@@ -1 +1 @@
-["",{shadow_color:16711680,text:"oooo spooky shadows"}]
\ No newline at end of file
+["",{shadow_color:4294967172L,text:"oooo spooky shadows"}]
\ No newline at end of file
diff --git a/src/tests/unit/data/clean/snbt/base16_shadow_color.snbt b/src/tests/unit/data/clean/snbt/base16_shadow_color.snbt
index c475b5b..4c58457 100644
--- a/src/tests/unit/data/clean/snbt/base16_shadow_color.snbt
+++ b/src/tests/unit/data/clean/snbt/base16_shadow_color.snbt
@@ -1 +1 @@
-["",{shadow_color:"#ff0000",text:"oooo spooky shadows"}]
\ No newline at end of file
+["",{shadow_color:"#ffff0000",text:"oooo spooky shadows"}]
\ No newline at end of file
diff --git a/src/tests/unit/data/clean/snbt/interactives.snbt b/src/tests/unit/data/clean/snbt/interactives.snbt
new file mode 100644
index 0000000..cf5e8fa
--- /dev/null
+++ b/src/tests/unit/data/clean/snbt/interactives.snbt
@@ -0,0 +1 @@
+["",{text:"click events :3",click_event:{action:"suggest_command",command:"meow meow"}}]
\ No newline at end of file
diff --git a/src/tests/unit/data/clean/snbt/interactives_old.snbt b/src/tests/unit/data/clean/snbt/interactives_old.snbt
new file mode 100644
index 0000000..607a2b8
--- /dev/null
+++ b/src/tests/unit/data/clean/snbt/interactives_old.snbt
@@ -0,0 +1 @@
+["",{"text":"click events :3","clickEvent":{"action":"suggest_command","value":"meow meow"}}]
\ No newline at end of file
diff --git a/src/tests/unit/data/clean/snbt/shadow_color_array.snbt b/src/tests/unit/data/clean/snbt/shadow_color_array.snbt
new file mode 100644
index 0000000..94cd334
--- /dev/null
+++ b/src/tests/unit/data/clean/snbt/shadow_color_array.snbt
@@ -0,0 +1 @@
+["",{shadow_color:[1.0f, 0.5f, 0.0f, 1.0f],text:"oooo spooky shadows"}]
\ No newline at end of file
diff --git a/src/tests/unit/exporting/optimising_mc_json.spec.ts b/src/tests/unit/exporting/optimising_mc_json.spec.ts
new file mode 100644
index 0000000..3015598
--- /dev/null
+++ b/src/tests/unit/exporting/optimising_mc_json.spec.ts
@@ -0,0 +1,117 @@
+import { optimise } from "$lib/text/nbt/optimiser";
+import { describe, expect, it } from "vitest";
+
+// Minimal mock types for test compatibility
+type StringyMCText = string | { [key: string]: any };
+
+describe("optimise", () => {
+ it("returns empty string array if input is empty", () => {
+ expect(optimise([])).toEqual([""]);
+ });
+
+ it("returns empty string array if input is just an empty string", () => {
+ expect(optimise([""])).toEqual([""]);
+ });
+
+ it("should combine with leading empty strings", () => {
+ expect(optimise(["", { text: "hello " }, { color: "red", text: "world!" }])).toEqual([
+ "hello ",
+ { color: "red", text: "world!" },
+ ]);
+ });
+
+ it("should combine whitespace string to next component", () => {
+ expect(optimise(["", { text: "hello" }, " ", { color: "red", text: "world!" }])).toEqual([
+ "hello ",
+ { color: "red", text: "world!" },
+ ]);
+ });
+
+ it("removes undefined properties and flattens objects with only text", () => {
+ const input: StringyMCText[] = [
+ { text: "Hello", color: undefined, bold: undefined },
+ { text: "World" },
+ ];
+ expect(optimise(input)).toEqual(["HelloWorld"]);
+ });
+
+ it("merges consecutive strings", () => {
+ const input: StringyMCText[] = ["Hello ", "World", "!", { text: "Test" }];
+ expect(optimise(input)).toEqual(["Hello World!Test"]);
+ });
+
+ it("merges whitespace with previous component", () => {
+ const input: StringyMCText[] = [{ text: "Test" }, " ", { text: "World" }];
+ expect(optimise(input)).toEqual(["Test World"]);
+ });
+
+ it("merges whitespace forwards", () => {
+ const input: StringyMCText[] = [" ", { text: "World" }];
+ expect(optimise(input)).toEqual([" World"]);
+ });
+
+ it("merges whitespace backwards", () => {
+ const input: StringyMCText[] = [{ text: "Test" }, " "];
+ expect(optimise(input)).toEqual(["Test "]);
+ });
+
+ it("groups objects with shared style properties", () => {
+ const input: StringyMCText[] = [
+ { text: "A", color: "red", bold: true },
+ { text: "B", color: "red", bold: true },
+ { text: "C", color: "blue" },
+ ];
+ const result = optimise(input);
+ expect(result[1]).toMatchObject({
+ color: "red",
+ bold: true,
+ text: "AB",
+ });
+ expect(result[2]).toMatchObject({ color: "blue", text: "C" });
+ });
+
+ it("removes leading empty string if followed by a string", () => {
+ const input: StringyMCText[] = ["foo", "bar"];
+ expect(optimise(input)).toEqual(["foobar"]);
+ });
+
+ it("removes leading empty string if followed by object without style", () => {
+ const input: StringyMCText[] = [{ text: "foo" }];
+ expect(optimise(input)).toEqual(["foo"]);
+ });
+
+ it("handles item lore mode by prepending lore object", () => {
+ const input: StringyMCText[] = [{ text: "lore" }];
+ expect(optimise(input, true)).toEqual([
+ { italic: false, color: "white", text: "" },
+ "lore",
+ ]);
+ });
+
+ it("merges objects with identical interactivity properties", () => {
+ const input: StringyMCText[] = [
+ { text: "A", click_event: { action: "run_command", command: "/a" } },
+ { text: "B", click_event: { action: "run_command", command: "/a" } },
+ { text: "C", click_event: { action: "run_command", command: "/b" } },
+ ];
+ const result = optimise(input);
+ expect(result[1]).toMatchObject({
+ click_event: { action: "run_command", command: "/a" },
+ text: "AB",
+ });
+ expect(result[2]).toMatchObject({
+ click_event: { action: "run_command", command: "/b" },
+ text: "C",
+ });
+ });
+
+ it("does not merge objects with different style/interactivity", () => {
+ const input: StringyMCText[] = [
+ { text: "A", color: "red" },
+ { text: "B", color: "blue" },
+ ];
+ const result = optimise(input);
+ expect(result[1]).toMatchObject({ color: "red", text: "A" });
+ expect(result[2]).toMatchObject({ color: "blue", text: "B" });
+ });
+});
diff --git a/src/tests/unit/exporting/translating_mc_json.spec.ts b/src/tests/unit/exporting/translating_mc_json.spec.ts
new file mode 100644
index 0000000..ddfc7df
--- /dev/null
+++ b/src/tests/unit/exporting/translating_mc_json.spec.ts
@@ -0,0 +1,174 @@
+import { outputVersion } from "$lib/stores";
+import { translateJSON } from "$lib/text/nbt/export";
+import { versions, type TranslateOptions } from "$lib/types";
+import type { JSONContent } from "@tiptap/core";
+import { expect, it } from "vitest";
+import { readTestDataFile, readTestJSONFile } from "../test_utils";
+
+it("should return a basic string", () => {
+ const document = {
+ type: "doc",
+ content: [{ type: "paragraph", content: [{ type: "text", text: "test" }] }],
+ };
+ const snbt = translateJSON(document, {
+ exportType: "standard",
+ optimise: true,
+ });
+ expect(snbt).toEqual('"test"');
+});
+
+it("should return a basic color string", async () => {
+ const document = await readTestDataFile("clean/json/basic_color_tiptap.json");
+ const snbt = translateJSON(JSON.parse(document), {
+ exportType: "standard",
+ optimise: true,
+ });
+ expect(JSON.parse(snbt)).toEqual(["", { text: "test", color: "dark_red" }]);
+});
+
+const baseOptions: TranslateOptions = {
+ exportType: "standard",
+ optimise: false,
+};
+
+it("returns waiting message for empty content", () => {
+ const json: JSONContent = {};
+ const result = translateJSON(json, baseOptions);
+ expect(result).toBeOneOf([
+ "waiting for input...",
+ "🤓 <- kevin is waiting for you to type something",
+ ]);
+});
+
+it("translates simple text node", () => {
+ const json: JSONContent = {
+ content: [
+ {
+ content: [
+ {
+ type: "text",
+ text: "Hello",
+ marks: [],
+ },
+ ],
+ },
+ ],
+ };
+ const result = translateJSON(json, baseOptions);
+ expect(result).toContain("Hello");
+ expect(result).not.toContain("color");
+});
+
+it("applies bold and italic marks", () => {
+ const json: JSONContent = {
+ content: [
+ {
+ content: [
+ {
+ type: "text",
+ text: "BoldItalic",
+ marks: [{ type: "bold" }, { type: "italic" }],
+ },
+ ],
+ },
+ ],
+ };
+ const result = translateJSON(json, baseOptions);
+ expect(result).toContain("BoldItalic");
+ expect(result).toContain('"bold":true');
+ expect(result).toContain('"italic":true');
+});
+
+it("should not apply bold, italic, or obfuscated marks to objects", async () => {
+ const json: JSONContent = (await readTestJSONFile(
+ "clean/json/illegal_marked_object.json",
+ )) as JSONContent;
+ outputVersion.set(versions[versions.length - 1]); // Ensure exportVersion is set to a version that supports atlas_object and player_object
+ const result = translateJSON(json, baseOptions);
+ expect(result).toContain('"object":"player"');
+ expect(result).not.toContain('"bold":true');
+ expect(result).not.toContain('"italic":true');
+ expect(result).not.toContain('"obfuscated":true');
+});
+
+it("handles shadowColor mark", async () => {
+ const json: JSONContent = (await readTestJSONFile(
+ "clean/json/shadow_color.json",
+ )) as JSONContent;
+ const result = translateJSON(json, baseOptions);
+ expect(result).toContain('"shadow_color":4294902015L');
+});
+
+it("handles shadowColor transparency", async () => {
+ const json: JSONContent = (await readTestJSONFile(
+ "clean/json/shadow_color_transparent.json",
+ )) as JSONContent;
+ const result = translateJSON(json, baseOptions);
+ expect(result).toContain('"shadow_color":4294923348L');
+});
+
+it("should remove shadow_color if out of range", async () => {
+ const json: JSONContent = (await readTestJSONFile(
+ "bad/json/too_big_shadow_color.json",
+ )) as JSONContent;
+ const result = translateJSON(json, baseOptions);
+ expect(result).not.toContain('"shadow_color"');
+});
+
+it("handles multiple paragraphs with newlines", () => {
+ const json: JSONContent = {
+ content: [
+ {
+ content: [{ type: "text", text: "First", marks: [] }],
+ },
+ {
+ content: [{ type: "text", text: "Second", marks: [] }],
+ },
+ ],
+ };
+ const result = translateJSON(json, baseOptions);
+ expect(result).toContain("First");
+ expect(result).toContain("Second");
+ expect(result).toContain("\\n");
+});
+
+it("uses older format output when exportVersion=old", async () => {
+ const json: JSONContent = (await readTestJSONFile(
+ "clean/json/interactives_tiptap.json",
+ )) as JSONContent;
+ outputVersion.set(versions[0]);
+ const result = translateJSON(json, {
+ ...baseOptions,
+ });
+ expect(JSON.parse(result)).toHaveProperty("[1].clickEvent");
+ expect(JSON.parse(result)).not.toHaveProperty("[1].click_event");
+ expect(JSON.parse(result)).toHaveProperty("[1].hoverEvent");
+ expect(JSON.parse(result)).not.toHaveProperty("[1].hover_event");
+});
+
+it("handles exportType=item_lore", () => {
+ const json: JSONContent = {
+ content: [
+ {
+ content: [{ type: "text", text: "Lore", marks: [] }],
+ },
+ ],
+ };
+ const result = translateJSON(json, {
+ ...baseOptions,
+ exportType: "item_lore",
+ });
+ expect(result).toContain("Lore");
+ expect(result.startsWith("[")).toBe(true);
+});
+
+it("handles unknown exportType gracefully", () => {
+ const json: JSONContent = {
+ content: [],
+ };
+ const result = translateJSON(json, {
+ ...baseOptions,
+ exportType: "unknown" as any,
+ });
+ expect(result).toBe("[]");
+});
diff --git a/src/tests/unit/exporting/type_props.spec.ts b/src/tests/unit/exporting/type_props.spec.ts
new file mode 100644
index 0000000..353a2b9
--- /dev/null
+++ b/src/tests/unit/exporting/type_props.spec.ts
@@ -0,0 +1,297 @@
+import { outputVersion } from "$lib/stores";
+import { addTypeSpecificValues } from "$lib/text/nbt/export";
+import { versions, type MinecraftText, type VersionAgnosticText } from "$lib/types";
+import type { JSONContent } from "@tiptap/core";
+import { describe, expect, it } from "vitest";
+
+it("should add text property for type 'text'", () => {
+ const current: MinecraftText = {};
+ const c: JSONContent = { type: "text", text: "hello" };
+ const result = addTypeSpecificValues(current, c, false);
+ expect(result.text).toBe("hello");
+});
+
+it("should add score property for type 'score'", () => {
+ const current: MinecraftText = {};
+ const c: JSONContent = {
+ type: "score",
+ attrs: { name: "player", objective: "obj" },
+ };
+ const result = addTypeSpecificValues(current, c, false);
+ expect(result.score).toEqual({ name: "player", objective: "obj" });
+});
+
+it("should add translate, with, and fallback for type 'translate'", () => {
+ const current: MinecraftText = {};
+ const c: JSONContent = {
+ type: "translate",
+ attrs: {
+ key: "translation.key",
+ params: ["param1", "param2"],
+ fallback: "fallback text",
+ },
+ };
+ const result = addTypeSpecificValues(current, c, false);
+ expect(result.translate).toBe("translation.key");
+ expect(result.with).toEqual(["param1", "param2"]);
+ expect(result.fallback).toBe("fallback text");
+});
+
+it("should add nbt, storage, block, entity, interpret for nbt types", () => {
+ const current: MinecraftText = {};
+ const c: JSONContent = {
+ type: "storage_nbt",
+ attrs: {
+ nbt: "someNbt",
+ storage: "someStorage",
+ block: "someBlock",
+ entity: "someEntity",
+ interpret: true,
+ },
+ };
+ const result = addTypeSpecificValues(current, c, false);
+ expect(result.nbt).toBe("someNbt");
+ expect(result.storage).toBe("someStorage");
+ expect(result.block).toBe("someBlock");
+ expect(result.entity).toBe("someEntity");
+ expect(result.interpret).toBe(true);
+});
+
+it("should add keybind property for type 'keybind'", () => {
+ const current: MinecraftText = {};
+ const c: JSONContent = { type: "keybind", attrs: { key: "key.jump" } };
+ const result = addTypeSpecificValues(current, c, false);
+ expect(result.keybind).toBe("key.jump");
+});
+
+it("should add selector property for type 'selector'", () => {
+ const current: MinecraftText = {};
+ const c: JSONContent = { type: "selector", attrs: { selector: "@a" } };
+ const result = addTypeSpecificValues(current, c, false);
+ expect(result.selector).toBe("@a");
+});
+
+describe("events", () => {
+ it("should add proper URL properties for 'click_event'", () => {
+ outputVersion.set(versions[versions.length - 1]);
+ const current: VersionAgnosticText = { text: "Click me!" };
+ const c: JSONContent = {
+ type: "text",
+ text: "Click me!",
+ marks: [
+ {
+ type: "clickEvent",
+ attrs: { action: "open_url", value: "https://text.datapackhub.net/" },
+ },
+ ],
+ };
+ addTypeSpecificValues(current, c);
+ expect(current.click_event).toEqual({
+ action: "open_url",
+ url: "https://text.datapackhub.net/",
+ });
+ });
+
+ it("should add proper properties for 'click_event' (old format)", () => {
+ outputVersion.set(versions[0]);
+ const current: VersionAgnosticText = { text: "Click me!" };
+ const c: JSONContent = {
+ type: "text",
+ text: "Click me!",
+ marks: [
+ {
+ type: "clickEvent",
+ attrs: { action: "open_url", value: "https://text.datapackhub.net/" },
+ },
+ ],
+ };
+ addTypeSpecificValues(current, c);
+ expect(current.clickEvent).toEqual({
+ action: "open_url",
+ value: "https://text.datapackhub.net/",
+ });
+ });
+
+ it("should add proper command properties for 'click_event'", () => {
+ outputVersion.set(versions[versions.length - 1]);
+ const current: VersionAgnosticText = { text: "Click me!" };
+ const c: JSONContent = {
+ type: "text",
+ text: "Click me!",
+ marks: [
+ {
+ type: "clickEvent",
+ attrs: { action: "run_command", value: "/say Hello" },
+ },
+ ],
+ };
+ addTypeSpecificValues(current, c);
+ expect(current.click_event).toEqual({
+ action: "run_command",
+ command: "/say Hello",
+ });
+ });
+
+ it("should add proper value properties for 'click_event'", () => {
+ outputVersion.set(versions[versions.length - 1]);
+ const current: VersionAgnosticText = { text: "Click me!" };
+ const c: JSONContent = {
+ type: "text",
+ text: "Click me!",
+ marks: [
+ {
+ type: "clickEvent",
+ attrs: { action: "copy_to_clipboard", value: "Hello World!" },
+ },
+ ],
+ };
+ addTypeSpecificValues(current, c);
+ expect(current.click_event).toEqual({
+ action: "copy_to_clipboard",
+ value: "Hello World!",
+ });
+ });
+
+ it("should add proper page properties for 'click_event'", () => {
+ outputVersion.set(versions[versions.length - 1]);
+ const current: VersionAgnosticText = { text: "Click me!" };
+ const c: JSONContent = {
+ type: "text",
+ text: "Click me!",
+ marks: [
+ {
+ type: "clickEvent",
+ attrs: { action: "change_page", value: "2" },
+ },
+ ],
+ };
+ addTypeSpecificValues(current, c);
+ expect(current.click_event).toEqual({
+ action: "change_page",
+ page: "2",
+ });
+ });
+
+ it("should add proper dialog properties for 'click_event'", () => {
+ outputVersion.set(versions[versions.length - 1]);
+ const current: VersionAgnosticText = { text: "Click me!" };
+ const c: JSONContent = {
+ type: "text",
+ text: "Click me!",
+ marks: [
+ {
+ type: "clickEvent",
+ attrs: { action: "open_dialog", value: "dialog_id" },
+ },
+ ],
+ };
+ addTypeSpecificValues(current, c);
+ expect(current.click_event).toEqual({
+ action: "open_dialog",
+ dialog: "dialog_id",
+ });
+ });
+
+ it("should add proper properties for 'hover_event'", () => {
+ outputVersion.set(versions[versions.length - 1]);
+ const current: VersionAgnosticText = { text: "Hover me!" };
+ const c: JSONContent = {
+ type: "text",
+ text: "Hover me!",
+ marks: [
+ {
+ type: "hoverEvent",
+ attrs: {
+ action: "show_text",
+ value: { type: "text", text: "Hello!" },
+ },
+ },
+ ],
+ };
+ addTypeSpecificValues(current, c);
+ expect(current.hover_event).toEqual({
+ action: "show_text",
+ value: { type: "text", text: "Hello!" },
+ });
+ });
+
+ it("should add proper properties for 'hover_event' (old format)", () => {
+ outputVersion.set(versions[0]);
+ const current: VersionAgnosticText = { text: "Hover me!" };
+ const c: JSONContent = {
+ type: "text",
+ text: "Hover me!",
+ marks: [
+ {
+ type: "hoverEvent",
+ attrs: {
+ action: "show_text",
+ value: { type: "text", text: "Hello!" },
+ },
+ },
+ ],
+ };
+ addTypeSpecificValues(current, c);
+ expect(current.hoverEvent).toEqual({
+ action: "show_text",
+ contents: { type: "text", text: "Hello!" },
+ });
+ });
+});
+
+describe("object types", () => {
+ it("should add atlas and sprite for type 'atlas_object'", () => {
+ outputVersion.set(versions[versions.length - 1]); // Ensure exportVersion is set to a version that supports atlas_object
+ const current: MinecraftText = {};
+ const c: JSONContent = {
+ type: "atlas_object",
+ attrs: {
+ atlas: "someAtlas",
+ sprite: "someSprite",
+ },
+ };
+
+ const result = addTypeSpecificValues(current, c, false);
+ expect(result.atlas).toBe("someAtlas");
+ expect(result.sprite).toBe("someSprite");
+ });
+
+ it("should add object, player, and hat for type 'player_object'", () => {
+ outputVersion.set(versions[versions.length - 1]); // Ensure exportVersion is set to a version that supports player_object
+ const current: MinecraftText = {};
+ const c: JSONContent = {
+ type: "player_object",
+ attrs: { player: { name: "Cbble_" }, hat: true },
+ };
+ const result = addTypeSpecificValues(current, c, false);
+ expect(result.object).toBe("player");
+ expect(result.player).toEqual({ name: "Cbble_" });
+ expect(result.hat).toBe(true);
+ });
+
+ it("should be empty if version does not support 'atlas_object'", () => {
+ outputVersion.set(versions[0]);
+ const current: MinecraftText = {};
+ const c: JSONContent = {
+ type: "atlas_object",
+ attrs: {
+ atlas: "someAtlas",
+ sprite: "someSprite",
+ },
+ };
+
+ const result = addTypeSpecificValues(current, c, false);
+ expect(result).toEqual({ text: "" });
+ });
+
+ it("should be empty if version does not support 'player_object'", () => {
+ outputVersion.set(versions[0]);
+ const current: MinecraftText = {};
+ const c: JSONContent = {
+ type: "player_object",
+ attrs: { player: { name: "Cbble_" }, hat: true },
+ };
+ const result = addTypeSpecificValues(current, c, false);
+ expect(result).toEqual({ text: "" });
+ });
+});
diff --git a/src/tests/unit/importing/snbt_importing.spec.ts b/src/tests/unit/importing/snbt_importing.spec.ts
new file mode 100644
index 0000000..cd1e09f
--- /dev/null
+++ b/src/tests/unit/importing/snbt_importing.spec.ts
@@ -0,0 +1,230 @@
+import { convertToTextOrEmpty, snbtToDocument } from "$lib/text/nbt/import";
+import { describe, expect, it } from "vitest";
+import { readTestDataFile, readTestJSONFile } from "../test_utils";
+
+it("should return a basic document", async () => {
+ const document = snbtToDocument(convertToTextOrEmpty('"test"'));
+ const expectedDocument = await readTestJSONFile("clean/json/simple_text.json");
+ expect(document).toEqual(expectedDocument);
+});
+
+it("should return a basic document (empty str)", () => {
+ const document = snbtToDocument(convertToTextOrEmpty(""));
+ const expectedDocument = { content: [], type: "doc" };
+ expect(document).toEqual(expectedDocument);
+});
+
+it("should apply a color to a text node", async () => {
+ const basicColorSNBT = await readTestDataFile("clean/snbt/basic_color.snbt");
+ const document = snbtToDocument(convertToTextOrEmpty(basicColorSNBT));
+ const textNode = document.content?.[0]?.content?.[0];
+ expect(textNode?.marks).toBeDefined();
+ expect(textNode?.marks).toHaveLength(1);
+
+ const mark = textNode?.marks?.at(0);
+
+ expect(mark?.type).toMatch("textStyle");
+
+ expect(mark?.attrs?.color).toBeDefined();
+ expect(mark?.attrs?.color).toMatch("#AA0000");
+});
+
+it("should apply a hex color to a text node", async () => {
+ const basicColorSNBT = await readTestDataFile("clean/snbt/hex_color.snbt");
+ const document = snbtToDocument(convertToTextOrEmpty(basicColorSNBT));
+ const textNode = document.content?.[0]?.content?.[0];
+ expect(textNode?.marks).toBeDefined();
+ expect(textNode?.marks).toHaveLength(1);
+
+ const mark = textNode?.marks?.at(0);
+
+ expect(mark?.type).toMatch("textStyle");
+
+ expect(mark?.attrs?.color).toBeDefined();
+ expect(mark?.attrs?.color).toMatch("#c0bb1e");
+});
+
+it("should apply a decimal shadow color to a text node", async () => {
+ const basicColorSNBT = await readTestDataFile("clean/snbt/base10_shadow_color.snbt");
+ const document = snbtToDocument(convertToTextOrEmpty(basicColorSNBT));
+ const textNode = document.content?.[0]?.content?.[0];
+ expect(textNode?.marks).toBeDefined();
+ expect(textNode?.marks).toHaveLength(1);
+
+ const mark = textNode?.marks?.at(0);
+
+ expect(mark?.type).toMatch("shadowColor");
+
+ expect(mark?.attrs?.shadowColor).toBeDefined();
+ expect(mark?.attrs?.shadowColor).toMatch("#ffff84ff");
+});
+
+it("should apply a hexadecimal shadow color to a text node", async () => {
+ const basicColorSNBT = await readTestDataFile("clean/snbt/base16_shadow_color.snbt");
+ const document = snbtToDocument(convertToTextOrEmpty(basicColorSNBT));
+ const textNode = document.content?.[0]?.content?.[0];
+ expect(textNode?.marks).toBeDefined();
+ expect(textNode?.marks).toHaveLength(1);
+
+ const mark = textNode?.marks?.at(0);
+
+ expect(mark?.type).toMatch("shadowColor");
+
+ expect(mark?.attrs?.shadowColor).toBeDefined();
+ expect(mark?.attrs?.shadowColor).toMatch("#ff0000ff");
+});
+
+it("should apply an array-based shadow color to a text node", async () => {
+ const basicColorSNBT = await readTestDataFile("clean/snbt/shadow_color_array.snbt");
+ const document = snbtToDocument(convertToTextOrEmpty(basicColorSNBT));
+ const textNode = document.content?.[0]?.content?.[0];
+ expect(textNode?.marks).toBeDefined();
+ expect(textNode?.marks).toHaveLength(1);
+
+ const mark = textNode?.marks?.at(0);
+
+ expect(mark?.type).toMatch("shadowColor");
+
+ expect(mark?.attrs?.shadowColor).toBeDefined();
+ // Would be #FF8000FF, but ARGB to RGBA conversion is applied, so it becomes #8000FFFF
+ expect(mark?.attrs?.shadowColor).toMatch("#ff8000ff");
+});
+
+it("should successfully blank out an array-based shadow color if it is invalid", async () => {
+ const basicColorSNBT = await readTestDataFile("bad/shadow_color_array_invalid.snbt");
+ const document = snbtToDocument(convertToTextOrEmpty(basicColorSNBT));
+ const textNode = document.content?.[0]?.content?.[0];
+ expect(textNode?.marks).toBeDefined();
+ expect(textNode?.marks).toHaveLength(1);
+
+ const mark = textNode?.marks?.at(0);
+
+ expect(mark?.type).toMatch("shadowColor");
+
+ expect(mark?.attrs?.shadowColor).toBeDefined();
+ expect(mark?.attrs?.shadowColor).toMatch("#008000ff");
+});
+
+it("should throw an error if the format is invalid", async () => {
+ const broken = await readTestDataFile("bad/broken.snbt");
+ const converted = convertToTextOrEmpty(broken);
+ expect(JSON.stringify(converted).includes("An error occurred while parsing the SNBT")).toBe(
+ true,
+ );
+});
+
+it("should return a one length array if passed with a single component", async () => {
+ const singleComponentSNBT = await readTestDataFile("clean/snbt/single_component.snbt");
+ const converted = convertToTextOrEmpty(singleComponentSNBT);
+ expect(converted.length).toEqual(1);
+ expect(converted[0]).toEqual({ text: "hi", color: "#c0bb1e" });
+});
+
+it("should return valid interactive components", async () => {
+ const interactiveSNBT = await readTestDataFile("clean/snbt/interactives.snbt");
+ const document = snbtToDocument(convertToTextOrEmpty(interactiveSNBT));
+ const textNode = document.content?.[0]?.content?.[0];
+ expect(textNode?.marks?.[0]).toBeDefined();
+ expect(textNode?.marks?.[0].type).toBe("clickEvent");
+});
+
+it("should return valid interactive components with old formats", async () => {
+ const interactiveSNBT = await readTestDataFile("clean/snbt/interactives_old.snbt");
+ const document = snbtToDocument(convertToTextOrEmpty(interactiveSNBT));
+ const textNode = document.content?.[0]?.content?.[0];
+ expect(textNode?.marks?.[0]).toBeDefined();
+ expect(textNode?.marks?.[0].type).toBe("clickEvent");
+});
+
+describe("handling text styling marks", () => {
+ it("should bold text styling to a text node", async () => {
+ const allTextStyleSNBT = await readTestDataFile("clean/snbt/all_text_style_marks.snbt");
+ const document = snbtToDocument(convertToTextOrEmpty(allTextStyleSNBT));
+ const textNode = document.content?.[0]?.content?.[0];
+ expect(textNode?.marks).toBeDefined();
+ expect(textNode?.marks?.length).toBeGreaterThanOrEqual(1);
+
+ expect(textNode?.marks).toContainEqual({ type: "bold" });
+ });
+
+ it("should italic text styling to a text node", async () => {
+ const allTextStyleSNBT = await readTestDataFile("clean/snbt/all_text_style_marks.snbt");
+ const document = snbtToDocument(convertToTextOrEmpty(allTextStyleSNBT));
+ const textNode = document.content?.[0]?.content?.[0];
+ expect(textNode?.marks).toBeDefined();
+ expect(textNode?.marks?.length).toBeGreaterThanOrEqual(1);
+
+ expect(textNode?.marks).toContainEqual({ type: "italic" });
+ });
+
+ it("should obfuscated text styling to a text node", async () => {
+ const allTextStyleSNBT = await readTestDataFile("clean/snbt/all_text_style_marks.snbt");
+ const document = snbtToDocument(convertToTextOrEmpty(allTextStyleSNBT));
+ const textNode = document.content?.[0]?.content?.[0];
+ expect(textNode?.marks).toBeDefined();
+ expect(textNode?.marks?.length).toBeGreaterThanOrEqual(1);
+
+ expect(textNode?.marks).toContainEqual({ type: "obfuscated" });
+ });
+
+ it("should underline text styling to a text node", async () => {
+ const allTextStyleSNBT = await readTestDataFile("clean/snbt/all_text_style_marks.snbt");
+ const document = snbtToDocument(convertToTextOrEmpty(allTextStyleSNBT));
+ const textNode = document.content?.[0]?.content?.[0];
+ expect(textNode?.marks).toBeDefined();
+ expect(textNode?.marks?.length).toBeGreaterThanOrEqual(1);
+
+ expect(textNode?.marks).toContainEqual({ type: "underline" });
+ });
+
+ it("should strike text styling to a text node", async () => {
+ const allTextStyleSNBT = await readTestDataFile("clean/snbt/all_text_style_marks.snbt");
+ const document = snbtToDocument(convertToTextOrEmpty(allTextStyleSNBT));
+ const textNode = document.content?.[0]?.content?.[0];
+ expect(textNode?.marks).toBeDefined();
+ expect(textNode?.marks?.length).toBeGreaterThanOrEqual(1);
+
+ expect(textNode?.marks).toContainEqual({ type: "strike" });
+ });
+
+ it("should handle unicode characters", async () => {
+ const unicodeSNBT = await readTestDataFile("clean/snbt/unicode.snbt");
+ const document = snbtToDocument(convertToTextOrEmpty(unicodeSNBT));
+ const expectedDocument = await readTestJSONFile("clean/json/simple_unicode.json");
+ expect(document).toEqual(expectedDocument);
+ });
+});
+
+describe("handling invalid cases", () => {
+ it("should return nothing if its an empty string literal", () => {
+ const document = snbtToDocument(convertToTextOrEmpty('""'));
+ expect(document).toEqual({
+ type: "doc",
+ content: [],
+ });
+ });
+
+ it("should return nothing if its an empty string", () => {
+ const document = snbtToDocument(convertToTextOrEmpty(""));
+ expect(document).toEqual({
+ type: "doc",
+ content: [],
+ });
+ });
+});
+
+describe("handling extra", () => {
+ it("should apply text styling (bold)", async () => {
+ const boldSNBT = await readTestDataFile("clean/snbt/extra_test.snbt");
+ const document = snbtToDocument(convertToTextOrEmpty(boldSNBT));
+ const textNode = document.content?.[0]?.content?.[0];
+ expect(textNode?.marks).toBeDefined();
+ expect(textNode?.marks).toHaveLength(1);
+ expect(textNode?.marks?.[0].type).toMatch("bold");
+
+ const translateNode = document.content?.[0]?.content?.at(-1);
+ expect(translateNode?.marks).toBeDefined();
+ expect(translateNode?.marks).toHaveLength(1);
+ expect(translateNode?.marks?.[0].type).toMatch("bold");
+ });
+});
diff --git a/src/tests/unit/importing/source_props.spec.ts b/src/tests/unit/importing/source_props.spec.ts
new file mode 100644
index 0000000..4e8a30b
--- /dev/null
+++ b/src/tests/unit/importing/source_props.spec.ts
@@ -0,0 +1,194 @@
+import { convertToTextOrEmpty, snbtToDocument } from "$lib/text/nbt/import";
+import { expect, it } from "vitest";
+import { readTestDataFile } from "../test_utils";
+
+it("should properly apply the font properties", async () => {
+ const fontsSNBT = await readTestDataFile("clean/snbt/fonts.snbt");
+ const document = snbtToDocument(convertToTextOrEmpty(fontsSNBT));
+ const textNode = document.content?.[0]?.content?.[0];
+ expect(textNode?.marks).toBeDefined();
+ expect(textNode?.marks).toHaveLength(1);
+
+ const mark = textNode?.marks?.at(0);
+
+ expect(mark?.type).toMatch("textStyle");
+
+ expect(mark?.attrs?.font).toBeDefined();
+ expect(mark?.attrs?.font).toMatch("minecraft:illageralt");
+});
+
+it("should properly apply text properties", async () => {
+ const sourceSNBT = await readTestDataFile("clean/snbt/source.snbt");
+ const document = snbtToDocument(convertToTextOrEmpty(sourceSNBT));
+ const textNode = document.content![0];
+ expect(textNode).toBeDefined();
+ expect(textNode.type).toMatch("paragraph");
+
+ const node = textNode.content!;
+
+ expect(node[0].type).toMatch("text");
+ expect(node[0].text).toMatch("hi");
+});
+
+it("should properly apply translate properties", async () => {
+ const sourceSNBT = await readTestDataFile("clean/snbt/source.snbt");
+ const document = snbtToDocument(convertToTextOrEmpty(sourceSNBT));
+ const textNode = document.content![0];
+ expect(textNode).toBeDefined();
+ expect(textNode.type).toMatch("paragraph");
+
+ const node = textNode.content!;
+ const attrs = node[1].attrs!;
+
+ expect(node[1].type).toMatch("translate");
+ expect(node[1].attrs).toBeDefined();
+ expect(attrs.key).toBeDefined();
+ expect(attrs.key).toMatch("hi");
+ expect(attrs.fallback).toBeDefined();
+ expect(attrs.fallback).toMatch("hi");
+ expect(attrs.params).toBeDefined();
+});
+
+it("should properly apply storage NBT properties", async () => {
+ const sourceSNBT = await readTestDataFile("clean/snbt/source.snbt");
+ const document = snbtToDocument(convertToTextOrEmpty(sourceSNBT));
+ const textNode = document.content![0];
+ expect(textNode).toBeDefined();
+ expect(textNode.type).toMatch("paragraph");
+
+ const node = textNode.content!;
+ const attrs = node[2].attrs!;
+
+ expect(node[2].type).toMatch("storage_nbt");
+ expect(node[2].attrs).toBeDefined();
+ expect(attrs.storage).toBeDefined();
+ expect(attrs.storage).toMatch("hi");
+ expect(attrs.nbt).toBeDefined();
+ expect(attrs.nbt).toMatch("Items[0].id");
+ expect(attrs.interpret).toBeDefined();
+ expect(attrs.interpret).toEqual(true);
+});
+
+it("should properly apply block NBT properties", async () => {
+ const sourceSNBT = await readTestDataFile("clean/snbt/source.snbt");
+ const document = snbtToDocument(convertToTextOrEmpty(sourceSNBT));
+ const textNode = document.content![0];
+ expect(textNode).toBeDefined();
+ expect(textNode.type).toMatch("paragraph");
+
+ const node = textNode.content!;
+ const attrs = node[3].attrs!;
+
+ expect(node[3].type).toMatch("block_nbt");
+ expect(node[3].attrs).toBeDefined();
+ expect(attrs.block).toBeDefined();
+ expect(attrs.block).toMatch("blah");
+ expect(attrs.nbt).toBeDefined();
+ expect(attrs.nbt).toMatch("Items[0].id");
+ expect(attrs.interpret).toBeDefined();
+ expect(attrs.interpret).toEqual(false);
+});
+
+it("should properly apply entity NBT properties", async () => {
+ const sourceSNBT = await readTestDataFile("clean/snbt/source.snbt");
+ const document = snbtToDocument(convertToTextOrEmpty(sourceSNBT));
+ const textNode = document.content![0];
+ expect(textNode).toBeDefined();
+ expect(textNode.type).toMatch("paragraph");
+
+ const node = textNode.content!;
+ const attrs = node[4].attrs!;
+
+ expect(node[4].type).toMatch("entity_nbt");
+ expect(node[4].attrs).toBeDefined();
+ expect(attrs.entity).toBeDefined();
+ expect(attrs.entity).toMatch("blah");
+ expect(attrs.nbt).toBeDefined();
+ expect(attrs.nbt).toMatch("Items[0].id");
+ expect(attrs.interpret).toBeDefined();
+ expect(attrs.interpret).toEqual(false);
+});
+
+it("should properly apply score properties", async () => {
+ const sourceSNBT = await readTestDataFile("clean/snbt/source.snbt");
+ const document = snbtToDocument(convertToTextOrEmpty(sourceSNBT));
+ const textNode = document.content![0];
+ expect(textNode).toBeDefined();
+ expect(textNode.type).toMatch("paragraph");
+
+ const node = textNode.content!;
+ const attrs = node[5].attrs!;
+
+ expect(node[5].type).toMatch("score");
+ expect(node[5].attrs).toBeDefined();
+ expect(attrs.name).toBeDefined();
+ expect(attrs.name).toMatch("@s");
+ expect(attrs.objective).toBeDefined();
+ expect(attrs.objective).toMatch("money");
+});
+it("should properly apply selector properties", async () => {
+ const sourceSNBT = await readTestDataFile("clean/snbt/source.snbt");
+ const document = snbtToDocument(convertToTextOrEmpty(sourceSNBT));
+ const textNode = document.content![0];
+ expect(textNode).toBeDefined();
+ expect(textNode.type).toMatch("paragraph");
+
+ const node = textNode.content!;
+ const attrs = node[6].attrs!;
+
+ expect(node[6].type).toMatch("selector");
+ expect(node[6].attrs).toBeDefined();
+ expect(attrs.selector).toBeDefined();
+ expect(attrs.selector).toMatch("@p");
+});
+
+it("should properly apply keybind properties", async () => {
+ const sourceSNBT = await readTestDataFile("clean/snbt/source.snbt");
+ const document = snbtToDocument(convertToTextOrEmpty(sourceSNBT));
+ const textNode = document.content![0];
+ expect(textNode).toBeDefined();
+ expect(textNode.type).toMatch("paragraph");
+
+ const node = textNode.content!;
+ const attrs = node[7].attrs!;
+
+ expect(node[7].type).toMatch("keybind");
+ expect(node[7].attrs).toBeDefined();
+ expect(attrs.key).toBeDefined();
+ expect(attrs.key).toMatch("key.jump");
+});
+
+it("should properly apply atlas object properties", async () => {
+ const sourceSNBT = await readTestDataFile("clean/snbt/source.snbt");
+ const document = snbtToDocument(convertToTextOrEmpty(sourceSNBT));
+ const textNode = document.content![0];
+ expect(textNode).toBeDefined();
+ expect(textNode.type).toMatch("paragraph");
+
+ const node = textNode.content!;
+ const attrs = node[8].attrs!;
+
+ expect(node[8].type).toMatch("atlas_object");
+ expect(node[8].attrs).toBeDefined();
+ expect(attrs.atlas).toBeDefined();
+ expect(attrs.atlas).toMatch("Banana");
+ expect(attrs.sprite).toMatch("blah");
+});
+
+it("should properly apply player object properties", async () => {
+ const sourceSNBT = await readTestDataFile("clean/snbt/source.snbt");
+ const document = snbtToDocument(convertToTextOrEmpty(sourceSNBT));
+ const textNode = document.content![0];
+ expect(textNode).toBeDefined();
+ expect(textNode.type).toMatch("paragraph");
+
+ const node = textNode.content!;
+ const attrs = node[9].attrs!;
+
+ expect(node[9].type).toMatch("player_object");
+ expect(node[9].attrs).toBeDefined();
+ expect(attrs.player).toBeDefined();
+ expect(attrs.player.name).toBeDefined();
+ expect(attrs.player.name).toMatch("Cbble_");
+ expect(attrs.hat).toEqual(true);
+});
diff --git a/src/tests/unit/misc/utils.spec.ts b/src/tests/unit/misc/utils.spec.ts
new file mode 100644
index 0000000..0d58584
--- /dev/null
+++ b/src/tests/unit/misc/utils.spec.ts
@@ -0,0 +1,157 @@
+import {
+ defaultColorLUT,
+ defaultColorReverseLUT,
+ isDefinedTextObject,
+ findMarkType,
+ trueMarkOrUndefined,
+ unescapeUnicode,
+ mapToHexByte,
+ stripTypeSuffixes,
+ rgbaToArgbHex,
+ argbToRgbaHex,
+} from "$lib/text/utils";
+import type { JSONContent } from "@tiptap/core";
+import { describe, expect, it } from "vitest";
+
+describe("isDefinedTextObject", () => {
+ it("should report defined object with minimal object", () => {
+ const obj = { text: "Hello" };
+ const result = isDefinedTextObject(obj);
+ expect(result).toBe(true);
+ });
+
+ it("should report false with minimal object", () => {
+ const obj = "Hello";
+ const result = isDefinedTextObject(obj);
+ expect(result).toBe(false);
+ });
+
+ it("should report false with object missing text", () => {
+ const obj = { color: "red" };
+ const result = isDefinedTextObject(obj);
+ expect(result).toBe(false);
+ });
+
+ it("should report true with object having extra properties", () => {
+ const obj = { text: "Hello", color: "blue", bold: true };
+ const result = isDefinedTextObject(obj);
+ expect(result).toBe(true);
+ });
+});
+
+describe("unescapeUnicode", () => {
+ it("should unescape unicode sequences", () => {
+ const input = "Hello \\u0041\\u0042\\u0043";
+ const output = unescapeUnicode(input);
+ expect(output).toBe("Hello ABC");
+ });
+ it("should handle strings without unicode sequences", () => {
+ const input = "Hello World!";
+ const output = unescapeUnicode(input);
+ expect(output).toBe("Hello World!");
+ });
+ it("should handle mixed content", () => {
+ const input = "Smile: \\u263A and Heart: \\u2764";
+ const output = unescapeUnicode(input);
+ expect(output).toBe("Smile: ☺ and Heart: ❤");
+ });
+ it("should handle consecutive unicode sequences", () => {
+ const input = "\\u0048\\u0045\\u004C\\u004C\\u004F";
+ const output = unescapeUnicode(input);
+ expect(output).toBe("HELLO");
+ });
+ it("should correctly handle invalid unicode sequences", () => {
+ const input = "\\uXXXX";
+ const output = unescapeUnicode(input);
+ expect(output).toBe("\\uXXXX");
+ });
+});
+
+describe("trueMarkOrUndefined", () => {
+ it("should return true for true input", () => {
+ expect(
+ trueMarkOrUndefined({ type: "text", marks: [{ type: "bold" }], text: "hello" }, "bold"),
+ ).toBe(true);
+ });
+
+ it("should return undefined for false input", () => {
+ expect(
+ trueMarkOrUndefined(
+ { type: "text", marks: [{ type: "italic" }], text: "hello" },
+ "bold",
+ ),
+ ).toBeUndefined();
+ });
+});
+
+describe("defaultColorReverseLUT", () => {
+ it("should return hex code for known color name", () => {
+ expect(defaultColorReverseLUT("red")).toBe("#FF5555");
+ });
+
+ it("should return input for unknown color name", () => {
+ expect(defaultColorReverseLUT("unknown_color")).toBe("unknown_color");
+ });
+ it("should return undefined for null or empty input", () => {
+ expect(defaultColorReverseLUT("")).toBeUndefined();
+ expect(defaultColorReverseLUT("null")).toBeUndefined();
+ });
+});
+
+describe("defaultColorLUT", () => {
+ it("should return color name for known hex code", () => {
+ expect(defaultColorLUT("#FF5555")).toBe("red");
+ });
+ it("should return input for unknown hex code", () => {
+ expect(defaultColorLUT("#123456")).toBe("#123456");
+ });
+ it("should return undefined for null or empty input", () => {
+ expect(defaultColorLUT("")).toBeUndefined();
+ expect(defaultColorLUT("null")).toBeUndefined();
+ });
+});
+
+it("findMarkType finds the correct mark", () => {
+ const contentWithMarks: JSONContent = {
+ type: "text",
+ marks: [{ type: "bold" }, { type: "italic" }],
+ text: "Sample Text",
+ };
+ expect(findMarkType(contentWithMarks, "bold")).toBeDefined();
+ expect(findMarkType(contentWithMarks, "italic")).toBeDefined();
+ expect(findMarkType(contentWithMarks, "underline")).toBeUndefined();
+});
+
+it("should convert number to hex byte string", () => {
+ expect(mapToHexByte(0)).toBe("00");
+ expect(mapToHexByte(1 / 255)).toBe("01");
+ expect(mapToHexByte(1 / 16)).toBe("10");
+ expect(mapToHexByte(1)).toBe("ff");
+ expect(mapToHexByte(1.2)).toBe("00");
+});
+
+it("should strip type suffixes from input string", () => {
+ expect(stripTypeSuffixes("1L")).toBe("1");
+ expect(stripTypeSuffixes("1.0F")).toBe("1.0");
+ expect(stripTypeSuffixes("1.0D")).toBe("1.0");
+ expect(stripTypeSuffixes("1b")).toBe("1");
+ expect(stripTypeSuffixes("1s")).toBe("1");
+ expect(stripTypeSuffixes("1i")).toBe("1");
+ expect(stripTypeSuffixes("1.0")).toBe("1.0");
+});
+
+it("should convert rgba hex to argb hex", () => {
+ expect(rgbaToArgbHex("#FF0000FF")).toBe("#FFFF0000");
+ expect(rgbaToArgbHex("#00FF00FF")).toBe("#FF00FF00");
+ expect(rgbaToArgbHex("#0000FFFF")).toBe("#FF0000FF");
+ expect(rgbaToArgbHex("FFFFFFFF")).toBe("#FFFFFFFF");
+ expect(rgbaToArgbHex("00000000")).toBe("#00000000");
+});
+
+it("should convert argb hex to rgba hex", () => {
+ expect(argbToRgbaHex("#FFFF0000")).toBe("#FF0000FF");
+ expect(argbToRgbaHex("#FF00FF00")).toBe("#00FF00FF");
+ expect(argbToRgbaHex("FF0000FF")).toBe("#0000FFFF");
+ expect(argbToRgbaHex("FFFFFFFF")).toBe("#FFFFFFFF");
+ expect(argbToRgbaHex("00000000")).toBe("#00000000");
+});
diff --git a/src/tests/unit/optimising_mc_json.spec.ts b/src/tests/unit/optimising_mc_json.spec.ts
deleted file mode 100644
index 416ffee..0000000
--- a/src/tests/unit/optimising_mc_json.spec.ts
+++ /dev/null
@@ -1,103 +0,0 @@
-import { optimise } from "$lib/text/nbt/optimiser";
-import { describe, it, expect } from "vitest";
-
-// Minimal mock types for test compatibility
-type StringyMCText = string | { [key: string]: any };
-
-describe("optimise", () => {
- it("returns empty string array if input is empty", () => {
- expect(optimise([])).toEqual([""]);
- });
-
- it("returns empty string array if input is just an empty string", () => {
- expect(optimise([""])).toEqual([""]);
- });
-
- it("removes undefined properties and flattens objects with only text", () => {
- const input: StringyMCText[] = [
- { text: "Hello", color: undefined, bold: undefined },
- { text: "World" },
- ];
- expect(optimise(input)).toEqual(["HelloWorld"]);
- });
-
- it("merges consecutive strings", () => {
- const input: StringyMCText[] = ["Hello ", "World", "!", { text: "Test" }];
- expect(optimise(input)).toEqual(["Hello World!Test"]);
- });
-
- it("merges whitespace with previous component", () => {
- const input: StringyMCText[] = [{ text: "Test" }, " ", { text: "World" }];
- expect(optimise(input)).toEqual(["Test World"]);
- });
-
- it("merges whitespace forwards", () => {
- const input: StringyMCText[] = [" ", { text: "World" }];
- expect(optimise(input)).toEqual([" World"]);
- });
-
- it("merges whitespace backwards", () => {
- const input: StringyMCText[] = [{ text: "Test" }, " "];
- expect(optimise(input)).toEqual(["Test "]);
- });
-
- it("groups objects with shared style properties", () => {
- const input: StringyMCText[] = [
- { text: "A", color: "red", bold: true },
- { text: "B", color: "red", bold: true },
- { text: "C", color: "blue" },
- ];
- const result = optimise(input);
- expect(result[1]).toMatchObject({
- color: "red",
- bold: true,
- text: "AB",
- });
- expect(result[2]).toMatchObject({ color: "blue", text: "C" });
- });
-
- it("removes leading empty string if followed by a string", () => {
- const input: StringyMCText[] = ["foo", "bar"];
- expect(optimise(input)).toEqual(["foobar"]);
- });
-
- it("removes leading empty string if followed by object without style", () => {
- const input: StringyMCText[] = [{ text: "foo" }];
- expect(optimise(input)).toEqual(["foo"]);
- });
-
- it("handles item lore mode by prepending lore object", () => {
- const input: StringyMCText[] = [{ text: "lore" }];
- expect(optimise(input, true)).toEqual([
- { italic: false, color: "white", text: "" },
- "lore",
- ]);
- });
-
- it("merges objects with identical interactivity properties", () => {
- const input: StringyMCText[] = [
- { text: "A", click_event: { action: "run_command", command: "/a" } },
- { text: "B", click_event: { action: "run_command", command: "/a" } },
- { text: "C", click_event: { action: "run_command", command: "/b" } },
- ];
- const result = optimise(input);
- expect(result[1]).toMatchObject({
- click_event: { action: "run_command", command: "/a" },
- text: "AB",
- });
- expect(result[2]).toMatchObject({
- click_event: { action: "run_command", command: "/b" },
- text: "C",
- });
- });
-
- it("does not merge objects with different style/interactivity", () => {
- const input: StringyMCText[] = [
- { text: "A", color: "red" },
- { text: "B", color: "blue" },
- ];
- const result = optimise(input);
- expect(result[1]).toMatchObject({ color: "red", text: "A" });
- expect(result[2]).toMatchObject({ color: "blue", text: "B" });
- });
-});
diff --git a/src/tests/unit/snbt_importing.spec.ts b/src/tests/unit/snbt_importing.spec.ts
deleted file mode 100644
index 3a99101..0000000
--- a/src/tests/unit/snbt_importing.spec.ts
+++ /dev/null
@@ -1,412 +0,0 @@
-import {
- convertToTextOrEmpty,
- snbtToDocument,
-} from "../../lib/text/nbt/import";
-import { describe, expect, it } from "vitest";
-import { readTestDataFile, readTestJSONFile } from "./test_utils";
-
-it("should return a basic document", async () => {
- const document = snbtToDocument(convertToTextOrEmpty('"test"'));
- const expectedDocument = await readTestJSONFile(
- "clean/json/simple_text_tiptap.json",
- );
- expect(document).toEqual(expectedDocument);
-});
-
-it("should return a basic document (empty str)", async () => {
- const document = snbtToDocument(convertToTextOrEmpty(""));
- const expectedDocument = { content: [], type: "doc" };
- expect(document).toEqual(expectedDocument);
-});
-
-it("should apply a color to a text node", async () => {
- const basicColorSNBT = await readTestDataFile("clean/snbt/basic_color.snbt");
- const document = snbtToDocument(convertToTextOrEmpty(basicColorSNBT));
- const textNode = document.content?.[0]?.content?.[0];
- expect(textNode?.marks).toBeDefined();
- expect(textNode?.marks).toHaveLength(1);
-
- const mark = textNode?.marks?.at(0);
-
- expect(mark?.type).toMatch("textStyle");
-
- expect(mark?.attrs?.color).toBeDefined();
- expect(mark?.attrs?.color).toMatch("#AA0000");
-});
-
-it("should apply a hex color to a text node", async () => {
- const basicColorSNBT = await readTestDataFile("clean/snbt/hex_color.snbt");
- const document = snbtToDocument(convertToTextOrEmpty(basicColorSNBT));
- const textNode = document.content?.[0]?.content?.[0];
- expect(textNode?.marks).toBeDefined();
- expect(textNode?.marks).toHaveLength(1);
-
- const mark = textNode?.marks?.at(0);
-
- expect(mark?.type).toMatch("textStyle");
-
- expect(mark?.attrs?.color).toBeDefined();
- expect(mark?.attrs?.color).toMatch("#c0bb1e");
-});
-
-it.skip("should apply a decimal shadow color to a text node", async () => {
- const basicColorSNBT = await readTestDataFile(
- "clean/snbt/base10_shadow_color.snbt",
- );
- const document = snbtToDocument(convertToTextOrEmpty(basicColorSNBT));
- const textNode = document.content?.[0]?.content?.[0];
- expect(textNode?.marks).toBeDefined();
- expect(textNode?.marks).toHaveLength(1);
-
- const mark = textNode?.marks?.at(0);
-
- expect(mark?.type).toMatch("shadowColor");
-
- expect(mark?.attrs?.shadowColor).toBeDefined();
- expect(mark?.attrs?.shadowColor).toMatch("#ff0000");
-});
-
-it.skip("should apply a hexadecimal shadow color to a text node", async () => {
- const basicColorSNBT = await readTestDataFile(
- "clean/snbt/base16_shadow_color.snbt",
- );
- const document = snbtToDocument(convertToTextOrEmpty(basicColorSNBT));
- const textNode = document.content?.[0]?.content?.[0];
- expect(textNode?.marks).toBeDefined();
- expect(textNode?.marks).toHaveLength(1);
-
- const mark = textNode?.marks?.at(0);
-
- expect(mark?.type).toMatch("shadowColor");
-
- expect(mark?.attrs?.shadowColor).toBeDefined();
- expect(mark?.attrs?.shadowColor).toMatch("#ff0000");
-});
-
-it("should throw an error if the format is invalid", async () => {
- const broken = await readTestDataFile("bad/broken.snbt");
- const converted = convertToTextOrEmpty(broken);
- expect(
- JSON.stringify(converted).includes(
- "An error occurred while parsing the SNBT",
- ),
- ).toBe(true);
-});
-
-it("should return a one length array if passed with a single component", async () => {
- const singleComponentSNBT = await readTestDataFile(
- "clean/snbt/single_component.snbt",
- );
- const converted = convertToTextOrEmpty(singleComponentSNBT);
- expect(converted.length).toEqual(1);
- expect(converted[0]).toEqual({ text: "hi", color: "#c0bb1e" });
-});
-
-describe("handling text styling marks", () => {
- it("should bold text styling to a text node", async () => {
- const allTextStyleSNBT = await readTestDataFile(
- "clean/snbt/all_text_style_marks.snbt",
- );
- const document = snbtToDocument(convertToTextOrEmpty(allTextStyleSNBT));
- const textNode = document.content?.[0]?.content?.[0];
- expect(textNode?.marks).toBeDefined();
- expect(textNode?.marks?.length).toBeGreaterThanOrEqual(1);
-
- expect(textNode?.marks).toContainEqual({ type: "bold" });
- });
-
- it("should italic text styling to a text node", async () => {
- const allTextStyleSNBT = await readTestDataFile(
- "clean/snbt/all_text_style_marks.snbt",
- );
- const document = snbtToDocument(convertToTextOrEmpty(allTextStyleSNBT));
- const textNode = document.content?.[0]?.content?.[0];
- expect(textNode?.marks).toBeDefined();
- expect(textNode?.marks?.length).toBeGreaterThanOrEqual(1);
-
- expect(textNode?.marks).toContainEqual({ type: "italic" });
- });
-
- it("should obfuscated text styling to a text node", async () => {
- const allTextStyleSNBT = await readTestDataFile(
- "clean/snbt/all_text_style_marks.snbt",
- );
- const document = snbtToDocument(convertToTextOrEmpty(allTextStyleSNBT));
- const textNode = document.content?.[0]?.content?.[0];
- expect(textNode?.marks).toBeDefined();
- expect(textNode?.marks?.length).toBeGreaterThanOrEqual(1);
-
- expect(textNode?.marks).toContainEqual({ type: "obfuscated" });
- });
-
- it("should underline text styling to a text node", async () => {
- const allTextStyleSNBT = await readTestDataFile(
- "clean/snbt/all_text_style_marks.snbt",
- );
- const document = snbtToDocument(convertToTextOrEmpty(allTextStyleSNBT));
- const textNode = document.content?.[0]?.content?.[0];
- expect(textNode?.marks).toBeDefined();
- expect(textNode?.marks?.length).toBeGreaterThanOrEqual(1);
-
- expect(textNode?.marks).toContainEqual({ type: "underline" });
- });
-
- it("should strike text styling to a text node", async () => {
- const allTextStyleSNBT = await readTestDataFile(
- "clean/snbt/all_text_style_marks.snbt",
- );
- const document = snbtToDocument(convertToTextOrEmpty(allTextStyleSNBT));
- const textNode = document.content?.[0]?.content?.[0];
- expect(textNode?.marks).toBeDefined();
- expect(textNode?.marks?.length).toBeGreaterThanOrEqual(1);
-
- expect(textNode?.marks).toContainEqual({ type: "strike" });
- });
-
- it("should strike text styling to a text node", async () => {
- const allTextStyleSNBT = await readTestDataFile(
- "clean/snbt/all_text_style_marks.snbt",
- );
- const document = snbtToDocument(convertToTextOrEmpty(allTextStyleSNBT));
- const textNode = document.content?.[0]?.content?.[0];
- expect(textNode?.marks).toBeDefined();
- expect(textNode?.marks?.length).toBeGreaterThanOrEqual(1);
-
- expect(textNode?.marks).toContainEqual({ type: "strike" });
- });
-});
-
-it("should return nothing if its an empty string literal", () => {
- const document = snbtToDocument(convertToTextOrEmpty('""'));
- expect(document).toEqual({
- type: "doc",
- content: [],
- });
-});
-
-it("should return nothing if its an empty string", () => {
- const document = snbtToDocument(convertToTextOrEmpty(""));
- expect(document).toEqual({
- type: "doc",
- content: [],
- });
-});
-
-it("should handle unicode characters", async () => {
- const unicodeSNBT = await readTestDataFile("clean/snbt/unicode.snbt");
- const document = snbtToDocument(convertToTextOrEmpty(unicodeSNBT));
- const expectedDocument = await readTestJSONFile(
- "clean/json/simple_unicode_tiptap.json",
- );
- expect(document).toEqual(expectedDocument);
-});
-
-it("should properly apply the font properties", async () => {
- const fontsSNBT = await readTestDataFile("clean/snbt/fonts.snbt");
- const document = snbtToDocument(convertToTextOrEmpty(fontsSNBT));
- const textNode = document.content?.[0]?.content?.[0];
- expect(textNode?.marks).toBeDefined();
- expect(textNode?.marks).toHaveLength(1);
-
- const mark = textNode?.marks?.at(0);
-
- expect(mark?.type).toMatch("textStyle");
-
- expect(mark?.attrs?.font).toBeDefined();
- expect(mark?.attrs?.font).toMatch("minecraft:illageralt");
-});
-
-describe("applying source props", () => {
- it("should properly apply text properties", async () => {
- const sourceSNBT = await readTestDataFile("clean/snbt/source.snbt");
- const document = snbtToDocument(convertToTextOrEmpty(sourceSNBT));
- const textNode = document.content![0];
- expect(textNode).toBeDefined();
- expect(textNode.type).toMatch("paragraph");
-
- const node = textNode.content!;
-
- expect(node[0].type).toMatch("text");
- expect(node[0].text).toMatch("hi");
- });
-
- it("should properly apply translate properties", async () => {
- const sourceSNBT = await readTestDataFile("clean/snbt/source.snbt");
- const document = snbtToDocument(convertToTextOrEmpty(sourceSNBT));
- const textNode = document.content![0];
- expect(textNode).toBeDefined();
- expect(textNode.type).toMatch("paragraph");
-
- const node = textNode.content!;
- const attrs = node[1].attrs!;
-
- expect(node[1].type).toMatch("translate");
- expect(node[1].attrs).toBeDefined();
- expect(attrs.key).toBeDefined();
- expect(attrs.key).toMatch("hi");
- expect(attrs.fallback).toBeDefined();
- expect(attrs.fallback).toMatch("hi");
- expect(attrs.params).toBeDefined();
- // TODO: add checks for the `with` array
- });
-
- it("should properly apply storage NBT properties", async () => {
- const sourceSNBT = await readTestDataFile("clean/snbt/source.snbt");
- const document = snbtToDocument(convertToTextOrEmpty(sourceSNBT));
- const textNode = document.content![0];
- expect(textNode).toBeDefined();
- expect(textNode.type).toMatch("paragraph");
-
- const node = textNode.content!;
- const attrs = node[2].attrs!;
-
- expect(node[2].type).toMatch("storage_nbt");
- expect(node[2].attrs).toBeDefined();
- expect(attrs.storage).toBeDefined();
- expect(attrs.storage).toMatch("hi");
- expect(attrs.nbt).toBeDefined();
- expect(attrs.nbt).toMatch("Items[0].id");
- expect(attrs.interpret).toBeDefined();
- expect(attrs.interpret).toEqual(true);
- });
-
- it("should properly apply block NBT properties", async () => {
- const sourceSNBT = await readTestDataFile("clean/snbt/source.snbt");
- const document = snbtToDocument(convertToTextOrEmpty(sourceSNBT));
- const textNode = document.content![0];
- expect(textNode).toBeDefined();
- expect(textNode.type).toMatch("paragraph");
-
- const node = textNode.content!;
- const attrs = node[3].attrs!;
-
- expect(node[3].type).toMatch("block_nbt");
- expect(node[3].attrs).toBeDefined();
- expect(attrs.block).toBeDefined();
- expect(attrs.block).toMatch("blah");
- expect(attrs.nbt).toBeDefined();
- expect(attrs.nbt).toMatch("Items[0].id");
- expect(attrs.interpret).toBeDefined();
- expect(attrs.interpret).toEqual(false);
- });
-
- it("should properly apply entity NBT properties", async () => {
- const sourceSNBT = await readTestDataFile("clean/snbt/source.snbt");
- const document = snbtToDocument(convertToTextOrEmpty(sourceSNBT));
- const textNode = document.content![0];
- expect(textNode).toBeDefined();
- expect(textNode.type).toMatch("paragraph");
-
- const node = textNode.content!;
- const attrs = node[4].attrs!;
-
- expect(node[4].type).toMatch("entity_nbt");
- expect(node[4].attrs).toBeDefined();
- expect(attrs.entity).toBeDefined();
- expect(attrs.entity).toMatch("blah");
- expect(attrs.nbt).toBeDefined();
- expect(attrs.nbt).toMatch("Items[0].id");
- expect(attrs.interpret).toBeDefined();
- expect(attrs.interpret).toEqual(false);
- });
-
- it("should properly apply score properties", async () => {
- const sourceSNBT = await readTestDataFile("clean/snbt/source.snbt");
- const document = snbtToDocument(convertToTextOrEmpty(sourceSNBT));
- const textNode = document.content![0];
- expect(textNode).toBeDefined();
- expect(textNode.type).toMatch("paragraph");
-
- const node = textNode.content!;
- const attrs = node[5].attrs!;
-
- expect(node[5].type).toMatch("score");
- expect(node[5].attrs).toBeDefined();
- expect(attrs.name).toBeDefined();
- expect(attrs.name).toMatch("@s");
- expect(attrs.objective).toBeDefined();
- expect(attrs.objective).toMatch("money");
- });
- it("should properly apply selector properties", async () => {
- const sourceSNBT = await readTestDataFile("clean/snbt/source.snbt");
- const document = snbtToDocument(convertToTextOrEmpty(sourceSNBT));
- const textNode = document.content![0];
- expect(textNode).toBeDefined();
- expect(textNode.type).toMatch("paragraph");
-
- const node = textNode.content!;
- const attrs = node[6].attrs!;
-
- expect(node[6].type).toMatch("selector");
- expect(node[6].attrs).toBeDefined();
- expect(attrs.selector).toBeDefined();
- expect(attrs.selector).toMatch("@p");
- });
-
- it("should properly apply keybind properties", async () => {
- const sourceSNBT = await readTestDataFile("clean/snbt/source.snbt");
- const document = snbtToDocument(convertToTextOrEmpty(sourceSNBT));
- const textNode = document.content![0];
- expect(textNode).toBeDefined();
- expect(textNode.type).toMatch("paragraph");
-
- const node = textNode.content!;
- const attrs = node[7].attrs!;
-
- expect(node[7].type).toMatch("keybind");
- expect(node[7].attrs).toBeDefined();
- expect(attrs.key).toBeDefined();
- expect(attrs.key).toMatch("key.jump");
- });
-
- it("should properly apply atlas object properties", async () => {
- const sourceSNBT = await readTestDataFile("clean/snbt/source.snbt");
- const document = snbtToDocument(convertToTextOrEmpty(sourceSNBT));
- const textNode = document.content![0];
- expect(textNode).toBeDefined();
- expect(textNode.type).toMatch("paragraph");
-
- const node = textNode.content!;
- const attrs = node[8].attrs!;
-
- expect(node[8].type).toMatch("atlas_object");
- expect(node[8].attrs).toBeDefined();
- expect(attrs.atlas).toBeDefined();
- expect(attrs.atlas).toMatch("Banana");
- expect(attrs.sprite).toMatch("blah");
- });
-
- it("should properly apply player object properties", async () => {
- const sourceSNBT = await readTestDataFile("clean/snbt/source.snbt");
- const document = snbtToDocument(convertToTextOrEmpty(sourceSNBT));
- const textNode = document.content![0];
- expect(textNode).toBeDefined();
- expect(textNode.type).toMatch("paragraph");
-
- const node = textNode.content!;
- const attrs = node[9].attrs!;
-
- expect(node[9].type).toMatch("player_object");
- expect(node[9].attrs).toBeDefined();
- expect(attrs.player).toBeDefined();
- expect(attrs.player.name).toBeDefined();
- expect(attrs.player.name).toMatch("Cbble_");
- expect(attrs.hat).toEqual(true);
- });
-});
-
-describe("handling extra", () => {
- it("should apply text styling (bold)", async () => {
- const boldSNBT = await readTestDataFile("clean/snbt/extra_test.snbt");
- const document = snbtToDocument(convertToTextOrEmpty(boldSNBT));
- const textNode = document.content?.[0]?.content?.[0];
- expect(textNode?.marks).toBeDefined();
- expect(textNode?.marks).toHaveLength(1);
- expect(textNode?.marks?.[0].type).toMatch("bold");
-
- const translateNode = document.content?.[0]?.content?.at(-1);
- expect(translateNode?.marks).toBeDefined();
- expect(translateNode?.marks).toHaveLength(1);
- expect(translateNode?.marks?.[0].type).toMatch("bold");
- });
-});
diff --git a/src/tests/unit/test_utils.ts b/src/tests/unit/test_utils.ts
index dfd4c20..968910d 100644
--- a/src/tests/unit/test_utils.ts
+++ b/src/tests/unit/test_utils.ts
@@ -2,10 +2,10 @@ import type { PathLike } from "fs";
import { readFile } from "fs/promises";
export async function readTestDataFile(filePath: PathLike): Promise
{
- return await readFile(`${import.meta.dirname}/data/${filePath}`, "utf8");
+ return await readFile(`${import.meta.dirname}/data/${filePath}`, "utf8");
}
export async function readTestJSONFile(filePath: PathLike): Promise {
- const fileContent = await readTestDataFile(filePath);
- return JSON.parse(fileContent);
+ const fileContent = await readTestDataFile(filePath);
+ return JSON.parse(fileContent);
}
diff --git a/src/tests/unit/translating_mc_json.spec.ts b/src/tests/unit/translating_mc_json.spec.ts
deleted file mode 100644
index cc57011..0000000
--- a/src/tests/unit/translating_mc_json.spec.ts
+++ /dev/null
@@ -1,256 +0,0 @@
-import { addTypeSpecificValues, translateJSON } from "$lib/text/nbt/export";
-import {
- versions,
- type MinecraftText,
- type TranslateOptions,
-} from "$lib/types";
-import type { JSONContent } from "@tiptap/core";
-import { describe, expect, it } from "vitest";
-import { readTestDataFile, readTestJSONFile } from "./test_utils";
-import { outputVersion } from "$lib/stores";
-
-describe("translate", () => {
- it("should return a basic string", () => {
- const document = {
- type: "doc",
- content: [
- { type: "paragraph", content: [{ type: "text", text: "test" }] },
- ],
- };
- const snbt = translateJSON(document, {
- exportType: "standard",
- optimise: true,
- });
- expect(snbt).toEqual('"test"');
- });
-
- it("should return a basic color string", async () => {
- const document = await readTestDataFile(
- "clean/json/basic_color_tiptap.json",
- );
- const snbt = translateJSON(JSON.parse(document), {
- exportType: "standard",
- optimise: true,
- });
- expect(JSON.parse(snbt)).toEqual(["", { text: "test", color: "dark_red" }]);
- });
-
- const baseOptions: TranslateOptions = {
- exportType: "standard",
- optimise: false,
- };
-
- it("returns waiting message for empty content", () => {
- const json: JSONContent = {};
- const result = translateJSON(json, baseOptions);
- expect(result).toBeOneOf([
- "waiting for input...",
- "🤓 <- kevin is waiting for you to type something",
- ]);
- });
-
- it("translates simple text node", () => {
- const json: JSONContent = {
- content: [
- {
- content: [
- {
- type: "text",
- text: "Hello",
- marks: [],
- },
- ],
- },
- ],
- };
- const result = translateJSON(json, baseOptions);
- expect(result).toContain("Hello");
- expect(result).not.toContain("color");
- });
-
- it("applies bold and italic marks", () => {
- const json: JSONContent = {
- content: [
- {
- content: [
- {
- type: "text",
- text: "BoldItalic",
- marks: [{ type: "bold" }, { type: "italic" }],
- },
- ],
- },
- ],
- };
- const result = translateJSON(json, baseOptions);
- expect(result).toContain("BoldItalic");
- expect(result).toContain('"bold":true');
- expect(result).toContain('"italic":true');
- });
-
- it.skip("handles shadowColor mark", () => {
- const json: JSONContent = {
- content: [
- {
- content: [
- {
- type: "text",
- text: "Shadow",
- marks: [
- {
- type: "shadowColor",
- attrs: { shadowColor: "#ff00ff" },
- },
- ],
- },
- ],
- },
- ],
- };
- const result = translateJSON(json, baseOptions);
- expect(result).toContain('"shadow_color":-65281');
- });
-
- it("handles multiple paragraphs with newlines", () => {
- const json: JSONContent = {
- content: [
- {
- content: [{ type: "text", text: "First", marks: [] }],
- },
- {
- content: [{ type: "text", text: "Second", marks: [] }],
- },
- ],
- };
- const result = translateJSON(json, baseOptions);
- expect(result).toContain("First");
- expect(result).toContain("Second");
- expect(result).toContain("\\n");
- });
-
- it("optimises output when optimise=true", () => {
- const json: JSONContent = {
- content: [
- {
- content: [
- { type: "text", text: "A", marks: [] },
- { type: "text", text: "B", marks: [] },
- ],
- },
- ],
- };
- const result = translateJSON(json, { ...baseOptions, optimise: true });
- expect(result).toContain("A");
- expect(result).toContain("B");
- });
-
- it("uses older format output when exportVersion=old", async () => {
- const json: JSONContent = (await readTestJSONFile(
- "clean/json/interactives_tiptap.json",
- )) as JSONContent;
- outputVersion.set(versions[0]);
- const result = translateJSON(json, {
- ...baseOptions,
- });
- expect(JSON.parse(result)).toHaveProperty("[1].clickEvent");
- expect(JSON.parse(result)).not.toHaveProperty("[1].click_event");
- expect(JSON.parse(result)).toHaveProperty("[1].hoverEvent");
- expect(JSON.parse(result)).not.toHaveProperty("[1].hover_event");
- });
-
- it("handles exportType=item_lore", () => {
- const json: JSONContent = {
- content: [
- {
- content: [{ type: "text", text: "Lore", marks: [] }],
- },
- ],
- };
- const result = translateJSON(json, {
- ...baseOptions,
- exportType: "item_lore",
- });
- expect(result).toContain("Lore");
- expect(result.startsWith("[")).toBe(true);
- });
-
- it("handles unknown exportType gracefully", () => {
- const json: JSONContent = {
- content: [],
- };
- const result = translateJSON(json, {
- ...baseOptions,
- exportType: "unknown" as any,
- });
- expect(result).toBe("[]");
- });
-});
-
-describe("adding type props", () => {
- it("should add text property for type 'text'", () => {
- const current: MinecraftText = {};
- const c: JSONContent = { type: "text", text: "hello" };
- const result = addTypeSpecificValues(current, c, false);
- expect(result.text).toBe("hello");
- });
-
- it("should add score property for type 'score'", () => {
- const current: MinecraftText = {};
- const c: JSONContent = {
- type: "score",
- attrs: { name: "player", objective: "obj" },
- };
- const result = addTypeSpecificValues(current, c, false);
- expect(result.score).toEqual({ name: "player", objective: "obj" });
- });
-
- it("should add translate, with, and fallback for type 'translate'", () => {
- const current: MinecraftText = {};
- const c: JSONContent = {
- type: "translate",
- attrs: {
- key: "translation.key",
- params: ["param1", "param2"],
- fallback: "fallback text",
- },
- };
- const result = addTypeSpecificValues(current, c, false);
- expect(result.translate).toBe("translation.key");
- expect(result.with).toEqual(["param1", "param2"]);
- expect(result.fallback).toBe("fallback text");
- });
-
- it("should add nbt, storage, block, entity, interpret for nbt types", () => {
- const current: MinecraftText = {};
- const c: JSONContent = {
- type: "storage_nbt",
- attrs: {
- nbt: "someNbt",
- storage: "someStorage",
- block: "someBlock",
- entity: "someEntity",
- interpret: true,
- },
- };
- const result = addTypeSpecificValues(current, c, false);
- expect(result.nbt).toBe("someNbt");
- expect(result.storage).toBe("someStorage");
- expect(result.block).toBe("someBlock");
- expect(result.entity).toBe("someEntity");
- expect(result.interpret).toBe(true);
- });
-
- it("should add keybind property for type 'keybind'", () => {
- const current: MinecraftText = {};
- const c: JSONContent = { type: "keybind", attrs: { key: "key.jump" } };
- const result = addTypeSpecificValues(current, c, false);
- expect(result.keybind).toBe("key.jump");
- });
-
- it("should add selector property for type 'selector'", () => {
- const current: MinecraftText = {};
- const c: JSONContent = { type: "selector", attrs: { selector: "@a" } };
- const result = addTypeSpecificValues(current, c, false);
- expect(result.selector).toBe("@a");
- });
-});
diff --git a/src/tests/unit/utils.spec.ts b/src/tests/unit/utils.spec.ts
deleted file mode 100644
index a60581c..0000000
--- a/src/tests/unit/utils.spec.ts
+++ /dev/null
@@ -1,118 +0,0 @@
-import {
- defaultColorLUT,
- defaultColorReverseLUT,
- isDefinedTextObject,
- isMarkType,
- trueMarkOrUndefined,
- unescapeUnicode,
-} from "$lib/text/utils";
-import type { JSONContent } from "@tiptap/core";
-import { it } from "vitest";
-import { describe, expect } from "vitest";
-
-describe("isDefinedTextObject", () => {
- it("should report defined object with minimal object", () => {
- const obj = { text: "Hello" };
- const result = isDefinedTextObject(obj);
- expect(result).toBe(true);
- });
-
- it("should report false with minimal object", () => {
- const obj = "Hello";
- const result = isDefinedTextObject(obj);
- expect(result).toBe(false);
- });
-
- it("should report false with object missing text", () => {
- const obj = { color: "red" };
- const result = isDefinedTextObject(obj);
- expect(result).toBe(false);
- });
-
- it("should report true with object having extra properties", () => {
- const obj = { text: "Hello", color: "blue", bold: true };
- const result = isDefinedTextObject(obj);
- expect(result).toBe(true);
- });
-});
-
-describe("unescapeUnicode", () => {
- it("should unescape unicode sequences", () => {
- const input = "Hello \\u0041\\u0042\\u0043";
- const output = unescapeUnicode(input);
- expect(output).toBe("Hello ABC");
- });
- it("should handle strings without unicode sequences", () => {
- const input = "Hello World!";
- const output = unescapeUnicode(input);
- expect(output).toBe("Hello World!");
- });
- it("should handle mixed content", () => {
- const input = "Smile: \\u263A and Heart: \\u2764";
- const output = unescapeUnicode(input);
- expect(output).toBe("Smile: ☺ and Heart: ❤");
- });
- it("should handle consecutive unicode sequences", () => {
- const input = "\\u0048\\u0045\\u004C\\u004C\\u004F";
- const output = unescapeUnicode(input);
- expect(output).toBe("HELLO");
- });
-});
-
-describe("trueMarkOrUndefined", () => {
- it("should return true for true input", () => {
- expect(
- trueMarkOrUndefined(
- { type: "text", marks: [{ type: "bold" }], text: "hello" },
- "bold",
- ),
- ).toBe(true);
- });
-
- it("should return undefined for false input", () => {
- expect(
- trueMarkOrUndefined(
- { type: "text", marks: [{ type: "italic" }], text: "hello" },
- "bold",
- ),
- ).toBeUndefined();
- });
-});
-
-describe("defaultColorReverseLUT", () => {
- it("should return hex code for known color name", () => {
- expect(defaultColorReverseLUT("red")).toBe("#FF5555");
- });
-
- it("should return input for unknown color name", () => {
- expect(defaultColorReverseLUT("unknown_color")).toBe("unknown_color");
- });
- it("should return undefined for null or empty input", () => {
- expect(defaultColorReverseLUT("")).toBeUndefined();
- expect(defaultColorReverseLUT("null")).toBeUndefined();
- });
-});
-
-describe("defaultColorLUT", () => {
- it("should return color name for known hex code", () => {
- expect(defaultColorLUT("#FF5555")).toBe("red");
- });
- it("should return input for unknown hex code", () => {
- expect(defaultColorLUT("#123456")).toBe("#123456");
- });
- it("should return undefined for null or empty input", () => {
- expect(defaultColorLUT("")).toBeUndefined();
- expect(defaultColorLUT("null")).toBeUndefined();
- });
-});
-
-it("isMarkType should correctly identify mark types", () => {
- const contentWithMarks: JSONContent = {
- type: "text",
- marks: [{ type: "bold" }, { type: "italic" }],
- text: "Sample Text",
- };
- expect(isMarkType(contentWithMarks, "bold")).toBeDefined();
- expect(isMarkType(contentWithMarks, "italic")).toBeDefined();
- expect(isMarkType(contentWithMarks, "underline")).toBeUndefined();
-});
diff --git a/static/apple-touch-icon.png b/static/apple-touch-icon.png
index 1d4f105..96d6660 100644
Binary files a/static/apple-touch-icon.png and b/static/apple-touch-icon.png differ
diff --git a/static/favicon-96x96.png b/static/favicon-96x96.png
index c9f60e6..54b765c 100644
Binary files a/static/favicon-96x96.png and b/static/favicon-96x96.png differ
diff --git a/static/site.webmanifest b/static/site.webmanifest
index 5ff237d..65a3110 100644
--- a/static/site.webmanifest
+++ b/static/site.webmanifest
@@ -1,24 +1,24 @@
{
- "$schema": "https://json.schemastore.org/web-manifest-combined.json",
- "name": "Datapack Hub Text Editor",
- "short_name": "Text Editor",
- "icons": [
- {
- "src": "/web-app-manifest-192x192.png",
- "sizes": "192x192",
- "type": "image/png",
- "purpose": "maskable"
- },
- {
- "src": "/web-app-manifest-512x512.png",
- "sizes": "512x512",
- "type": "image/png",
- "purpose": "maskable"
- }
- ],
- "start_url": ".",
- "description": "Minecraft Tellraw Editor for Java Edition. Create colored Minecraft /tellraw, /title, and items with our easy to use editor (especially for datapacks).",
- "theme_color": "#ff631a",
- "background_color": "#27272a",
- "display": "standalone"
+ "$schema": "https://json.schemastore.org/web-manifest-combined.json",
+ "name": "Datapack Hub Text Editor",
+ "short_name": "Text Editor",
+ "icons": [
+ {
+ "src": "/web-app-manifest-192x192.png",
+ "sizes": "192x192",
+ "type": "image/png",
+ "purpose": "maskable"
+ },
+ {
+ "src": "/web-app-manifest-512x512.png",
+ "sizes": "512x512",
+ "type": "image/png",
+ "purpose": "maskable"
+ }
+ ],
+ "start_url": ".",
+ "description": "Minecraft Tellraw Editor for Java Edition. Create colored Minecraft /tellraw, /title, and items with our easy to use editor (especially for datapacks).",
+ "theme_color": "#ff631a",
+ "background_color": "#27272a",
+ "display": "standalone"
}
diff --git a/static/web-app-manifest-192x192.png b/static/web-app-manifest-192x192.png
index ec88993..ebeba25 100644
Binary files a/static/web-app-manifest-192x192.png and b/static/web-app-manifest-192x192.png differ
diff --git a/static/web-app-manifest-512x512.png b/static/web-app-manifest-512x512.png
index 4348216..cd4cc01 100644
Binary files a/static/web-app-manifest-512x512.png and b/static/web-app-manifest-512x512.png differ
diff --git a/svelte.config.js b/svelte.config.js
index 3eba69c..90c0afc 100644
--- a/svelte.config.js
+++ b/svelte.config.js
@@ -3,16 +3,16 @@ import { vitePreprocess } from "@sveltejs/vite-plugin-svelte";
/** @type {import('@sveltejs/kit').Config} */
const config = {
- // Consult https://kit.svelte.dev/docs/integrations#preprocessors
- // for more information about preprocessors
- preprocess: vitePreprocess(),
+ // Consult https://kit.svelte.dev/docs/integrations#preprocessors
+ // for more information about preprocessors
+ preprocess: vitePreprocess(),
- kit: {
- // adapter-auto only supports some environments, see https://kit.svelte.dev/docs/adapter-auto for a list.
- // If your environment is not supported or you settled on a specific environment, switch out the adapter.
- // See https://kit.svelte.dev/docs/adapters for more information about adapters.
- adapter: adapter(),
- },
+ kit: {
+ // adapter-auto only supports some environments, see https://kit.svelte.dev/docs/adapter-auto for a list.
+ // If your environment is not supported or you settled on a specific environment, switch out the adapter.
+ // See https://kit.svelte.dev/docs/adapters for more information about adapters.
+ adapter: adapter(),
+ },
};
export default config;
diff --git a/tsconfig.json b/tsconfig.json
index 0adf17a..0c6600e 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -1,18 +1,18 @@
{
- "extends": "./.svelte-kit/tsconfig.json",
- "compilerOptions": {
- "allowJs": true,
- "checkJs": true,
- "esModuleInterop": true,
- "forceConsistentCasingInFileNames": true,
- "resolveJsonModule": true,
- "skipLibCheck": true,
- "sourceMap": true,
- "strict": true,
- "types": ["unplugin-icons/types/svelte"]
- }
- // Path aliases are handled by https://kit.svelte.dev/docs/configuration#alias
- //
- // If you want to overwrite includes/excludes, make sure to copy over the relevant includes/excludes
- // from the referenced tsconfig.json - TypeScript does not merge them in
+ "extends": "./.svelte-kit/tsconfig.json",
+ "compilerOptions": {
+ "allowJs": true,
+ "checkJs": true,
+ "esModuleInterop": true,
+ "forceConsistentCasingInFileNames": true,
+ "resolveJsonModule": true,
+ "skipLibCheck": true,
+ "sourceMap": true,
+ "strict": true,
+ "types": ["unplugin-icons/types/svelte"]
+ }
+ // Path aliases are handled by https://kit.svelte.dev/docs/configuration#alias
+ //
+ // If you want to overwrite includes/excludes, make sure to copy over the relevant includes/excludes
+ // from the referenced tsconfig.json - TypeScript does not merge them in
}
diff --git a/vite.config.ts b/vite.config.ts
index f43b6dd..3a1dc6c 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -1,34 +1,22 @@
import { svelteTesting } from "@testing-library/svelte/vite";
import { sveltekit } from "@sveltejs/kit/vite";
-import { defineConfig } from "vite";
+import { defineConfig } from "vitest/config";
import Icons from "unplugin-icons/vite";
import tailwindcss from "@tailwindcss/vite";
export default defineConfig({
- plugins: [sveltekit(), Icons({ compiler: "svelte" }), tailwindcss()],
- test: {
- projects: [
- {
- extends: "./vite.config.ts",
- plugins: [svelteTesting()],
- test: {
- name: "client",
- environment: "jsdom",
- clearMocks: true,
- include: ["src/tests/unit/*.svelte.{test,spec}.{js,ts}"],
- exclude: ["src/lib/server/**"],
- setupFiles: ["./vitest-setup-client.ts"],
- },
- },
- {
- extends: "./vite.config.ts",
- test: {
- name: "server",
- environment: "node",
- include: ["src/tests/unit/*.{test,spec}.{js,ts}"],
- exclude: ["src/**/*.svelte.{test,spec}.{js,ts}"],
- },
- },
- ],
- },
+ plugins: [sveltekit(), Icons({ compiler: "svelte" }), tailwindcss()],
+ test: {
+ projects: [
+ {
+ extends: "./vite.config.ts",
+ test: {
+ name: "server",
+ environment: "node",
+ include: ["src/tests/unit/**/*.{test,spec}.{js,ts}"],
+ exclude: ["src/**/*.svelte.{test,spec}.{js,ts}"],
+ },
+ },
+ ],
+ },
});
diff --git a/vitest-setup-client.ts b/vitest-setup-client.ts
deleted file mode 100644
index 4986bd8..0000000
--- a/vitest-setup-client.ts
+++ /dev/null
@@ -1,18 +0,0 @@
-import "@testing-library/jest-dom/vitest";
-import { vi } from "vitest";
-
-// required for svelte5 + jsdom as jsdom does not support matchMedia
-Object.defineProperty(window, "matchMedia", {
- writable: true,
- enumerable: true,
- value: vi.fn().mockImplementation((query) => ({
- matches: false,
- media: query,
- onchange: null,
- addEventListener: vi.fn(),
- removeEventListener: vi.fn(),
- dispatchEvent: vi.fn(),
- })),
-});
-
-// add more mocks here if you need them
- Minecraft Text Editor
-