maybePurge(toast)}
+ />
+ {:else}
+
{maybePurgeAfterTimeout(toast)}
+ {/if}
+
+ {/each}
-
-
diff --git a/src/lib/index.d.ts b/src/lib/index.d.ts
index 8cbae89..cb29085 100644
--- a/src/lib/index.d.ts
+++ b/src/lib/index.d.ts
@@ -1,31 +1,26 @@
declare module '@beyonk/svelte-notifications' {
- import { SvelteComponentTyped } from 'svelte/types/runtime'
+ import { SvelteComponentTyped } from 'svelte/types/runtime';
- export type TNotificationTypes =
- | 'default'
- | 'danger'
- | 'warning'
- | 'info'
- | 'success'
+ export type TNotificationTypes = 'default' | 'danger' | 'warning' | 'info' | 'success';
- export interface TNotifier {
- send(message: string, type: TNotificationTypes, timeout?: number): void
- danger(message: string, timeout?: number): void
- warning(message: string, timeout?: number): void
- info(message: string, timeout?: number): void
- success(message: string, timeout?: number): void
- }
+ export interface TNotifier {
+ send(message: string, type: TNotificationTypes, timeout?: number): void;
+ danger(message: string, timeout?: number): void;
+ warning(message: string, timeout?: number): void;
+ info(message: string, timeout?: number): void;
+ success(message: string, timeout?: number): void;
+ }
- export interface ITheme {
- danger: '#bb2124'
- success: '#22bb33'
- warning: '#f0ad4e'
- info: '#5bc0de'
- default: '#aaaaaa'
- }
- type IProps = { themes?: ITheme; timeout?: number; persist?: boolean }
+ export interface ITheme {
+ danger: '#bb2124';
+ success: '#22bb33';
+ warning: '#f0ad4e';
+ info: '#5bc0de';
+ default: '#aaaaaa';
+ }
+ type IProps = { themes?: ITheme; timeout?: number; persist?: boolean };
- export class NotificationDisplay extends SvelteComponentTyped
{}
+ export class NotificationDisplay extends SvelteComponentTyped {}
- export const notifier: TNotifier
+ export const notifier: TNotifier;
}
diff --git a/src/lib/index.js b/src/lib/index.js
index 3d20ba3..70786a2 100644
--- a/src/lib/index.js
+++ b/src/lib/index.js
@@ -1,4 +1,4 @@
-import NotificationDisplay from './Notifications.svelte'
-import * as notifier from './notifier.js'
+import NotificationDisplay from './Notifications.svelte';
+import * as notifier from './notifier.js';
-export { NotificationDisplay, notifier }
+export { NotificationDisplay, notifier };
diff --git a/src/lib/notifier.js b/src/lib/notifier.js
index 5a899f4..5e5cec0 100644
--- a/src/lib/notifier.js
+++ b/src/lib/notifier.js
@@ -1,25 +1,25 @@
-import { notification } from './store.js'
+import { notification } from './store.js';
-function parseLegacyOptions (options) {
- return typeof options === 'number' ? { timeout: options } : options
+function parseLegacyOptions(options) {
+ return typeof options === 'number' ? { timeout: options } : options;
}
-export function send (message, type = 'default', options) {
- notification.set({ type, message, options: parseLegacyOptions(options) })
+export function send(message, type = 'default', options) {
+ notification.set({ type, message, options: parseLegacyOptions(options) });
}
-export function danger (message, options) {
- send(message, 'danger', options)
+export function danger(message, options) {
+ send(message, 'danger', options);
}
-export function warning (message, options) {
- send(message, 'warning', options)
+export function warning(message, options) {
+ send(message, 'warning', options);
}
-export function info (message, options) {
- send(message, 'info', options)
+export function info(message, options) {
+ send(message, 'info', options);
}
-export function success (message, options) {
- send(message, 'success', options)
+export function success(message, options) {
+ send(message, 'success', options);
}
diff --git a/src/lib/store.js b/src/lib/store.js
index 8fc63bc..fa44748 100644
--- a/src/lib/store.js
+++ b/src/lib/store.js
@@ -1,3 +1,3 @@
-import { writable } from 'svelte/store'
+import { writable } from 'svelte/store';
-export const notification = writable()
+export const notification = writable();
diff --git a/src/lib/toaster.js b/src/lib/toaster.js
index f9b7d19..a75cd7b 100644
--- a/src/lib/toaster.js
+++ b/src/lib/toaster.js
@@ -1,38 +1,33 @@
+import { notification } from './store.js';
+import { tick } from 'svelte';
-import { notification } from './store.js'
-import { tick } from 'svelte'
+async function toaster(node, sessionKey) {
+ const unsubscribe = notification.subscribe((value) => {
+ if (!value) {
+ return;
+ }
+ node.dispatchEvent(new CustomEvent('notify', { detail: value }));
+ notification.set();
+ });
-async function toaster (node, sessionKey) {
- const unsubscribe = notification.subscribe(value => {
- if (!value) { return }
- node.dispatchEvent(
- new CustomEvent('notify', { detail: value })
- )
- notification.set()
- })
+ await tick();
+ try {
+ const existing = JSON.parse(sessionStorage.getItem(sessionKey));
+ for (const n of existing) {
+ notification.set(n);
+ }
+ } catch (e) {
+ } finally {
+ try {
+ sessionStorage.removeItem(sessionKey);
+ } catch (e2) {}
+ }
- await tick()
- try {
- const existing = JSON.parse(
- sessionStorage.getItem(sessionKey)
- )
- for (const n of existing) {
- notification.set(n)
- }
- } catch (e) {
- } finally {
- try {
- sessionStorage.removeItem(sessionKey)
- } catch (e2) {}
- }
-
- return {
- destroy () {
- unsubscribe()
- }
- }
+ return {
+ destroy() {
+ unsubscribe();
+ }
+ };
}
-export {
- toaster
-}
+export { toaster };
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
new file mode 100644
index 0000000..be12b88
--- /dev/null
+++ b/src/routes/+page.svelte
@@ -0,0 +1,72 @@
+
+
+
+
+
+
+
diff --git a/src/routes/index.svelte b/src/routes/index.svelte
deleted file mode 100644
index 3c69834..0000000
--- a/src/routes/index.svelte
+++ /dev/null
@@ -1,79 +0,0 @@
-
-
-
-
-
-
-
diff --git a/svelte.config.js b/svelte.config.js
index 3d292c5..348fa32 100644
--- a/svelte.config.js
+++ b/svelte.config.js
@@ -1,12 +1,13 @@
+import adapter from '@sveltejs/adapter-auto';
+
/** @type {import('@sveltejs/kit').Config} */
const config = {
- kit: {
- package: {
- exports: filepath => {
- return filepath === 'index.js' || filepath.endsWith('.json')
- }
- }
- }
-}
+ 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
+export default config;
diff --git a/vite.config.js b/vite.config.js
new file mode 100644
index 0000000..bbf8c7d
--- /dev/null
+++ b/vite.config.js
@@ -0,0 +1,6 @@
+import { sveltekit } from '@sveltejs/kit/vite';
+import { defineConfig } from 'vite';
+
+export default defineConfig({
+ plugins: [sveltekit()]
+});