@shwfed/nuxt 0.11.17 → 0.11.19

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@shwfed/nuxt",
   "configKey": "shwfed",
-  "version": "0.11.17",
+  "version": "0.11.19",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "3.6.1"

package/dist/runtime/components/modal.d.vue.ts

@@ -9,34 +9,36 @@ declare function close(): void;
 declare var __VLS_14: {
     close: typeof close;
     isDesktop: boolean;
-}, __VLS_34: {
+}, __VLS_36: {
     close: typeof close;
     isDesktop: boolean;
-}, __VLS_42: {
+}, __VLS_44: {
     close: typeof close;
     isDesktop: boolean;
-}, __VLS_44: {
+}, __VLS_46: {
     close: typeof close;
     isDesktop: boolean;
-}, __VLS_52: {
+}, __VLS_54: {
     close: typeof close;
     isDesktop: boolean;
 };
 type __VLS_Slots = {} & {
     trigger?: (props: typeof __VLS_14) => any;
 } & {
-    title?: (props: typeof __VLS_34) => any;
+    title?: (props: typeof __VLS_36) => any;
 } & {
-    description?: (props: typeof __VLS_42) => any;
+    description?: (props: typeof __VLS_44) => any;
 } & {
-    default?: (props: typeof __VLS_44) => any;
+    default?: (props: typeof __VLS_46) => any;
 } & {
-    footer?: (props: typeof __VLS_52) => any;
+    footer?: (props: typeof __VLS_54) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:open": (open: boolean) => any;
+    "after-close": () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onUpdate:open"?: ((open: boolean) => any) | undefined;
+    "onAfter-close"?: (() => any) | undefined;
 }>, {
     showCloseButton: boolean;
     breakpoint: string;

package/dist/runtime/components/modal.vue

@@ -31,7 +31,7 @@ const props = defineProps({
   showCloseButton: { type: Boolean, required: false, default: true },
   dismissible: { type: Boolean, required: false, default: true }
 });
-const emit = defineEmits(["update:open"]);
+const emit = defineEmits(["update:open", "after-close"]);
 const attrs = useAttrs();
 const slots = useSlots();
 const uncontrolledOpen = ref(props.defaultOpen);
@@ -76,6 +76,15 @@ const open = computed({
 function close() {
   open.value = false;
 }
+function isClosedContentTarget(target) {
+  return target instanceof HTMLElement && target.dataset.state === "closed";
+}
+function handleContentAnimationEnd(event) {
+  if (open.value || event.target !== event.currentTarget || !isClosedContentTarget(event.currentTarget)) {
+    return;
+  }
+  emit("after-close");
+}
 </script>
 
 <template>
@@ -99,6 +108,7 @@ function close() {
       :is="modalComponents.Content"
       v-bind="attrs"
       :show-close-button="props.showCloseButton"
+      @animationend="handleContentAnimationEnd"
     >
       <component
         :is="modalComponents.Header"

package/dist/runtime/components/modal.vue.d.ts

@@ -9,34 +9,36 @@ declare function close(): void;
 declare var __VLS_14: {
     close: typeof close;
     isDesktop: boolean;
-}, __VLS_34: {
+}, __VLS_36: {
     close: typeof close;
     isDesktop: boolean;
-}, __VLS_42: {
+}, __VLS_44: {
     close: typeof close;
     isDesktop: boolean;
-}, __VLS_44: {
+}, __VLS_46: {
     close: typeof close;
     isDesktop: boolean;
-}, __VLS_52: {
+}, __VLS_54: {
     close: typeof close;
     isDesktop: boolean;
 };
 type __VLS_Slots = {} & {
     trigger?: (props: typeof __VLS_14) => any;
 } & {
-    title?: (props: typeof __VLS_34) => any;
+    title?: (props: typeof __VLS_36) => any;
 } & {
-    description?: (props: typeof __VLS_42) => any;
+    description?: (props: typeof __VLS_44) => any;
 } & {
-    default?: (props: typeof __VLS_44) => any;
+    default?: (props: typeof __VLS_46) => any;
 } & {
-    footer?: (props: typeof __VLS_52) => any;
+    footer?: (props: typeof __VLS_54) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:open": (open: boolean) => any;
+    "after-close": () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onUpdate:open"?: ((open: boolean) => any) | undefined;
+    "onAfter-close"?: (() => any) | undefined;
 }>, {
     showCloseButton: boolean;
     breakpoint: string;

package/dist/runtime/components/ui/app/OverlayHost.vue

@@ -25,6 +25,12 @@ function handleOpenUpdate(sessionId, open) {
   }
   overlay.closeSync(sessionId);
 }
+function handleAfterClose(sessionId) {
+  const finalizeCloseSync = Reflect.get(overlay, "finalizeCloseSync");
+  if (typeof finalizeCloseSync === "function") {
+    finalizeCloseSync(sessionId);
+  }
+}
 const renderedSessions = computed(() => {
   const nextSessions = [];
   for (const session of overlay.sessions) {
@@ -35,6 +41,7 @@ const renderedSessions = computed(() => {
     nextSessions.push({
       sessionId: session.sessionId,
       definitionId: session.definitionId,
+      open: session.open,
       shell: {
         title: session.shell.title,
         description: session.shell.description,
@@ -57,11 +64,12 @@ const renderedSessions = computed(() => {
     :key="session.sessionId"
   >
     <ShwfedModal
-      :open="true"
+      :open="session.open"
       :breakpoint="session.shell.breakpoint"
       :show-close-button="session.shell.showCloseButton"
       :dismissible="session.shell.dismissible"
       @update:open="handleOpenUpdate(session.sessionId, $event)"
+      @after-close="handleAfterClose(session.sessionId)"
     >
       <template
         v-if="session.shell.title"

package/dist/runtime/components/ui/buttons/button-action.types.d.ts

@@ -0,0 +1,6 @@
+import { type ButtonActionEffect, type ButtonActionEffectFactory } from '../../../composables/useButtonAction.js';
+export declare const overlayFactoryEffect: ButtonActionEffectFactory;
+export declare const submitFactoryEffect: ButtonActionEffectFactory;
+export declare const promiseEffect: ButtonActionEffect;
+export declare const syncEffect: ButtonActionEffect;
+export declare const overlayContextEffect: ButtonActionEffectFactory;

package/dist/runtime/components/ui/buttons/button-action.types.js

@@ -0,0 +1,26 @@
+import { Effect, Option } from "effect";
+import { openOverlay } from "../../../composables/useOverlay.js";
+import { currentButtonAction } from "../../../composables/useButtonAction.js";
+export const overlayFactoryEffect = ({ id }) => Effect.gen(function* () {
+  const handle = yield* openOverlay(id);
+  return handle;
+});
+export const submitFactoryEffect = ({ title }) => Effect.gen(function* () {
+  if (title.length === 0) {
+    return yield* Effect.fail(new Error("missing title"));
+  }
+  return {
+    submitted: true,
+    title
+  };
+});
+export const promiseEffect = Effect.promise(async () => ({
+  status: "ok"
+}));
+export const syncEffect = Effect.sync(() => 1);
+export const overlayContextEffect = () => Effect.gen(function* () {
+  const action = yield* currentButtonAction();
+  const handle = yield* openOverlay(action.id);
+  const result = yield* handle.result;
+  return Option.isSome(result);
+});

package/dist/runtime/composables/useButtonAction.d.ts

@@ -1,4 +1,5 @@
 import { Context, Effect, type Scope } from 'effect';
+import type { OverlayService } from './useOverlay.js';
 export type ButtonActionRuntime = Readonly<{
     id: string;
     locale: string;
@@ -15,7 +16,7 @@ declare const ButtonActionService_base: Context.TagClass<ButtonActionService, "s
 }>>;
 export declare class ButtonActionService extends ButtonActionService_base {
 }
-export type ButtonActionEffect = Effect.Effect<void, never, ButtonActionService | Scope.Scope> | Effect.Effect<void, never, ButtonActionService> | Effect.Effect<void, never, Scope.Scope> | Effect.Effect<void, never, never>;
+export type ButtonActionEffect = Effect.Effect<unknown, unknown, ButtonActionService | OverlayService | Scope.Scope> | Effect.Effect<unknown, unknown, ButtonActionService | OverlayService> | Effect.Effect<unknown, unknown, ButtonActionService | Scope.Scope> | Effect.Effect<unknown, unknown, OverlayService | Scope.Scope> | Effect.Effect<unknown, unknown, ButtonActionService> | Effect.Effect<unknown, unknown, OverlayService> | Effect.Effect<unknown, unknown, Scope.Scope> | Effect.Effect<unknown, unknown, never>;
 export type ButtonActionEffectFactory = (context: ButtonActionRuntime) => ButtonActionEffect;
 export declare function currentButtonAction(): Effect.Effect<ButtonActionRuntime, never, ButtonActionService>;
 export {};

package/dist/runtime/composables/useOverlay.d.ts

@@ -38,9 +38,11 @@ type OverlayShellState = OverlayShellProps & {
 type OverlaySession = {
     sessionId: string;
     definitionId: string;
+    open: boolean;
     shell: OverlayShellState;
     props: Record<string, unknown>;
     deferred: Deferred.Deferred<OverlayResult, never>;
+    pendingResult?: OverlayResult;
 };
 export type OverlayHandle<T = Record<string, unknown>> = Readonly<{
     sessionId: string;

package/dist/runtime/composables/useOverlay.js

@@ -50,19 +50,25 @@ function createOverlayRuntime() {
     const [session] = sessions.value.splice(index, 1);
     return session;
   }
-  function closeInternal(sessionId, result) {
-    return Effect.gen(function* () {
-      const session = removeSession(sessionId);
-      if (!session) {
-        return;
-      }
-      yield* Deferred.succeed(session.deferred, result);
-    });
+  function finalizeCloseSync(sessionId, result) {
+    const session = removeSession(sessionId);
+    if (!session) {
+      return;
+    }
+    Effect.runSync(Deferred.succeed(session.deferred, session.pendingResult ?? result ?? Option.none()));
+  }
+  function requestCloseSync(sessionId, result) {
+    const session = getSession(sessionId);
+    if (!session || !session.open) {
+      return;
+    }
+    session.open = false;
+    session.pendingResult = result;
   }
   function closeDefinitionSessions(definitionId) {
     const targetSessions = sessions.value.filter((session) => session.definitionId === definitionId).map((session) => session.sessionId);
     for (const sessionId of targetSessions) {
-      void Effect.runPromise(closeInternal(sessionId, Option.none()));
+      finalizeCloseSync(sessionId, Option.none());
     }
   }
   function registerDefinition(definition) {
@@ -111,19 +117,19 @@ function createOverlayRuntime() {
     }
   }
   function closeSync(sessionId, ...args) {
-    void Effect.runPromise(closeInternal(sessionId, createResult(...args)));
+    requestCloseSync(sessionId, createResult(...args));
   }
   function closeTopSync() {
     const topSession = sessions.value.at(-1);
     if (!topSession) {
       return;
     }
-    void Effect.runPromise(closeInternal(topSession.sessionId, Option.none()));
+    requestCloseSync(topSession.sessionId, Option.none());
   }
   function closeAllSync() {
     const sessionIds = sessions.value.map((session) => session.sessionId);
     for (const sessionId of sessionIds) {
-      void Effect.runPromise(closeInternal(sessionId, Option.none()));
+      requestCloseSync(sessionId, Option.none());
     }
   }
   function createHandle(session) {
@@ -132,7 +138,9 @@ function createOverlayRuntime() {
       patch: (patch) => Effect.sync(() => {
         patchSync(session.sessionId, patch);
       }),
-      close: (...args) => closeInternal(session.sessionId, createResult(...args)),
+      close: (...args) => Effect.sync(() => {
+        requestCloseSync(session.sessionId, createResult(...args));
+      }),
       result: Deferred.await(session.deferred)
     };
   }
@@ -160,6 +168,7 @@ function createOverlayRuntime() {
         const session = {
           sessionId: crypto.randomUUID(),
           definitionId,
+          open: true,
           shell: {
             title: explicitTitle ?? buttonTitle ?? definitionTitle,
             description: explicitDescription ?? buttonDescription ?? definitionDescription ?? getDefaultOverlayDescription(buttonAction?.locale ?? "zh"),
@@ -176,7 +185,9 @@ function createOverlayRuntime() {
         sessions.value.push(session);
         return createHandle(session);
       }),
-      (handle) => closeInternal(handle.sessionId, Option.none())
+      (handle) => Effect.sync(() => {
+        finalizeCloseSync(handle.sessionId, Option.none());
+      })
     );
   }
   const runtime = {
@@ -192,7 +203,7 @@ function createOverlayRuntime() {
     registerDefinition,
     unregisterDefinition,
     syncDefinitions,
-    isOpen: (sessionId) => findSessionIndex(sessionId) >= 0,
+    isOpen: (sessionId) => getSession(sessionId)?.open === true,
     patchSync,
     closeSync,
     closeTopSync,
@@ -201,13 +212,16 @@ function createOverlayRuntime() {
     patch: (sessionId, patch) => Effect.sync(() => {
       patchSync(sessionId, patch);
     }),
-    close: (sessionId, ...args) => closeInternal(sessionId, createResult(...args)),
+    close: (sessionId, ...args) => Effect.sync(() => {
+      requestCloseSync(sessionId, createResult(...args));
+    }),
     closeTop: () => Effect.sync(() => {
       closeTopSync();
     }),
     closeAll: () => Effect.sync(() => {
       closeAllSync();
-    })
+    }),
+    finalizeCloseSync
   };
   return runtime;
 }

package/dist/runtime/plugins/toast/index.d.ts

@@ -7,9 +7,9 @@ declare const _default: import("#app").Plugin<{
         custom: (component: import("vue").Component, data?: import("vue-sonner").ExternalToast) => string | number;
         message: (message: string | (() => string | import("vue").Component) | import("vue").Component, data?: import("vue-sonner").ExternalToast) => string | number;
         promise: <ToastData>(promise: Promise<ToastData> | (() => Promise<ToastData>), data?: ({
+            dismissible?: boolean | undefined;
             id?: number | string | undefined;
             icon?: import("vue").Component | undefined;
-            dismissible?: boolean | undefined;
             duration?: number | undefined;
             class?: string | undefined;
             style?: import("vue").CSSProperties | undefined;
@@ -60,9 +60,9 @@ declare const _default: import("#app").Plugin<{
         custom: (component: import("vue").Component, data?: import("vue-sonner").ExternalToast) => string | number;
         message: (message: string | (() => string | import("vue").Component) | import("vue").Component, data?: import("vue-sonner").ExternalToast) => string | number;
         promise: <ToastData>(promise: Promise<ToastData> | (() => Promise<ToastData>), data?: ({
+            dismissible?: boolean | undefined;
             id?: number | string | undefined;
             icon?: import("vue").Component | undefined;
-            dismissible?: boolean | undefined;
             duration?: number | undefined;
             class?: string | undefined;
             style?: import("vue").CSSProperties | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shwfed/nuxt",
-  "version": "0.11.17",
+  "version": "0.11.19",
   "description": "",
   "license": "MIT",
   "type": "module",