breaking: rename syv -> dialog (#162)

ignatiusmb · Sep 3, 2024 · e230864 · e230864
1 parent bf76052
commit e230864
Show file tree

Hide file tree

Showing 4 changed files with 26 additions and 24 deletions.
diff --git a/src/lib/syv.ts → src/lib/core/dialog.ts b/src/lib/syv.ts → src/lib/core/dialog.ts
@@ -1,5 +1,5 @@
 import type { ComponentProps, ComponentType, SvelteComponent } from 'svelte';
-import type { Demand, LazyComponent, SyvOptions } from './types.js';
+import type { Demand, LazyComponent, SyvOptions } from '../types.js';
 import { mount as create, unmount } from 'svelte';
 
 let instance: ReturnType<typeof create>;

diff --git a/src/lib/index.ts b/src/lib/index.ts
@@ -1,3 +1,2 @@
-export * as syv from './syv.js';
-
+export * as dialog from './core/dialog.js';
 export * as tooltip from './core/tooltip.js';
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
@@ -1,6 +1,5 @@
 <script lang="ts">
-	import { syv as core } from '$lib';
-	import LazyLoad from '$lib/core/LazyLoad.svelte';
+	import { dialog } from '$lib';
 	import SearchBar from '$lib/core/SearchBar.svelte';
 
 	import Empty from './Empty.svelte';
@@ -13,20 +12,6 @@
 </script>
 
 <main use:outside={() => {}}>
-	<LazyLoad
-		files={[() => import('./ExampleDialog.svelte'), () => import('$lib/core/ScrollTop.svelte')]}
-	>
-		{#snippet children([
-			Example,
-			Scroll,
-			// @ts-expect-error
-			Yeah,
-		])}
-			<Example required={false} />
-			<Scroll />
-		{/snippet}
-	</LazyLoad>
-
 	<SearchBar items={[]} sieve={() => true} />
 
 	<textarea bind:value use:autoresize></textarea>
@@ -35,20 +20,20 @@
 
 	<button
 		onclick={() => {
-			core.mount(Empty);
+			dialog.mount(Empty);
 			// @ts-expect-error
-			core.mount(ExampleDialog);
-			core.mount(ExampleDialog, {
+			dialog.mount(ExampleDialog);
+			dialog.mount(ExampleDialog, {
 				required: true,
 				// @ts-expect-error
 				error: false,
 			});
-			core.load(import('./ExampleDialog.svelte'), {
+			dialog.load(import('./ExampleDialog.svelte'), {
 				required: true,
 				// @ts-expect-error
 				error: false,
 			});
-			core.load(() => import('./ExampleDialog.svelte'), {
+			dialog.load(() => import('./ExampleDialog.svelte'), {
 				required: true,
 				// @ts-expect-error
 				error: false,

diff --git a/src/routes/Typecheck.svelte b/src/routes/Typecheck.svelte
@@ -0,0 +1,18 @@
+<script lang="ts">
+	import LazyLoad from '$lib/core/LazyLoad.svelte';
+</script>
+
+<LazyLoad
+	when={false}
+	files={[() => import('./ExampleDialog.svelte'), () => import('$lib/core/ScrollTop.svelte')]}
+>
+	{#snippet children([
+		Example,
+		Scroll,
+		// @ts-expect-error
+		Yeah,
+	])}
+		<Example required={false} />
+		<Scroll />
+	{/snippet}
+</LazyLoad>