nuxt-toastflow 1.0.1 → 1.0.2-beta.0

package/README.md

@@ -1,86 +1,100 @@
-<p align="center">
-  <img src="../../assets/banner.png" alt="Toastflow" width="100%" />
-</p>
-
-<h1 align="center">💚 nuxt-toastflow</h1>
-
-<p align="center">
-  <strong>Nuxt module for Toastflow</strong> — auto-imports, SSR support, and zero-config setup.
-</p>
-
-<p align="center">
-  <a href="https://www.npmjs.com/package/nuxt-toastflow"><img src="https://img.shields.io/npm/v/nuxt-toastflow?color=00dc82&style=flat-square" alt="npm version" /></a>
-  <a href="https://www.npmjs.com/package/nuxt-toastflow"><img src="https://img.shields.io/npm/dm/nuxt-toastflow?style=flat-square" alt="npm downloads" /></a>
-  <a href="../../LICENSE"><img src="https://img.shields.io/github/license/adrianjanocko/toastflow?style=flat-square" alt="License" /></a>
-</p>
-
-<p align="center">
-  <a href="https://docs.toastflow.top/">📖 Docs</a> · <a href="https://toastflow.top/">🎮 Playground</a> · <a href="https://docs.toastflow.top/comparisons/overview">⚔️ Comparisons</a>
-</p>
-
----
-
-## 🚀 Quick Start
-
-**1. Install**
-
-```bash
-pnpm add nuxt-toastflow
-```
-
-**2. Add the module**
-
-```ts
-// nuxt.config.ts
-export default defineNuxtConfig({
-  modules: ["nuxt-toastflow"],
-  toastflow: {
-    config: {
-      position: "top-right",
-      duration: 5000,
-    },
-  },
-});
-```
-
-**3. Toast away 🎉**
-
-```vue
-<!-- app.vue -->
-<script setup lang="ts">
-toast.success({
-  title: "Saved",
-  description: "Your changes are live.",
-});
-</script>
-
-<template>
-  <ToastContainer />
-  <NuxtPage />
-</template>
-```
-
-> 💡 Both `toast` and `useToast()` are auto-imported — no manual imports needed!
-
-## ⚙️ Module Options
-
-| Option             | Type                   |      Default       | Description                                |
-| :----------------- | :--------------------- | :----------------: | :----------------------------------------- |
-| 🛠️ `config`        | `Partial<ToastConfig>` |        `{}`        | Toast configuration passed to the plugin   |
-| 🎨 `css`           | `boolean`              |       `true`       | Include default styles                     |
-| 🧱 `componentName` | `string \| false`      | `"ToastContainer"` | Auto-registered client-only component name |
-
-<details>
-<summary>💡 <strong>How does it work under the hood?</strong></summary>
-
-<br />
-
-- `ToastContainer` is auto-registered as a **client-only** component
-- `toast` and `useToast()` are **auto-imported** — use either one
-- Styles are injected automatically unless `css: false`
-
-</details>
-
-## 📄 License
-
-[MIT](../../LICENSE) — made with ❤️ by [@adrianjanocko](https://github.com/adrianjanocko)
+<p align="center">
+  <img src="../../assets/banner.png" alt="Toastflow" width="100%" />
+</p>
+
+<h1 align="center">💚 nuxt-toastflow</h1>
+
+<p align="center">
+  <strong>Nuxt module for Toastflow</strong> — auto-imports, SSR support, and zero-config setup.
+</p>
+
+<p align="center">
+  <a href="https://www.npmjs.com/package/nuxt-toastflow"><img src="https://img.shields.io/npm/v/nuxt-toastflow?color=00dc82&style=flat-square" alt="npm version" /></a>
+  <a href="https://www.npmjs.com/package/nuxt-toastflow"><img src="https://img.shields.io/npm/dm/nuxt-toastflow?style=flat-square" alt="npm downloads" /></a>
+  <a href="../../LICENSE"><img src="https://img.shields.io/github/license/adrianjanocko/toastflow?style=flat-square" alt="License" /></a>
+</p>
+
+<p align="center">
+  <a href="https://www.toastflow.top/docs">📖 Docs</a> · <a href="https://www.toastflow.top/">🎮 Playground</a> · <a href="https://www.toastflow.top/docs/more/comparisons">⚔️ Comparisons</a>
+</p>
+
+---
+
+## 🚀 Quick Start
+
+**1. Install**
+
+```bash
+pnpm add nuxt-toastflow
+```
+
+**2. Add the module**
+
+```ts
+// nuxt.config.ts
+export default defineNuxtConfig({
+  modules: ["nuxt-toastflow"],
+  toastflow: {
+    config: {
+      position: "top-right",
+      duration: 5000,
+    },
+  },
+});
+```
+
+**3. Toast away 🎉**
+
+```vue
+<!-- app.vue -->
+<script setup lang="ts">
+toast.success({
+  title: "Saved",
+  description: "Your changes are live.",
+});
+</script>
+
+<template>
+  <ToastContainer />
+  <NuxtPage />
+</template>
+```
+
+> 💡 Both `toast` and `useToast()` are auto-imported — no manual imports needed!
+
+If you need the lower-level Vue runtime pieces directly, import them from `nuxt-toastflow/runtime`:
+
+```ts
+import {
+  Toast,
+  ToastProgress,
+  ToastContainer,
+  toast,
+} from "nuxt-toastflow/runtime";
+```
+
+## ⚙️ Module Options
+
+| Option             | Type                   |      Default       | Description                                |
+| :----------------- | :--------------------- | :----------------: | :----------------------------------------- |
+| 🛠️ `config`        | `Partial<ToastConfig>` |        `{}`        | Toast configuration passed to the plugin   |
+| 🎨 `css`           | `boolean`              |       `true`       | Include default styles                     |
+| 🧱 `componentName` | `string \| false`      | `"ToastContainer"` | Auto-registered client-only component name |
+
+<details>
+<summary>💡 <strong>How does it work under the hood?</strong></summary>
+
+<br />
+
+- `ToastContainer` is auto-registered as a **client-only** component
+- `toast` and `useToast()` are **auto-imported** — use either one
+- `vue-toastflow` is added to the transpile list so internal components resolve correctly
+- Styles are injected automatically unless `css: false`
+- The module forwards `css` to `createToastflow(..., { css })`, so it uses the same CSS toggle as `vue-toastflow`
+- When you disable CSS and still want the shipped stylesheet manually, import `nuxt-toastflow/styles.css`
+
+</details>
+
+## 📄 License
+
+[MIT](../../LICENSE) — made with ❤️ by [@adrianjanocko](https://github.com/adrianjanocko)

package/dist/module.d.mts

@@ -1,7 +1,5 @@
-import * as _nuxt_schema from '@nuxt/schema';
-import { ToastConfig } from 'vue-toastflow';
-
-interface NuxtToastflowOptions {
+import type { ToastConfig } from "./runtime";
+export interface NuxtToastflowOptions {
     /**
      * Global Toastflow config passed to createToastflow.
      */
@@ -15,6 +13,5 @@ interface NuxtToastflowOptions {
      */
     componentName: string | false;
 }
-declare const _default: _nuxt_schema.NuxtModule<NuxtToastflowOptions, NuxtToastflowOptions, false>;
-
-export { type NuxtToastflowOptions, _default as default };
+declare const _default: import("@nuxt/schema").NuxtModule<NuxtToastflowOptions, NuxtToastflowOptions, false>;
+export default _default;

package/dist/module.d.ts

@@ -1,7 +1,5 @@
-import * as _nuxt_schema from '@nuxt/schema';
-import { ToastConfig } from 'vue-toastflow';
-
-interface NuxtToastflowOptions {
+import type { ToastConfig } from "./runtime";
+export interface NuxtToastflowOptions {
     /**
      * Global Toastflow config passed to createToastflow.
      */
@@ -15,6 +13,5 @@ interface NuxtToastflowOptions {
      */
     componentName: string | false;
 }
-declare const _default: _nuxt_schema.NuxtModule<NuxtToastflowOptions, NuxtToastflowOptions, false>;
-
-export { type NuxtToastflowOptions, _default as default };
+declare const _default: import("@nuxt/schema").NuxtModule<NuxtToastflowOptions, NuxtToastflowOptions, false>;
+export default _default;

package/dist/module.js

@@ -58,7 +58,10 @@ var module_default = (0, import_kit.defineNuxtModule)({
     css: true,
     componentName: "ToastContainer"
   },
-  setup(options, nuxt) {
+  setup(options) {
+    const nuxt = (0, import_kit.useNuxt)();
+    const runtimeEntry = "nuxt-toastflow/runtime";
+    nuxt.options.build.transpile.push("vue-toastflow");
     if (containsFunction(options.config)) {
       console.warn(
         "[nuxt-toastflow] Functions in `toastflow.config` are not serializable in nuxt.config and will be omitted."
@@ -77,10 +80,10 @@ var module_default = (0, import_kit.defineNuxtModule)({
       mode: "client",
       getContents: function() {
         return [
-          'import { createToastflow, toast } from "vue-toastflow";',
+          `import { createToastflow, toast } from "${runtimeEntry}";`,
           "",
           "export default defineNuxtPlugin((nuxtApp) => {",
-          `  nuxtApp.vueApp.use(createToastflow(${serializedConfig}));`,
+          `  nuxtApp.vueApp.use(createToastflow(${serializedConfig}, { css: ${options.css ? "true" : "false"} }));`,
           "",
           "  return {",
           "    provide: {",
@@ -98,7 +101,7 @@ var module_default = (0, import_kit.defineNuxtModule)({
         return [
           'import { useNuxtApp } from "#app";',
           "",
-          'type ToastApi = typeof import("vue-toastflow")["toast"];',
+          `type ToastApi = typeof import("${runtimeEntry}")["toast"];`,
           "",
           "export function useToast(): ToastApi {",
           "  return useNuxtApp().$toast;",
@@ -130,7 +133,7 @@ var module_default = (0, import_kit.defineNuxtModule)({
       filename: "types/nuxt-toastflow.d.ts",
       getContents: function() {
         return [
-          'type ToastApi = typeof import("vue-toastflow")["toast"];',
+          `type ToastApi = typeof import("${runtimeEntry}")["toast"];`,
           "",
           'declare module "#app" {',
           "  interface NuxtApp {",
@@ -153,24 +156,9 @@ var module_default = (0, import_kit.defineNuxtModule)({
       (0, import_kit.addComponent)({
         name: options.componentName,
         export: "ToastContainer",
-        filePath: "vue-toastflow",
+        filePath: runtimeEntry,
         mode: "client"
       });
     }
-    if (options.css) {
-      const cssEntry = "vue-toastflow/styles.css";
-      const hasCssEntry = nuxt.options.css.some(function(entry) {
-        if (typeof entry === "string") {
-          return entry === cssEntry;
-        }
-        if (Array.isArray(entry) && typeof entry[0] === "string") {
-          return entry[0] === cssEntry;
-        }
-        return false;
-      });
-      if (!hasCssEntry) {
-        nuxt.options.css.push(cssEntry);
-      }
-    }
   }
 });

package/dist/module.mjs

@@ -5,7 +5,8 @@ import {
   addPluginTemplate,
   addTemplate,
   addTypeTemplate,
-  defineNuxtModule
+  defineNuxtModule,
+  useNuxt
 } from "@nuxt/kit";
 function containsFunction(value, visited = /* @__PURE__ */ new Set()) {
   if (typeof value === "function") {
@@ -41,7 +42,10 @@ var module_default = defineNuxtModule({
     css: true,
     componentName: "ToastContainer"
   },
-  setup(options, nuxt) {
+  setup(options) {
+    const nuxt = useNuxt();
+    const runtimeEntry = "nuxt-toastflow/runtime";
+    nuxt.options.build.transpile.push("vue-toastflow");
     if (containsFunction(options.config)) {
       console.warn(
         "[nuxt-toastflow] Functions in `toastflow.config` are not serializable in nuxt.config and will be omitted."
@@ -60,10 +64,10 @@ var module_default = defineNuxtModule({
       mode: "client",
       getContents: function() {
         return [
-          'import { createToastflow, toast } from "vue-toastflow";',
+          `import { createToastflow, toast } from "${runtimeEntry}";`,
           "",
           "export default defineNuxtPlugin((nuxtApp) => {",
-          `  nuxtApp.vueApp.use(createToastflow(${serializedConfig}));`,
+          `  nuxtApp.vueApp.use(createToastflow(${serializedConfig}, { css: ${options.css ? "true" : "false"} }));`,
           "",
           "  return {",
           "    provide: {",
@@ -81,7 +85,7 @@ var module_default = defineNuxtModule({
         return [
           'import { useNuxtApp } from "#app";',
           "",
-          'type ToastApi = typeof import("vue-toastflow")["toast"];',
+          `type ToastApi = typeof import("${runtimeEntry}")["toast"];`,
           "",
           "export function useToast(): ToastApi {",
           "  return useNuxtApp().$toast;",
@@ -113,7 +117,7 @@ var module_default = defineNuxtModule({
       filename: "types/nuxt-toastflow.d.ts",
       getContents: function() {
         return [
-          'type ToastApi = typeof import("vue-toastflow")["toast"];',
+          `type ToastApi = typeof import("${runtimeEntry}")["toast"];`,
           "",
           'declare module "#app" {',
           "  interface NuxtApp {",
@@ -136,25 +140,10 @@ var module_default = defineNuxtModule({
       addComponent({
         name: options.componentName,
         export: "ToastContainer",
-        filePath: "vue-toastflow",
+        filePath: runtimeEntry,
         mode: "client"
       });
     }
-    if (options.css) {
-      const cssEntry = "vue-toastflow/styles.css";
-      const hasCssEntry = nuxt.options.css.some(function(entry) {
-        if (typeof entry === "string") {
-          return entry === cssEntry;
-        }
-        if (Array.isArray(entry) && typeof entry[0] === "string") {
-          return entry[0] === cssEntry;
-        }
-        return false;
-      });
-      if (!hasCssEntry) {
-        nuxt.options.css.push(cssEntry);
-      }
-    }
   }
 });
 export {

package/dist/runtime/index.d.mts

@@ -0,0 +1 @@
+export * from "vue-toastflow";

package/dist/runtime/index.d.ts

@@ -0,0 +1 @@
+export * from "vue-toastflow";

package/dist/runtime/index.js

@@ -0,0 +1,24 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/runtime/index.ts
+var runtime_exports = {};
+module.exports = __toCommonJS(runtime_exports);
+__reExport(runtime_exports, require("vue-toastflow"), module.exports);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ...require("vue-toastflow")
+});

package/dist/runtime/index.mjs

@@ -0,0 +1,2 @@
+// src/runtime/index.ts
+export * from "vue-toastflow";