%sveltekit.body%
-
+
+
+
+ %sveltekit.body%
+
diff --git a/src/app.postcss b/src/app.postcss
index 1b5c3824..888c737e 100644
--- a/src/app.postcss
+++ b/src/app.postcss
@@ -3,8 +3,8 @@
@tailwind utilities;
.input {
- @apply flex-1 border-primary border-solid border-2 rounded;
+ @apply flex-1 border-primary border-solid border-2 rounded;
}
.action-btn {
- @apply btn btn-primary;
+ @apply btn btn-primary;
}
diff --git a/src/env.d.ts b/src/env.d.ts
index 571447df..e3cf245e 100644
--- a/src/env.d.ts
+++ b/src/env.d.ts
@@ -1,14 +1,14 @@
///
- {#if isClipboardAvailable()}
-
- {/if}
-
-
-
-
-
-
-
-
-
-
-
+
+ {#if isClipboardAvailable()}
+
+ {/if}
+
+
+
+
+
+
+
+
+
+
+
-
+
- PNG size
-
+
-
+ PNG size
+
-
+
-
+
- {#if imagemodeselected !== 'auto'}
-
- {/if}
-
+ {#if imagemodeselected !== 'auto'}
+
+ {/if}
+
-
-
-
+
+
+
+
-
-
-
-
- {#if isNetlify}
-
- {/if}
-
+
+
+
+ {#if isNetlify}
+
+ {/if}
+
-
diff --git a/src/lib/components/card/card.test.ts b/src/lib/components/card/card.test.ts
index 98ffccd3..764cad64 100644
--- a/src/lib/components/card/card.test.ts
+++ b/src/lib/components/card/card.test.ts
@@ -3,22 +3,22 @@ import { describe, expect, it, afterEach } from 'vitest';
import Card from './card.svelte';
describe('card.svelte', () => {
- // TODO: @testing-library/svelte claims to add this automatically but it doesn't work without explicit afterEach
- afterEach(() => cleanup());
+ // TODO: @testing-library/svelte claims to add this automatically but it doesn't work without explicit afterEach
+ afterEach(() => cleanup());
- it('mounts', () => {
- const { container } = render(Card, {
- title: 'TabTest',
- tabs: [
- { id: 't1', title: 'title1' },
- { id: 't2', title: 'title2' }
- ]
- });
- expect(container).toBeTruthy();
- expect(container).toHaveTextContent('TabTest');
- expect(container).toHaveTextContent('title1');
- expect(container).toHaveTextContent('title2');
- expect(container).not.toHaveTextContent('title3');
- expect(container.innerHTML).toMatchSnapshot();
- });
+ it('mounts', () => {
+ const { container } = render(Card, {
+ title: 'TabTest',
+ tabs: [
+ { id: 't1', title: 'title1' },
+ { id: 't2', title: 'title2' }
+ ]
+ });
+ expect(container).toBeTruthy();
+ expect(container).toHaveTextContent('TabTest');
+ expect(container).toHaveTextContent('title1');
+ expect(container).toHaveTextContent('title2');
+ expect(container).not.toHaveTextContent('title3');
+ expect(container.innerHTML).toMatchSnapshot();
+ });
});
diff --git a/src/lib/components/card/tabs.svelte b/src/lib/components/card/tabs.svelte
index 433d6628..3c7c8f9d 100644
--- a/src/lib/components/card/tabs.svelte
+++ b/src/lib/components/card/tabs.svelte
@@ -1,52 +1,52 @@
(isOpen = !isOpen)}
- on:keypress={() => (isOpen = !isOpen)}>
-
- {#if isOpen}
-
-
-
-
-
-
- {/if}
+ (isOpen = !isOpen)}
+ on:keypress={() => (isOpen = !isOpen)}>
+
+ {#if isOpen}
+
+
+
+
+
+
+ {/if}
- (isOpen = !isOpen)}
- on:keypress|stopPropagation={() => (isOpen = !isOpen)}>
- {#if isCloseable}
-
- {/if}
- {title}
- {#if isOpen && tabs}
-
diff --git a/src/lib/components/editor.svelte b/src/lib/components/editor.svelte
index fbf4ec49..b84683c8 100644
--- a/src/lib/components/editor.svelte
+++ b/src/lib/components/editor.svelte
@@ -1,115 +1,115 @@
diff --git a/src/lib/components/history/history.svelte b/src/lib/components/history/history.svelte
index 35d3da43..37527bcc 100644
--- a/src/lib/components/history/history.svelte
+++ b/src/lib/components/history/history.svelte
@@ -1,192 +1,192 @@
-
- {#each tabs as tab}
-
toggleTabs(tab)}
- on:keypress|stopPropagation={() => toggleTabs(tab)}>
-
- {tab.title}
-
- {/each}
- -
+ {#each tabs as tab}
+
toggleTabs(tab)}
+ on:keypress|stopPropagation={() => toggleTabs(tab)}>
+
+ {tab.title}
+
+ {/each}
+
-
- {#if $historyStore.length > 0}
-
- {/if}
- |
-
- {#if $historyModeStore !== 'loader'}
-
- {/if}
-
- -
- {#if $historyStore.length > 0}
- {#each $historyStore as { id, state, time, name, url, type }}
-
-
- --- --- - {#if type !== 'loader'} - - {/if} --
- {/each}
- {:else}
-
- No items in History
- Click the Save button to save current state and restore it later.
- Timeline will automatically be saved every minute. -
- {/if}
- - Click the Save button to save current state and restore it later.
- Timeline will automatically be saved every minute. -
+
+ {#if $historyStore.length > 0}
+
+ {/if}
+ |
+
+ {#if $historyModeStore !== 'loader'}
+
+ {/if}
+
+ -
+ {#if $historyStore.length > 0}
+ {#each $historyStore as { id, state, time, name, url, type }}
+
-
+ +++ +++ + {#if type !== 'loader'} + + {/if} ++
+ {/each}
+ {:else}
+
+ No items in History
+ Click the Save button to save current state and restore it later.
+ Timeline will automatically be saved every minute. +
+ {/if}
+ + Click the Save button to save current state and restore it later.
+ Timeline will automatically be saved every minute. +
- {#each diagramOrder as sample}
-
- {/each}
-
+
+ {#each diagramOrder as sample}
+
+ {/each}
+
-
-
diff --git a/src/lib/components/view.svelte b/src/lib/components/view.svelte
index 7807be04..dc5cfc6d 100644
--- a/src/lib/components/view.svelte
+++ b/src/lib/components/view.svelte
@@ -1,157 +1,157 @@
{#if (error && $stateStore.error instanceof Error) || outOfSync}
-
-
- Change Theme
-
-
-
-
-
-
+
+
+
+ Change Theme
+
+
+
+
+
+
- {#if error}
- {$stateStore.error}
- {:else}
- Diagram out of sync.
- Press (Sync button) or {cmdKey} + Enter to sync. - {/if} -
+ - Press (Sync button) or {cmdKey} + Enter to sync. - {/if} -
+ {#if error}
+ {$stateStore.error}
+ {:else}
+ Diagram out of sync.
+ Press (Sync button) or {cmdKey} + Enter to sync. + {/if} +
{/if}
+ Press (Sync button) or {cmdKey} + Enter to sync. + {/if} +
-
+
diff --git a/src/lib/types.d.ts b/src/lib/types.d.ts
index 04da50b8..30f94b9c 100644
--- a/src/lib/types.d.ts
+++ b/src/lib/types.d.ts
@@ -3,81 +3,81 @@
* inside `global.d.ts` and removing `export` keyword
*/
export interface Locals {
- userid: string;
+ userid: string;
}
export interface MarkerData {
- severity: number;
- message: string;
- source?: string;
- startLineNumber: number;
- startColumn: number;
- endLineNumber: number;
- endColumn: number;
+ severity: number;
+ message: string;
+ source?: string;
+ startLineNumber: number;
+ startColumn: number;
+ endLineNumber: number;
+ endColumn: number;
}
export interface TabEvents {
- select: Tab;
+ select: Tab;
}
export interface Tab {
- id: string;
- title: string;
- icon: string;
+ id: string;
+ title: string;
+ icon: string;
}
export interface State {
- code: string;
- mermaid: string;
- updateDiagram: boolean;
- autoSync: boolean;
- editorMode?: EditorMode;
- panZoom?: boolean;
- pan?: { x: number; y: number };
- zoom?: number;
- loader?: LoaderConfig;
+ code: string;
+ mermaid: string;
+ updateDiagram: boolean;
+ autoSync: boolean;
+ editorMode?: EditorMode;
+ panZoom?: boolean;
+ pan?: { x: number; y: number };
+ zoom?: number;
+ loader?: LoaderConfig;
}
export interface ValidatedState extends State {
- editorMode: EditorMode;
- error: unknown;
- errorMarkers: MarkerData[];
- serialized: string;
+ editorMode: EditorMode;
+ error: unknown;
+ errorMarkers: MarkerData[];
+ serialized: string;
}
export interface GistLoaderConfig {
- url: string;
+ url: string;
}
export interface LoadingState {
- loading: boolean;
- message?: string;
+ loading: boolean;
+ message?: string;
}
export interface FileLoaderConfig {
- codeURL: string;
- configURL?: string;
+ codeURL: string;
+ configURL?: string;
}
export interface LoaderConfig {
- type: 'gist' | 'files';
- config: GistLoaderConfig | FileLoaderConfig;
+ type: 'gist' | 'files';
+ config: GistLoaderConfig | FileLoaderConfig;
}
export type HistoryType = 'auto' | 'manual' | 'loader';
export type HistoryEntry = { id: string; state: State; time: number; url?: string } & (
- | {
- type: 'loader';
- name: string;
- }
- | {
- type: HistoryType;
- name?: string;
- }
+ | {
+ type: 'loader';
+ name: string;
+ }
+ | {
+ type: HistoryType;
+ name?: string;
+ }
);
export interface DocConfig {
- [key: string]: {
- code: string;
- config?: string;
- };
+ [key: string]: {
+ code: string;
+ config?: string;
+ };
}
export type EditorMode = 'code' | 'config';
diff --git a/src/lib/util/env.ts b/src/lib/util/env.ts
index f5738f65..2c14a52e 100644
--- a/src/lib/util/env.ts
+++ b/src/lib/util/env.ts
@@ -1,9 +1,9 @@
export const env = {
- rendererUrl: import.meta.env.MERMAID_RENDERER_URL ?? 'https://mermaid.ink',
- krokiRendererUrl: import.meta.env.MERMAID_KROKI_RENDERER_URL ?? 'https://kroki.io',
- mermaidCDNUrl: import.meta.env.MERMAID_CDN_URL ?? 'https://unpkg.com/@mermaid-js',
- mermaidBaseURL: import.meta.env.MERMAID_BASE_URL ?? 'http://localhost:9000',
- useLocalMermaid: import.meta.env.MERMAID_LOCAL ?? false,
- isDev: import.meta.env.DEV,
- baseURL: import.meta.env.BASE_URL
+ rendererUrl: import.meta.env.MERMAID_RENDERER_URL ?? 'https://mermaid.ink',
+ krokiRendererUrl: import.meta.env.MERMAID_KROKI_RENDERER_URL ?? 'https://kroki.io',
+ mermaidCDNUrl: import.meta.env.MERMAID_CDN_URL ?? 'https://unpkg.com/@mermaid-js',
+ mermaidBaseURL: import.meta.env.MERMAID_BASE_URL ?? 'http://localhost:9000',
+ useLocalMermaid: import.meta.env.MERMAID_LOCAL ?? false,
+ isDev: import.meta.env.DEV,
+ baseURL: import.meta.env.BASE_URL
};
diff --git a/src/lib/util/fileLoaders/gist.ts b/src/lib/util/fileLoaders/gist.ts
index 6304f9c5..f2cb7ed9 100644
--- a/src/lib/util/fileLoaders/gist.ts
+++ b/src/lib/util/fileLoaders/gist.ts
@@ -10,98 +10,98 @@ const codeFileName = 'code.mmd';
const configFileName = 'config.json';
const isValidGist = (files: any): boolean => {
- return codeFileName in files;
+ return codeFileName in files;
};
const getFileContent = async (file: any): Promise
-
+
-
-
- {$loadingStateStore.message}
-
+
{/if}
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index ca9daa13..4a12a8b8 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -1,17 +1,17 @@
diff --git a/src/routes/edit/+page.svelte b/src/routes/edit/+page.svelte
index 19293e86..e3977afa 100644
--- a/src/routes/edit/+page.svelte
+++ b/src/routes/edit/+page.svelte
@@ -1,202 +1,202 @@
+
+
+ {$loadingStateStore.message}
+
-
diff --git a/src/routes/view/+page.svelte b/src/routes/view/+page.svelte
index 216251f0..8de80023 100644
--- a/src/routes/view/+page.svelte
+++ b/src/routes/view/+page.svelte
@@ -1,8 +1,8 @@
-
-
-
+
+
-
+
-
-
+
+
-
-
+
+
-
+
+
+
+
+
- {#if !$stateStore.autoSync}
-
- {/if}
+ {#if !$stateStore.autoSync}
+
+ {/if}
-
-
-
-
-
-
+
+
-
- Full screen
-
+
+
+
+
+
-
-
+
+ Full screen
+
-
-
-
- Code editing not supported on mobile. Please use a desktop browser.
-
-
+
+
+ Code editing not supported on mobile. Please use a desktop browser.
+
+