@shwfed/nuxt 0.11.0 → 0.11.1

package/dist/module.json

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

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

@@ -2,6 +2,8 @@ import { Effect } from 'effect';
 import type { ButtonConfigInput } from './ui/buttons/schema.js';
 export { ButtonActionC, ButtonBodyC, ButtonBodyInputC, ButtonConfigC, ButtonConfigInputC, ButtonDropdownC, ButtonGroupC, ButtonModalC, ButtonsStyleC, CURRENT_COMPATIBILITY_DATE, KIND, SUPPORTED_COMPATIBILITY_DATES, createButtonConfig, } from './ui/buttons/schema.js';
 export type { ButtonAction, ButtonBody, ButtonBodyInput, ButtonConfig, ButtonConfigInput, ButtonDropdown, ButtonDropdownAction, ButtonGroup, ButtonGroupItem, ButtonModal, } from './ui/buttons/schema.js';
+export type { ButtonActionEffect, ButtonActionEffectFactory, ButtonActionRuntime } from '../composables/useButtonAction.js';
+export { ButtonActionService, currentButtonAction } from '../composables/useButtonAction.js';
 declare const _default: typeof __VLS_export;
 export default _default;
 declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{

package/dist/runtime/components/button.vue

@@ -43,6 +43,7 @@ export {
   SUPPORTED_COMPATIBILITY_DATES,
   createButtonConfig
 } from "./ui/buttons/schema";
+export { ButtonActionService, currentButtonAction } from "../composables/useButtonAction";
 </script>
 
 <template>

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

@@ -2,6 +2,8 @@ import { Effect } from 'effect';
 import type { ButtonConfigInput } from './ui/buttons/schema.js';
 export { ButtonActionC, ButtonBodyC, ButtonBodyInputC, ButtonConfigC, ButtonConfigInputC, ButtonDropdownC, ButtonGroupC, ButtonModalC, ButtonsStyleC, CURRENT_COMPATIBILITY_DATE, KIND, SUPPORTED_COMPATIBILITY_DATES, createButtonConfig, } from './ui/buttons/schema.js';
 export type { ButtonAction, ButtonBody, ButtonBodyInput, ButtonConfig, ButtonConfigInput, ButtonDropdown, ButtonDropdownAction, ButtonGroup, ButtonGroupItem, ButtonModal, } from './ui/buttons/schema.js';
+export type { ButtonActionEffect, ButtonActionEffectFactory, ButtonActionRuntime } from '../composables/useButtonAction.js';
+export { ButtonActionService, currentButtonAction } from '../composables/useButtonAction.js';
 declare const _default: typeof __VLS_export;
 export default _default;
 declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{

package/dist/runtime/components/ui/buttons/Buttons.d.vue.ts

@@ -2,7 +2,9 @@ import { Effect } from 'effect';
 import { type ButtonConfigInput } from './schema.js';
 export { ButtonActionC, ButtonConfigC, ButtonConfigInputC, ButtonDropdownC, ButtonGroupC, ButtonModalC, ButtonsStyleC } from './schema.js';
 export { ButtonBodyC, ButtonBodyInputC, CURRENT_COMPATIBILITY_DATE, KIND, SUPPORTED_COMPATIBILITY_DATES, createButtonConfig, } from './schema.js';
+export { ButtonActionService, currentButtonAction } from '../../../composables/useButtonAction.js';
 export type { ButtonAction, ButtonBody, ButtonBodyInput, ButtonConfig, ButtonConfigInput, ButtonDropdown, ButtonDropdownAction, ButtonGroup, ButtonGroupItem, ButtonModal, } from './schema.js';
+export type { ButtonActionEffect, ButtonActionEffectFactory, ButtonActionRuntime } from '../../../composables/useButtonAction.js';
 declare const _default: typeof __VLS_export;
 export default _default;
 declare const __VLS_export: import("vue").DefineComponent<{

package/dist/runtime/components/ui/buttons/Buttons.vue

@@ -6,6 +6,9 @@ import { Icon } from "@iconify/vue";
 import { Effect } from "effect";
 import { useI18n } from "vue-i18n";
 import { useCheating } from "#imports";
+import {
+  ButtonActionService
+} from "../../../composables/useButtonAction";
 import { provideOverlay, useOverlay } from "../../../composables/useOverlay";
 import { getLocalizedText, hasVisibleLocaleValue } from "../../../utils/coders";
 import { cn } from "../../../utils/cn";
@@ -154,11 +157,14 @@ function getButtonEffect(buttonId) {
 function isEffectValue(value) {
   return typeof value === "object" && value !== null && "_op" in value;
 }
+function isEffectFactory(value) {
+  return typeof value === "function";
+}
 function isPending(buttonId) {
   return pendingIds.value.includes(buttonId);
 }
 function isButtonDisabled(buttonId) {
-  return isPending(buttonId) || !isEffectValue(getButtonEffect(buttonId));
+  return isPending(buttonId) || !(isEffectValue(getButtonEffect(buttonId)) || isEffectFactory(getButtonEffect(buttonId)));
 }
 function isDropdownPending(dropdown) {
   return dropdown.items.some((item) => isPending(item.id));
@@ -166,17 +172,65 @@ function isDropdownPending(dropdown) {
 function hasButtonTooltip(button) {
   return hasVisibleLocaleValue(button.tooltip);
 }
+function findButtonAction(buttonId) {
+  for (const group of displayConfig.value.groups) {
+    for (const item of group.items) {
+      if (isDropdownItem(item)) {
+        const child = item.items.find((candidate) => candidate.id === buttonId);
+        if (child) {
+          return child;
+        }
+        continue;
+      }
+      if (item.id === buttonId) {
+        return item;
+      }
+    }
+  }
+  return void 0;
+}
+function createButtonActionRuntime(button) {
+  const tooltip = getButtonTooltip(button);
+  return {
+    id: button.id,
+    locale: locale.value,
+    title: getButtonLabel(button),
+    description: tooltip,
+    tooltip
+  };
+}
+function resolveButtonEffect(button) {
+  const value = getButtonEffect(button.id);
+  if (isEffectValue(value)) {
+    return value;
+  }
+  if (!isEffectFactory(value)) {
+    return void 0;
+  }
+  const effect = value(createButtonActionRuntime(button));
+  return isEffectValue(effect) ? effect : void 0;
+}
 async function runButton(buttonId) {
   if (isPending(buttonId)) {
     return;
   }
-  const effect = getButtonEffect(buttonId);
-  if (!isEffectValue(effect)) {
+  const button = findButtonAction(buttonId);
+  if (!button) {
+    return;
+  }
+  const effect = resolveButtonEffect(button);
+  if (!effect) {
     return;
   }
+  const action = createButtonActionRuntime(button);
   pendingIds.value = [...pendingIds.value, buttonId];
   try {
-    await Effect.runPromise(provideOverlay(Effect.scoped(effect), overlay));
+    await Effect.runPromise(
+      provideOverlay(
+        Effect.scoped(effect).pipe(Effect.provideService(ButtonActionService, action)),
+        overlay
+      )
+    );
   } finally {
     pendingIds.value = pendingIds.value.filter((id) => id !== buttonId);
   }
@@ -211,6 +265,7 @@ export {
   SUPPORTED_COMPATIBILITY_DATES,
   createButtonConfig
 } from "./schema";
+export { ButtonActionService, currentButtonAction } from "../../../composables/useButtonAction";
 </script>
 
 <template>

package/dist/runtime/components/ui/buttons/Buttons.vue.d.ts

@@ -2,7 +2,9 @@ import { Effect } from 'effect';
 import { type ButtonConfigInput } from './schema.js';
 export { ButtonActionC, ButtonConfigC, ButtonConfigInputC, ButtonDropdownC, ButtonGroupC, ButtonModalC, ButtonsStyleC } from './schema.js';
 export { ButtonBodyC, ButtonBodyInputC, CURRENT_COMPATIBILITY_DATE, KIND, SUPPORTED_COMPATIBILITY_DATES, createButtonConfig, } from './schema.js';
+export { ButtonActionService, currentButtonAction } from '../../../composables/useButtonAction.js';
 export type { ButtonAction, ButtonBody, ButtonBodyInput, ButtonConfig, ButtonConfigInput, ButtonDropdown, ButtonDropdownAction, ButtonGroup, ButtonGroupItem, ButtonModal, } from './schema.js';
+export type { ButtonActionEffect, ButtonActionEffectFactory, ButtonActionRuntime } from '../../../composables/useButtonAction.js';
 declare const _default: typeof __VLS_export;
 export default _default;
 declare const __VLS_export: import("vue").DefineComponent<{

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

@@ -0,0 +1,21 @@
+import { Context, Effect, type Scope } from 'effect';
+export type ButtonActionRuntime = Readonly<{
+    id: string;
+    locale: string;
+    title: string;
+    description?: string;
+    tooltip?: string;
+}>;
+declare const ButtonActionService_base: Context.TagClass<ButtonActionService, "shwfed/ButtonActionService", Readonly<{
+    id: string;
+    locale: string;
+    title: string;
+    description?: string;
+    tooltip?: string;
+}>>;
+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 ButtonActionEffectFactory = (context: ButtonActionRuntime) => ButtonActionEffect;
+export declare function currentButtonAction(): Effect.Effect<ButtonActionRuntime, never, ButtonActionService>;
+export {};

package/dist/runtime/composables/useButtonAction.js

@@ -0,0 +1,6 @@
+import { Context, Effect } from "effect";
+export class ButtonActionService extends Context.Tag("shwfed/ButtonActionService")() {
+}
+export function currentButtonAction() {
+  return Effect.flatMap(ButtonActionService, (action) => Effect.succeed(action));
+}

package/package.json

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