-{/if}
-
diff --git a/src/components/TextArea.svelte b/src/components/TextArea.svelte
deleted file mode 100644
index 6296e78..0000000
--- a/src/components/TextArea.svelte
+++ /dev/null
@@ -1,29 +0,0 @@
-
-
-{#if labelText !== ""}
-
-{/if}
-
-
-
-
diff --git a/src/components/url-store.ts b/src/components/url-store.ts
deleted file mode 100644
index d6e8100..0000000
--- a/src/components/url-store.ts
+++ /dev/null
@@ -1,31 +0,0 @@
-// Original source: github.com/bluwy/svelte-url/blob/master/src/url.js
-
-import { derived, writable } from "svelte/store";
-
-export function createUrlStore() {
- const href = writable(window.location.href);
-
- const originalPushState = history.pushState;
- const originalReplaceState = history.replaceState;
-
- const updateHref = () => href.set(window.location.href);
-
- history.pushState = function (data, unused, url) {
- originalPushState.apply(this, [data, unused, url]);
- updateHref();
- };
-
- history.replaceState = function (data, unused, url) {
- originalReplaceState.apply(this, [data, unused, url]);
- updateHref();
- };
-
- window.addEventListener("popstate", updateHref);
- window.addEventListener("hashchange", updateHref);
-
- return {
- subscribe: derived(href, ($href) => new URL($href)).subscribe,
- };
-}
-
-export default createUrlStore();
diff --git a/src/index.test.ts b/src/index.test.ts
new file mode 100644
index 0000000..32de14e
--- /dev/null
+++ b/src/index.test.ts
@@ -0,0 +1,7 @@
+import { expect, it } from 'vitest';
+import { doManipulation } from '$lib/manipulations';
+
+it('Test replace manipulation', () => {
+ expect(doManipulation('\\3', { type: 'replace', from: '\\\\3', to: 'result' })).eq('result');
+ expect(doManipulation('\\', { type: 'replace', from: '\\\\', to: 'result' })).eq('result');
+});
diff --git a/src/lib/components/Heading.svelte b/src/lib/components/Heading.svelte
new file mode 100644
index 0000000..d52ecca
--- /dev/null
+++ b/src/lib/components/Heading.svelte
@@ -0,0 +1,12 @@
+
+
+{text}
+
+
diff --git a/src/lib/components/Link.svelte b/src/lib/components/Link.svelte
new file mode 100644
index 0000000..2022375
--- /dev/null
+++ b/src/lib/components/Link.svelte
@@ -0,0 +1,12 @@
+
+
+
+
+
diff --git a/src/lib/components/TextArea.svelte b/src/lib/components/TextArea.svelte
new file mode 100644
index 0000000..98513c1
--- /dev/null
+++ b/src/lib/components/TextArea.svelte
@@ -0,0 +1,29 @@
+
+
+{#if labelText !== ''}
+
+{/if}
+
+
+
+
diff --git a/src/lib/index.ts b/src/lib/index.ts
new file mode 100644
index 0000000..856f2b6
--- /dev/null
+++ b/src/lib/index.ts
@@ -0,0 +1 @@
+// place files you want to import through the `$lib` alias in this folder.
diff --git a/src/lib/manipulations/components/AddManipulation.svelte b/src/lib/manipulations/components/AddManipulation.svelte
new file mode 100644
index 0000000..42e1b3e
--- /dev/null
+++ b/src/lib/manipulations/components/AddManipulation.svelte
@@ -0,0 +1,94 @@
+
+
+
diff --git a/src/lib/manipulations/components/Append.svelte b/src/lib/manipulations/components/Append.svelte
new file mode 100644
index 0000000..3e1274d
--- /dev/null
+++ b/src/lib/manipulations/components/Append.svelte
@@ -0,0 +1,24 @@
+
+
+
+
+
+ Suffix
+
+
+
diff --git a/src/lib/manipulations/components/Compose.svelte b/src/lib/manipulations/components/Compose.svelte
new file mode 100644
index 0000000..670d789
--- /dev/null
+++ b/src/lib/manipulations/components/Compose.svelte
@@ -0,0 +1,30 @@
+
+
+
+
+
+ Replace placeholder in pattern
+
+
+
+
diff --git a/src/lib/manipulations/components/Manipulation.svelte b/src/lib/manipulations/components/Manipulation.svelte
new file mode 100644
index 0000000..2266791
--- /dev/null
+++ b/src/lib/manipulations/components/Manipulation.svelte
@@ -0,0 +1,99 @@
+
+
+
+ {#if manipulation.type == 'replace'}
+
+ {:else if manipulation.type == 'prepend'}
+
+ {:else if manipulation.type == 'append'}
+
+ {:else if manipulation.type == 'splitGetFromIndex'}
+
+ {:else if manipulation.type == 'compose'}
+
+ {:else if manipulation.type == 'slice'}
+
+ {:else if manipulation.type == 'splitCompose'}
+
+ {:else if manipulation.type == 'splitJoin'}
+
+ {/if}
+
+
+ {#each manipulations as manipulation (manipulation.id)}
+
+ {/each}
+
+
+
+
+
diff --git a/src/lib/manipulations/components/Prepend.svelte b/src/lib/manipulations/components/Prepend.svelte
new file mode 100644
index 0000000..4e1b9d7
--- /dev/null
+++ b/src/lib/manipulations/components/Prepend.svelte
@@ -0,0 +1,24 @@
+
+
+
+
+
+ Prefix
+
+
+
diff --git a/src/lib/manipulations/components/Replace.svelte b/src/lib/manipulations/components/Replace.svelte
new file mode 100644
index 0000000..cba3a66
--- /dev/null
+++ b/src/lib/manipulations/components/Replace.svelte
@@ -0,0 +1,25 @@
+
+
+
+
+
+ Replace from to
+
+
+
diff --git a/src/lib/manipulations/components/Slice.svelte b/src/lib/manipulations/components/Slice.svelte
new file mode 100644
index 0000000..57377f0
--- /dev/null
+++ b/src/lib/manipulations/components/Slice.svelte
@@ -0,0 +1,26 @@
+
+
+
+
+
+ Slice from to
+
+
+
+
diff --git a/src/lib/manipulations/components/SplitCompose.svelte b/src/lib/manipulations/components/SplitCompose.svelte
new file mode 100644
index 0000000..95af536
--- /dev/null
+++ b/src/lib/manipulations/components/SplitCompose.svelte
@@ -0,0 +1,32 @@
+
+
+
+
+
+ Split by and replace placeholder
+ in pattern
+
+
+
diff --git a/src/lib/manipulations/components/SplitGetFromIndex.svelte b/src/lib/manipulations/components/SplitGetFromIndex.svelte
new file mode 100644
index 0000000..76de7b1
--- /dev/null
+++ b/src/lib/manipulations/components/SplitGetFromIndex.svelte
@@ -0,0 +1,31 @@
+
+
+
+
+
+ Split by get from
+
+
+
diff --git a/src/lib/manipulations/components/SplitJoin.svelte b/src/lib/manipulations/components/SplitJoin.svelte
new file mode 100644
index 0000000..165708a
--- /dev/null
+++ b/src/lib/manipulations/components/SplitJoin.svelte
@@ -0,0 +1,52 @@
+
+
+
+
+
+
+
diff --git a/src/lib/manipulations/index.ts b/src/lib/manipulations/index.ts
new file mode 100644
index 0000000..efc2bf8
--- /dev/null
+++ b/src/lib/manipulations/index.ts
@@ -0,0 +1,146 @@
+import Append, { type AppendManipulation } from './components/Append.svelte';
+import Compose, { type ComposeManipulation } from './components/Compose.svelte';
+import Prepend, { type PrependManipulation } from './components/Prepend.svelte';
+import Replace, { type ReplaceManipulation } from './components/Replace.svelte';
+import Slice, { type SliceManipulation } from './components/Slice.svelte';
+import SplitCompose, { type SplitComposeManipulation } from './components/SplitCompose.svelte';
+import SplitGetFromIndex, {
+ type SplitGetFromIndexManipulation
+} from './components/SplitGetFromIndex.svelte';
+import SplitJoin, { type SplitJoinManipulation } from './components/SplitJoin.svelte';
+
+import AddManipulation from './components/AddManipulation.svelte';
+import Manipulation from './components/Manipulation.svelte';
+import ManipulationsList from './components/ManipulationsList.svelte';
+
+// Re-export components
+export {
+ Append,
+ Compose,
+ Prepend,
+ Replace,
+ Slice,
+ SplitCompose,
+ SplitGetFromIndex,
+ SplitJoin,
+ Manipulation,
+ AddManipulation,
+ ManipulationsList
+};
+
+export interface ManipulationBase {
+ id?: string;
+}
+
+// Union type for all manipulations
+export type TManipulation =
+ | AppendManipulation
+ | ComposeManipulation
+ | PrependManipulation
+ | ReplaceManipulation
+ | SliceManipulation
+ | SplitComposeManipulation
+ | SplitGetFromIndexManipulation
+ | SplitJoinManipulation;
+
+// Supported manupulations to use in splitJoin
+export type InnerSplitJoinManipulation = TManipulation;
+
+function prepareInput(input: string): string {
+ const stuffToReplace = [
+ ['\\\\n', '\n'],
+ ['\\\\t', '\t']
+ ];
+
+ const preparedInput = stuffToReplace.reduce((previousResult, currentValue) => {
+ return previousResult.replaceAll(new RegExp(currentValue[0], 'g'), currentValue[1]);
+ }, input);
+
+ return preparedInput;
+}
+
+export function applyManipulations(source: string, manipulations: TManipulation[]): string {
+ return manipulations.reduce((previousResult, curentManipulation) => {
+ return doManipulation(previousResult, curentManipulation);
+ }, source);
+}
+
+// Function to apply manipulations
+export function doManipulation(input: string, manipulation: TManipulation): string {
+ const result = doManipulationInner(input, manipulation);
+
+ console.log(`${input.replaceAll('\n', '\\n')} -> ${JSON.stringify(manipulation)} => ${result}}`);
+
+ return result;
+}
+
+function doManipulationInner(input: string, manipulation: TManipulation): string {
+ try {
+ switch (manipulation.type) {
+ case 'replace': {
+ if (manipulation.from === '') return input;
+
+ return input.replaceAll(
+ new RegExp(prepareInput(manipulation.from), 'g'),
+ prepareInput(manipulation.to)
+ );
+ }
+ case 'append': {
+ return input + prepareInput(manipulation.suffix);
+ }
+ case 'prepend': {
+ return prepareInput(manipulation.prefix) + input;
+ }
+ case 'splitGetFromIndex': {
+ if (manipulation.splitString.length === 0) return input;
+ const splittedInput = input.split(manipulation.splitString);
+
+ if (splittedInput.length - 1 >= manipulation.index) {
+ return splittedInput[manipulation.index];
+ }
+
+ return input;
+ }
+ case 'compose': {
+ return prepareInput(manipulation.pattern).replaceAll(manipulation.placeholder, input);
+ }
+ case 'slice': {
+ if (manipulation.end === null) {
+ return input.slice(manipulation.start);
+ }
+ return input.slice(manipulation.start, manipulation.end);
+ }
+ case 'splitCompose': {
+ if (manipulation.splitString.length === 0) return input;
+ const splittedInput = input.split(manipulation.splitString);
+
+ if (splittedInput.length === 1) return input;
+
+ return splittedInput.reduce((previousResult, currentValue, currentIndex) => {
+ const placeholderWithIndex = manipulation.placeholder.replaceAll(
+ 'd',
+ currentIndex.toString()
+ );
+ return previousResult.replaceAll(placeholderWithIndex, currentValue);
+ }, manipulation.pattern);
+ }
+ case 'splitJoin': {
+ return input
+ .split(prepareInput(manipulation.splitString))
+ .map((value) => {
+ return applyManipulations(value, manipulation.innerManipulations);
+ })
+ .join(prepareInput(manipulation.joinString));
+ }
+ }
+ } catch (exception) {
+ if (exception instanceof Error) {
+ console.log(
+ `Exception occured with manipulation ${JSON.stringify(
+ manipulation
+ )}: ${exception.toString()}`
+ );
+ }
+ return input;
+ }
+}
diff --git a/src/main.ts b/src/main.ts
deleted file mode 100644
index 8fc9cd5..0000000
--- a/src/main.ts
+++ /dev/null
@@ -1,8 +0,0 @@
-import App from "./App.svelte";
-import "./app.css";
-
-const app = new App({
- target: document.getElementById("app") as HTMLElement,
-});
-
-export default app;
diff --git a/src/manipulations/components/AddManipulation.svelte b/src/manipulations/components/AddManipulation.svelte
deleted file mode 100644
index 36c401b..0000000
--- a/src/manipulations/components/AddManipulation.svelte
+++ /dev/null
@@ -1,71 +0,0 @@
-
-
-
-
diff --git a/src/manipulations/components/Append.svelte b/src/manipulations/components/Append.svelte
deleted file mode 100644
index 26fd0d1..0000000
--- a/src/manipulations/components/Append.svelte
+++ /dev/null
@@ -1,24 +0,0 @@
-
-
-
-
-
- Suffix
-
-
-
\ No newline at end of file
diff --git a/src/manipulations/components/Compose.svelte b/src/manipulations/components/Compose.svelte
deleted file mode 100644
index 5386f42..0000000
--- a/src/manipulations/components/Compose.svelte
+++ /dev/null
@@ -1,25 +0,0 @@
-
-
-
-
-
- Replace placeholder in pattern
-
-
-
diff --git a/src/manipulations/components/Manipulation.svelte b/src/manipulations/components/Manipulation.svelte
deleted file mode 100644
index 966f2d8..0000000
--- a/src/manipulations/components/Manipulation.svelte
+++ /dev/null
@@ -1,78 +0,0 @@
-
-
-
- {#if manipulation.type == "replace"}
-
- {:else if manipulation.type == "prepend"}
-
- {:else if manipulation.type == "append"}
-
- {:else if manipulation.type == "splitGetFromIndex"}
-
- {:else if manipulation.type == "compose"}
-
- {:else if manipulation.type == "slice"}
-
- {:else if manipulation.type == "splitCompose"}
-
- {:else if manipulation.type == "splitJoin"}
-
- {/if}
-
-
- {#each manipulations as manipulation (manipulation.id)}
-
- {/each}
-
-
-
-
-
\ No newline at end of file
diff --git a/src/manipulations/components/Prepend.svelte b/src/manipulations/components/Prepend.svelte
deleted file mode 100644
index 6ec9683..0000000
--- a/src/manipulations/components/Prepend.svelte
+++ /dev/null
@@ -1,25 +0,0 @@
-
-
-
-
-
- Prefix
-
-
-
-
diff --git a/src/manipulations/components/Replace.svelte b/src/manipulations/components/Replace.svelte
deleted file mode 100644
index f832838..0000000
--- a/src/manipulations/components/Replace.svelte
+++ /dev/null
@@ -1,26 +0,0 @@
-
-
-
-
-
- Replace from to
-
-
-
-
diff --git a/src/manipulations/components/Slice.svelte b/src/manipulations/components/Slice.svelte
deleted file mode 100644
index ddf13fc..0000000
--- a/src/manipulations/components/Slice.svelte
+++ /dev/null
@@ -1,25 +0,0 @@
-
-
-
-
-
- Slice from to
-
-
-
diff --git a/src/manipulations/components/SplitCompose.svelte b/src/manipulations/components/SplitCompose.svelte
deleted file mode 100644
index 4733317..0000000
--- a/src/manipulations/components/SplitCompose.svelte
+++ /dev/null
@@ -1,26 +0,0 @@
-
-
-
-
-
- Split by and replace placeholder in pattern
-
-
-
diff --git a/src/manipulations/components/SplitGetFromIndex.svelte b/src/manipulations/components/SplitGetFromIndex.svelte
deleted file mode 100644
index ce06772..0000000
--- a/src/manipulations/components/SplitGetFromIndex.svelte
+++ /dev/null
@@ -1,25 +0,0 @@
-
-
-
-
-
- Split by get from
-
-
-
diff --git a/src/manipulations/components/SplitJoin.svelte b/src/manipulations/components/SplitJoin.svelte
deleted file mode 100644
index f9c2701..0000000
--- a/src/manipulations/components/SplitJoin.svelte
+++ /dev/null
@@ -1,48 +0,0 @@
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/src/manipulations/index.ts b/src/manipulations/index.ts
deleted file mode 100644
index 10bf860..0000000
--- a/src/manipulations/index.ts
+++ /dev/null
@@ -1,178 +0,0 @@
-import Append, { type AppendManipulation } from "./components/Append.svelte";
-import Compose, { type ComposeManipulation } from "./components/Compose.svelte";
-import Prepend, { type PrependManipulation } from "./components/Prepend.svelte";
-import Replace, { type ReplaceManipulation } from "./components/Replace.svelte";
-import Slice, { type SliceManipulation } from "./components/Slice.svelte";
-import SplitCompose, {
- type SplitComposeManipulation,
-} from "./components/SplitCompose.svelte";
-import SplitGetFromIndex, {
- type SplitGetFromIndexManipulation,
-} from "./components/SplitGetFromIndex.svelte";
-import SplitJoin, {
- type SplitJoinManipulation,
-} from "./components/SplitJoin.svelte";
-
-import AddManipulation from "./components/AddManipulation.svelte";
-import Manipulation from "./components/Manipulation.svelte";
-import ManipulationsList from "./components/ManipulationsList.svelte";
-
-// Re-export components
-export {
- Append,
- Compose,
- Prepend,
- Replace,
- Slice,
- SplitCompose,
- SplitGetFromIndex,
- SplitJoin,
- Manipulation,
- AddManipulation,
- ManipulationsList,
-};
-
-export interface ManipulationBase {
- id?: string;
-}
-
-// Union type for all manipulations
-export type TManipulation =
- | AppendManipulation
- | ComposeManipulation
- | PrependManipulation
- | ReplaceManipulation
- | SliceManipulation
- | SplitComposeManipulation
- | SplitGetFromIndexManipulation
- | SplitJoinManipulation;
-
-// Supported manupulations to use in splitJoin
-export type InnerSplitJoinManipulation = TManipulation;
-
-function prepareInput(input: string): string {
- const stuffToReplace = [
- ["\\\\n", "\n"],
- ["\\\\t", "\t"],
- ];
-
- const preparedInput = stuffToReplace.reduce(
- (previousResult, currentValue, index, array) => {
- return previousResult.replaceAll(
- new RegExp(currentValue[0], "g"),
- currentValue[1],
- );
- },
- input,
- );
-
- return preparedInput;
-}
-
-export function applyManipulations(
- source: string,
- manipulations: TManipulation[],
-): string {
- return manipulations.reduce((previousResult, curentManipulation) => {
- return doManipulation(previousResult, curentManipulation);
- }, source);
-}
-
-// Function to apply manipulations
-export function doManipulation(
- input: string,
- manipulation: TManipulation,
-): string {
- const result = doManipulationInner(input, manipulation);
-
- console.log(
- `${input.replaceAll("\n", "\\n")} -> ${JSON.stringify(
- manipulation,
- )} => ${result}}`,
- );
-
- return result;
-}
-
-function doManipulationInner(
- input: string,
- manipulation: TManipulation,
-): string {
- try {
- switch (manipulation.type) {
- case "replace": {
- if (manipulation.from === "") return input;
-
- return input.replaceAll(
- new RegExp(prepareInput(manipulation.from), "g"),
- prepareInput(manipulation.to),
- );
- }
- case "append": {
- return input + prepareInput(manipulation.suffix);
- }
- case "prepend": {
- return prepareInput(manipulation.prefix) + input;
- }
- case "splitGetFromIndex": {
- if (manipulation.splitString.length === 0) return input;
- const splittedInput = input.split(manipulation.splitString);
-
- if (splittedInput.length - 1 >= manipulation.index) {
- return splittedInput[manipulation.index];
- }
-
- return input;
- }
- case "compose": {
- return prepareInput(manipulation.pattern).replaceAll(
- manipulation.placeholder,
- input,
- );
- }
- case "slice": {
- if (manipulation.end === null) {
- return input.slice(manipulation.start);
- }
- return input.slice(manipulation.start, manipulation.end);
- }
- case "splitCompose": {
- if (manipulation.splitString.length === 0) return input;
- const splittedInput = input.split(manipulation.splitString);
-
- if (splittedInput.length === 1) return input;
-
- return splittedInput.reduce(
- (previousResult, currentValue, currentIndex, array) => {
- const placeholderWithIndex = manipulation.placeholder.replaceAll(
- "d",
- currentIndex.toString(),
- );
- return previousResult.replaceAll(
- placeholderWithIndex,
- currentValue,
- );
- },
- manipulation.pattern,
- );
- }
- case "splitJoin": {
- return input
- .split(prepareInput(manipulation.splitString))
- .map((value, index, array) => {
- return applyManipulations(value, manipulation.innerManipulations);
- })
- .join(prepareInput(manipulation.joinString));
- }
- }
- } catch (exception) {
- if (exception instanceof Error) {
- console.log(
- `Exception occured with manipulation ${JSON.stringify(
- manipulation,
- )}: ${exception.toString()}`,
- );
- }
- return input;
- }
-}
diff --git a/src/pages/App/App.svelte b/src/pages/App/App.svelte
deleted file mode 100644
index 7ddd90c..0000000
--- a/src/pages/App/App.svelte
+++ /dev/null
@@ -1,66 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/src/pages/App/index.ts b/src/pages/App/index.ts
deleted file mode 100644
index d9774c0..0000000
--- a/src/pages/App/index.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-import App from "./App.svelte";
-
-export default App;
diff --git a/src/pages/Docs/Docs.svelte b/src/pages/Docs/Docs.svelte
deleted file mode 100644
index 10eb8d2..0000000
--- a/src/pages/Docs/Docs.svelte
+++ /dev/null
@@ -1,107 +0,0 @@
-
-
-
-
-
Docs
- Go to app
-
-
- {#each manipulationsDocs as doc (doc.name)}
-
{doc.name}
-
-
-
-
-
- {/each}
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/src/pages/Docs/index.ts b/src/pages/Docs/index.ts
deleted file mode 100644
index 6bf72e4..0000000
--- a/src/pages/Docs/index.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-import Docs from "./Docs.svelte";
-
-export default Docs;
diff --git a/src/routes/+layout.ts b/src/routes/+layout.ts
new file mode 100644
index 0000000..189f71e
--- /dev/null
+++ b/src/routes/+layout.ts
@@ -0,0 +1 @@
+export const prerender = true;
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
new file mode 100644
index 0000000..ce95c63
--- /dev/null
+++ b/src/routes/+page.svelte
@@ -0,0 +1,73 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/routes/docs/+page.svelte b/src/routes/docs/+page.svelte
new file mode 100644
index 0000000..95a6a8d
--- /dev/null
+++ b/src/routes/docs/+page.svelte
@@ -0,0 +1,125 @@
+
+
+
+
+
Docs
+ Go to app
+
+
+ {#each manipulationsDocs as doc (doc.name)}
+
{doc.name}
+
+
+
+
+
+ {/each}
+
+
+
+
+
+
+
diff --git a/src/vite-env.d.ts b/src/vite-env.d.ts
deleted file mode 100644
index 4078e74..0000000
--- a/src/vite-env.d.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-///
-///
diff --git a/static/app.css b/static/app.css
new file mode 100644
index 0000000..6fcc0bf
--- /dev/null
+++ b/static/app.css
@@ -0,0 +1,11 @@
+html {
+ --bg-color-100: hsl(157, 100%, 90%);
+ --border-color-100: hsl(157, 100%, 10%);
+
+ --text-color: hsl(157, 100%, 10%);
+}
+
+body {
+ background-color: var(--bg-color-100);
+ font-family: monospace;
+}
diff --git a/static/favicon.png b/static/favicon.png
new file mode 100644
index 0000000..825b9e6
Binary files /dev/null and b/static/favicon.png differ
diff --git a/public/lines.svg b/static/lines.svg
similarity index 100%
rename from public/lines.svg
rename to static/lines.svg
diff --git a/public/reset.css b/static/reset.css
similarity index 60%
rename from public/reset.css
rename to static/reset.css
index 371e08e..8d6a745 100644
--- a/public/reset.css
+++ b/static/reset.css
@@ -2,71 +2,88 @@
*,
*::before,
*::after {
- box-sizing: border-box;
+ box-sizing: border-box;
}
/* Prevent font size inflation */
html {
- -moz-text-size-adjust: none;
- -webkit-text-size-adjust: none;
- text-size-adjust: none;
+ -moz-text-size-adjust: none;
+ -webkit-text-size-adjust: none;
+ text-size-adjust: none;
}
/* Remove default margin in favour of better control in authored CSS */
-body, h1, h2, h3, h4, p,
-figure, blockquote, dl, dd {
- margin: 0;
+body,
+h1,
+h2,
+h3,
+h4,
+p,
+figure,
+blockquote,
+dl,
+dd {
+ margin: 0;
}
/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
ul[role='list'],
ol[role='list'] {
- list-style: none;
+ list-style: none;
}
/* Set core body defaults */
body {
- min-height: 100vh;
- line-height: 1.5;
+ min-height: 100vh;
+ line-height: 1.5;
}
/* Set shorter line heights on headings and interactive elements */
-h1, h2, h3, h4,
-button, input, label {
- line-height: 1.1;
+h1,
+h2,
+h3,
+h4,
+button,
+input,
+label {
+ line-height: 1.1;
}
/* Balance text wrapping on headings */
-h1, h2,
-h3, h4 {
- text-wrap: balance;
+h1,
+h2,
+h3,
+h4 {
+ text-wrap: balance;
}
/* A elements that don't have a class get default styles */
a:not([class]) {
- text-decoration-skip-ink: auto;
- color: currentColor;
+ text-decoration-skip-ink: auto;
+ color: currentColor;
}
/* Make images easier to work with */
img,
picture {
- max-width: 100%;
- display: block;
+ max-width: 100%;
+ display: block;
}
/* Inherit fonts for inputs and buttons */
-input, button,
-textarea, select {
- font: inherit;
+input,
+button,
+textarea,
+select {
+ font: inherit;
}
/* Make sure textarea without a rows attribute are not tiny */
textarea:not([rows]) {
- min-height: 10em;
+ min-height: 10em;
}
/* Anything that has been anchored to should have extra scroll margin */
:target {
- scroll-margin-block: 5ex;
+ scroll-margin-block: 5ex;
}
diff --git a/public/trash-can.svg b/static/trash-can.svg
similarity index 100%
rename from public/trash-can.svg
rename to static/trash-can.svg
diff --git a/svelte.config.js b/svelte.config.js
index b0683fd..a01c2eb 100644
--- a/svelte.config.js
+++ b/svelte.config.js
@@ -1,7 +1,21 @@
-import { vitePreprocess } from '@sveltejs/vite-plugin-svelte'
+import adapter from '@sveltejs/adapter-static';
+import { vitePreprocess } from '@sveltejs/vite-plugin-svelte';
-export default {
- // Consult https://svelte.dev/docs#compile-time-svelte-preprocess
- // for more information about preprocessors
- preprocess: vitePreprocess(),
-}
+/** @type {import('@sveltejs/kit').Config} */
+const config = {
+ // 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(),
+ paths: {
+ base: process.env.NODE_ENV === 'production' ? '/string-manipulator' : ''
+ }
+ }
+};
+
+export default config;
diff --git a/tests/manipulations.test.ts b/tests/manipulations.test.ts
deleted file mode 100644
index 05b8591..0000000
--- a/tests/manipulations.test.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import { expect, it } from "vitest";
-import { doManipulation, type TManipulation } from "../src/manipulations";
-
-
-it("Test replace manipulation", () => {
- expect(doManipulation("\\3", {type: "replace", from: "\\\\3", to: "result"})).eq("result")
- expect(doManipulation("\\", {type: "replace", from: "\\\\", to: "result"})).eq("result")
-})
-
diff --git a/tsconfig.json b/tsconfig.json
index 5fb548f..82081ab 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -1,20 +1,18 @@
{
- "extends": "@tsconfig/svelte/tsconfig.json",
- "compilerOptions": {
- "target": "ESNext",
- "useDefineForClassFields": true,
- "module": "ESNext",
- "resolveJsonModule": true,
- /**
- * Typecheck JS in `.svelte` and `.js` files by default.
- * Disable checkJs if you'd like to use dynamic types in JS.
- * Note that setting allowJs false does not prevent the use
- * of JS in `.svelte` files.
- */
- "allowJs": true,
- "checkJs": true,
- "isolatedModules": true
- },
- "include": ["src/**/*.ts", "src/**/*.js", "src/**/*.svelte"],
- "references": [{ "path": "./tsconfig.node.json" }]
+ "extends": "./.svelte-kit/tsconfig.json",
+ "compilerOptions": {
+ "allowJs": true,
+ "checkJs": true,
+ "esModuleInterop": true,
+ "forceConsistentCasingInFileNames": true,
+ "resolveJsonModule": true,
+ "skipLibCheck": true,
+ "sourceMap": true,
+ "strict": true,
+ "moduleResolution": "bundler"
+ }
+ // 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/tsconfig.node.json b/tsconfig.node.json
deleted file mode 100644
index 494bfe0..0000000
--- a/tsconfig.node.json
+++ /dev/null
@@ -1,9 +0,0 @@
-{
- "compilerOptions": {
- "composite": true,
- "skipLibCheck": true,
- "module": "ESNext",
- "moduleResolution": "bundler"
- },
- "include": ["vite.config.ts"]
-}
diff --git a/vite.config.ts b/vite.config.ts
index fc930a6..37b6a84 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -1,8 +1,9 @@
-import { defineConfig } from 'vitest/config'
-import { svelte } from '@sveltejs/vite-plugin-svelte'
+import { sveltekit } from '@sveltejs/kit/vite';
+import { defineConfig } from 'vitest/config';
-// https://vitejs.dev/config/
export default defineConfig({
- plugins: [svelte()],
- test: {dir: "tests"}
-})
+ plugins: [sveltekit()],
+ test: {
+ include: ['src/**/*.{test,spec}.{js,ts}']
+ }
+});