@ablogcms/pending 3.2.28-beta.0

package/README.md

@@ -0,0 +1,20 @@
+# @ablogcms/pending
+
+処理待ち（スプラッシュ表示）の状態管理 store と公開 API を提供するパッケージ。
+
+## 使い方
+
+```ts
+import { pending } from '@ablogcms/pending';
+
+const removeSplash = pending.splash(ACMS.i18n('splash.default'));
+try {
+  await doSomething();
+} finally {
+  removeSplash();
+}
+```
+
+- `pending.splash(message)`: スプラッシュ表示を追加し、解除用の関数を返す。
+- `PendingContainer`: 実際にスプラッシュを DOM へレンダリングするコンポーネント。ページに 1 度だけ
+  マウントすれば、以降の `pending.*` 呼び出しに反応して表示される。

package/dist/acms.d.ts

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

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,3 @@
+export { default as pending } from './pending.js';
+export { default as PendingContainer } from './pending-container.js';
+export type * from './types/index.js';

package/dist/index.mjs

@@ -0,0 +1,68 @@
+// src/store/store.ts
+var pending = null;
+var listeners = /* @__PURE__ */ new Set();
+function emitChange() {
+  for (const listener of listeners) {
+    listener();
+  }
+}
+function pushPending({ type, message }) {
+  pending = { type, message };
+  emitChange();
+}
+function removePending() {
+  pending = null;
+  emitChange();
+}
+function createPendingStore() {
+  return {
+    pushPending,
+    removePending,
+    subscribe(listener) {
+      listeners.add(listener);
+      return () => {
+        listeners.delete(listener);
+      };
+    },
+    getSnapshot() {
+      return pending;
+    }
+  };
+}
+
+// src/pending.ts
+function splash(message) {
+  pushPending({ type: "splash", message });
+  return removePending;
+}
+var pending_default = {
+  splash
+};
+
+// src/pending-container.tsx
+import Splash from "@ablogcms/components/splash";
+
+// src/store/hook.ts
+import { useRef, useSyncExternalStore } from "react";
+function usePendingStore() {
+  const { subscribe, getSnapshot, pushPending: pushPending2, removePending: removePending2 } = useRef(createPendingStore()).current;
+  const snapshot = useSyncExternalStore(subscribe, getSnapshot, getSnapshot);
+  return { snapshot, pushPending: pushPending2, removePending: removePending2 };
+}
+
+// src/pending-container.tsx
+import { jsx } from "react/jsx-runtime";
+var PendingTypeToComponent = {
+  splash: Splash
+};
+function PendingContainer() {
+  const { snapshot } = usePendingStore();
+  const Component = snapshot ? PendingTypeToComponent[snapshot.type] : null;
+  return /* @__PURE__ */ jsx("div", { id: "acms-pending-container", children: snapshot && Component && /* @__PURE__ */ jsx(Component, { message: snapshot.message }) });
+}
+var pending_container_default = PendingContainer;
+export {
+  pending_container_default as PendingContainer,
+  pending_default as pending
+};
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/store/store.ts","../src/pending.ts","../src/pending-container.tsx","../src/store/hook.ts"],"sourcesContent":["import { PendingStore } from '../types';\n\nlet pending: PendingStore | null = null;\ntype Pending = () => void;\nconst listeners = new Set<Pending>();\n\nfunction emitChange() {\n  for (const listener of listeners) {\n    listener();\n  }\n}\n\nexport function pushPending({ type, message }: PendingStore) {\n  pending = { type, message };\n  emitChange();\n}\n\nexport function removePending() {\n  pending = null;\n  emitChange();\n}\n\nexport function createPendingStore() {\n  return {\n    pushPending,\n    removePending,\n    subscribe(listener: Pending) {\n      listeners.add(listener);\n\n      return () => {\n        listeners.delete(listener);\n      };\n    },\n    getSnapshot() {\n      return pending;\n    },\n  };\n}\n","import { pushPending, removePending } from './store/store';\n\nfunction splash(message: string) {\n  pushPending({ type: 'splash', message });\n  return removePending;\n}\n\nexport default {\n  splash,\n};\n","import Splash from '@ablogcms/components/splash';\nimport { usePendingStore } from './store';\n\nconst PendingTypeToComponent = {\n  splash: Splash,\n};\n\nfunction PendingContainer() {\n  const { snapshot } = usePendingStore();\n\n  const Component = snapshot ? PendingTypeToComponent[snapshot.type] : null;\n\n  return <div id=\"acms-pending-container\">{snapshot && Component && <Component message={snapshot.message} />}</div>;\n}\n\nexport default PendingContainer;\n","import { useRef, useSyncExternalStore } from 'react';\n\nimport { createPendingStore } from './store';\n\nexport default function usePendingStore() {\n  // 初期化 & 永続化\n  const { subscribe, getSnapshot, pushPending, removePending } = useRef(createPendingStore()).current;\n  const snapshot = useSyncExternalStore(subscribe, getSnapshot, getSnapshot);\n\n  return { snapshot, pushPending, removePending };\n}\n"],"mappings":";AAEA,IAAI,UAA+B;AAEnC,IAAM,YAAY,oBAAI,IAAa;AAEnC,SAAS,aAAa;AACpB,aAAW,YAAY,WAAW;AAChC,aAAS;AAAA,EACX;AACF;AAEO,SAAS,YAAY,EAAE,MAAM,QAAQ,GAAiB;AAC3D,YAAU,EAAE,MAAM,QAAQ;AAC1B,aAAW;AACb;AAEO,SAAS,gBAAgB;AAC9B,YAAU;AACV,aAAW;AACb;AAEO,SAAS,qBAAqB;AACnC,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA,UAAU,UAAmB;AAC3B,gBAAU,IAAI,QAAQ;AAEtB,aAAO,MAAM;AACX,kBAAU,OAAO,QAAQ;AAAA,MAC3B;AAAA,IACF;AAAA,IACA,cAAc;AACZ,aAAO;AAAA,IACT;AAAA,EACF;AACF;;;ACnCA,SAAS,OAAO,SAAiB;AAC/B,cAAY,EAAE,MAAM,UAAU,QAAQ,CAAC;AACvC,SAAO;AACT;AAEA,IAAO,kBAAQ;AAAA,EACb;AACF;;;ACTA,OAAO,YAAY;;;ACAnB,SAAS,QAAQ,4BAA4B;AAI9B,SAAR,kBAAmC;AAExC,QAAM,EAAE,WAAW,aAAa,aAAAA,cAAa,eAAAC,eAAc,IAAI,OAAO,mBAAmB,CAAC,EAAE;AAC5F,QAAM,WAAW,qBAAqB,WAAW,aAAa,WAAW;AAEzE,SAAO,EAAE,UAAU,aAAAD,cAAa,eAAAC,eAAc;AAChD;;;ADEoE;AATpE,IAAM,yBAAyB;AAAA,EAC7B,QAAQ;AACV;AAEA,SAAS,mBAAmB;AAC1B,QAAM,EAAE,SAAS,IAAI,gBAAgB;AAErC,QAAM,YAAY,WAAW,uBAAuB,SAAS,IAAI,IAAI;AAErE,SAAO,oBAAC,SAAI,IAAG,0BAA0B,sBAAY,aAAa,oBAAC,aAAU,SAAS,SAAS,SAAS,GAAG;AAC7G;AAEA,IAAO,4BAAQ;","names":["pushPending","removePending"]}

