@ablogcms/notify 3.2.28-beta.0

package/README.md

@@ -0,0 +1,41 @@
+# @ablogcms/notify
+
+管理画面の通知（notify）ドメイン層。キュー・重複抑制・タイマー pause/resume を持つ store と、
+`notify()` 公開 API、既定プレゼンター `ToastPresenter`（見た目は `@ablogcms/components/toast`）を提供する。
+通知（notify）と表示コンポーネント（プレゼンター）は一対多の関係で分離されており、
+`NotificationContainer` の `presenter` prop で表示形式を差し替えられる。
+
+## 使い方
+
+```ts
+import { notify } from '@ablogcms/notify';
+
+notify.info('保存しました');
+notify.success('公開しました');
+notify.danger('エラーが発生しました'); // 既定で自動消滅しない（duration: 0）
+notify.warning('確認してください');
+
+notify.success('削除しました', {
+  description: 'ゴミ箱に移動しました。',
+  action: { label: '元に戻す', onClick: ({ dismiss }) => { restore(); dismiss(); } },
+});
+
+notify.promise(uploadFile(), {
+  loading: 'アップロード中…',
+  success: 'アップロードが完了しました',
+  error: (err) => `失敗しました: ${err.message}`,
+});
+
+notify.update(id, { type: 'success', title: '完了しました' });
+notify.dismiss(id); // id 省略で全消し
+```
+
+- `notify(content, options?)` / `.success` / `.info` / `.warning` / `.danger`: 通知を追加する（`options.id`
+  を指定すると同 id の既存通知を更新する重複抑制になる）。
+- `notify.promise(promise, { loading, success, error })`: Promise の状態遷移に合わせて通知を更新する。
+- `notify.update(id, options)` / `notify.dismiss(id?)`: 表示中の通知を更新・消去する。
+- `options.autoHide` / `options.onHide` は `duration` / `onClose` の `@deprecated` エイリアスとして
+  引き続き動作する。
+- `NotificationContainer`: 実際に通知を DOM へレンダリングするコンポーネント。ページに 1 度だけ
+  マウントすれば、以降の `notify.*` 呼び出しに反応して表示される。`presenter`（既定 `ToastPresenter`）・
+  `placement`・`limit`・`duration`・`overlap`・`label` を指定できる。

package/dist/acms.d.ts

@@ -0,0 +1,6 @@
+import type notify from './notify.js';
+declare module '@ablogcms/types/acms' {
+    interface AcmsLibrary {
+        notify: typeof notify;
+    }
+}

package/dist/acms.mjs

@@ -0,0 +1 @@
+//# sourceMappingURL=acms.mjs.map

package/dist/acms.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/index.d.ts

@@ -0,0 +1,5 @@
+export { default as notify } from './notify.js';
+export { default as NotificationContainer } from './notify-container.js';
+export { default as ToastPresenter } from './presenters/toast-presenter.js';
+export type { ToastPresenterProps } from './presenters/toast-presenter.js';
+export type * from './types/index.js';

package/dist/index.mjs

