feat: importable $closeModal helper (nativescript-vue#1088)

MrSnoozles · web-flow · commit 04199a57fc7a · 2024-10-27T10:41:05.000+01:00
diff --git a/src/index.ts b/src/index.ts
@@ -40,7 +40,7 @@ export { ELEMENT_REF, createNativeView } from './runtimeHelpers';
 
 export * from '@vue/runtime-core';
 export { vShow } from './directives/vShow';
-export { $showModal } from './plugins/modals';
+export { $showModal, $closeModal } from './plugins/modals';
 export { $navigateTo, $navigateBack } from './plugins/navigation';
 
 // creates a special root container that calls resetRoot whenever it's children change
diff --git a/src/plugins/modals.ts b/src/plugins/modals.ts
@@ -61,6 +61,8 @@ function resolveModalTarget(
   return false;
 }
 
+const modalStack = [];
+
 export async function $showModal<T = any, P = any>(
   component: Component<P>,
   options: ShowModalOptions<P, T> = {},
@@ -127,6 +129,9 @@ export async function $showModal<T = any, P = any>(
       });
     };
     const closeModal = (...args: any[]) => {
+      // remove view from modalStack
+      modalStack.splice(modalStack.indexOf(view), 1);
+
       view.nativeView?.closeModal(...args);
     };
 
@@ -144,5 +149,12 @@ export async function $showModal<T = any, P = any>(
 
     view.mount(root);
     openModal();
+    modalStack.push(view);
   });
 }
+
+export function $closeModal(...args) {
+  const view = modalStack.at(-1);
+
+  view?.context.config.globalProperties.$closeModal(...args);
+}
