akanjs 2.3.8-rc.5 → 2.3.9-rc.0

package/README.ko.md

@@ -9,9 +9,9 @@
 SEO 웹, iOS/Android 앱 패키지, 서버, 데이터베이스 계약, 인프라 산출물, 문서화까지 함께 이어지는
 Bun-first 풀스택 TypeScript 프레임워크입니다.
 
-```bash
-bunx create-akan-workspace@latest
-```
+<img width="563" height="720" alt="multi-platform-dev" src="https://github.com/user-attachments/assets/de2ec810-7b7f-4e9d-8e9e-e565e648fb45" />
+
+하나의 Akan.js 코드베이스에서 서버 렌더링, 클라이언트 렌더링, 모바일 앱, 서버, 데이터베이스까지 한 개발 흐름 안에서 함께 움직입니다.
 
 ## 왜 Akan인가
 

package/README.md

@@ -8,9 +8,9 @@ No more framework assembly, duplicated declarations, or per-platform rewrites. A
 full-stack TypeScript framework where business intent is written once, then compiled into SEO web surfaces,
 iOS and Android app packages, servers, database contracts, infrastructure artifacts, and documentation.
 
-```bash
-bunx create-akan-workspace@latest
-```
+<img width="563" height="720" alt="multi-platform-dev" src="https://github.com/user-attachments/assets/de2ec810-7b7f-4e9d-8e9e-e565e648fb45" />
+
+A single Akan.js codebase keeps server rendering, client rendering, mobile apps, server, and database moving in one development flow.
 
 ## Why Akan
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "akanjs",
-  "version": "2.3.8-rc.5",
+  "version": "2.3.9-rc.0",
   "sourceType": "module",
   "type": "module",
   "publishConfig": {

package/ui/Load/View.tsx

@@ -37,7 +37,7 @@ function Render<T extends string, Full extends { id: string }>({
   loading,
   renderView,
 }: RenderProps<T, Full>) {
-  const loaded = useRef(false);
+  const loadedId = useRef<string | null>(null);
   const storeUse = st.use as { [key: string]: () => unknown };
   const storeGet = st.get as unknown as <T>() => { [key: string]: T };
   const { refName } = view;
@@ -51,16 +51,16 @@ function Render<T extends string, Full extends { id: string }>({
     model?.id === modelObj.id &&
     storeGet<Date>()[`${refName}ViewAt`].getTime() >= modelViewAt.getTime()
   )
-    loaded.current = true;
+    loadedId.current = modelObj.id;
 
   const modelInit = useMemo(() => {
-    if (loaded.current) return model;
     const modelObj = view[`${refName}Obj`] as Full;
+    if (loadedId.current === modelObj.id) return model;
     return new cnst.full().set(modelObj) as unknown as Full;
-  }, []);
+  }, [view]);
 
   useEffect(() => {
-    if (loaded.current) return;
+    if (loadedId.current === modelObj.id) return;
     const modelViewAt = view[`${refName}ViewAt`] as Date;
     st.set({
       [refName]: modelInit,
@@ -68,10 +68,10 @@ function Render<T extends string, Full extends { id: string }>({
       [`${refName}Modal`]: "view",
       [`${refName}ViewAt`]: modelViewAt,
     });
-    loaded.current = true;
-  }, []);
+    loadedId.current = modelObj.id;
+  }, [modelViewAt, modelObj.id]);
 
-  const renderModel = loaded.current ? model : modelInit;
+  const renderModel = loadedId.current === modelObj.id ? model : modelInit;
 
   return noDiv && renderModel ? (
     <>{renderView(renderModel)}</>