bunja 0.1.0 → 1.0.0

package/bunja.ts

@@ -24,11 +24,13 @@ export class Bunja<T> {
   }
 }
 
+export type HashFn<T = any, U = any> = (value: T) => U;
+
 export class Scope<T> {
   public static readonly scopes: Scope<any>[] = [];
   public readonly id: number;
   public debugLabel: string = "";
-  constructor() {
+  constructor(public readonly hash: HashFn = id) {
     this.id = Scope.scopes.length;
     Scope.scopes.push(this);
   }
@@ -48,7 +50,7 @@ export class BunjaStore {
     readScope: ReadScope,
   ): {
     value: T;
-    mount: () => void;
+    mount: () => () => void;
     deps: any[];
   } {
     const scopeInstanceMap = new Map(
@@ -108,18 +110,19 @@ export class BunjaStore {
     return bunjaInstance;
   }
   #getScopeInstance(scope: Scope<any>, value: any): ScopeInstance {
+    const key = scope.hash(value);
     const scopeInstanceMap = this.#scopes.get(scope) ??
       this.#scopes.set(scope, new Map()).get(scope)!;
     const init = () =>
       new ScopeInstance(
-        () => scopeInstanceMap.delete(value),
+        () => scopeInstanceMap.delete(key),
         ScopeInstance.counter++,
         scope,
         value,
       );
     return (
-      scopeInstanceMap.get(value) ??
-        scopeInstanceMap.set(value, init()).get(value)!
+      scopeInstanceMap.get(key) ??
+        scopeInstanceMap.set(key, init()).get(key)!
     );
   }
 }
@@ -171,8 +174,8 @@ export const bunja: {
   readonly effect: BunjaEffectSymbol;
 } = bunjaImpl;
 
-export function createScope<T>(): Scope<T> {
-  return new Scope();
+export function createScope<T>(hash?: HashFn): Scope<T> {
+  return new Scope(hash);
 }
 
 abstract class RefCounter {
@@ -194,6 +197,7 @@ abstract class RefCounter {
   abstract dispose(): void;
 }
 
+const id = <T>(x: T): T => x;
 const noop = () => {};
 class BunjaInstance extends RefCounter {
   #cleanup: (() => void) | undefined;

package/deno.json

@@ -1,6 +1,6 @@
 {
   "name": "@disjukr/bunja",
-  "version": "0.1.0",
+  "version": "1.0.0",
   "license": "Zlib",
   "exports": {
     ".": "./bunja.ts",

package/deno.lock

@@ -1,11 +1,49 @@
 {
   "version": "4",
   "specifiers": {
+    "jsr:@std/assert@*": "1.0.8",
+    "jsr:@std/assert@^1.0.8": "1.0.8",
+    "jsr:@std/async@^1.0.8": "1.0.8",
+    "jsr:@std/data-structures@^1.0.4": "1.0.4",
+    "jsr:@std/internal@^1.0.4": "1.0.5",
+    "jsr:@std/internal@^1.0.5": "1.0.5",
+    "jsr:@std/testing@*": "1.0.5",
     "npm:@types/react@18": "18.3.12",
     "npm:react@18": "18.3.1",
     "npm:tsdown@~0.2.17": "0.2.17_typescript@5.6.3",
     "npm:typescript@^5.6.3": "5.6.3"
   },
+  "jsr": {
+    "@std/assert@1.0.6": {
+      "integrity": "1904c05806a25d94fe791d6d883b685c9e2dcd60e4f9fc30f4fc5cf010c72207",
+      "dependencies": [
+        "jsr:@std/internal@^1.0.4"
+      ]
+    },
+    "@std/assert@1.0.8": {
+      "integrity": "ebe0bd7eb488ee39686f77003992f389a06c3da1bbd8022184804852b2fa641b",
+      "dependencies": [
+        "jsr:@std/internal@^1.0.5"
+      ]
+    },
+    "@std/async@1.0.8": {
+      "integrity": "c057c5211a0f1d12e7dcd111ab430091301b8d64b4250052a79d277383bc3ba7"
+    },
+    "@std/data-structures@1.0.4": {
+      "integrity": "fa0e20c11eb9ba673417450915c750a0001405a784e2a4e0c3725031681684a0"
+    },
+    "@std/internal@1.0.5": {
+      "integrity": "54a546004f769c1ac9e025abd15a76b6671ddc9687e2313b67376125650dc7ba"
+    },
+    "@std/testing@1.0.5": {
+      "integrity": "6e693cbec94c81a1ad3df668685c7ba8e20742bb10305bc7137faa5cf16d2ec4",
+      "dependencies": [
+        "jsr:@std/assert@^1.0.8",
+        "jsr:@std/async",
+        "jsr:@std/data-structures"
+      ]
+    }
+  },
   "npm": {
     "@antfu/utils@0.7.10": {
       "integrity": "sha512-+562v9k4aI80m1+VuMHehNJWLOFjBnXn3tdOitzD0il5b7smkSBal4+a3oKiQTbrwMmN/TBUMDvbdoWDehgOww=="

package/dist/{bunja-QjknYXY-.cjs → bunja-Q0ZusYIM.cjs}

@@ -17,21 +17,22 @@ var Bunja = class Bunja {
 	}
 	static effect = bunjaEffectSymbol;
 	toString() {
-		const { id, debugLabel } = this;
-		return `[Bunja:${id}${debugLabel && ` - ${debugLabel}`}]`;
+		const { id: id$1, debugLabel } = this;
+		return `[Bunja:${id$1}${debugLabel && ` - ${debugLabel}`}]`;
 	}
 };
 var Scope = class Scope {
 	static scopes = [];
 	id;
 	debugLabel = "";
-	constructor() {
+	constructor(hash = id) {
+		this.hash = hash;
 		this.id = Scope.scopes.length;
 		Scope.scopes.push(this);
 	}
 	toString() {
-		const { id, debugLabel } = this;
-		return `[Scope:${id}${debugLabel && ` - ${debugLabel}`}]`;
+		const { id: id$1, debugLabel } = this;
+		return `[Scope:${id$1}${debugLabel && ` - ${debugLabel}`}]`;
 	}
 };
 var BunjaStore = class {
@@ -72,9 +73,10 @@ var BunjaStore = class {
 		return bunjaInstance;
 	}
 	#getScopeInstance(scope, value) {
+		const key = scope.hash(value);
 		const scopeInstanceMap = this.#scopes.get(scope) ?? this.#scopes.set(scope, new Map()).get(scope);
-		const init = () => new ScopeInstance(() => scopeInstanceMap.delete(value), ScopeInstance.counter++, scope, value);
-		return scopeInstanceMap.get(value) ?? scopeInstanceMap.set(value, init()).get(value);
+		const init = () => new ScopeInstance(() => scopeInstanceMap.delete(key), ScopeInstance.counter++, scope, value);
+		return scopeInstanceMap.get(key) ?? scopeInstanceMap.set(key, init()).get(key);
 	}
 };
 const createBunjaStore = () => new BunjaStore();
@@ -87,8 +89,8 @@ function bunjaImpl(deps, init) {
 }
 bunjaImpl.effect = Bunja.effect;
 const bunja = bunjaImpl;
-function createScope() {
-	return new Scope();
+function createScope(hash) {
+	return new Scope(hash);
 }
 var RefCounter = class {
 	#disposed = false;
@@ -107,6 +109,7 @@ var RefCounter = class {
 		});
 	}
 };
+const id = (x) => x;
 const noop = () => {};
 var BunjaInstance = class extends RefCounter {
 	#cleanup;

package/dist/{bunja-3B0nQ1vI.js → bunja-fHIhQAuL.js}

@@ -16,21 +16,22 @@ var Bunja = class Bunja {
 	}
 	static effect = bunjaEffectSymbol;
 	toString() {
-		const { id, debugLabel } = this;
-		return `[Bunja:${id}${debugLabel && ` - ${debugLabel}`}]`;
+		const { id: id$1, debugLabel } = this;
+		return `[Bunja:${id$1}${debugLabel && ` - ${debugLabel}`}]`;
 	}
 };
 var Scope = class Scope {
 	static scopes = [];
 	id;
 	debugLabel = "";
-	constructor() {
+	constructor(hash = id) {
+		this.hash = hash;
 		this.id = Scope.scopes.length;
 		Scope.scopes.push(this);
 	}
 	toString() {
-		const { id, debugLabel } = this;
-		return `[Scope:${id}${debugLabel && ` - ${debugLabel}`}]`;
+		const { id: id$1, debugLabel } = this;
+		return `[Scope:${id$1}${debugLabel && ` - ${debugLabel}`}]`;
 	}
 };
 var BunjaStore = class {
@@ -71,9 +72,10 @@ var BunjaStore = class {
 		return bunjaInstance;
 	}
 	#getScopeInstance(scope, value) {
+		const key = scope.hash(value);
 		const scopeInstanceMap = this.#scopes.get(scope) ?? this.#scopes.set(scope, new Map()).get(scope);
-		const init = () => new ScopeInstance(() => scopeInstanceMap.delete(value), ScopeInstance.counter++, scope, value);
-		return scopeInstanceMap.get(value) ?? scopeInstanceMap.set(value, init()).get(value);
+		const init = () => new ScopeInstance(() => scopeInstanceMap.delete(key), ScopeInstance.counter++, scope, value);
+		return scopeInstanceMap.get(key) ?? scopeInstanceMap.set(key, init()).get(key);
 	}
 };
 const createBunjaStore = () => new BunjaStore();
@@ -86,8 +88,8 @@ function bunjaImpl(deps, init) {
 }
 bunjaImpl.effect = Bunja.effect;
 const bunja = bunjaImpl;
-function createScope() {
-	return new Scope();
+function createScope(hash) {
+	return new Scope(hash);
 }
 var RefCounter = class {
 	#disposed = false;
@@ -106,6 +108,7 @@ var RefCounter = class {
 		});
 	}
 };
+const id = (x) => x;
 const noop = () => {};
 var BunjaInstance = class extends RefCounter {
 	#cleanup;

package/dist/bunja.cjs

@@ -1,5 +1,5 @@
 "use strict";
-const require_bunja = require('./bunja-QjknYXY-.cjs');
+const require_bunja = require('./bunja-Q0ZusYIM.cjs');
 
 exports.Bunja = require_bunja.Bunja
 exports.BunjaStore = require_bunja.BunjaStore

package/dist/bunja.d.cts

@@ -18,11 +18,13 @@ export declare class Bunja<T> {
     static readonly effect: BunjaEffectSymbol;
     toString(): string;
 }
+export type HashFn<T = any, U = any> = (value: T) => U;
 export declare class Scope<T> {
+    readonly hash: HashFn;
     static readonly scopes: Scope<any>[];
     readonly id: number;
     debugLabel: string;
-    constructor();
+    constructor(hash?: HashFn);
     toString(): string;
 }
 export type ReadScope = <T>(scope: Scope<T>) => T;
@@ -30,7 +32,7 @@ export declare class BunjaStore {
     #private;
     get<T>(bunja: Bunja<T>, readScope: ReadScope): {
         value: T;
-        mount: () => void;
+        mount: () => () => void;
         deps: any[];
     };
 }
@@ -49,5 +51,5 @@ export declare const bunja: {
     <T, U, V, W, X, Y, Z>(deps: [Dep<U>, Dep<V>, Dep<W>, Dep<X>, Dep<Y>, Dep<Z>], init: (u: U, v: V, w: W, x: X, y: Y, z: Z) => T & BunjaValue): Bunja<T>;
     readonly effect: BunjaEffectSymbol;
 };
-export declare function createScope<T>(): Scope<T>;
+export declare function createScope<T>(hash?: HashFn): Scope<T>;
 export {};

package/dist/bunja.d.ts

@@ -18,11 +18,13 @@ export declare class Bunja<T> {
     static readonly effect: BunjaEffectSymbol;
     toString(): string;
 }
+export type HashFn<T = any, U = any> = (value: T) => U;
 export declare class Scope<T> {
+    readonly hash: HashFn;
     static readonly scopes: Scope<any>[];
     readonly id: number;
     debugLabel: string;
-    constructor();
+    constructor(hash?: HashFn);
     toString(): string;
 }
 export type ReadScope = <T>(scope: Scope<T>) => T;
@@ -30,7 +32,7 @@ export declare class BunjaStore {
     #private;
     get<T>(bunja: Bunja<T>, readScope: ReadScope): {
         value: T;
-        mount: () => void;
+        mount: () => () => void;
         deps: any[];
     };
 }
@@ -49,5 +51,5 @@ export declare const bunja: {
     <T, U, V, W, X, Y, Z>(deps: [Dep<U>, Dep<V>, Dep<W>, Dep<X>, Dep<Y>, Dep<Z>], init: (u: U, v: V, w: W, x: X, y: Y, z: Z) => T & BunjaValue): Bunja<T>;
     readonly effect: BunjaEffectSymbol;
 };
-export declare function createScope<T>(): Scope<T>;
+export declare function createScope<T>(hash?: HashFn): Scope<T>;
 export {};

package/dist/bunja.js

@@ -1,3 +1,3 @@
-import { Bunja, BunjaStore, Scope, bunja, createBunjaStore, createScope } from "./bunja-3B0nQ1vI.js";
+import { Bunja, BunjaStore, Scope, bunja, createBunjaStore, createScope } from "./bunja-fHIhQAuL.js";
 
 export { Bunja, BunjaStore, Scope, bunja, createBunjaStore, createScope };

package/dist/react.cjs

@@ -22,7 +22,7 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 }) : target, mod));
 
 //#endregion
-const require_bunja = require('./bunja-QjknYXY-.cjs');
+const require_bunja = require('./bunja-Q0ZusYIM.cjs');
 const { createContext, useContext, useEffect } = __toESM(require("react"));
 
 //#region react.ts
@@ -31,8 +31,8 @@ const scopeContextMap = new Map();
 function bindScope(scope, context) {
 	scopeContextMap.set(scope, context);
 }
-function createScopeFromContext(context) {
-	const scope = require_bunja.createScope();
+function createScopeFromContext(context, hash) {
+	const scope = require_bunja.createScope(hash);
 	bindScope(scope, context);
 	return scope;
 }

package/dist/react.d.cts

@@ -1,9 +1,9 @@
 import { type Context } from "react";
-import { type Bunja, type BunjaStore, type ReadScope, type Scope } from "./bunja.ts";
+import { type Bunja, type BunjaStore, type HashFn, type ReadScope, type Scope } from "./bunja.ts";
 export declare const BunjaStoreContext: Context<BunjaStore>;
 export declare const scopeContextMap: Map<Scope<any>, Context<any>>;
 export declare function bindScope(scope: Scope<any>, context: Context<any>): void;
-export declare function createScopeFromContext<T>(context: Context<T>): Scope<T>;
+export declare function createScopeFromContext<T>(context: Context<T>, hash?: HashFn<T>): Scope<T>;
 export declare function useBunja<T>(bunja: Bunja<T>, readScope?: ReadScope): T;
 export type ScopePair<T> = [Scope<T>, T];
 export declare function inject<const T extends ScopePair<any>[]>(overrideTable: T): ReadScope;

package/dist/react.d.ts

@@ -1,9 +1,9 @@
 import { type Context } from "react";
-import { type Bunja, type BunjaStore, type ReadScope, type Scope } from "./bunja.ts";
+import { type Bunja, type BunjaStore, type HashFn, type ReadScope, type Scope } from "./bunja.ts";
 export declare const BunjaStoreContext: Context<BunjaStore>;
 export declare const scopeContextMap: Map<Scope<any>, Context<any>>;
 export declare function bindScope(scope: Scope<any>, context: Context<any>): void;
-export declare function createScopeFromContext<T>(context: Context<T>): Scope<T>;
+export declare function createScopeFromContext<T>(context: Context<T>, hash?: HashFn<T>): Scope<T>;
 export declare function useBunja<T>(bunja: Bunja<T>, readScope?: ReadScope): T;
 export type ScopePair<T> = [Scope<T>, T];
 export declare function inject<const T extends ScopePair<any>[]>(overrideTable: T): ReadScope;

package/dist/react.js

@@ -1,4 +1,4 @@
-import { createBunjaStore, createScope } from "./bunja-3B0nQ1vI.js";
+import { createBunjaStore, createScope } from "./bunja-fHIhQAuL.js";
 import { createContext, useContext, useEffect } from "react";
 
 //#region react.ts
@@ -7,8 +7,8 @@ const scopeContextMap = new Map();
 function bindScope(scope, context) {
 	scopeContextMap.set(scope, context);
 }
-function createScopeFromContext(context) {
-	const scope = createScope();
+function createScopeFromContext(context, hash) {
+	const scope = createScope(hash);
 	bindScope(scope, context);
 	return scope;
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "bunja",
   "type": "module",
-  "version": "0.1.0",
+  "version": "1.0.0",
   "description": "State Lifetime Manager",
   "main": "dist/bunja.cjs",
   "module": "dist/bunja.js",

package/presentations/README.md

@@ -0,0 +1,9 @@
+# Presentations
+
+- React에서 불필요한 웹소켓 재연결을 줄이는 방법 (How to reduce unnecessary
+  WebSocket reconnections in React)
+  - Conference: 2024 블록체인 진흥주간 x 웹 3.0 컨퍼런스 (2024 Blockchain
+    Promotion Week x Web 3.0 Conference)
+  - Date: 2024-11-28
+  - Slide: [Korean](./2024-11-28.pdf), [English](./2024-11-28-en.pdf)
+  - Video(YouTube): [Link](https://www.youtube.com/watch?v=KejJgClvVic)

package/react.ts

@@ -4,20 +4,25 @@ import {
   type BunjaStore,
   createBunjaStore,
   createScope,
+  type HashFn,
   type ReadScope,
   type Scope,
 } from "./bunja.ts";
 
-export const BunjaStoreContext: Context<BunjaStore> =
-  createContext(createBunjaStore());
+export const BunjaStoreContext: Context<BunjaStore> = createContext(
+  createBunjaStore(),
+);
 
 export const scopeContextMap: Map<Scope<any>, Context<any>> = new Map();
 export function bindScope(scope: Scope<any>, context: Context<any>): void {
   scopeContextMap.set(scope, context);
 }
 
-export function createScopeFromContext<T>(context: Context<T>): Scope<T> {
-  const scope = createScope();
+export function createScopeFromContext<T>(
+  context: Context<T>,
+  hash?: HashFn<T>,
+): Scope<T> {
+  const scope = createScope(hash);
   bindScope(scope, context);
   return scope;
 }

package/test.ts

@@ -0,0 +1,206 @@
+import { assertEquals } from "jsr:@std/assert";
+import { assertSpyCalls, spy } from "jsr:@std/testing/mock";
+import { FakeTime } from "jsr:@std/testing/time";
+
+import { createBunjaStore, createScope } from "./bunja.ts";
+import { bunja } from "./bunja.ts";
+
+const readNull = () => (null as any);
+
+Deno.test({
+  name: "basic",
+  fn() {
+    using time = new FakeTime();
+    const store = createBunjaStore();
+    const myBunjaInstance = {};
+    const myBunja = bunja([], () => myBunjaInstance);
+    const { value, mount } = store.get(myBunja, readNull);
+    const cleanup = mount();
+    cleanup();
+    assertEquals(value, myBunjaInstance);
+    time.tick();
+  },
+});
+
+Deno.test({
+  name: "basic effect",
+  fn() {
+    using time = new FakeTime();
+    const store = createBunjaStore();
+    const mountSpy = spy();
+    const unmountSpy = spy();
+    const myBunja = bunja([], () => ({
+      [bunja.effect]() {
+        mountSpy();
+        return unmountSpy;
+      },
+    }));
+    assertSpyCalls(mountSpy, 0);
+    const { mount } = store.get(myBunja, readNull);
+    assertSpyCalls(mountSpy, 0);
+    const cleanup = mount();
+    assertSpyCalls(mountSpy, 1);
+    assertSpyCalls(unmountSpy, 0);
+    cleanup();
+    assertSpyCalls(unmountSpy, 0);
+    time.tick();
+    assertSpyCalls(unmountSpy, 1);
+  },
+});
+
+Deno.test({
+  name: "bunja that depend on other bunja",
+  fn() {
+    using time = new FakeTime();
+    const store = createBunjaStore();
+    const [aMountSpy, aUnmountSpy] = [spy(), spy()];
+    const [bMountSpy, bUnmountSpy] = [spy(), spy()];
+    const aBunjaInstance = {
+      [bunja.effect]() {
+        aMountSpy();
+        return aUnmountSpy;
+      },
+    };
+    const aBunja = bunja([], () => aBunjaInstance);
+    const bBunja = bunja([aBunja], (a) => ({
+      a,
+      [bunja.effect]() {
+        bMountSpy();
+        return bUnmountSpy;
+      },
+    }));
+    assertSpyCalls(aMountSpy, 0);
+    assertSpyCalls(bMountSpy, 0);
+    const { value, mount } = store.get(bBunja, readNull);
+    assertEquals(value.a, aBunjaInstance);
+    assertSpyCalls(aMountSpy, 0);
+    assertSpyCalls(bMountSpy, 0);
+    const cleanup = mount();
+    assertSpyCalls(aMountSpy, 1);
+    assertSpyCalls(bMountSpy, 1);
+    assertSpyCalls(aUnmountSpy, 0);
+    assertSpyCalls(bUnmountSpy, 0);
+    cleanup();
+    assertSpyCalls(aUnmountSpy, 0);
+    assertSpyCalls(bUnmountSpy, 0);
+    time.tick();
+    assertSpyCalls(aUnmountSpy, 1);
+    assertSpyCalls(bUnmountSpy, 1);
+  },
+});
+
+Deno.test({
+  name: "A mount first, B mount later & A unmount first, B unmount later",
+  fn() {
+    using time = new FakeTime();
+    const store = createBunjaStore();
+    const [aMountSpy, aUnmountSpy] = [spy(), spy()];
+    const [bMountSpy, bUnmountSpy] = [spy(), spy()];
+    const aBunja = bunja([], () => ({
+      [bunja.effect]: () => (aMountSpy(), aUnmountSpy),
+    }));
+    const bBunja = bunja([aBunja], () => ({
+      [bunja.effect]: () => (bMountSpy(), bUnmountSpy),
+    }));
+    const { mount: m1 } = store.get(aBunja, readNull);
+    const c1 = m1();
+    assertSpyCalls(aMountSpy, 1);
+    assertSpyCalls(bMountSpy, 0);
+    const { mount: m2 } = store.get(bBunja, readNull);
+    const c2 = m2();
+    assertSpyCalls(aMountSpy, 1);
+    assertSpyCalls(bMountSpy, 1);
+    assertSpyCalls(aUnmountSpy, 0);
+    assertSpyCalls(bUnmountSpy, 0);
+    c1();
+    time.tick();
+    assertSpyCalls(aUnmountSpy, 0);
+    assertSpyCalls(bUnmountSpy, 0);
+    c2();
+    time.tick();
+    assertSpyCalls(aUnmountSpy, 1);
+    assertSpyCalls(bUnmountSpy, 1);
+  },
+});
+
+Deno.test({
+  name: "B mount first, A mount later & B unmount first, A unmount later",
+  fn() {
+    using time = new FakeTime();
+    const store = createBunjaStore();
+    const [aMountSpy, aUnmountSpy] = [spy(), spy()];
+    const [bMountSpy, bUnmountSpy] = [spy(), spy()];
+    const aBunja = bunja([], () => ({
+      [bunja.effect]: () => (aMountSpy(), aUnmountSpy),
+    }));
+    const bBunja = bunja([aBunja], () => ({
+      [bunja.effect]: () => (bMountSpy(), bUnmountSpy),
+    }));
+    const { mount: m1 } = store.get(bBunja, readNull);
+    const c1 = m1();
+    assertSpyCalls(aMountSpy, 1);
+    assertSpyCalls(bMountSpy, 1);
+    const { mount: m2 } = store.get(aBunja, readNull);
+    const c2 = m2();
+    assertSpyCalls(aMountSpy, 1);
+    assertSpyCalls(bMountSpy, 1);
+    assertSpyCalls(aUnmountSpy, 0);
+    assertSpyCalls(bUnmountSpy, 0);
+    c1();
+    time.tick();
+    assertSpyCalls(aUnmountSpy, 0);
+    assertSpyCalls(bUnmountSpy, 1);
+    c2();
+    time.tick();
+    assertSpyCalls(aUnmountSpy, 1);
+    assertSpyCalls(bUnmountSpy, 1);
+  },
+});
+
+Deno.test({
+  name: "injecting values into a scope when calling store.get",
+  fn() {
+    using time = new FakeTime();
+    const store = createBunjaStore();
+    const myScope = createScope<string>();
+    const myBunja = bunja([myScope], (scopeValue) => ({ scopeValue }));
+    const readScope = <T>(): T => "injected value" as T;
+    const { value: { scopeValue }, mount } = store.get(myBunja, readScope);
+    const cleanup = mount();
+    cleanup();
+    assertEquals(scopeValue, "injected value");
+    time.tick();
+  },
+});
+
+Deno.test({
+  name: "scope value deduplication using hash function",
+  fn() {
+    using time = new FakeTime();
+    const store = createBunjaStore();
+    const myScope = createScope<string>(({ length }) => length);
+    const myBunja = bunja([myScope], (scopeValue) => ({ scopeValue }));
+    const { value: { scopeValue: scopeValue1 }, mount: mount1 } = store.get(
+      myBunja,
+      <T>() => "foo" as T,
+    );
+    const cleanup1 = mount1();
+    const { value: { scopeValue: scopeValue2 }, mount: mount2 } = store.get(
+      myBunja,
+      <T>() => "bar" as T,
+    );
+    const cleanup2 = mount2();
+    const { value: { scopeValue: scopeValue3 }, mount: mount3 } = store.get(
+      myBunja,
+      <T>() => "baaz" as T,
+    );
+    const cleanup3 = mount3();
+    assertEquals(scopeValue1, "foo");
+    assertEquals(scopeValue2, "foo");
+    assertEquals(scopeValue3, "baaz");
+    cleanup1();
+    cleanup2();
+    cleanup3();
+    time.tick();
+  },
+});