akanjs 3.0.0-alpha.87 → 3.0.0-alpha.88

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "akanjs",
-  "version": "3.0.0-alpha.87",
+  "version": "3.0.0-alpha.88",
   "sourceType": "module",
   "type": "module",
   "publishConfig": {

package/store/action.ts

@@ -516,12 +516,11 @@ export const makeActions = (refName: string, slice: { [key: string]: SerializedS
     queryArgsOfModel: `queryArgsOf${className}`,
     sortOfModel: `sortOf${className}`,
   };
-  const staleAtOfOtherSlices = (createdSliceName: string) => {
+
+  const staleAtOfSlices = () => {
     const staleAt = new Date();
     return Object.fromEntries(
-      slices
-        .filter(({ sliceName }) => sliceName !== createdSliceName)
-        .map(({ sliceName }) => [sliceName.replace(names.model, names.modelStaleAt), staleAt]),
+      slices.map(({ sliceName }) => [sliceName.replace(names.model, names.modelStaleAt), staleAt]),
     );
   };
   const baseAction = {
@@ -562,7 +561,7 @@ export const makeActions = (refName: string, slice: { [key: string]: SerializedS
         [namesOfSlice.modelInsight]: newModelInsight,
         [names.modelViewAt]: new Date(),
         [names.modelModal]: modal ?? null,
-        ...staleAtOfOtherSlices(sliceName),
+        ...staleAtOfSlices(),
         ...(typeof path === "string" && path ? { [path]: model } : {}),
       });
       await onSuccess?.(model);
@@ -593,6 +592,7 @@ export const makeActions = (refName: string, slice: { [key: string]: SerializedS
           : {}),
         [names.modelForm]: immerify(modelRef, defaultModel),
         [names.modelModal]: modal ?? null,
+        ...staleAtOfSlices(),
         ...(typeof path === "string" && path ? { [path]: updatedModel } : {}),
       });
       const updatedLightModel = new cnst.light().set(updatedModel) as unknown as Light;
@@ -645,7 +645,7 @@ export const makeActions = (refName: string, slice: { [key: string]: SerializedS
         [namesOfSlice.modelInsight]: newModelInsight,
         [names.modelViewAt]: new Date(),
         [names.modelModal]: modal ?? null,
-        ...staleAtOfOtherSlices(sliceName),
+        ...staleAtOfSlices(),
         ...(typeof path === "string" && path ? { [path]: model } : {}),
       });
       await onSuccess?.(model);
@@ -669,6 +669,7 @@ export const makeActions = (refName: string, slice: { [key: string]: SerializedS
           ? { [names.model]: updatedModel, [names.modelLoading]: false, [names.modelViewAt]: new Date() }
           : {}),
         [names.modelModal]: modal ?? null,
+        ...staleAtOfSlices(),
         ...(typeof path === "string" && path ? { [path]: updatedModel } : {}),
       });
       const updatedLightModel = new cnst.light().set(updatedModel) as unknown as Light;
@@ -729,6 +730,7 @@ export const makeActions = (refName: string, slice: { [key: string]: SerializedS
           });
         }
       });
+      this.set(staleAtOfSlices());
     },
     [names.checkModelSubmitable]: function (this: SetGet, disabled?: boolean) {
       const currentState = this.get() as { [key: string]: any };
@@ -806,6 +808,7 @@ export const makeActions = (refName: string, slice: { [key: string]: SerializedS
       this.set({
         [names.model]: id === model?.id ? updatedModel : model,
         [names.modelLoading]: false,
+        ...staleAtOfSlices(),
       });
       const updatedLightModel = new cnst.light().set(updatedModel) as unknown as Light;
       slices.forEach(({ sliceName }) => {
@@ -863,6 +866,7 @@ export const makeActions = (refName: string, slice: { [key: string]: SerializedS
         });
         this.set({ [namesOfSlice.modelList]: modelList.save() });
       });
+      this.set(staleAtOfSlices());
     },
     [names.resetModel]: function (this: SetGet, model?: Full) {
       const currentState = this.get() as { [key: string]: any };

package/ui/Load/Units.tsx

@@ -345,7 +345,7 @@ interface MoreWrapperProps {
   moreProps: MoreProps;
 }
 const MoreWrapper = ({ children, pagination, moreProps }: MoreWrapperProps) => {
-  return pagination ? <More {...moreProps}>{children}</More> : <>{children}</>;
+  return pagination ? <More {...moreProps}>{children}</More> : children;
 };
 
 interface ContainerWrapperProps {

package/ui/Load/View.tsx

@@ -1,5 +1,6 @@
 "use client";
 import { cn } from "akanjs/client";
+import { capitalize } from "akanjs/common";
 import { ConstantRegistry, labelOf } from "akanjs/constant";
 import type { ClientView, ServerView } from "akanjs/fetch";
 import { st } from "akanjs/store";
@@ -40,6 +41,7 @@ function Render<T extends string, Full extends { id: string }>({
 }: RenderProps<T, Full>) {
   const loadedId = useRef<string | null>(null);
   const storeUse = st.use as { [key: string]: () => unknown };
+  const storeDo = st.do as unknown as { [key: string]: (...args: any[]) => Promise<void> };
   const storeGet = st.get as unknown as <T>() => { [key: string]: T };
   const { refName } = view;
   const model = storeUse[refName]() as Full | null;
@@ -72,6 +74,14 @@ function Render<T extends string, Full extends { id: string }>({
     loadedId.current = modelObj.id;
   }, [modelViewAt, modelObj.id]);
 
+  useEffect(() => {
+
+    const modelStaleAt = storeGet<Date | undefined>()[`${refName}StaleAt`];
+    if (!modelStaleAt || storeGet<Date>()[`${refName}ViewAt`].getTime() >= modelStaleAt.getTime()) return;
+    if (storeGet<string | boolean>()[`${refName}Loading`]) return;
+    void storeDo[`view${capitalize(refName)}`](modelObj.id);
+  }, [modelViewAt, modelObj.id]);
+
   const renderModel = loadedId.current === modelObj.id ? model : modelInit;
   const scopePath = useScreenScope({
     id: `${refName}-view`,