@hexdspace/react 0.0.7 → 0.0.9

package/dist/index.mjs

@@ -1,290 +0,0 @@
-// src/util/responsive-query/ui-result.ts
-import { v4 as uuid } from "uuid";
-var ui = {
-  success: (value, ...effects) => ({
-    ok: true,
-    value,
-    effects
-  }),
-  failure: (error, ...extraEffects) => ({
-    ok: false,
-    error,
-    effects: [
-      {
-        type: "notify",
-        notification: {
-          id: uuid(),
-          title: "Error",
-          content: error,
-          variant: "error"
-        }
-      },
-      ...extraEffects
-    ]
-  })
-};
-
-// src/util/responsive-query/use-responsive-mutation.ts
-import { useMutation, useQueryClient } from "@tanstack/react-query";
-
-// src/feature/notifier/entity/notification-bus.ts
-var NotificationBus = class {
-  channels = /* @__PURE__ */ new Map();
-  subscribe(channel, listener) {
-    const listeners = this.ensureChannel(channel);
-    listeners.add(listener);
-    return () => {
-      const set = this.channels.get(channel);
-      if (!set) return;
-      set.delete(listener);
-      if (set.size === 0) {
-        this.channels.delete(channel);
-      }
-    };
-  }
-  publish(channel, notification) {
-    const listeners = this.channels.get(channel);
-    if (!listeners || listeners.size === 0) return;
-    for (const listener of listeners) {
-      try {
-        listener.notify(notification);
-      } catch (error) {
-        console.error("Notification listener failed to handle notification", error);
-      }
-    }
-  }
-  ensureChannel(channel) {
-    let listeners = this.channels.get(channel);
-    if (!listeners) {
-      listeners = /* @__PURE__ */ new Set();
-      this.channels.set(channel, listeners);
-    }
-    return listeners;
-  }
-};
-
-// src/feature/notifier/application/use-case/send-notification-use-case.ts
-var SendNotificationUseCase = class {
-  constructor(bus2) {
-    this.bus = bus2;
-  }
-  async execute(channel, notification) {
-    this.bus.publish(channel, notification);
-  }
-};
-
-// src/feature/notifier/application/use-case/subscribe-use-case.ts
-var SubscribeUseCase = class {
-  constructor(bus2) {
-    this.bus = bus2;
-  }
-  async execute(channel, observer) {
-    return this.bus.subscribe(channel, observer);
-  }
-};
-
-// src/feature/notifier/infra/controllers/notifier-controller.ts
-var NotifierController = class {
-  constructor(sender, subscriber) {
-    this.sender = sender;
-    this.subscriber = subscriber;
-  }
-  handleSendNotification(channel, notification) {
-    return this.sender.execute(channel, notification);
-  }
-  handleSubscribe(channel, listener) {
-    return this.subscriber.execute(channel, listener);
-  }
-};
-var bus = new NotificationBus();
-var sendNotification = new SendNotificationUseCase(bus);
-var subscribe = new SubscribeUseCase(bus);
-var notifierController = new NotifierController(sendNotification, subscribe);
-
-// src/feature/notifier/infra/web/react/NotificationHost.tsx
-import { useEffect, useMemo as useMemo2 } from "react";
-import { ToastContainer, toast } from "react-toastify";
-import { AlertTriangleIcon, CheckCircleIcon, InfoIcon, XCircleIcon } from "lucide-react";
-
-// src/feature/notifier/entity/notification.ts
-var DEFAULT_NOTIFICATION_CHANNEL = "app.notifications";
-
-// src/feature/notifier/infra/web/react/NotifierProvider.tsx
-import { createContext, useContext, useMemo } from "react";
-import { jsx } from "react/jsx-runtime";
-var NotifierContext = createContext(null);
-var NotifierProvider = ({ children }) => {
-  const controller = useMemo(() => notifierController, []);
-  return /* @__PURE__ */ jsx(NotifierContext.Provider, { value: { controller }, children });
-};
-function useNotifierController() {
-  const ctx = useContext(NotifierContext);
-  if (!ctx) throw new Error("useNotifierController must be used within <NotifierProvider>");
-  return ctx.controller;
-}
-
-// src/feature/notifier/infra/web/react/CustomToastTransition.tsx
-import { cssTransition } from "react-toastify";
-var SlideUp = cssTransition({
-  enter: "slideIn",
-  exit: "slideOut",
-  collapseDuration: 300,
-  appendPosition: false,
-  collapse: true
-});
-
-// src/feature/notifier/infra/web/react/NotificationHost.tsx
-import { jsx as jsx2, jsxs } from "react/jsx-runtime";
-var NotificationHost = ({ channel = DEFAULT_NOTIFICATION_CHANNEL, isDark }) => {
-  const controller = useNotifierController();
-  useEffect(() => {
-    let unsub;
-    let disposed = false;
-    const listener = {
-      notify(notification) {
-        renderToast(notification);
-      }
-    };
-    controller.handleSubscribe(channel, listener).then((unsubHandler) => {
-      if (disposed) {
-        unsubHandler();
-        return;
-      }
-      unsub = unsubHandler;
-    }).catch((error) => {
-      console.error("Failed to subscribe to notifications", error);
-    });
-    return () => {
-      disposed = true;
-      if (unsub) unsub();
-    };
-  }, [channel, controller]);
-  const theme = useMemo2(() => {
-    if (!isDark) {
-      return "light";
-    }
-    return isDark() ? "dark" : "light";
-  }, []);
-  return /* @__PURE__ */ jsx2(
-    ToastContainer,
-    {
-      position: "bottom-right",
-      transition: SlideUp,
-      newestOnTop: true,
-      draggable: true,
-      pauseOnFocusLoss: false,
-      icon: false,
-      pauseOnHover: true,
-      hideProgressBar: false,
-      className: "custom-toast-container",
-      theme
-    }
-  );
-};
-var DEFAULT_NOTIFICATION_VARIANT = "info";
-var TOAST_ICON_BY_VARIANT = {
-  success: { Icon: CheckCircleIcon, color: "var(--success)" },
-  warning: { Icon: AlertTriangleIcon, color: "var(--warning)" },
-  error: { Icon: XCircleIcon, color: "var(--danger)" },
-  info: { Icon: InfoIcon, color: "var(--accent)" }
-};
-function renderToast(notification) {
-  const variant = notification.variant ?? DEFAULT_NOTIFICATION_VARIANT;
-  toast(/* @__PURE__ */ jsx2(ToastContent, { notification }), {
-    type: variant,
-    toastId: notification.id,
-    icon: false
-  });
-}
-var ToastContent = ({ notification }) => {
-  const { title, content, action } = notification;
-  const variant = notification.variant ?? DEFAULT_NOTIFICATION_VARIANT;
-  const { Icon, color } = TOAST_ICON_BY_VARIANT[variant];
-  const handleActionClick = async () => {
-    if (!action) return;
-    try {
-      await action.onClick?.();
-    } catch (error) {
-      console.error("Notification action failed", error);
-    } finally {
-      toast.dismiss(notification.id);
-    }
-  };
-  return /* @__PURE__ */ jsxs("div", { className: "toast-content flex w-full flex-col gap-2", children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ jsx2(
-        Icon,
-        {
-          className: "h-4 w-4 shrink-0",
-          style: { color },
-          "aria-hidden": "true"
-        }
-      ),
-      /* @__PURE__ */ jsx2("span", { className: "font-semibold", children: title })
-    ] }),
-    (content || action) && /* @__PURE__ */ jsxs("div", { className: "flex w-full items-start gap-3", children: [
-      content && /* @__PURE__ */ jsx2("span", { className: "flex-1 text-sm text-muted-foreground", children: content }),
-      action && /* @__PURE__ */ jsx2(
-        "button",
-        {
-          type: "button",
-          className: "toast-action text-sm font-medium ml-auto shrink-0 self-end",
-          onClick: handleActionClick,
-          children: action.label
-        }
-      )
-    ] })
-  ] });
-};
-
-// src/util/responsive-query/use-responsive-mutation.ts
-function useResponsiveMutation(responsiveMutation) {
-  const { mutationFn, optimistic, onSuccess } = responsiveMutation;
-  const qc = useQueryClient();
-  return useMutation({
-    mutationFn: async (args) => {
-      const res = await mutationFn(args);
-      if (!res.ok) throw res;
-      return res;
-    },
-    onMutate: async (args) => {
-      if (!optimistic) return void 0;
-      const snapshot = await optimistic(args, { queryClient: qc });
-      return snapshot ?? void 0;
-    },
-    onError: (err, _args, ctx) => {
-      if (ctx) void ctx.rollback();
-      executeEffects(err.effects, { queryClient: qc });
-    },
-    onSuccess: (res) => {
-      executeEffects(res.effects, { queryClient: qc });
-      onSuccess?.(res.value);
-    }
-  });
-}
-var executeEffects = (effects, ctx) => {
-  effects.forEach((effect) => {
-    if (effect.type === "invalidate") {
-      void ctx.queryClient.invalidateQueries({ queryKey: effect.queryKey });
-    } else if (effect.type === "update") {
-      ctx.queryClient.setQueryData(effect.queryKey, effect.updater);
-    } else if (effect.type === "notify") {
-      const notification = typeof effect.notification === "function" ? effect.notification(ctx) : effect.notification;
-      void notifierController.handleSendNotification(DEFAULT_NOTIFICATION_CHANNEL, {
-        ...notification
-      });
-    } else if (effect.type === "custom") {
-      void effect.run(ctx);
-    }
-  });
-};
-export {
-  DEFAULT_NOTIFICATION_CHANNEL,
-  NotificationHost,
-  NotifierController,
-  NotifierProvider,
-  notifierController,
-  ui,
-  useNotifierController,
-  useResponsiveMutation
-};