fix: access document only in browser

[marcjulian]

PR Checklist

Please check if your PR fulfills the following requirements:

• The commit message follows our
  guidelines: https://github.com/tutkli/ngx-sonner/blob/main/CONTRIBUTING.md#-commit-message-guidelines
• Tests for the changes have been added (for bug fixes / features)
• Docs have been added / updated (for bug fixes / features)

PR Type

What kind of change does this PR introduce?

• Bugfix
• Feature
• Code style update (formatting, local variables)
• Refactoring (no functional changes, no api changes)
• Build related changes
• CI related changes
• Documentation content changes
• Other... Please describe:

What is the current behavior?

Error in sonner toast while starting in SSR application:

ReferenceError: document is not defined
    at _NgxSonnerToaster (/Users/m/Dev/me/paddlingspots/node_modules/.pnpm/[email protected]_@[email protected]_@[email protected]/node_modules/ngx-sonner/fesm2022/ngx-sonner.mjs:1393:5)
    at SwipeStateTypes (/Users/m/Dev/me/paddlingspots/node_modules/.pnpm/[email protected]_@[email protected]_@[email protected]/node_modules/ngx-sonner/fesm2022/ngx-sonner.mjs:1458:14)
    at getNodeInjectable (/Users/m/Dev/me/paddlingspots/node_modules/.pnpm/@[email protected][email protected][email protected]/node_modules/@angular/core/fesm2022/core.mjs:5984:44)
    at instantiateAllDirectives (/Users/m/Dev/me/paddlingspots/node_modules/.pnpm/@[email protected][email protected][email protected]/node_modules/@angular/core/fesm2022/core.mjs:11907:27)
    at createDirectivesInstances (/Users/m/Dev/me/paddlingspots/node_modules/.pnpm/@[email protected][email protected][email protected]/node_modules/@angular/core/fesm2022/core.mjs:11306:5)
    at ɵɵelementStart (/Users/m/Dev/me/paddlingspots/node_modules/.pnpm/@[email protected][email protected][email protected]/node_modules/@angular/core/fesm2022/core.mjs:23014:9)
    at Module.ɵɵelement (/Users/m/Dev/me/paddlingspots/node_modules/.pnpm/@[email protected][email protected][email protected]/node_modules/@angular/core/fesm2022/core.mjs:23072:5)
    at getActiveTransaction (/Users/m/Dev/me/paddlingspots/libs/ui/ui-sonner-helm/src/lib/hlm-toaster.component.ts:15:5)
    at executeTemplate (/Users/m/Dev/me/paddlingspots/node_modules/.pnpm/@[email protected][email protected][email protected]/node_modules/@angular/core/fesm2022/core.mjs:11268:9)
    at renderView (/Users/m/Dev/me/paddlingspots/node_modules/.pnpm/@[email protected][email protected][email protected]/node_modules/@angular/core/fesm2022/core.mjs:12470:13)

What is the new behavior?

Document is only accessed on the browser.

Does this PR introduce a breaking change?

• Yes
• No

Other information

An alternative would be to use the new lifecycle hook afterRender/afterNextRender to perform browser specific code (https://angular.dev/guide/ssr#authoring-server-compatible-components).

[tutkli]

Thanks @marcjulian ! I prefer to keep isPlatformBrowser because we also need in the ngOnDestroy method.

[tutkli]

🎉 This PR is included in version 0.4.2 🎉

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot 📦🚀