feat: export typing

Author: stafyniaksacha

package.json

@@ -14,6 +14,9 @@
   "files": [
     "dist"
   ],
+  "unbuild": {
+    "failOnWarn": false
+  },
   "scripts": {
     "prepack": "nuxt-module-build",
     "dev": "nuxi dev .playground",

src/module.ts

@@ -1,8 +1,9 @@
 import { resolve } from 'node:path'
 import { fileURLToPath } from 'node:url'
 import { addImports, addPlugin, defineNuxtModule } from '@nuxt/kit'
-import type { NinjaToasterBaseProps } from './types'
-import { ModuleOptions } from '@nuxt/schema'
+import type { ModuleOptions, NinjaToasterBaseProps } from './types'
+
+export * from './types'
 
 export default defineNuxtModule<ModuleOptions>({
   meta: {
@@ -50,4 +51,4 @@ declare module '@nuxt/schema' {
   interface AppConfigInput {
     toaster?: NinjaToasterBaseProps
   }
-}
+}

src/runtime/components/NinjaToaster.ts

@@ -219,7 +219,7 @@ export default defineComponent({
     })
 
     return () => {
-      const contentSuspense = () => h(Suspense, null, [content.value])
+      const contentSuspense = () => h(Suspense, null, content.value)
       const wrapper = withDirectives(
         h(
           'div',

src/runtime/composables/useNinjaToaster.ts

@@ -1,8 +1,7 @@
 import { useNuxtApp } from '#imports'
+import { NinjaToasterInstance } from '../../types'
 
-type NinjaToasterInstance = ReturnType<typeof createNinjaToaster>
-
-export function useNinjaToaster() {
+export function useNinjaToaster(): NinjaToasterInstance {
   const { $nt } = useNuxtApp()
-  return $nt as NinjaToasterInstance
+  return $nt
 }

src/runtime/create.ts

@@ -1,22 +1,14 @@
-import { type DefineComponent, type App, type VNode, h, render } from 'vue'
+import { type App, type VNode, h, render } from 'vue'
 import { defu } from 'defu'
 
-import type { NinjaToasterTheme, NinjaToasterBaseProps, NinjaToasterProps, NinjaToasterShow } from '../types'
+import type { NinjaToasterTheme, NinjaToasterBaseProps, NinjaToasterProps, NinjaToasterShow, NinjaToasterInstance, ComponentProps } from '../types'
 import type { NinjaToasterRenderQueue } from './queue'
 import { type NinjaToastEventBus, createEventBus } from './events'
 import NinjaToaster from './components/NinjaToaster'
 
 import { resolveComponent, useAppConfig, useNuxtApp } from '#imports'
-import type * as _AllComponents from '#components'
-
-type DefaultProps = InstanceType<DefineComponent>['$props']
-
-type ComponentProps<T> = T extends keyof typeof _AllComponents
-  ? Omit<InstanceType<(typeof _AllComponents)[T]>['$props'], keyof DefaultProps>
-  : undefined
 
 function createElement() {
-  // @ts-ignore
   if (process.server) {
     return null
   }
@@ -56,11 +48,11 @@ function ensureClassesArray(theme?: NinjaToasterTheme) {
 
 export function createNinjaToaster(
   createProps: Omit<NinjaToasterProps, 'content'> = {}
-) {
+): NinjaToasterInstance {
   const events = createEventBus()
   const queues: Map<string, NinjaToasterRenderQueue> = new Map()
 
-  function showComponent<T extends keyof typeof _AllComponents>(name: T, {
+  function showComponent<T extends keyof typeof import('#components')>(name: T, {
     props,
     children,
     options,
@@ -110,7 +102,6 @@ export function createNinjaToaster(
         }
       })
 
-      // @ts-ignore
       if (process.server) {
         resolve({
           el: null,

src/runtime/plugin.ts

@@ -1,6 +1,5 @@
 import { createNinjaToaster } from './create'
 
-// @ts-ignore
 import { defineNuxtPlugin } from '#imports'
 
 export default defineNuxtPlugin(() => {

src/types.ts

@@ -1,4 +1,4 @@
-import type { Ref, Component, TransitionProps } from 'vue'
+import type { VNode, DefineComponent, Ref, Component, TransitionProps } from 'vue'
 
 export interface ModuleOptions {
   installPlugin?: boolean
@@ -48,4 +48,21 @@ export interface NinjaToasterState {
   duration: number
   click: (event: Event) => void | Promise<void>
   close: () => void | Promise<void>
+}
+
+export type DefaultProps = InstanceType<DefineComponent>['$props']
+
+export type ComponentProps<T> = T extends keyof typeof import('#components')
+  ? Omit<InstanceType<(typeof import('#components'))[T]>['$props'], keyof DefaultProps>
+  : undefined
+
+export interface NinjaToasterInstance {
+  showComponent: <T extends keyof typeof import('#components')>(name: T, params: {
+    props?: ComponentProps<T>,
+    children?: any
+    options?: Omit<NinjaToasterProps, 'content'>
+  }) => Promise<NinjaToasterShow>
+  show: (options: NinjaToasterProps | string | number | (() => VNode)) => Promise<NinjaToasterShow>
+  clear: (theme: NinjaToasterTheme | string) => void
+  clearAll: () => void
 }