vue-toastflow 0.0.2 → 0.0.4

package/README.md

@@ -1,8 +1,4 @@
-<!-- readme-top -->
-
-<p align="center">
-  <img src="../../images/banner.png" alt="Toastflow banner" width="900" />
-</p>
+https://github.com/adrianjanocko/toastflow
 
 <h1 align="center">Toastflow</h1>
 <p align="center">
@@ -11,12 +7,6 @@
 
 ---
 
-## Preview
-
-<p align="center">
-  <img src="../../images/showcase.png" alt="Toastflow showcase" width="850" />
-</p>
-
 ## Usage (Vue.js 3 Composition API)
 
 ### Quick start

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-toastflow",
-  "version": "0.0.2",
+  "version": "0.0.4",
   "main": "src/index.ts",
   "module": "src/index.ts",
   "types": "src/index.ts",

package/src/components/ToastContainer.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { computed, onMounted, onUnmounted, ref, watch } from "vue";
+import { computed, inject, onMounted, onUnmounted, ref, watch } from "vue";
 import Toast from "./Toast.vue";
 import type {
   ToastAnimation,
@@ -9,7 +9,7 @@ import type {
   ToastPosition,
   ToastStore,
 } from "toastflow-core";
-import { getToastStore } from "../toast";
+import { toastStoreKey } from "../symbols";
 
 const positions: ToastPosition[] = [
   "top-left",
@@ -20,7 +20,11 @@ const positions: ToastPosition[] = [
   "bottom-right",
 ];
 
-const store: ToastStore = getToastStore();
+const injectedStore = inject<ToastStore | null>(toastStoreKey, null);
+if (!injectedStore) {
+  throw new Error("[vue-toastflow] Plugin not installed");
+}
+const store: ToastStore = injectedStore;
 
 const toasts = ref<ToastInstance[]>([]);
 

package/src/toast.ts

@@ -1,80 +1,80 @@
-import {
-  ToastConfig,
-  ToastContentInput,
-  ToastEvent,
-  ToastId,
-  ToastLoadingConfig,
-  ToastLoadingInput,
-  ToastLoadingResult,
-  ToastShowInput,
-  ToastState,
-  ToastStore,
-  ToastUpdateInput,
-} from "toastflow-core";
-
-let globalStore: ToastStore | null = null;
-
-export function setToastStore(store: ToastStore) {
-  globalStore = store;
-}
-
-export function getToastStore(): ToastStore {
-  if (!globalStore) {
-    throw new Error(
-      "[vue-toastflow] Toast store not initialized. Did you install the plugin?",
-    );
-  }
-  return globalStore;
-}
-
-export const toast = {
-  getState(): ToastState {
-    return getToastStore().getState();
-  },
-  subscribeEvents(listener: (event: ToastEvent) => void): () => void {
-    return getToastStore().subscribeEvents(listener);
-  },
-  show(options: ToastShowInput): ToastId {
-    return getToastStore().show(options);
-  },
-  loading<T>(
-    input: ToastLoadingInput<T>,
-    config: ToastLoadingConfig<T>,
-  ): ToastLoadingResult<T> {
-    return getToastStore().loading(input, config);
-  },
-  update(id: ToastId, options: ToastUpdateInput): void {
-    return getToastStore().update(id, options);
-  },
-  dismiss(id: ToastId): void {
-    return getToastStore().dismiss(id);
-  },
-  dismissAll(): void {
-    return getToastStore().dismissAll();
-  },
-  pause(id: ToastId): void {
-    return getToastStore().pause(id);
-  },
-  resume(id: ToastId): void {
-    return getToastStore().resume(id);
-  },
-  getConfig(): ToastConfig {
-    return getToastStore().getConfig();
-  },
-
-  toast(options: ToastContentInput): ToastId {
-    return getToastStore().show({ ...options, type: "default" });
-  },
-  success(options: ToastContentInput): ToastId {
-    return getToastStore().show({ ...options, type: "success" });
-  },
-  error(options: ToastContentInput): ToastId {
-    return getToastStore().show({ ...options, type: "error" });
-  },
-  info(options: ToastContentInput): ToastId {
-    return getToastStore().show({ ...options, type: "info" });
-  },
-  warning(options: ToastContentInput): ToastId {
-    return getToastStore().show({ ...options, type: "warning" });
-  },
-};
+import {
+  ToastConfig,
+  ToastContentInput,
+  ToastEvent,
+  ToastId,
+  ToastLoadingConfig,
+  ToastLoadingInput,
+  ToastLoadingResult,
+  ToastShowInput,
+  ToastState,
+  ToastStore,
+  ToastUpdateInput,
+} from "toastflow-core";
+
+let globalStore: ToastStore | null = null;
+
+export function setToastStore(store: ToastStore) {
+  globalStore = store;
+}
+
+export function getToastStore(): ToastStore {
+  if (!globalStore) {
+    throw new Error(
+      "[vue-toastflow] Toast store not initialized. Did you install the plugin?",
+    );
+  }
+  return globalStore;
+}
+
+export const toast = {
+  getState(): ToastState {
+    return getToastStore().getState();
+  },
+  subscribeEvents(listener: (event: ToastEvent) => void): () => void {
+    return getToastStore().subscribeEvents(listener);
+  },
+  show(options: ToastShowInput): ToastId {
+    return getToastStore().show(options);
+  },
+  loading<T>(
+    input: ToastLoadingInput<T>,
+    config: ToastLoadingConfig<T>,
+  ): ToastLoadingResult<T> {
+    return getToastStore().loading(input, config);
+  },
+  update(id: ToastId, options: ToastUpdateInput): void {
+    return getToastStore().update(id, options);
+  },
+  dismiss(id: ToastId): void {
+    return getToastStore().dismiss(id);
+  },
+  dismissAll(): void {
+    return getToastStore().dismissAll();
+  },
+  pause(id: ToastId): void {
+    return getToastStore().pause(id);
+  },
+  resume(id: ToastId): void {
+    return getToastStore().resume(id);
+  },
+  getConfig(): ToastConfig {
+    return getToastStore().getConfig();
+  },
+
+  toast(options: ToastContentInput): ToastId {
+    return getToastStore().show({ ...options, type: "default" });
+  },
+  success(options: ToastContentInput): ToastId {
+    return getToastStore().show({ ...options, type: "success" });
+  },
+  error(options: ToastContentInput): ToastId {
+    return getToastStore().show({ ...options, type: "error" });
+  },
+  info(options: ToastContentInput): ToastId {
+    return getToastStore().show({ ...options, type: "info" });
+  },
+  warning(options: ToastContentInput): ToastId {
+    return getToastStore().show({ ...options, type: "warning" });
+  },
+};