v0.9.6

This is a maintenance update that brings tooling and dependencies in sync with the latest Svelte decisions.

Changelog

• onpop() callback returns a details object as its second param containing the close event, if any (#104):

toast.push('foo', {
  onpop: (id, details) => {
    const { event } = details
    // `undefined` if closed by timeout; 
    // `MouseEvent|KeyboardEvent` if closed by dismiss button
    console.log(event)
  }
})

• SvelteToastOptions type export (#107, thanks @domuk-k):

<script lang="ts">
import { toast, type SvelteToastOptions } from '@zerodevx/svelte-toast'

function stub(msg: string, options: SvelteToastOptions) {
  toast.push(msg, options)
}
</script>

• Support Svelte v5 since it's backward compatible

Roadmap

The next minor v0.10.0 will contain breaking changes - strictly speaking, semver allows that between minor increments of the v0 branch. Changes include:

• onpop(): callback deprecated in favour of a promise-based implementation;
• component: decoupling of ToastItem into a Controller and View - this allows greater control on how a toast looks;
• pausable: none|hover|hidden|all - finer control on when toasts pause (#103);
• reverse: applies to container-level only;
• and probably some other stuff.

These changes prepare us for v1.0.0 where codebase will be refactored to Svelte v5 only - this repo greatly benefits from v5's fine-grained reactivity and snippet runes. Work on this begins when v5 stable ships.

Moving forward, the v0 branch will be maintained based on Svelte v4 (can be used in both v4 and v5 projects), while the v1 branch will be written in Svelte v5 and can only be used in v5 projects.

v0.9.5

• Improve accessibility (fixes #85)
• Some tooling updates

v0.9.4

• Add Svelte v4 support (#83)

v0.9.3

• Fix webpack module resolution (#71)

v0.9.2

• Fix UMD build (#67)

v0.9.1

• Update some tooling internals

v0.9.0

Sorry this took some time.

v0.9 introduces a big tooling upgrade to svelte-package to better keep in sync with any changes in the Svelte ecosystem. Consequently, compiled packages (for non-Svelte consumers) are moved to a separate /dist endpoint. This distinction helps the package work with virtually any permutation of environment setup.

Under the hood, we added better type safety, moved away from handwritten ts.d to generated ones, and performed a slight code refactor/cleanup.

• Tooling upgrade (fixes #62, #60)
• New way to remove all toasts from a particular container target (fixes #32, #31)
• BREAKING: new import endpoint for non-Svelte consumers

v1.0.0-rc.1

⚠️ IMPORTANT NOTICE!
Install this component if you're using the latest SvelteKit. That's because of a breaking change that landed there. Background of the issue here. Track progress as we work towards v1 here.

v0.8.2...v1.0.0-rc.1

Edit: resolved from v0.9 onwards. SvelteKit users should switch back to @latest stable:

$ npm i -D @zerodevx/svelte-toast@latest

v0.8.2

• Fix custom SVG button in demo (#58)

v0.8.1

• Refactor visibilitychange logic to play nice with SSR (fixes #56)