@lukekaalim/act-recon 3.0.0 → 3.1.0

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @lukekaalim/act-recon
 
+## 3.1.0
+
+### Minor Changes
+
+- bcbd299: SSR API for @lukekaalim/act-web
+
+### Patch Changes
+
+- beec21c: Fixed Web text element rehydration, remove nodejs dependencies from dehydration
+- Updated dependencies [bcbd299]
+- Updated dependencies [beec21c]
+  - @lukekaalim/act@4.1.0
+
 ## 3.0.0
 
 ### Major Changes

package/commit.ts

@@ -78,6 +78,11 @@ export class CommitRef2 {
   static fresh(parent: CommitRef2 | null) {
     return new CommitRef2(createId('CommitID'), parent);
   }
+  static rehydrate(id: CommitID, length: number) {
+    const ref = new CommitRef2(id, null);
+    ref.length = length;
+    return ref;
+  }
 }
 
 export class Commit2 {

package/element.ts

@@ -12,8 +12,8 @@ import { loadHooks2 } from "./hooks";
 import { BoundaryState, ComponentState, ContextState, EffectTask } from "./state";
 import { keyedElementEqualityTest2, WorkTask } from "./update";
 import { ChangeReport2 } from "./algorithms";
-import { Reconciler2 } from "./reconciler";
 import { CommitTree2 } from "./tree";
+import { internalHookImplementations } from "./internal";
 
 /**
  * A data structure that represents the immediate output
@@ -57,9 +57,11 @@ export class ElementOutput2 {
     if (!state.hooks)
       state.hooks = loadHooks2(tree.reconciler, state, this.ref);
 
+
     hookImplementation.useContext = state.hooks.useContext;
     hookImplementation.useEffect = state.hooks.useEffect;
     hookImplementation.useState = state.hooks.useState;
+    internalHookImplementations.useInternalComponentState = () => state;
 
     const props = {
       ...this.element.props,

package/internal.ts

@@ -0,0 +1,12 @@
+import { UnsetHookImplementation } from "@lukekaalim/act";
+import { ComponentState } from "./state";
+
+export const useInternalComponentState = (): ComponentState => {
+  return internalHookImplementations.useInternalComponentState();
+}
+
+export const internalHookImplementations = {
+  useInternalComponentState(): ComponentState {
+    throw new UnsetHookImplementation();
+  },
+}

package/mod.ts

@@ -11,3 +11,4 @@ export * from './thread';
 export * from './tree';
 export * from './update';
 export * from './pool';
+export * from './internal';

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@lukekaalim/act-recon",
   "type": "module",
-  "version": "3.0.0",
+  "version": "3.1.0",
   "main": "mod.ts",
   "dependencies": {
-    "@lukekaalim/act": "^4.0.0"
+    "@lukekaalim/act": "^4.1.0"
   }
 }

package/reconciler.ts

@@ -48,12 +48,14 @@ export class Reconciler2 {
     this.pools.commit.maxSize = 2048
   }
 
+  startNewThread() {
+    this.thread = new WorkThread2(this.tree);
+  }
+
   submitThread() {
     const currentThread = this.thread;
-    // Start a new thread
-    this.thread = new WorkThread2(this.tree);
 
-    this.running = false;
+    this.startNewThread();
 
     // send delta ready
     this.bus.render(currentThread.delta);
@@ -77,7 +79,6 @@ export class Reconciler2 {
       this.submitThread()
     }
   }
-  running = false;
 
   mount(node: Node): CommitRef2 {
     const element = convertNodeToElement(node);

package/state.ts

@@ -2,7 +2,7 @@ import { CommitID, CommitRef2 } from "./commit.ts";
 import { OpaqueID, Deps, EffectCleanup, ContextID, HookImplementation, createId, BoundaryProps } from '@lukekaalim/act';
 import { CommitTree2 } from "./tree.ts";
 
-
+export type HookID = number;
 export type EffectID = OpaqueID<"EffectID">;
 export type EffectTask = {
   ref: CommitRef2,
@@ -15,19 +15,19 @@ export type ComponentState = {
 
   unmounted: boolean,
 
-  hookIndex: number,
+  hookIndex: HookID,
   hooks: null | HookImplementation,
   effectTasks: null | EffectTask[],
 
-  values:   Map<number, unknown>;
-  deps:     Map<number, Deps>;
-  effects:  Map<number, EffectID>;
-  cleanups:  Map<number, EffectCleanup>;
+  values:   Map<HookID, unknown>;
+  deps:     Map<HookID, Deps>;
+  effects:  Map<HookID, EffectID>;
+  cleanups:  Map<HookID, EffectCleanup>;
 
   rejection: null | { value: unknown };
   boundary: null | BoundaryState;
 
-  providers:  Map<number, null | ContextState<unknown>>;
+  providers:  Map<HookID, null | ContextState<unknown>>;
 };
 
 export type ContextState<T> = {

package/update.ts

@@ -1,4 +1,4 @@
-import { convertNodeToElements, createId, Element, Node } from "@lukekaalim/act";
+import { convertNodeToElements, createId, Element, Node, specialNodeTypes } from "@lukekaalim/act";
 import { ChangeEqualityTest, ChangeReport2 } from "./algorithms.ts";
 import { Commit2, CommitID, CommitRef2 } from "./commit.ts";
 import { createObjectPool, ObjectPool } from "./pool.ts";
@@ -70,7 +70,7 @@ export class WorkTask {
 }
 
 export const keyedElementEqualityTest2:  ChangeEqualityTest<Commit2, Element> = (prev, next, prev_index, next_index) => {
-  const compatible = prev.element.type === next.type;
+  const compatible = prev.element.type === next.type || prev.element.type === specialNodeTypes.placeholder;
   if (!compatible)
     return false;
   const prevKey = prev.element.props.key;
@@ -80,5 +80,3 @@ export const keyedElementEqualityTest2:  ChangeEqualityTest<Commit2, Element> =
 
   return prev_index === next_index;
 }
-
-(window as any).WorkTask = WorkTask;