@@ -0,0 +1,431 @@
+// src/store/store.ts
+var DEFAULT_CONFIG = { limit: 3, duration: 5e3 };
+var config = { ...DEFAULT_CONFIG };
+var visible = [];
+var queue = [];
+var paused = false;
+var seq = 0;
+var listeners = /* @__PURE__ */ new Set();
+function emitChange() {
+  for (const listener of listeners) {
+    listener();
+  }
+}
+function genId() {
+  seq += 1;
+  return `notification-${seq}`;
+}
+function resolveDuration(type, duration) {
+  if (duration !== void 0) return duration;
+  return type === "danger" ? 0 : config.duration;
+}
+function clearTimer(notification) {
+  if (notification.timer) {
+    clearTimeout(notification.timer);
+    notification.timer = null;
+  }
+}
+function startTimer(notification) {
+  if (notification.duration === 0) return;
+  notification.startedAt = Date.now();
+  notification.timer = setTimeout(() => dismiss(notification.id), Math.max(notification.remaining, 0));
+}
+function buildInternal(id, options) {
+  const type = options.type ?? "info";
+  const duration = resolveDuration(type, options.duration);
+  return {
+    id,
+    type,
+    title: options.title,
+    description: options.description,
+    closable: options.closable ?? true,
+    action: options.action,
+    onClose: options.onClose,
+    duration,
+    remaining: duration,
+    startedAt: 0,
+    timer: null
+  };
+}
+function applyOptions(target, options) {
+  target.type = options.type ?? target.type;
+  target.title = options.title ?? target.title;
+  if ("description" in options) target.description = options.description;
+  if ("closable" in options) target.closable = options.closable ?? true;
+  if ("action" in options) target.action = options.action;
+  if ("onClose" in options) target.onClose = options.onClose;
+  target.duration = resolveDuration(target.type, options.duration);
+  target.remaining = target.duration;
+}
+function mergeNotification(existing, options) {
+  const next = { ...existing };
+  applyOptions(next, options);
+  return next;
+}
+function configure(next) {
+  config = { ...config, ...next };
+}
+function subscribe(listener) {
+  listeners.add(listener);
+  return () => {
+    listeners.delete(listener);
+  };
+}
+function getSnapshot() {
+  return visible;
+}
+function drainQueue() {
+  while (queue.length > 0 && visible.length < config.limit) {
+    const [next, ...rest] = queue;
+    queue = rest;
+    visible = [...visible, next];
+    if (!paused) startTimer(next);
+  }
+}
+function enqueue(options) {
+  const id = options.id ?? genId();
+  const existing = visible.find((n) => n.id === id);
+  if (existing) {
+    clearTimer(existing);
+    applyOptions(existing, options);
+    visible = [...visible];
+    if (!paused) startTimer(existing);
+    emitChange();
+    return id;
+  }
+  const queuedIndex = queue.findIndex((n) => n.id === id);
+  if (queuedIndex !== -1) {
+    queue = queue.map((n, i) => i === queuedIndex ? mergeNotification(n, options) : n);
+    return id;
+  }
+  const notification = buildInternal(id, options);
+  if (visible.length >= config.limit) {
+    queue = [...queue, notification];
+    return id;
+  }
+  visible = [...visible, notification];
+  if (!paused) startTimer(notification);
+  emitChange();
+  return id;
+}
+function update(id, options) {
+  const existing = visible.find((n) => n.id === id);
+  if (existing) {
+    clearTimer(existing);
+    applyOptions(existing, options);
+    visible = [...visible];
+    if (!paused) startTimer(existing);
+    emitChange();
+    return;
+  }
+  const queuedIndex = queue.findIndex((n) => n.id === id);
+  if (queuedIndex !== -1) {
+    queue = queue.map((n, i) => i === queuedIndex ? mergeNotification(n, options) : n);
+  }
+}
+function dismiss(id) {
+  if (id === void 0) {
+    const closing = [...visible, ...queue];
+    closing.forEach(clearTimer);
+    visible = [];
+    queue = [];
+    emitChange();
+    closing.forEach((n) => n.onClose?.());
+    return;
+  }
+  const target = visible.find((n) => n.id === id);
+  if (target) {
+    clearTimer(target);
+    visible = visible.filter((n) => n.id !== id);
+    drainQueue();
+    emitChange();
+    target.onClose?.();
+    return;
+  }
+  const queuedTarget = queue.find((n) => n.id === id);
+  if (queuedTarget) {
+    queue = queue.filter((n) => n.id !== id);
+    queuedTarget.onClose?.();
+  }
+}
+function pauseAll() {
+  if (paused) return;
+  paused = true;
+  visible.forEach((notification) => {
+    if (!notification.timer) return;
+    clearTimeout(notification.timer);
+    notification.timer = null;
+    notification.remaining = Math.max(notification.remaining - (Date.now() - notification.startedAt), 0);
+  });
+}
+function resumeAll() {
+  if (!paused) return;
+  paused = false;
+  visible.forEach((notification) => {
+    if (notification.duration === 0 || notification.timer) return;
+    startTimer(notification);
+  });
+}
+
+// src/notify.ts
+function normalize(options) {
+  const { autoHide, onHide, duration, onClose, ...rest } = options;
+  return {
+    ...rest,
+    duration: duration ?? autoHide,
+    onClose: onClose ?? onHide
+  };
+}
+function show(content, options = {}, type) {
+  const normalized = normalize(options);
+  return enqueue({ ...normalized, type: type ?? normalized.type ?? "info", title: content });
+}
+function notify(content, options) {
+  return show(content, options);
+}
+notify.success = (content, options) => show(content, options, "success");
+notify.info = (content, options) => show(content, options, "info");
+notify.warning = (content, options) => show(content, options, "warning");
+notify.danger = (content, options) => show(content, options, "danger");
+notify.promise = function promise(promise, messages) {
+  const id = show(messages.loading, { duration: 0, closable: false }, "info");
+  promise.then(
+    (data) => {
+      const title = typeof messages.success === "function" ? messages.success(data) : messages.success;
+      update(id, { type: "success", title });
+    },
+    (error) => {
+      const title = typeof messages.error === "function" ? messages.error(error) : messages.error;
+      update(id, { type: "danger", title });
+    }
+  );
+  return promise;
+};
+notify.update = (id, options) => update(id, normalize(options));
+notify.dismiss = (id) => dismiss(id);
+var notify_default = notify;
+
+// src/notify-container.tsx
+import { useEffect as useEffect3 } from "react";
+
+// src/presenters/toast-presenter.tsx
+import { useCallback, useEffect as useEffect2, useLayoutEffect, useMemo as useMemo2, useRef as useRef2, useState as useState2 } from "react";
+import Toast from "@ablogcms/components/toast";
+
+// src/presenters/use-toast-stack.ts
+import { useEffect, useMemo, useRef, useState } from "react";
+var LEAVE_FALLBACK_MS = 500;
+function useToastStack(notifications) {
+  const [leaving, setLeaving] = useState([]);
+  const prevRef = useRef([]);
+  const timersRef = useRef(/* @__PURE__ */ new Map());
+  useEffect(() => {
+    const currentIds = new Set(notifications.map((n) => n.id));
+    const newlyRemoved = prevRef.current.filter((n) => !currentIds.has(n.id));
+    prevRef.current = notifications;
+    if (newlyRemoved.length === 0) {
+      setLeaving((current) => current.filter((n) => !currentIds.has(n.id)));
+      return;
+    }
+    setLeaving((current) => [...current.filter((n) => !currentIds.has(n.id)), ...newlyRemoved]);
+    newlyRemoved.forEach((notification) => {
+      const timer = setTimeout(() => {
+        setLeaving((current) => current.filter((n) => n.id !== notification.id));
+        timersRef.current.delete(notification.id);
+      }, LEAVE_FALLBACK_MS);
+      timersRef.current.set(notification.id, timer);
+    });
+  }, [notifications]);
+  useEffect(() => {
+    const timers = timersRef.current;
+    return () => {
+      timers.forEach((timer) => clearTimeout(timer));
+      timers.clear();
+    };
+  }, []);
+  return useMemo(() => {
+    const activeIds = new Set(notifications.map((n) => n.id));
+    return [
+      ...notifications.map((n) => ({ ...n, isLeaving: false })),
+      ...leaving.filter((n) => !activeIds.has(n.id)).map((n) => ({ ...n, isLeaving: true }))
+    ];
+  }, [notifications, leaving]);
+}
+
+// src/presenters/toast-presenter.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var GAP = 8;
+var PEEK = 12;
+function ToastPresenter({
+  notifications,
+  dismiss: dismiss2,
+  pause,
+  resume,
+  placement = "bottom-right",
+  overlap = true,
+  label
+}) {
+  const regionRef = useRef2(null);
+  const itemRefs = useRef2(/* @__PURE__ */ new Map());
+  const [expanded, setExpanded] = useState2(false);
+  const stack = useToastStack(notifications);
+  const activeStacked = useMemo2(() => stack.filter((n) => !n.isLeaving).reverse(), [stack]);
+  const leavingStacked = useMemo2(() => stack.filter((n) => n.isLeaving), [stack]);
+  useLayoutEffect(() => {
+    const region = regionRef.current;
+    if (!region || !overlap) return;
+    let offset = 0;
+    let frontHeight = 0;
+    activeStacked.forEach((item, index) => {
+      const el = itemRefs.current.get(item.id);
+      if (!el) return;
+      el.style.setProperty("--acms-toast-index", String(index));
+      el.style.setProperty("--acms-toast-offset", `${offset}px`);
+      el.dataset.front = index === 0 ? "true" : "false";
+      const height = el.offsetHeight;
+      if (index === 0) frontHeight = height;
+      offset += height + GAP;
+    });
+    region.style.setProperty("--acms-toast-front-height", `${frontHeight}px`);
+    const totalHeight = expanded ? Math.max(offset - GAP, 0) : frontHeight + PEEK * Math.max(activeStacked.length - 1, 0);
+    region.style.setProperty("--acms-toast-region-height", `${totalHeight}px`);
+  }, [activeStacked, expanded, overlap]);
+  const expand = useCallback(() => {
+    pause();
+    if (overlap) setExpanded(true);
+  }, [pause, overlap]);
+  const collapse = useCallback(() => {
+    resume();
+    if (overlap) setExpanded(false);
+  }, [resume, overlap]);
+  const handleBlur = useCallback(
+    (event) => {
+      if (!event.currentTarget.contains(event.relatedTarget)) {
+        collapse();
+      }
+    },
+    [collapse]
+  );
+  const handleKeyDown = useCallback(
+    (event) => {
+      if (event.key === "Escape" && activeStacked.length > 0) {
+        dismiss2(activeStacked[0].id);
+      }
+    },
+    [dismiss2, activeStacked]
+  );
+  useEffect2(() => {
+    function handleGlobalKeyDown(event) {
+      if (event.key === "F6" && notifications.length > 0) {
+        event.preventDefault();
+        regionRef.current?.focus();
+      }
+    }
+    document.addEventListener("keydown", handleGlobalKeyDown);
+    return () => document.removeEventListener("keydown", handleGlobalKeyDown);
+  }, [notifications.length]);
+  return (
+    // section は aria-label 付きで暗黙的に role=region を持つ（明示すると redundant-roles で警告される）。
+    // ホバー/フォーカスでの pause+展開、Esc での最前面クローズは Sonner / Base UI と同じ「常設ライブ
+    // リージョン」パターンの要件で、button/link 化できないため意図的に非対話要素へ付与している。
+    // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions
+    /* @__PURE__ */ jsxs(
+      "section",
+      {
+        ref: regionRef,
+        "aria-label": label ?? ACMS.i18n("notify.region"),
+        tabIndex: -1,
+        className: "acms-admin-toast-region",
+        "data-placement": placement,
+        "data-expanded": overlap ? expanded : true,
+        onMouseEnter: expand,
+        onMouseLeave: collapse,
+        onFocus: expand,
+        onBlur: handleBlur,
+        onKeyDown: handleKeyDown,
+        children: [
+          activeStacked.map((item, index) => /* @__PURE__ */ jsx(
+            Toast,
+            {
+              ref: (el) => {
+                if (el) itemRefs.current.set(item.id, el);
+                else itemRefs.current.delete(item.id);
+              },
+              type: item.type,
+              title: item.title,
+              description: item.description,
+              closable: item.closable,
+              "data-front": index === 0,
+              inert: overlap && !expanded && index !== 0,
+              onClose: () => dismiss2(item.id),
+              action: item.action ? {
+                label: item.action.label,
+                altText: item.action.altText,
+                onClick: () => item.action?.onClick({ dismiss: () => dismiss2(item.id) })
+              } : void 0
+            },
+            item.id
+          )),
+          leavingStacked.map((item) => /* @__PURE__ */ jsx(
+            Toast,
+            {
+              className: "is-leaving",
+              type: item.type,
+              title: item.title,
+              description: item.description,
+              closable: false,
+              inert: true
+            },
+            item.id
+          ))
+        ]
+      }
+    )
+  );
+}
+var toast_presenter_default = ToastPresenter;
+
+// src/store/hook.ts
+import { useSyncExternalStore } from "react";
+function useNotificationStore() {
+  const snapshot = useSyncExternalStore(subscribe, getSnapshot, getSnapshot);
+  return { snapshot, dismiss, pause: pauseAll, resume: resumeAll };
+}
+
+// src/notify-container.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+function NotificationContainer({
+  presenter: Presenter = toast_presenter_default,
+  placement = "bottom-right",
+  limit = 3,
+  duration = 5e3,
+  overlap = true,
+  label
+}) {
+  useEffect3(() => {
+    configure({ limit, duration });
+  }, [limit, duration]);
+  const { snapshot, dismiss: dismiss2, pause, resume } = useNotificationStore();
+  if (Presenter === toast_presenter_default) {
+    return /* @__PURE__ */ jsx2(
+      toast_presenter_default,
+      {
+        notifications: snapshot,
+        dismiss: dismiss2,
+        pause,
+        resume,
+        placement,
+        overlap,
+        label
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx2(Presenter, { notifications: snapshot, dismiss: dismiss2, pause, resume });
+}
+var notify_container_default = NotificationContainer;
+export {
+  notify_container_default as NotificationContainer,
+  toast_presenter_default as ToastPresenter,
+  notify_default as notify
+};
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/store/store.ts","../src/notify.ts","../src/notify-container.tsx","../src/presenters/toast-presenter.tsx","../src/presenters/use-toast-stack.ts","../src/store/hook.ts"],"sourcesContent":["import { NotificationItem, NotificationOptions } from '../types';\n\ninterface InternalNotification extends NotificationItem {\n  duration: number;\n  remaining: number;\n  startedAt: number;\n  timer: ReturnType<typeof setTimeout> | null;\n  onClose?: () => void;\n}\n\ninterface StoreConfig {\n  limit: number;\n  duration: number;\n}\n\nconst DEFAULT_CONFIG: StoreConfig = { limit: 3, duration: 5000 };\n\nlet config: StoreConfig = { ...DEFAULT_CONFIG };\nlet visible: InternalNotification[] = [];\nlet queue: InternalNotification[] = [];\nlet paused = false;\nlet seq = 0;\n\ntype Listener = () => void;\nconst listeners = new Set<Listener>();\n\nfunction emitChange() {\n  for (const listener of listeners) {\n    listener();\n  }\n}\n\nfunction genId(): string {\n  seq += 1;\n  return `notification-${seq}`;\n}\n\nfunction resolveDuration(type: NotificationOptions['type'], duration: number | undefined): number {\n  if (duration !== undefined) return duration;\n  return type === 'danger' ? 0 : config.duration;\n}\n\nfunction clearTimer(notification: InternalNotification): void {\n  if (notification.timer) {\n    clearTimeout(notification.timer);\n    notification.timer = null;\n  }\n}\n\nfunction startTimer(notification: InternalNotification): void {\n  if (notification.duration === 0) return;\n  notification.startedAt = Date.now();\n  // startTimer -> dismiss -> drainQueue -> startTimer の相互再帰のため、定義順で解決できない\n  // eslint-disable-next-line @typescript-eslint/no-use-before-define\n  notification.timer = setTimeout(() => dismiss(notification.id), Math.max(notification.remaining, 0));\n}\n\nfunction buildInternal(id: string, options: NotificationOptions): InternalNotification {\n  const type = options.type ?? 'info';\n  const duration = resolveDuration(type, options.duration);\n  return {\n    id,\n    type,\n    title: options.title,\n    description: options.description,\n    closable: options.closable ?? true,\n    action: options.action,\n    onClose: options.onClose,\n    duration,\n    remaining: duration,\n    startedAt: 0,\n    timer: null,\n  };\n}\n\nfunction applyOptions(target: InternalNotification, options: NotificationOptions): void {\n  target.type = options.type ?? target.type;\n  target.title = options.title ?? target.title;\n  if ('description' in options) target.description = options.description;\n  if ('closable' in options) target.closable = options.closable ?? true;\n  if ('action' in options) target.action = options.action;\n  if ('onClose' in options) target.onClose = options.onClose;\n  target.duration = resolveDuration(target.type, options.duration);\n  target.remaining = target.duration;\n}\n\n/** 既存の通知に options をマージした新しいオブジェクトを返す（未指定フィールドは既存値を維持） */\nfunction mergeNotification(existing: InternalNotification, options: NotificationOptions): InternalNotification {\n  const next = { ...existing };\n  applyOptions(next, options);\n  return next;\n}\n\n/** テスト・HMR 用にストア状態を初期化する */\nexport function reset(): void {\n  [...visible, ...queue].forEach(clearTimer);\n  visible = [];\n  queue = [];\n  paused = false;\n  seq = 0;\n  config = { ...DEFAULT_CONFIG };\n}\n\nexport function configure(next: Partial<StoreConfig>): void {\n  config = { ...config, ...next };\n}\n\nexport function subscribe(listener: Listener): () => void {\n  listeners.add(listener);\n  return () => {\n    listeners.delete(listener);\n  };\n}\n\nexport function getSnapshot(): NotificationItem[] {\n  return visible;\n}\n\nfunction drainQueue(): void {\n  while (queue.length > 0 && visible.length < config.limit) {\n    const [next, ...rest] = queue;\n    queue = rest;\n    visible = [...visible, next];\n    if (!paused) startTimer(next);\n  }\n}\n\nexport function enqueue(options: NotificationOptions): string {\n  const id = options.id ?? genId();\n\n  const existing = visible.find((n) => n.id === id);\n  if (existing) {\n    clearTimer(existing);\n    applyOptions(existing, options);\n    visible = [...visible];\n    if (!paused) startTimer(existing);\n    emitChange();\n    return id;\n  }\n\n  const queuedIndex = queue.findIndex((n) => n.id === id);\n  if (queuedIndex !== -1) {\n    queue = queue.map((n, i) => (i === queuedIndex ? mergeNotification(n, options) : n));\n    return id;\n  }\n\n  const notification = buildInternal(id, options);\n  if (visible.length >= config.limit) {\n    queue = [...queue, notification];\n    return id;\n  }\n\n  visible = [...visible, notification];\n  if (!paused) startTimer(notification);\n  emitChange();\n  return id;\n}\n\nexport function update(id: string, options: NotificationOptions): void {\n  const existing = visible.find((n) => n.id === id);\n  if (existing) {\n    clearTimer(existing);\n    applyOptions(existing, options);\n    visible = [...visible];\n    if (!paused) startTimer(existing);\n    emitChange();\n    return;\n  }\n\n  const queuedIndex = queue.findIndex((n) => n.id === id);\n  if (queuedIndex !== -1) {\n    queue = queue.map((n, i) => (i === queuedIndex ? mergeNotification(n, options) : n));\n  }\n}\n\nexport function dismiss(id?: string): void {\n  if (id === undefined) {\n    const closing = [...visible, ...queue];\n    closing.forEach(clearTimer);\n    visible = [];\n    queue = [];\n    emitChange();\n    closing.forEach((n) => n.onClose?.());\n    return;\n  }\n\n  const target = visible.find((n) => n.id === id);\n  if (target) {\n    clearTimer(target);\n    visible = visible.filter((n) => n.id !== id);\n    drainQueue();\n    emitChange();\n    target.onClose?.();\n    return;\n  }\n\n  const queuedTarget = queue.find((n) => n.id === id);\n  if (queuedTarget) {\n    queue = queue.filter((n) => n.id !== id);\n    queuedTarget.onClose?.();\n  }\n}\n\nexport function pauseAll(): void {\n  if (paused) return;\n  paused = true;\n  visible.forEach((notification) => {\n    if (!notification.timer) return;\n    clearTimeout(notification.timer);\n    notification.timer = null;\n    notification.remaining = Math.max(notification.remaining - (Date.now() - notification.startedAt), 0);\n  });\n}\n\nexport function resumeAll(): void {\n  if (!paused) return;\n  paused = false;\n  visible.forEach((notification) => {\n    if (notification.duration === 0 || notification.timer) return;\n    startTimer(notification);\n  });\n}\n","import { dismiss as dismissStore, enqueue, update as updateStore } from './store/store';\nimport { NotificationContent, NotificationOptions, NotificationType, NotifyApi, NotifyPromiseMessages } from './types';\n\n// 旧オプション名（autoHide/onHide）を新名称（duration/onClose）へ正規化する。\n// 明示された新名称があればそちらを優先する。\nfunction normalize(options: NotificationOptions): NotificationOptions {\n  const { autoHide, onHide, duration, onClose, ...rest } = options;\n  return {\n    ...rest,\n    duration: duration ?? autoHide,\n    onClose: onClose ?? onHide,\n  };\n}\n\nfunction show(content: NotificationContent, options: NotificationOptions = {}, type?: NotificationType): string {\n  const normalized = normalize(options);\n  return enqueue({ ...normalized, type: type ?? normalized.type ?? 'info', title: content });\n}\n\nfunction notify(content: NotificationContent, options?: NotificationOptions): string {\n  return show(content, options);\n}\n\nnotify.success = (content: NotificationContent, options?: NotificationOptions) => show(content, options, 'success');\nnotify.info = (content: NotificationContent, options?: NotificationOptions) => show(content, options, 'info');\nnotify.warning = (content: NotificationContent, options?: NotificationOptions) => show(content, options, 'warning');\nnotify.danger = (content: NotificationContent, options?: NotificationOptions) => show(content, options, 'danger');\n\nnotify.promise = function promise<T>(promise: Promise<T>, messages: NotifyPromiseMessages<T>): Promise<T> {\n  const id = show(messages.loading, { duration: 0, closable: false }, 'info');\n  promise.then(\n    (data) => {\n      const title = typeof messages.success === 'function' ? messages.success(data) : messages.success;\n      updateStore(id, { type: 'success', title });\n    },\n    (error) => {\n      const title = typeof messages.error === 'function' ? messages.error(error) : messages.error;\n      updateStore(id, { type: 'danger', title });\n    }\n  );\n  return promise;\n};\n\nnotify.update = (id: string, options: NotificationOptions) => updateStore(id, normalize(options));\nnotify.dismiss = (id?: string) => dismissStore(id);\n\nexport default notify as NotifyApi;\n","import { useEffect } from 'react';\nimport ToastPresenter from './presenters/toast-presenter';\nimport { configure } from './store/store';\nimport { useNotificationStore } from './store';\nimport type { NotificationContainerProps } from './types';\n\nfunction NotificationContainer({\n  presenter: Presenter = ToastPresenter,\n  placement = 'bottom-right',\n  limit = 3,\n  duration = 5000,\n  overlap = true,\n  label,\n}: NotificationContainerProps) {\n  useEffect(() => {\n    configure({ limit, duration });\n  }, [limit, duration]);\n\n  const { snapshot, dismiss, pause, resume } = useNotificationStore();\n\n  // 既定プレゼンター（ToastPresenter）にのみ placement/overlap/label を渡す。\n  // NotificationPresenterProps 自体はプレゼンター間で共通の最小契約に留める。\n  if (Presenter === ToastPresenter) {\n    return (\n      <ToastPresenter\n        notifications={snapshot}\n        dismiss={dismiss}\n        pause={pause}\n        resume={resume}\n        placement={placement}\n        overlap={overlap}\n        label={label}\n      />\n    );\n  }\n\n  return <Presenter notifications={snapshot} dismiss={dismiss} pause={pause} resume={resume} />;\n}\n\nexport default NotificationContainer;\n","import { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from 'react';\nimport Toast from '@ablogcms/components/toast';\nimport useToastStack from './use-toast-stack';\nimport type { NotificationPresenterProps, ToastPlacement } from '../types';\n\nexport interface ToastPresenterProps extends NotificationPresenterProps {\n  /** 既定 bottom-right */\n  placement?: ToastPlacement;\n  /** 既定 true（Base UI 方式の重なり表示。false で常時リスト展開） */\n  overlap?: boolean;\n  /** リージョンの aria-label。既定 i18n('notify.region') */\n  label?: string;\n}\n\nconst GAP = 8; // 展開時の toast 間隔（$acms-spacers 2）\nconst PEEK = 12; // 折りたたみ時に背面がのぞく量\n\nfunction ToastPresenter({\n  notifications,\n  dismiss,\n  pause,\n  resume,\n  placement = 'bottom-right',\n  overlap = true,\n  label,\n}: ToastPresenterProps) {\n  const regionRef = useRef<HTMLElement>(null);\n  const itemRefs = useRef(new Map<string, HTMLDivElement>());\n  const [expanded, setExpanded] = useState(false);\n\n  const stack = useToastStack(notifications);\n  // 最新（配列末尾）が最前面になるよう反転する\n  const activeStacked = useMemo(() => stack.filter((n) => !n.isLeaving).reverse(), [stack]);\n  const leavingStacked = useMemo(() => stack.filter((n) => n.isLeaving), [stack]);\n\n  useLayoutEffect(() => {\n    const region = regionRef.current;\n    if (!region || !overlap) return;\n\n    let offset = 0;\n    let frontHeight = 0;\n    activeStacked.forEach((item, index) => {\n      const el = itemRefs.current.get(item.id);\n      if (!el) return;\n      el.style.setProperty('--acms-toast-index', String(index));\n      el.style.setProperty('--acms-toast-offset', `${offset}px`);\n      el.dataset.front = index === 0 ? 'true' : 'false';\n      const height = el.offsetHeight;\n      if (index === 0) frontHeight = height;\n      offset += height + GAP;\n    });\n    region.style.setProperty('--acms-toast-front-height', `${frontHeight}px`);\n    const totalHeight = expanded\n      ? Math.max(offset - GAP, 0)\n      : frontHeight + PEEK * Math.max(activeStacked.length - 1, 0);\n    region.style.setProperty('--acms-toast-region-height', `${totalHeight}px`);\n  }, [activeStacked, expanded, overlap]);\n\n  const expand = useCallback(() => {\n    pause();\n    if (overlap) setExpanded(true);\n  }, [pause, overlap]);\n\n  const collapse = useCallback(() => {\n    resume();\n    if (overlap) setExpanded(false);\n  }, [resume, overlap]);\n\n  const handleBlur = useCallback(\n    (event: React.FocusEvent<HTMLElement>) => {\n      if (!event.currentTarget.contains(event.relatedTarget as Node | null)) {\n        collapse();\n      }\n    },\n    [collapse]\n  );\n\n  const handleKeyDown = useCallback(\n    (event: React.KeyboardEvent<HTMLElement>) => {\n      if (event.key === 'Escape' && activeStacked.length > 0) {\n        dismiss(activeStacked[0].id);\n      }\n    },\n    [dismiss, activeStacked]\n  );\n\n  // F6 でリージョンへフォーカス移動（表示中の通知がある場合のみ）\n  useEffect(() => {\n    function handleGlobalKeyDown(event: KeyboardEvent) {\n      if (event.key === 'F6' && notifications.length > 0) {\n        event.preventDefault();\n        regionRef.current?.focus();\n      }\n    }\n    document.addEventListener('keydown', handleGlobalKeyDown);\n    return () => document.removeEventListener('keydown', handleGlobalKeyDown);\n  }, [notifications.length]);\n\n  return (\n    // section は aria-label 付きで暗黙的に role=region を持つ（明示すると redundant-roles で警告される）。\n    // ホバー/フォーカスでの pause+展開、Esc での最前面クローズは Sonner / Base UI と同じ「常設ライブ\n    // リージョン」パターンの要件で、button/link 化できないため意図的に非対話要素へ付与している。\n    // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions\n    <section\n      ref={regionRef}\n      aria-label={label ?? ACMS.i18n('notify.region')}\n      tabIndex={-1}\n      className=\"acms-admin-toast-region\"\n      data-placement={placement}\n      data-expanded={overlap ? expanded : true}\n      onMouseEnter={expand}\n      onMouseLeave={collapse}\n      onFocus={expand}\n      onBlur={handleBlur}\n      onKeyDown={handleKeyDown}\n    >\n      {activeStacked.map((item, index) => (\n        <Toast\n          key={item.id}\n          ref={(el) => {\n            if (el) itemRefs.current.set(item.id, el);\n            else itemRefs.current.delete(item.id);\n          }}\n          type={item.type}\n          title={item.title}\n          description={item.description}\n          closable={item.closable}\n          data-front={index === 0}\n          // 折りたたみ時、最前面以外は視覚的に隠れる（opacity:0）だけでなく、\n          // inert でフォーカス・スクリーンリーダーからも除外する（展開時は解除）\n          inert={overlap && !expanded && index !== 0}\n          onClose={() => dismiss(item.id)}\n          action={\n            item.action\n              ? {\n                  label: item.action.label,\n                  altText: item.action.altText,\n                  onClick: () => item.action?.onClick({ dismiss: () => dismiss(item.id) }),\n                }\n              : undefined\n          }\n        />\n      ))}\n      {leavingStacked.map((item) => (\n        <Toast\n          key={item.id}\n          className=\"is-leaving\"\n          type={item.type}\n          title={item.title}\n          description={item.description}\n          closable={false}\n          inert\n        />\n      ))}\n    </section>\n  );\n}\n\nexport default ToastPresenter;\n","import { useEffect, useMemo, useRef, useState } from 'react';\nimport type { NotificationItem } from '../types';\n\n// CSS 側の transitionend が来ない環境（prefers-reduced-motion 等）向けの保険。\n// --acms-toast-transition-duration（既定 0.3s）より長く取る。\nconst LEAVE_FALLBACK_MS = 500;\n\nexport interface StackedNotification extends NotificationItem {\n  /** 退場アニメーション中（notifications からは既に外れているが DOM 上はまだ残す） */\n  isLeaving: boolean;\n}\n\n/**\n * store から外れた通知を即座にアンマウントせず、退場アニメーションの間だけ\n * DOM 上に残す（is-leaving クラスでフェードアウトさせるため）。\n */\nexport default function useToastStack(notifications: NotificationItem[]): StackedNotification[] {\n  const [leaving, setLeaving] = useState<NotificationItem[]>([]);\n  const prevRef = useRef<NotificationItem[]>([]);\n  const timersRef = useRef(new Map<string, ReturnType<typeof setTimeout>>());\n\n  useEffect(() => {\n    const currentIds = new Set(notifications.map((n) => n.id));\n    const newlyRemoved = prevRef.current.filter((n) => !currentIds.has(n.id));\n    prevRef.current = notifications;\n\n    if (newlyRemoved.length === 0) {\n      setLeaving((current) => current.filter((n) => !currentIds.has(n.id)));\n      return;\n    }\n\n    setLeaving((current) => [...current.filter((n) => !currentIds.has(n.id)), ...newlyRemoved]);\n    newlyRemoved.forEach((notification) => {\n      const timer = setTimeout(() => {\n        setLeaving((current) => current.filter((n) => n.id !== notification.id));\n        timersRef.current.delete(notification.id);\n      }, LEAVE_FALLBACK_MS);\n      timersRef.current.set(notification.id, timer);\n    });\n  }, [notifications]);\n\n  useEffect(() => {\n    const timers = timersRef.current;\n    return () => {\n      timers.forEach((timer) => clearTimeout(timer));\n      timers.clear();\n    };\n  }, []);\n\n  return useMemo(() => {\n    const activeIds = new Set(notifications.map((n) => n.id));\n    return [\n      ...notifications.map((n) => ({ ...n, isLeaving: false })),\n      ...leaving.filter((n) => !activeIds.has(n.id)).map((n) => ({ ...n, isLeaving: true })),\n    ];\n  }, [notifications, leaving]);\n}\n","import { useSyncExternalStore } from 'react';\nimport { dismiss, getSnapshot, pauseAll, resumeAll, subscribe } from './store';\n\nexport default function useNotificationStore() {\n  const snapshot = useSyncExternalStore(subscribe, getSnapshot, getSnapshot);\n\n  return { snapshot, dismiss, pause: pauseAll, resume: resumeAll };\n}\n"],"mappings":"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","names":["useEffect","useEffect","useMemo","useRef","useState","dismiss","useRef","useState","useMemo","useEffect","jsx","useEffect","dismiss"]}

package/dist/notify-container.d.ts

@@ -0,0 +1,3 @@
+import type { NotificationContainerProps } from './types/index.js';
+declare function NotificationContainer({ presenter: Presenter, placement, limit, duration, overlap, label, }: NotificationContainerProps): import("react").JSX.Element;
+export default NotificationContainer;

package/dist/notify.d.ts

@@ -0,0 +1,3 @@
+import { NotifyApi } from './types/index.js';
+declare const _default: NotifyApi;
+export default _default;

package/dist/presenters/toast-presenter.d.ts

@@ -0,0 +1,11 @@
+import type { NotificationPresenterProps, ToastPlacement } from '../types/index.js';
+export interface ToastPresenterProps extends NotificationPresenterProps {
+    /** 既定 bottom-right */
+    placement?: ToastPlacement;
+    /** 既定 true（Base UI 方式の重なり表示。false で常時リスト展開） */
+    overlap?: boolean;
+    /** リージョンの aria-label。既定 i18n('notify.region') */
+    label?: string;
+}
+declare function ToastPresenter({ notifications, dismiss, pause, resume, placement, overlap, label, }: ToastPresenterProps): import("react").JSX.Element;
+export default ToastPresenter;

package/dist/presenters/use-toast-stack.d.ts

@@ -0,0 +1,10 @@
+import type { NotificationItem } from '../types/index.js';
+export interface StackedNotification extends NotificationItem {
+    /** 退場アニメーション中（notifications からは既に外れているが DOM 上はまだ残す） */
+    isLeaving: boolean;
+}
+/**
+ * store から外れた通知を即座にアンマウントせず、退場アニメーションの間だけ
+ * DOM 上に残す（is-leaving クラスでフェードアウトさせるため）。
+ */
+export default function useToastStack(notifications: NotificationItem[]): StackedNotification[];

package/dist/store/hook.d.ts

@@ -0,0 +1,7 @@
+import { dismiss, pauseAll, resumeAll } from './store.js';
+export default function useNotificationStore(): {
+    snapshot: import("../index.js").NotificationItem[];
+    dismiss: typeof dismiss;
+    pause: typeof pauseAll;
+    resume: typeof resumeAll;
+};

package/dist/store/index.d.ts

@@ -0,0 +1,2 @@
+export * from './store.js';
+export { default as useNotificationStore } from './hook.js';

package/dist/store/store.d.ts

@@ -0,0 +1,17 @@
+import { NotificationItem, NotificationOptions } from '../types/index.js';
+interface StoreConfig {
+    limit: number;
+    duration: number;
+}
+type Listener = () => void;
+/** テスト・HMR 用にストア状態を初期化する */
+export declare function reset(): void;
+export declare function configure(next: Partial<StoreConfig>): void;
+export declare function subscribe(listener: Listener): () => void;
+export declare function getSnapshot(): NotificationItem[];
+export declare function enqueue(options: NotificationOptions): string;
+export declare function update(id: string, options: NotificationOptions): void;
+export declare function dismiss(id?: string): void;
+export declare function pauseAll(): void;
+export declare function resumeAll(): void;
+export {};

package/dist/types/index.d.ts

@@ -0,0 +1,76 @@
+export type NotificationType = 'success' | 'info' | 'warning' | 'danger';
+export type NotificationContent = React.ReactNode;
+export interface NotificationAction {
+    label: string;
+    /** スクリーンリーダー向けの代替説明 */
+    altText?: string;
+    onClick: (ctx: {
+        dismiss: () => void;
+    }) => void;
+}
+export interface NotificationOptions {
+    /** 指定時、表示中の同 id の通知を update する（重複抑制） */
+    id?: string;
+    type?: NotificationType;
+    title?: NotificationContent;
+    description?: NotificationContent;
+    /** 既定 5000ms。0 = 手動で閉じるまで表示（danger の既定） */
+    duration?: number;
+    /** 既定 true */
+    closable?: boolean;
+    action?: NotificationAction;
+    onClose?: () => void;
+    /** @deprecated duration を使う */
+    autoHide?: number;
+    /** @deprecated onClose を使う */
+    onHide?: () => void;
+}
+/** ストアの購読結果としてプレゼンターへ渡される、表示中の通知1件分の情報 */
+export interface NotificationItem {
+    id: string;
+    type: NotificationType;
+    title: NotificationContent;
+    description?: NotificationContent;
+    closable: boolean;
+    action?: NotificationAction;
+}
+export interface NotifyPromiseMessages<T> {
+    loading: NotificationContent;
+    success: NotificationContent | ((data: T) => NotificationContent);
+    error: NotificationContent | ((error: unknown) => NotificationContent);
+}
+export interface NotifyApi {
+    (content: NotificationContent, options?: NotificationOptions): string;
+    success(content: NotificationContent, options?: NotificationOptions): string;
+    info(content: NotificationContent, options?: NotificationOptions): string;
+    warning(content: NotificationContent, options?: NotificationOptions): string;
+    danger(content: NotificationContent, options?: NotificationOptions): string;
+    promise<T>(promise: Promise<T>, messages: NotifyPromiseMessages<T>): Promise<T>;
+    update(id: string, options: NotificationOptions): void;
+    /** id 省略で全消し */
+    dismiss(id?: string): void;
+}
+export interface NotificationPresenterProps {
+    /** store の購読結果（表示対象のみ。キュー待ちは含まない） */
+    notifications: NotificationItem[];
+    dismiss: (id: string) => void;
+    /** 自動消滅タイマーの一括停止 */
+    pause: () => void;
+    resume: () => void;
+}
+export type NotificationPresenter = React.ComponentType<NotificationPresenterProps>;
+export type ToastPlacement = 'bottom-right' | 'bottom-left' | 'top-right' | 'top-center';
+export interface NotificationContainerProps {
+    /** 既定: ToastPresenter。将来 AlertPresenter 等に差し替え可 */
+    presenter?: NotificationPresenter;
+    /** 既定 bottom-right（ToastPresenter 使用時のみ意味を持つ） */
+    placement?: ToastPlacement;
+    /** 同時表示上限。既定 3。超過は FIFO キュー */
+    limit?: number;
+    /** 既定 5000 */
+    duration?: number;
+    /** 既定 true（Base UI 方式の重なり表示。false で常時リスト展開） */
+    overlap?: boolean;
+    /** リージョンの aria-label（ToastPresenter 使用時のみ意味を持つ）。既定 i18n('notify.region') */
+    label?: string;
+}

package/package.json

@@ -0,0 +1,52 @@
+{
+  "name": "@ablogcms/notify",
+  "version": "3.2.28-beta.0",
+  "type": "module",
+  "description": "管理画面のトースト通知状態管理",
+  "license": "MIT",
+  "homepage": "https://www.a-blogcms.jp",
+  "repository": {
+    "type": "git",
+    "url": "git+ssh://git@bitbucket.org:appleple/ablogcms.git",
+    "directory": "packages/frontend/notify"
+  },
+  "sideEffects": false,
+  "dependencies": {
+    "@ablogcms/components": "3.2.28-beta.0",
+    "@ablogcms/types": "3.2.28-beta.0"
+  },
+  "devDependencies": {
+    "@testing-library/react": "^16.3.2",
+    "vitest": "^4.1.9"
+  },
+  "peerDependencies": {
+    "react": "^19",
+    "@types/react": "^19.2.17"
+  },
+  "peerDependenciesMeta": {
+    "@types/react": {
+      "optional": true
+    }
+  },
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "default": "./dist/index.mjs"
+    },
+    "./acms": {
+      "types": "./dist/acms.d.ts",
+      "import": "./dist/acms.mjs",
+      "default": "./dist/acms.mjs"
+    }
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "node ../../../tools/build-package.mjs"
+  }
+}