package/dist/pending-container.d.ts

@@ -0,0 +1,2 @@
+declare function PendingContainer(): import("react").JSX.Element;
+export default PendingContainer;

package/dist/pending.d.ts

@@ -0,0 +1,6 @@
+import { removePending } from './store/store.js';
+declare function splash(message: string): typeof removePending;
+declare const _default: {
+    splash: typeof splash;
+};
+export default _default;

package/dist/store/hook.d.ts

@@ -0,0 +1,5 @@
+export default function usePendingStore(): {
+    snapshot: import("../index.js").PendingStore | null;
+    pushPending: typeof import("./store.js").pushPending;
+    removePending: typeof import("./store.js").removePending;
+};

package/dist/store/index.d.ts

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

package/dist/store/store.d.ts

@@ -0,0 +1,11 @@
+import { PendingStore } from '../types/index.js';
+type Pending = () => void;
+export declare function pushPending({ type, message }: PendingStore): void;
+export declare function removePending(): void;
+export declare function createPendingStore(): {
+    pushPending: typeof pushPending;
+    removePending: typeof removePending;
+    subscribe(listener: Pending): () => void;
+    getSnapshot(): PendingStore | null;
+};
+export {};

package/dist/types/index.d.ts

@@ -0,0 +1,8 @@
+export type PendingType = 'splash';
+export interface PendingProps extends React.HTMLAttributes<HTMLDivElement> {
+    message: string;
+}
+export interface PendingStore {
+    type: PendingType;
+    message: string;
+}

package/package.json

@@ -0,0 +1,52 @@
+{
+  "name": "@ablogcms/pending",
+  "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/pending"
+  },
+  "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"
+  }
+}