{#if status === 'success'}
-
+
-
-
+
-
+
{title}
{#if pillText}
-
+
{pillText}
{/if}
@@ -83,22 +69,17 @@
{timing}ms
{/if}
{timing}ms
{/if}
- {#if readonly}
-
-
diff --git a/playground/src/lib/components/Header.svelte b/playground/src/lib/components/Header.svelte
index d41a817..6a1d78b 100644
--- a/playground/src/lib/components/Header.svelte
+++ b/playground/src/lib/components/Header.svelte
@@ -1,26 +1,21 @@
-
- {:else}
-
- {/if}
+ {readonly}
+ class="text-sm"
+ />
+ {value}
-
-
+
+
diff --git a/playground/src/lib/components/Playground.svelte b/playground/src/lib/components/Playground.svelte
index d0c3cf5..d88aeed 100644
--- a/playground/src/lib/components/Playground.svelte
+++ b/playground/src/lib/components/Playground.svelte
@@ -1,18 +1,20 @@
-
-
- {#snippet headerActions()}
-
- {/snippet}
-
+
+
+
diff --git a/playground/src/lib/icons/MinusCircleIcon.svelte b/playground/src/lib/icons/MinusCircleIcon.svelte
new file mode 100644
index 0000000..910b505
--- /dev/null
+++ b/playground/src/lib/icons/MinusCircleIcon.svelte
@@ -0,0 +1,14 @@
+
+
+
diff --git a/playground/src/lib/icons/XCircleIcon.svelte b/playground/src/lib/icons/XCircleIcon.svelte
new file mode 100644
index 0000000..562f888
--- /dev/null
+++ b/playground/src/lib/icons/XCircleIcon.svelte
@@ -0,0 +1,18 @@
+
+
+
diff --git a/playground/src/lib/wasm.ts b/playground/src/lib/wasm.ts
index d537842..431cb3a 100644
--- a/playground/src/lib/wasm.ts
+++ b/playground/src/lib/wasm.ts
@@ -1,74 +1,99 @@
-import { readable } from 'svelte/store';
+import { readable } from "svelte/store";
declare global {
- interface Window {
- Go: {
- new (): {
- run: (inst: WebAssembly.Instance) => Promise;
- importObject: WebAssembly.Imports;
- };
- };
- markaParseFile: (input: string) => string;
- markaParseFileWithTemplate: (markdown: string, template: string) => string;
- markaListTemplates: () => string;
- markaGetTemplate: (name: string) => string;
- }
+ interface Window {
+ Go: {
+ new(): {
+ run: (inst: WebAssembly.Instance) => Promise;
+ importObject: WebAssembly.Imports;
+ };
+ };
+ markaMatchBlocks: (input: string) => unknown;
+ markaParseFile: (input: string) => string;
+ markaParseFileWithTemplate: (markdown: string, template: string) => string;
+ markaListTemplates: () => string;
+ markaGetTemplate: (name: string) => string;
+ }
}
export const wasmReady = readable(false, (set) => {
- if (typeof window === 'undefined') {
- return;
- }
+ if (typeof window === "undefined") {
+ return;
+ }
- const loadWasm = async () => {
- const go = new window.Go();
- try {
- const result = await WebAssembly.instantiateStreaming(fetch('/main.wasm'), go.importObject);
- go.run(result.instance);
- set(true);
- } catch (error) {
- console.error('Error loading wasm module:', error);
- }
- };
+ const loadWasm = async () => {
+ const go = new window.Go();
+ try {
+ const result = await WebAssembly.instantiateStreaming(
+ fetch("/main.wasm"),
+ go.importObject,
+ );
+ go.run(result.instance);
+ set(true);
+ } catch (error) {
+ console.error("Error loading wasm module:", error);
+ }
+ };
- if (document.readyState === 'complete') {
- loadWasm();
- } else {
- window.addEventListener('load', loadWasm);
- }
+ if (document.readyState === "complete") {
+ loadWasm();
+ } else {
+ window.addEventListener("load", loadWasm);
+ }
});
-export interface ParseResult {
- data: unknown;
- timings: { [key: string]: number };
-}
+export type ParseResultSuccess = {
+ data: unknown;
+ timings: { [key: string]: number };
+};
+
+export type ParseResultError = {
+ error: string;
+};
+
+export type ParseResult = ParseResultSuccess | ParseResultError;
+
export function parseMarkdown(markdown: string): ParseResult {
- if (typeof window.markaParseFile !== 'function') {
- throw new Error('Wasm module not ready');
- }
- const result = window.markaParseFile(markdown);
- return JSON.parse(result);
+ if (typeof window.markaParseFile !== "function") {
+ throw new Error("Wasm module not ready");
+ }
+ const result = window.markaParseFile(markdown);
+ if (result.error) return result;
+ return JSON.parse(result);
}
-export function parseMarkdownWithTemplate(markdown: string, template: string): ParseResult {
- if (typeof window.markaParseFileWithTemplate !== 'function') {
- throw new Error('Wasm module not ready');
- }
- const result = window.markaParseFileWithTemplate(markdown, template);
- return JSON.parse(result);
+export function matchBlocks(markdown: string): ParseResult {
+ if (typeof window.markaMatchBlocks !== "function") {
+ throw new Error("Wasm module not ready");
+ }
+ const result = window.markaMatchBlocks(markdown) as ParseResult;
+ if (result.error) return result;
+ return JSON.parse(result);
+}
+
+export function parseMarkdownWithTemplate(
+ markdown: string,
+ template: string,
+): ParseResult {
+ if (typeof window.markaParseFileWithTemplate !== "function") {
+ throw new Error("Wasm module not ready");
+ }
+ const result = window.markaParseFileWithTemplate(markdown, template);
+ if (result.error) return result;
+ return JSON.parse(result);
}
export function listTemplates(): string[] {
- if (typeof window.markaListTemplates !== 'function') {
- throw new Error('Wasm module not ready');
- }
- const result = window.markaListTemplates();
- return JSON.parse(result);
+ if (typeof window.markaListTemplates !== "function") {
+ throw new Error("Wasm module not ready");
+ }
+ const result = window.markaListTemplates();
+ return JSON.parse(result);
}
export function getTemplate(name: string): string {
- if (typeof window.markaGetTemplate !== 'function') {
- throw new Error('Wasm module not ready');
- }
- return window.markaGetTemplate(name);
+ if (typeof window.markaGetTemplate !== "function") {
+ throw new Error("Wasm module not ready");
+ }
+ return window.markaGetTemplate(name);
}
diff --git a/playground/src/routes/+layout.svelte b/playground/src/routes/+layout.svelte
index 7b3d426..90a1632 100644
--- a/playground/src/routes/+layout.svelte
+++ b/playground/src/routes/+layout.svelte
@@ -1,12 +1,13 @@
+ Marka Playground
diff --git a/playground/src/routes/+page.svelte b/playground/src/routes/+page.svelte
index f536497..1e54ebe 100644
--- a/playground/src/routes/+page.svelte
+++ b/playground/src/routes/+page.svelte
@@ -5,7 +5,9 @@
+
diff --git a/playground/src/lib/icons/CheckCircleIcon.svelte b/playground/src/lib/icons/CheckCircleIcon.svelte
new file mode 100644
index 0000000..4c37324
--- /dev/null
+++ b/playground/src/lib/icons/CheckCircleIcon.svelte
@@ -0,0 +1,18 @@
+
+
+
diff --git a/playground/src/lib/icons/Logo.svelte b/playground/src/lib/icons/Logo.svelte
new file mode 100644
index 0000000..fa4e15f
--- /dev/null
+++ b/playground/src/lib/icons/Logo.svelte
@@ -0,0 +1,10 @@
+
+
+ {#snippet headerActions()}
+
+ {/snippet}
+
-
+ {#snippet headerActions()}
+
+ {/snippet}
+
-
+
+
diff --git a/playground/src/lib/icons/MinusCircleIcon.svelte b/playground/src/lib/icons/MinusCircleIcon.svelte
new file mode 100644
index 0000000..910b505
--- /dev/null
+++ b/playground/src/lib/icons/MinusCircleIcon.svelte
@@ -0,0 +1,14 @@
+
+
+
diff --git a/playground/src/lib/icons/XCircleIcon.svelte b/playground/src/lib/icons/XCircleIcon.svelte
new file mode 100644
index 0000000..562f888
--- /dev/null
+++ b/playground/src/lib/icons/XCircleIcon.svelte
@@ -0,0 +1,18 @@
+
+
+
diff --git a/playground/src/lib/wasm.ts b/playground/src/lib/wasm.ts
index d537842..431cb3a 100644
--- a/playground/src/lib/wasm.ts
+++ b/playground/src/lib/wasm.ts
@@ -1,74 +1,99 @@
-import { readable } from 'svelte/store';
+import { readable } from "svelte/store";
declare global {
- interface Window {
- Go: {
- new (): {
- run: (inst: WebAssembly.Instance) => Promise
+