chore: bump pnpm

Resolves #67

.github/workflows/ci.yml

@@ -14,11 +14,19 @@ jobs:
           run_install: true
       - uses: CompeyDev/setup-rokit@v0.1.2
 
+      - name: Setup Lute
+        run: lute setup --with-luaurc
+
       - name: Check code quality
-        run: sh bin/check.sh
+        run: lute run check
+
+      - name: Run ESLint and Prettier
+        run: |
+          pnpm eslint packages
+          pnpm prettier --check packages
 
       - name: Run tests
-        run: lune run test/spec.server.luau
+        run: lute run test
 
       - name: Build models
-        run: sh bin/build.sh
+        run: lute run build

.github/workflows/release.yml

@@ -11,8 +11,11 @@ jobs:
       - uses: actions/checkout@v4
       - uses: CompeyDev/setup-rokit@v0.1.2
 
+      - name: Setup Lute
+        run: lute setup --with-luaurc
+
       - name: Build models
-        run: sh bin/build.sh
+        run: lute run build
 
       - name: Upload release assets
         uses: AButler/upload-release-assets@v3.0

.gitignore

@@ -2,7 +2,7 @@
 /.pesde
 /build
 /packages/**/wally.lock
-/packages/**/LICENSE.md
+/packages/**/LICENSE*
 /packages/**/README.md
 /sourcemap.json
 node_modules

.gitmodules

@@ -1,3 +1,3 @@
-[submodule "test/suite"]
-	path = test/suite
+[submodule "tests/test"]
+	path = tests/test
 	url = https://gist.github.com/littensy/fa9afcc5d66d25e86538634982be4ee4

.luaurc

@@ -1,6 +1,7 @@
 {
 	"languageMode": "strict",
-	"lint": {
-		"LocalShadow": false
+	"aliases": {
+		"lute": "~/.lute/typedefs/1.0.0/lute",
+		"std": "~/.lute/typedefs/1.0.0/std"
 	}
 }

.lute/build.luau

@@ -0,0 +1,6 @@
+local fs = require("@std/fs")
+local process = require("@lute/process")
+
+fs.createDirectory("build")
+
+process.run({ "rojo", "build", "--output=build/charm.rbxm", "build.project.json" }, { stdio = "inherit" })

.lute/check.luau

@@ -0,0 +1,33 @@
+local fs = require("@std/fs")
+local net = require("@std/net")
+local process = require("@lute/process")
+
+process.run({ "rojo", "sourcemap", "--output=sourcemap.json" }, { stdio = "inherit" })
+
+fs.writeStringToFile(
+	"roblox.d.luau",
+	net.request("https://luau-lsp.pages.dev/globalTypes.None.d.luau", { method = "GET" }).body
+)
+
+local analyze = process.run({
+	"luau-lsp",
+	"analyze",
+	"--sourcemap=sourcemap.json",
+	"--ignore=**/node_modules/**",
+	"--base-luaurc=.luaurc",
+	"--definitions=roblox.d.luau",
+	"--flag:LuauSolverV2=true",
+	"packages",
+	"tests",
+	"benches",
+}, { stdio = "inherit" })
+
+fs.remove("roblox.d.luau")
+
+local stylua = process.run({ "stylua", "--check", "packages", "tests", "benches" }, { stdio = "inherit" })
+
+local eslint = process.run({ "pnpm", "eslint", "packages" }, { stdio = "inherit" })
+
+if not (analyze.ok and stylua.ok and eslint.ok) then
+	process.exit(1)
+end

.lute/test.luau

@@ -0,0 +1 @@
+(require)("../tests/run.server")

.npmrc

@@ -1 +0,0 @@
-public-hoist-pattern[]=*@rbxts*

LICENSE

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright 2024-present Littensy
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

LICENSE.md

@@ -1,7 +0,0 @@
-Copyright 2024 Littensy
-
-Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the “Software”), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED “AS IS”, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

benches/bench.luau

@@ -20,8 +20,8 @@ local function run(name: string, test: () -> ())
 
 	table.insert(results, `{name}: \t{string.format("%.2f", elapsed / iter * 1000 * 1000)} us/iter`)
 
-	for name, elapsed in times do
-		table.insert(results, `{name}: \t{string.format("%.2f", elapsed / iter * 1000 * 1000)} us/iter`)
+	for name, duration in times do
+		table.insert(results, `{name}: \t{string.format("%.2f", duration / iter * 1000 * 1000)} us/iter`)
 	end
 
 	print(table.concat(results, " | "))

benches/mapped.luau

@@ -3,55 +3,56 @@ local bench = require("./bench")
 
 local computed = Charm.computed
 local mapped = Charm.mapped
-local setActiveSub = Charm.setActiveSub
 local signal = Charm.signal
 
-type Entry = { number }
+type Key = number
+type Value = number
 
 local count = 512
-local initialState: { Entry } = table.create(count)
+local initialState: { [Key]: Value } = table.create(count, 0)
 
-for i = 1, count do
-	initialState[i] = table.create(64, i)
+local function expensiveOperation()
+	for _ = 1, 100 do
+		continue
+	end
 end
 
-local function mapper(value: Entry, key: number): (Entry, number)
-	return table.clone(value), key + 1
-end
-
-local function simpleMapped(source: () -> { Entry }, mapper: (Entry, number) -> (Entry, number)): () -> { Entry }
+local function simpleMapped(
+	source: () -> { [Key]: Value },
+	mapper: (Value, Key) -> (Value, Key?)
+): () -> { [Key]: Value }
 	return computed(function()
 		local state = source()
 		local nextState = {}
 
-		for index, value in state do
-			local currentSub = setActiveSub(nil)
-			local success, valueOut, keyOut = pcall(mapper, value, index)
-			setActiveSub(currentSub)
-
-			if success then
-				nextState[keyOut] = valueOut
-			end
+		for keyIn, valueIn in state do
+			local valueOut, keyOut = mapper(valueIn, keyIn)
+			nextState[if keyOut == nil then keyIn else keyOut] = valueOut
 		end
 
-		return state
+		return nextState
 	end)
 end
 
-local function updatePercentage(percent: number): ({ Entry }) -> { Entry }
+local function updateRandomly(updateChance: number): ({ [Key]: Value }) -> { [Key]: Value }
 	return function(state)
 		local nextState = table.clone(state)
-		for index, value in state do
-			if math.random() < percent then
-				nextState[index] = table.clone(value)
+		for key in state do
+			if math.random() < updateChance then
+				nextState[key] += 1
 			end
 		end
 		return nextState
 	end
 end
 
-for _, percent in { 0.1, 0.5, 1 } do
-	bench.run(`mapped {percent}`, function()
+for _, updateChance in { 0.1, 0.5, 1 } do
+	local function mapper(value: Value, key: Key): (Value, Key?)
+		expensiveOperation()
+		return value + 1, key + 1
+	end
+
+	bench.run(`mapped {updateChance}`, function()
 		local src, setSrc = signal(initialState)
 		local out = mapped(src, mapper)
 
@@ -59,14 +60,14 @@ for _, percent in { 0.1, 0.5, 1 } do
 		out()
 		bench.profileend()
 
-		setSrc(updatePercentage(percent))
+		setSrc(updateRandomly(updateChance))
 
 		bench.profilebegin("update")
 		out()
 		bench.profileend()
 	end)
 
-	bench.run(`control {percent}`, function()
+	bench.run(`control {updateChance}`, function()
 		local src, setSrc = signal(initialState)
 		local out = simpleMapped(src, mapper)
 
@@ -74,7 +75,7 @@ for _, percent in { 0.1, 0.5, 1 } do
 		out()
 		bench.profileend()
 
-		setSrc(updatePercentage(percent))
+		setSrc(updateRandomly(updateChance))
 
 		bench.profilebegin("update")
 		out()

benches/multi.luau

@@ -0,0 +1,188 @@
+local Charm = require("../packages/charm/src")
+local bench = require("./bench")
+
+type Atom<T> = Charm.Atom<T>
+
+local signal = Charm.atom
+local computed = Charm.computed
+local effect = Charm.effect
+
+local function busy(): number
+	local a = 0
+	for i = 1, 100 do
+		a += 1
+	end
+	return a
+end
+
+do
+	local head = signal(0)
+	local computed1 = computed(function()
+		return head()
+	end)
+	local computed2 = computed(function()
+		computed1()
+		return 0
+	end)
+	local computed3 = computed(function()
+		busy() -- heavy computation
+		return computed2() + 1
+	end)
+	local computed4 = computed(function()
+		return computed3() + 2
+	end)
+	local computed5 = computed(function()
+		return computed4() + 3
+	end)
+	effect(function()
+		computed5()
+		busy() -- heavy side effect
+	end)
+
+	bench.run("avoidablePropagation", function()
+		head(1)
+		assert(computed5() == 6)
+		for i = 0, 999 do
+			head(i)
+		end
+		assert(computed5() == 6)
+	end)
+end
+
+do
+	local head = signal(0)
+	local double = computed(function()
+		return head() * 2
+	end)
+	local inverse = computed(function()
+		return -head()
+	end)
+	local current = computed(function()
+		local result = 0
+		for i = 0, 19 do
+			result += if head() % 2 == 1 then double() else inverse()
+		end
+		return result
+	end)
+
+	local callCounter = 0
+	effect(function()
+		current()
+		callCounter += 1
+	end)
+
+	bench.run("unstable", function()
+		head(1)
+		assert(current() == 40)
+		callCounter = 0
+		for i = 0, 99 do
+			head(i)
+		end
+		assert(callCounter == 100)
+	end)
+end
+
+do
+	local head = signal(0)
+	local double = computed(function()
+		return head() * 2
+	end)
+	local inverse = computed(function()
+		return -head()
+	end)
+	local current = computed(function()
+		local result = 0
+		for i = 0, 19 do
+			result += if head() % 2 == 1 and i % 2 == 1 then double() else inverse()
+		end
+		return result
+	end)
+
+	local callCounter = 0
+	effect(function()
+		current()
+		callCounter += 1
+	end)
+
+	bench.run("unstable 50%", function()
+		head(1)
+		assert(current() == 10)
+		callCounter = 0
+		for i = 0, 99 do
+			head(i)
+		end
+		assert(callCounter == 100)
+	end)
+end
+
+do
+	local head = signal(0)
+	local last: () -> number = head
+	local callCounter = 0
+
+	for i = 0, 49 do
+		local current = computed(function()
+			return head() + i
+		end)
+		local current2 = computed(function()
+			return current() + 1
+		end)
+		effect(function()
+			current2()
+			callCounter += 1
+		end)
+		last = current2
+	end
+
+	bench.run("broadPropagation", function()
+		head(1)
+		callCounter = 0
+		for i = 0, 49 do
+			head(i)
+			assert(last() == i + 50)
+		end
+		assert(callCounter == 50 * 50)
+	end)
+end
+
+do
+	local heads = {}
+	for index = 0, 99 do
+		heads[index] = signal(0)
+	end
+
+	local mux = computed(function()
+		local result = {}
+		for index = 0, 99 do
+			result[index] = heads[index]()
+		end
+		return result
+	end)
+
+	local splited = {}
+	for index = 0, 99 do
+		local x = computed(function()
+			return mux()[index]
+		end)
+		splited[index] = computed(function()
+			return x() + 1
+		end)
+	end
+
+	for _, x in splited do
+		effect(function()
+			x()
+		end)
+	end
+
+	bench.run("mux", function()
+		for i = 0, 9 do
+			heads[i](i)
+			assert(splited[i]() == i + 1)
+		end
+		for i = 0, 9 do
+			heads[i](i * 2)
+			assert(splited[i]() == i * 2 + 1)
+		end
+	end)
+end

benches/reactive.luau

@@ -1,8 +1,9 @@
 local Charm = require("../packages/charm/src")
+local DeepCharm = require("../packages/deep-charm/src")
 local bench = require("./bench")
 
 local effect = Charm.effect
-local reactive = Charm.reactive
+local reactive = DeepCharm.reactive
 
 do
 	local value = reactive({ a = 1 })

bin/build.sh

@@ -1,4 +0,0 @@
-#!/usr/bin/env bash
-
-mkdir build
-rojo build build.project.json -o build/charm.rbxm

bin/check.sh

@@ -1,19 +0,0 @@
-curl -o bin/roblox.d.luau https://raw.githubusercontent.com/JohnnyMorganz/luau-lsp/main/scripts/globalTypes.d.luau
-
-rojo sourcemap -o sourcemap.json
-
-luau-lsp analyze \
-	--defs=bin/roblox.d.luau \
-	--flag:LuauFixIndexerSubtypingOrdering=true \
-	--flag:LuauInstantiateInSubtyping=true \
-	--sourcemap=sourcemap.json \
-	--ignore="**/node_modules/**" \
-	packages test benches
-
-selene packages test benches
-
-stylua --check packages test benches
-
-pnpm eslint packages
-
-rm bin/roblox.d.luau

build.project.json

@@ -4,6 +4,7 @@
 		"$className": "Folder",
 		"Charm": { "$path": "packages/charm/src" },
 		"CharmSync": { "$path": "packages/charm-sync/src" },
+		"DeepCharm": { "$path": "packages/deep-charm/src" },
 		"ReactCharm": { "$path": "packages/react-charm/src" },
 		"VideCharm": { "$path": "packages/vide-charm/src" }
 	}

default.project.json

@@ -19,16 +19,25 @@
 				},
 				"charm": {
 					"$className": "Folder",
-					"src": { "$path": "packages/charm/src" }
+					"src": { "$path": "packages/charm/src" },
+					"test": { "$path": "packages/charm/test" }
+				},
+				"deep-charm": {
+					"$className": "Folder",
+					"src": { "$path": "packages/deep-charm/src" },
+					"test": { "$path": "packages/deep-charm/test" },
+					"Charm": { "$path": "packages/deep-charm/Charm.luau" }
 				},
 				"charm-sync": {
 					"$className": "Folder",
 					"src": { "$path": "packages/charm-sync/src" },
+					"test": { "$path": "packages/charm-sync/test" },
 					"Charm": { "$path": "packages/charm-sync/Charm.luau" }
 				},
 				"react-charm": {
 					"$className": "Folder",
 					"src": { "$path": "packages/react-charm/src" },
+					"test": { "$path": "packages/react-charm/test" },
 					"React": { "$path": "packages/react-charm/React.luau" },
 					"ReactRoblox": { "$path": "packages/react-charm/ReactRoblox.luau" },
 					"Charm": { "$path": "packages/react-charm/Charm.luau" }
@@ -36,6 +45,7 @@
 				"vide-charm": {
 					"$className": "Folder",
 					"src": { "$path": "packages/vide-charm/src" },
+					"test": { "$path": "packages/vide-charm/test" },
 					"Vide": { "$path": "packages/vide-charm/Vide.luau" },
 					"Charm": { "$path": "packages/vide-charm/Charm.luau" }
 				}
@@ -43,8 +53,8 @@
 			"@rbxts-js": {
 				"$path": "node_modules/@rbxts-js"
 			},
-			"test": {
-				"$path": "test"
+			"tests": {
+				"$path": "tests"
 			}
 		}
 	}

eslint.config.js

@@ -0,0 +1,20 @@
+const eslint = require("@eslint/js");
+const { defineConfig, globalIgnores } = require("eslint/config");
+const prettierRecommended = require("eslint-plugin-prettier/recommended");
+const roblox = require("eslint-plugin-roblox-ts");
+const tseslint = require("typescript-eslint");
+
+module.exports = defineConfig(
+	eslint.configs.recommended,
+	tseslint.configs.recommended,
+	roblox.configs.tsRecommendedCompat,
+	roblox.configs.recommended,
+	{
+		rules: {
+			"@typescript-eslint/no-explicit-any": "off",
+			"roblox-ts/no-any": "off",
+		},
+	},
+	globalIgnores(["out/**", "eslint.config.js"]),
+	prettierRecommended,
+);

eslint.config.ts

@@ -1,20 +0,0 @@
-import eslint from "@eslint/js";
-import { defineConfig, globalIgnores } from "eslint/config";
-import prettierRecommended from "eslint-plugin-prettier/recommended";
-import roblox from "eslint-plugin-roblox-ts";
-import tseslint from "typescript-eslint";
-
-export default defineConfig(
-	eslint.configs.recommended,
-	tseslint.configs.recommended,
-	roblox.configs.tsRecommendedCompat,
-	roblox.configs.recommended,
-	{
-		rules: {
-			"@typescript-eslint/no-explicit-any": "off",
-			"roblox-ts/no-any": "off",
-		},
-	},
-	globalIgnores(["out/**"]),
-	prettierRecommended,
-);

package.json

@@ -1,30 +1,29 @@
 {
 	"private": true,
 	"scripts": {
-		"test": "lune run test/spec.server.luau",
-		"build": "sh bin/build.sh",
-		"check": "sh bin/check.sh",
+		"test": "lute run test",
+		"build": "lute run build",
+		"check": "lute run check",
 		"publish:npm": "pnpm publish -r --access public",
 		"publish:wally": "pnpm -r --workspace-concurrency 1 publish:wally"
 	},
-	"packageManager": "pnpm@10.22.0",
+	"packageManager": "pnpm@12.8.1",
 	"devDependencies": {
-		"@eslint/js": "^9.36.0",
+		"@eslint/js": "^9.39.4",
 		"@rbxts/compiler-types": "3.0.0-types.0",
-		"@rbxts/react": "17.3.5-alpha.1",
-		"@rbxts/react-roblox": "17.3.5-alpha.1",
-		"@rbxts/types": "^1.0.883",
-		"@rbxts/vide": "^0.5.7",
-		"@typescript-eslint/eslint-plugin": "^8.44.1",
-		"@typescript-eslint/parser": "^8.44.1",
-		"eslint": "^9.36.0",
+		"@rbxts/react": "17.3.7-ts.1",
+		"@rbxts/react-roblox": "17.3.7-ts.1",
+		"@rbxts/types": "^1.0.913",
+		"@rbxts/vide": "^0.6.1",
+		"@typescript-eslint/eslint-plugin": "^8.58.0",
+		"@typescript-eslint/parser": "^8.58.0",
+		"eslint": "^9.39.4",
 		"eslint-config-prettier": "^10.1.8",
-		"eslint-plugin-prettier": "^5.5.4",
-		"eslint-plugin-roblox-ts": "^1.2.1",
-		"jiti": "^2.6.0",
-		"prettier": "^3.6.2",
+		"eslint-plugin-prettier": "^5.5.5",
+		"eslint-plugin-roblox-ts": "^1.4.0",
+		"prettier": "^3.8.1",
 		"roblox-ts": "^3.0.0",
-		"typescript": "^5.9.2",
-		"typescript-eslint": "^8.44.1"
+		"typescript": "^5.9.3",
+		"typescript-eslint": "^8.58.0"
 	}
 }

packages/charm-sync/Charm.luau

@@ -4,7 +4,6 @@ end
 
 local Charm = require(script.Parent.Parent.charm.src)
 
-export type Atom<T = any> = Charm.Atom<T>
-export type ReactiveProxy<T = any> = Charm.ReactiveProxy<T>
+export type Atom<T> = Charm.Atom<T>
 
 return Charm

packages/charm-sync/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@rbxts/charm-sync",
-	"version": "0.4.0-rc.5",
+	"version": "0.4.1",
 	"description": "Simple server-to-client sync for Charm",
 	"license": "MIT",
 	"main": "src/init.luau",
@@ -11,17 +11,17 @@
 		"!wally.toml",
 		"!wally.lock",
 		"!default.project.json",
-		"!**/__tests__"
+		"!test"
 	],
 	"repository": {
 		"type": "git",
 		"url": "git+https://github.com/littensy/charm.git"
 	},
 	"scripts": {
-		"prepare": "cp ../../LICENSE.md . && cp ../../README.md .",
+		"prepare": "cp ../../LICENSE . && cp ../../README.md .",
 		"publish:wally": "wally publish"
 	},
 	"dependencies": {
-		"@rbxts/charm": "workspace:*"
+		"@rbxts/charm": "workspace:^"
 	}
 }

packages/charm-sync/src/__tests__/spec.luau

@@ -1,23 +0,0 @@
-local suite = require("../../../../test/suite")
-
-suite.describe("client", function()
-	require("./client.spec")
-end)
-
-suite.describe("e2e", function()
-	require("./e2e.spec")
-end)
-
-suite.describe("utils", function()
-	require("./utils.spec")
-end)
-
-suite.describe("patch", function()
-	require("./patch.spec")
-end)
-
-suite.describe("server", function()
-	require("./server.spec")
-end)
-
-return {}

packages/charm-sync/src/client.luau

@@ -2,8 +2,8 @@ local Charm = require("../Charm")
 local patch = require("./patch")
 local types = require("./types")
 
-type ReactiveProxy<T = {}> = Charm.ReactiveProxy<T>
 type SyncPayload = types.SyncPayload
+type ReactiveProxy<T = { [any]: any }> = types.ReactiveProxy<T>
 
 local trackedSignals: { [string]: (any) -> any } = {}
 local trackedReactives: { [string]: ReactiveProxy } = {}
@@ -64,6 +64,8 @@ local function applyInitPayload(data: { [string]: any })
 			trackedSignals[key](value)
 		elseif trackedReactives[key] then
 			shallowMergeReactive(trackedReactives[key], value)
+		else
+			warn(`charm-sync failed to sync key '{key}' because it is not currently registered by addSignals()`)
 		end
 	end
 end
@@ -80,6 +82,8 @@ local function applyPatchPayload(data: { [string]: any })
 		elseif trackedReactive then
 			patch.applyMutable(trackedReactive.__target, diffs)
 			Charm.trigger(trackedReactive.__track)
+		else
+			warn(`charm-sync failed to sync key '{key}' because it is not currently registered by addSignals()`)
 		end
 	end
 end
@@ -90,7 +94,7 @@ end
 
 	@param payloads The state updates received from the server.
 ]]
-local function patch(payloads: { SyncPayload })
+local function applyPatches(payloads: { SyncPayload })
 	for _, payload in payloads do
 		if payload.type == "init" then
 			Charm.batch(applyInitPayload, payload.data)
@@ -104,5 +108,5 @@ return {
 	addSignals = addSignals,
 	removeSignals = removeSignals,
 	removeAllSignals = removeAllSignals,
-	patch = patch,
+	patch = applyPatches,
 }

packages/charm-sync/src/config.luau

@@ -9,19 +9,22 @@ return {
 		Whether the history of state changes since the client's last update
 		should be preserved. This is useful for values that change multiple
 		times per frame, where each individual change is important. Defaults
-		to `false`.
+		to `false` for performance reasons.
 	]]
 	preserveHistory = false,
 	--[[
-		When `true`, Charm will apply validation and serialize unsafe arrays
-		to address remote event argument limitations. Defaults to `true`.
+		When `true`, Charm will modify sparse arrays to prevent data loss from
+		remote event limitations. When an unsafe array is detected, numeric
+		indices will be converted to string keys so that the array can be sent
+		safely and then converted back to an array on the receiving end.
+
 		This option should be disabled if your network library uses a custom
 		serialization method (i.e. Zap, ByteNet) to prevent interference.
 	]]
 	fixArrays = true,
 	--[[
 		When `true`, synced state containing unsafe sparse arrays or mixed
-		tables will throw an error. Only checked in strict mode and if
+		tables will emit a warning. Only checked in strict mode and if
 		`fixArrays` is enabled. Defaults to `true`.
 	]]
 	validatePatches = true,

packages/charm-sync/src/index.d.ts

@@ -78,14 +78,17 @@ export const config: {
 	 * Whether the history of state changes since the client's last update
 	 * should be preserved. This is useful for values that change multiple
 	 * times per frame, where each individual change is important. Defaults
-	 * to `false`.
+	 * to `false` for performance reasons.
 	 *
 	 * @server
 	 */
 	preserveHistory: boolean;
 	/**
-	 * When `true`, Charm will apply validation and serialize unsafe arrays
-	 * to address remote event argument limitations. Defaults to `true`.
+	 * When `true`, Charm will modify sparse arrays to prevent data loss from
+	 * remote event limitations. When an unsafe array is detected, numeric
+	 * indices will be converted to string keys so that the array can be sent
+	 * safely and then converted back to an array on the receiving end.
+	 *
 	 * This option should be disabled if your network library uses a custom
 	 * serialization method (i.e. Zap, ByteNet) to prevent interference.
 	 *
@@ -94,7 +97,7 @@ export const config: {
 	fixArrays: boolean;
 	/**
 	 * When `true`, synced state containing unsafe sparse arrays or mixed
-	 * tables will throw an error. Only checked in strict mode and if
+	 * tables will emit a warning. Only checked in strict mode and if
 	 * `fixArrays` is enabled. Defaults to `true`.
 	 *
 	 * @server
@@ -242,7 +245,7 @@ export namespace patch {
 	 * @param statePatch The patches to apply.
 	 * @returns The new state with the patch applied.
 	 */
-	export function apply<State, FixArrays extends boolean = true>(
+	export function applyImmutable<State, FixArrays extends boolean = true>(
 		currentState: State,
 		statePatch: SyncPatch<State, FixArrays>,
 	): State;

packages/charm-sync/src/patch.luau

@@ -39,7 +39,7 @@ end
 	long as the target array is not sparse. This function ensures that the diff
 	function produces a patch that can be correctly applied.
 ]]
-local function stringifySparseArray(object: {}): { [string | number]: any }
+local function stringifySparseArray(object: { [any]: any }): { [string | number]: any }
 	local maxn = table.maxn(object)
 
 	if maxn == 0 or maxn == #object then

packages/charm-sync/src/server.luau

@@ -4,7 +4,6 @@ local patch = require("./patch")
 local types = require("./types")
 local utils = require("./utils")
 
-type ReactiveProxy<T = {}> = Charm.ReactiveProxy<T>
 type SyncPayload = types.SyncPayload
 
 type SyncStatus = number
@@ -35,9 +34,22 @@ local clients: { [any]: ClientKeys } = {}
 local connection: RBXScriptConnection?
 local syncCallback: ((client: any, payloads: { SyncPayload }) -> ())?
 
+--[[
+	Manually converts a reactive proxy to its raw representation to potentially
+	support custom implementations of reactive proxies.
+]]
+local function toRaw<T>(value: T): T
+	local proxy = value :: types.ReactiveProxy<T>
+	if type(proxy) == "table" and type(proxy.__target) == "table" and type(proxy.__track) == "function" then
+		proxy.__track()
+		return toRaw(proxy.__target)
+	end
+	return value
+end
+
 local function trackSignal<T>(key: string, getter: () -> T, identifier: unknown)
 	if trackedStates[key] then
-		-- Ignore duplicates, but warn against name collisions
+		-- Warn against name collisions with conflicting signals or proxies
 		if trackedStates[key].identifier ~= identifier then
 			warn("[Charm] Attempted to sync different states with the same key:", key)
 		end
@@ -46,12 +58,12 @@ local function trackSignal<T>(key: string, getter: () -> T, identifier: unknown)
 
 	local trackedState: TrackedState<T>
 	local initialValue = getter()
-	local rawInitialValue = Charm.toRaw(initialValue)
+	local rawInitialValue = toRaw(initialValue)
 	local snapshot = if initialValue ~= rawInitialValue then utils.deepCopy(rawInitialValue) else initialValue
 
-	local dispose = Charm.effect(function()
+	local dispose = Charm.untracked(Charm.effect, function()
 		local newValue = getter()
-		local rawValue = Charm.toRaw(newValue)
+		local rawValue = toRaw(newValue)
 		local isReactive = newValue ~= rawValue
 
 		if not trackedState then
@@ -113,8 +125,8 @@ local function diffGlobalUpdateBuffer(): { any }
 	local patchCount = #globalUpdates
 	local patches = table.create(patchCount)
 
-	for _, update in globalUpdates do
-		table.insert(patches, patch.diff(update.oldValue, update.newValue))
+	for index, update in globalUpdates do
+		patches[index] = patch.diff(update.oldValue, update.newValue)
 	end
 
 	return patches
@@ -134,7 +146,7 @@ local function selectFromGlobalPatchList(client: any, globalPatches: { any }): {
 	for index, update in globalUpdates do
 		local patchData = globalPatches[index]
 
-		if not patchData then
+		if patchData == nil then
 			continue
 		end
 
@@ -142,15 +154,17 @@ local function selectFromGlobalPatchList(client: any, globalPatches: { any }): {
 		local status = clientKeys[key]
 
 		if status == LISTENING_FOR_CHANGES then
-			table.insert(payloads, {
+			local payload: SyncPayload = {
 				type = "patch",
 				data = { [key] = patchData },
-			})
+			}
+			table.insert(payloads, payload)
 		elseif status == PENDING_INITIAL_STATE then
-			table.insert(payloads, {
+			local payload: SyncPayload = {
 				type = "init",
 				data = { [key] = update.newValue },
-			})
+			}
+			table.insert(payloads, payload)
 			clientKeys[key] = LISTENING_FOR_CHANGES
 		end
 	end
@@ -217,16 +231,45 @@ local function selectFromGlobalPatch(client: any, globalPatch: { [string]: any }
 	end
 
 	if next(initData) ~= nil then
-		table.insert(payloads, { type = "init", data = initData })
+		local payload: SyncPayload = {
+			type = "init",
+			data = initData,
+		}
+		table.insert(payloads, payload)
 	end
 
 	if next(patchData) ~= nil then
-		table.insert(payloads, { type = "patch", data = patchData })
+		local payload: SyncPayload = {
+			type = "patch",
+			data = patchData,
+		}
+		table.insert(payloads, payload)
 	end
 
 	return payloads
 end
 
+local function startInterval(callback: () -> ())
+	if not game then
+		return
+	end
+
+	if connection then
+		connection:Disconnect()
+	end
+
+	local timestamp = os.clock()
+
+	connection = game:GetService("RunService").Heartbeat:Connect(function()
+		if config.interval >= 0 and os.clock() >= timestamp + config.interval then
+			timestamp = os.clock()
+			debug.profilebegin("CharmSync")
+			callback()
+			debug.profileend()
+		end
+	end)
+end
+
 --[[
 	Subscribes a client to the given signals. When an update occurs, the client
 	will receive a partial state patch to merge into their local state. May be
@@ -270,6 +313,7 @@ end
 ]]
 local function removeClient(client: any)
 	clients[client] = nil
+	purgeUntracked()
 end
 
 --[[
@@ -292,6 +336,8 @@ local function removeSignalsFromClient(client: any, ...: string)
 
 	if next(clientKeys) == nil then
 		removeClient(client)
+	else
+		purgeUntracked()
 	end
 end
 
@@ -322,7 +368,6 @@ local function flush()
 		end
 	end
 
-	purgeUntracked()
 	table.clear(globalUpdates)
 end
 
@@ -334,32 +379,8 @@ end
 	@param onSync Called when sending patches to a client.
 ]]
 local function connect(onSync: (client: any, payloads: { SyncPayload }) -> ())
-	if connection then
-		connection:Disconnect()
-	end
-
 	syncCallback = onSync
-
-	if not game then
-		return
-	end
-
-	local timer = 0
-
-	connection = game:GetService("RunService").Heartbeat:Connect(function(deltaTime)
-		if config.interval < 0 then
-			return
-		end
-
-		timer += deltaTime
-
-		if timer >= config.interval then
-			timer = 0
-			debug.profilebegin("CharmSync")
-			flush()
-			debug.profileend()
-		end
-	end)
+	startInterval(flush)
 end
 
 --[[

packages/charm-sync/src/types.luau

@@ -18,4 +18,13 @@ export type SyncPayload =
 ]]
 export type None = { __none: "__none" }
 
+export type ReactiveProxy<T = any> = typeof(setmetatable(
+	{} :: {
+		__track: () -> (),
+		__target: T,
+		__signals: { [unknown]: () -> unknown },
+	},
+	{} :: { __index: T }
+))
+
 return {}

packages/charm-sync/src/utils.luau

@@ -2,10 +2,6 @@ local Charm = require("../Charm")
 
 type Atom<T> = Charm.Atom<T>
 
-type NestedTable = {
-	[any]: NestedTable | any,
-}
-
 --[[
 	Flattens a nested table into a single table with slash-separated keys.
 	Useful for recursively collecting atoms returned by modules.
@@ -13,15 +9,15 @@ type NestedTable = {
 	@param input A nested table.
 	@return A flattened table with slash-separated keys.
 ]]
-local function flatten<Flattened>(input: {}): Flattened
+local function flatten<Flattened>(input: { [any]: any }): Flattened
 	local result = {}
 
-	local function visit(node: {}, path: string)
+	local function visit(node: { [any]: any }, path: string)
 		for key, value in node do
 			local location = if path == "" then tostring(key) else path .. "/" .. tostring(key)
 
 			if type(value) == "table" then
-				visit(value :: {}, location)
+				visit(value, location)
 			else
 				result[location] = value
 			end

packages/charm-sync/src/validate.luau

@@ -1,11 +1,11 @@
-local function isTableUnsafe(object: {})
-	local key = next(object)
+local function isTableUnsafe(object: { [any]: any })
+	local firstKey = next(object)
 
-	if key == nil then
+	if firstKey == nil then
 		return false
 	end
 
-	local keyType = type(key)
+	local keyType = type(firstKey)
 	local maxKey = 0
 
 	-- Keys must all be the same type
@@ -31,13 +31,11 @@ end
 	with remote argument limitations, such as sparse arrays or mixed tables.
 
 	@param value The table value.
-	@param key The key of the value.
 ]]
-local function validate(value: {})
+local function validate(value: { [any]: any })
 	if isTableUnsafe(value) then
 		warn(
-			`Cannot sync tables unsupported by remote events! See the table below for more info.\n\n`
-				.. "This can be for the following reasons:\n"
+			"Cannot sync tables unsupported by remote events! This can be for the following reasons:\n"
 				.. "1. The table is a sparse array with non-sequential indices\n"
 				.. "2. The table is a mixed table (not all keys have the same type)\n\n"
 				.. "Read more: https://create.roblox.com/docs/scripting/events/remote#argument-limitations\n",

packages/charm-sync/test/client.test.luau

@@ -1,11 +1,9 @@
-local Charm = require("../../Charm")
-local client = require("../client")
-local suite = require("../../../../test/suite")
+local Charm = require("../Charm")
+local DeepCharm = require("../../deep-charm/src")
+local client = require("../src/client")
+local test = require("../../../tests/test")
 
-local test = suite.test
-local afterEach = suite.afterEach
-
-afterEach(function()
+test.afterEach(function()
 	client.removeAllSignals()
 end)
 
@@ -41,7 +39,7 @@ test("should merge patch", function()
 end)
 
 test("should merge patch (reactive)", function()
-	local a = Charm.reactive({ b = 1, c = 2 })
+	local a = DeepCharm.reactive({ b = 1, c = 2 })
 	local runs = 0
 
 	Charm.effect(function()

packages/charm-sync/test/e2e.test.luau

@@ -1,13 +1,11 @@
-local Charm = require("../../Charm")
-local client = require("../client")
-local config = require("../config")
-local server = require("../server")
-local suite = require("../../../../test/suite")
+local Charm = require("../Charm")
+local DeepCharm = require("../../deep-charm/src")
+local client = require("../src/client")
+local config = require("../src/config")
+local server = require("../src/server")
+local test = require("../../../tests/test")
 
-local afterEach = suite.afterEach
-local test = suite.test
-
-afterEach(function()
+test.afterEach(function()
 	server.reset()
 	client.removeAllSignals()
 	config.preserveHistory = false
@@ -16,9 +14,9 @@ end)
 test("should replicate server state to client", function()
 	local target = {}
 	local serverA = Charm.atom({ count = 0 })
-	local serverB = Charm.reactive({ count = 0 })
+	local serverB = DeepCharm.reactive({ count = 0 })
 	local clientA = Charm.atom({ count = -1 })
-	local clientB = Charm.reactive({ count = -1 })
+	local clientB = DeepCharm.reactive({ count = -1 })
 
 	client.addSignals({ a = clientA, b = clientB })
 	server.addSignalsToClient(target, { a = serverA, b = serverB })
@@ -53,9 +51,9 @@ end)
 test("should replicate historical server state to client", function()
 	local target = {}
 	local serverA = Charm.atom({ count = 0 })
-	local serverB = Charm.reactive({ count = 0 })
+	local serverB = DeepCharm.reactive({ count = 0 })
 	local clientA = Charm.atom({ count = -1 })
-	local clientB = Charm.reactive({ count = -1 })
+	local clientB = DeepCharm.reactive({ count = -1 })
 
 	config.preserveHistory = true
 

packages/charm-sync/test/init.luau

@@ -0,0 +1,23 @@
+local test = require("../../tests/test")
+
+test.describe("client", function()
+	require("@self/client.test")
+end)
+
+test.describe("e2e", function()
+	require("@self/e2e.test")
+end)
+
+test.describe("utils", function()
+	require("@self/utils.test")
+end)
+
+test.describe("patch", function()
+	require("@self/patch.test")
+end)
+
+test.describe("server", function()
+	require("@self/server.test")
+end)
+
+return {}

packages/charm-sync/test/patch.test.luau

@@ -1,11 +1,8 @@
-local config = require("../config")
-local patch = require("../patch")
-local suite = require("../../../../test/suite")
+local config = require("../src/config")
+local patch = require("../src/patch")
+local test = require("../../../tests/test")
 
-local test = suite.test
-local afterEach = suite.afterEach
-
-local function mockArraySerdes(object: {}): {}
+local function mockArraySerdes(object: { [any]: any }): { [any]: any }
 	if object[1] then
 		local copy = {}
 		for index = 1, #object do
@@ -23,7 +20,7 @@ local function mockArraySerdes(object: {}): {}
 	end
 end
 
-afterEach(function()
+test.afterEach(function()
 	config.fixArrays = true
 	config.validatePatches = true
 end)

packages/charm-sync/test/server.test.luau

@@ -1,15 +1,12 @@
-local Charm = require("../../Charm")
-local config = require("../config")
-local patch = require("../patch")
-local server = require("../server")
-local suite = require("../../../../test/suite")
+local Charm = require("../Charm")
+local DeepCharm = require("../../deep-charm/src")
+local config = require("../src/config")
+local patch = require("../src/patch")
+local server = require("../src/server")
+local test = require("../../../tests/test")
+local types = require("../src/types")
 
-local afterEach = suite.afterEach
-local beforeEach = suite.beforeEach
-local describe = suite.describe
-local test = suite.test
-
-afterEach(function()
+test.afterEach(function()
 	server.reset()
 end)
 
@@ -18,7 +15,7 @@ test("should replicate state changes", function()
 	local a = Charm.atom(0)
 	local b = Charm.atom(0)
 	local c = Charm.atom(0)
-	local target, payloads
+	local target: unknown, payloads: { types.SyncPayload }
 
 	server.addSignalsToClient(client, { a = a, b = b, c = c })
 	server.connect(function(...)
@@ -45,7 +42,7 @@ test("should replicate partial state patches", function()
 	local client = {}
 	local a = Charm.atom({ x = 0, y = 0 })
 	local b = Charm.atom(0 :: number?)
-	local target, payloads
+	local target: unknown, payloads: { types.SyncPayload }
 
 	server.addSignalsToClient(client, { a = a, b = b })
 	server.connect(function(...)
@@ -71,8 +68,8 @@ end)
 
 test("should replicate partial state patches (reactive)", function()
 	local client = {}
-	local a = Charm.reactive({ x = { y = 0 }, z = 0 :: number? })
-	local target, payloads
+	local a = DeepCharm.reactive({ x = { y = 0 }, z = 0 :: number? })
+	local target: unknown, payloads: { types.SyncPayload }
 
 	server.addSignalsToClient(client, { a = a })
 	server.connect(function(...)
@@ -104,7 +101,7 @@ end)
 
 test("should handle nested proxies", function()
 	local client = {}
-	local src = Charm.reactive({ (Charm.reactive({})) })
+	local src = DeepCharm.reactive({ (DeepCharm.reactive({})) })
 	local payloads: {}? = nil
 
 	server.addSignalsToClient(client, { src = src })
@@ -122,7 +119,7 @@ test("should init new clients", function()
 	local clientA = {}
 	local clientB = {}
 	local a = Charm.atom(0)
-	local payloadsA, payloadsB
+	local payloadsA: { types.SyncPayload }, payloadsB: { types.SyncPayload }
 
 	server.addSignalsToClient(clientA, { a = a })
 	server.connect(function(target, payloads)
@@ -151,7 +148,7 @@ test("should init new atoms", function()
 	local client = {}
 	local a = Charm.atom(0)
 	local b = Charm.atom(0)
-	local target, payloads
+	local target: unknown, payloads: { types.SyncPayload }
 
 	server.addSignalsToClient(client, { a = a })
 	server.connect(function(...)
@@ -176,7 +173,7 @@ test("should only replicate to synced clients", function()
 	local clientB = {}
 	local a = Charm.atom(0)
 	local b = Charm.atom(0)
-	local payloadsA, payloadsB
+	local payloadsA: { types.SyncPayload }, payloadsB: { types.SyncPayload }
 
 	server.addSignalsToClient(clientA, { a = a })
 	server.addSignalsToClient(clientB, { b = b })
@@ -218,7 +215,7 @@ end)
 test("should serialize state", function()
 	local client = {}
 	local a = Charm.atom({ 1, 2, 3, 4, 5 })
-	local payloads
+	local payloads: { types.SyncPayload }
 
 	server.addSignalsToClient(client, { a = a })
 	server.connect(function(_, p)
@@ -235,7 +232,7 @@ end)
 test("should not send unchanged state", function()
 	local client = {}
 	local a = Charm.atom(0)
-	local payloads
+	local payloads: { types.SyncPayload }
 
 	server.addSignalsToClient(client, { a = a })
 	server.connect(function(_, p)
@@ -252,12 +249,12 @@ test("should not send unchanged state", function()
 	assert(#payloads == 0, "Expected no payloads to be sent for unchanged state")
 end)
 
-describe("historical", function()
-	beforeEach(function()
+test.describe("historical", function()
+	test.beforeEach(function()
 		config.preserveHistory = true
 	end)
 
-	afterEach(function()
+	test.afterEach(function()
 		config.preserveHistory = false
 	end)
 
@@ -266,7 +263,7 @@ describe("historical", function()
 		local a = Charm.atom(0)
 		local b = Charm.atom(0)
 		local c = Charm.atom(0)
-		local target, payloads
+		local target: unknown, payloads: { types.SyncPayload }
 
 		server.addSignalsToClient(client, { a = a, b = b, c = c })
 		server.connect(function(...)
@@ -293,10 +290,10 @@ describe("historical", function()
 
 	test("should replicate granular state changes (reactive)", function()
 		local client = {}
-		local a = Charm.reactive({ value = 0 })
-		local b = Charm.reactive({ value = 0 })
-		local c = Charm.reactive({ value = 0 })
-		local target, payloads
+		local a = DeepCharm.reactive({ value = 0 })
+		local b = DeepCharm.reactive({ value = 0 })
+		local c = DeepCharm.reactive({ value = 0 })
+		local target: unknown, payloads: { types.SyncPayload }
 
 		server.addSignalsToClient(client, { a = a, b = b, c = c })
 		server.connect(function(...)
@@ -325,7 +322,7 @@ describe("historical", function()
 		local clientA = {}
 		local clientB = {}
 		local a = Charm.atom(0)
-		local payloadsA, payloadsB
+		local payloadsA: { types.SyncPayload }, payloadsB: { types.SyncPayload }
 
 		server.addSignalsToClient(clientA, { a = a })
 		server.connect(function(target, payloads)
@@ -361,7 +358,7 @@ describe("historical", function()
 		local client = {}
 		local a = Charm.atom(0)
 		local b = Charm.atom(0)
-		local payloads
+		local payloads: { types.SyncPayload }
 
 		server.addSignalsToClient(client, { a = a })
 		server.connect(function(_, ...)
@@ -390,7 +387,7 @@ describe("historical", function()
 	test("should not send unchanged state", function()
 		local client = {}
 		local a = Charm.atom(0)
-		local payloads
+		local payloads: { types.SyncPayload }
 
 		server.addSignalsToClient(client, { a = a })
 		server.connect(function(_, p)
@@ -406,6 +403,54 @@ describe("historical", function()
 		server.flush()
 		assert(#payloads == 0, "Expected no payloads to be sent for unchanged state")
 	end)
+
+	test("should maintain patch list order for stale update", function()
+		local a = Charm.atom({ x = 1 })
+		local b = Charm.atom({ y = 1 })
+		local payloads
+
+		server.connect(function(_client, _payloads)
+			payloads = _payloads
+		end)
+
+		server.addSignalsToClient("client", { a = a, b = b })
+		server.flush()
+
+		payloads = nil
+		a({ x = 1 }) -- new table, same contents: diff is nil
+		b({ y = 2 })
+		server.flush()
+		assert(payloads, "Expected payloads to be sent")
+		assert(payloads[1].type == "patch", "Expected payload to be patch")
+		assert(payloads[1].data.b.y == 2, "Expected payload to contain atom 'b'")
+	end)
+end)
+
+test("addSignalsToClient should ignore tracking context", function()
+	local counter = Charm.atom(0)
+	local payloads: { any }?
+
+	server.connect(function(_client, _payloads)
+		payloads = _payloads
+	end)
+
+	local dispose = Charm.effectScope(function()
+		server.addSignalsToClient("PLAYER_ID", { counter = counter })
+	end)
+
+	server.flush()
+	assert(payloads, "Expected payloads to be sent")
+	assert(payloads[1].type == "init", "Expected first payload to be init")
+	assert(payloads[1].data.counter == 0, "Expected init payload to contain atom 'counter'")
+
+	dispose()
+
+	payloads = nil
+	counter(1)
+	server.flush()
+	assert(payloads, "Expected payloads to be sent")
+	assert(payloads[1].type == "patch", "Expected first payload to be patch")
+	assert(payloads[1].data.counter == 1, "Expected patch payload to contain atom 'counter'")
 end)
 
 return {}

packages/charm-sync/test/utils.test.luau

@@ -1,16 +1,15 @@
-local Charm = require("../../Charm")
-local suite = require("../../../../test/suite")
-local utils = require("../utils")
-
-local test = suite.test
+local Charm = require("../Charm")
+local test = require("../../../tests/test")
+local utils = require("../src/utils")
 
 test("should flatten functions", function()
 	local input = {
 		a = Charm.atom(0),
 		b = { c = Charm.atom(0) },
-		d = { e = { f = utils.signalToAtom(Charm.signal(0)) } },
+		d = { e = { f = utils.signalToAtom<<number>>(Charm.signal(0)) } },
 	}
-	local result = utils.flatten(input)
+
+	local result = utils.flatten<<{ [string]: Charm.Atom<number> }>>(input)
 
 	assert(result.a == input.a, "should flatten the first level")
 	assert(result["b/c"] == input.b.c, "should flatten the second level")

packages/charm-sync/wally.toml

@@ -1,15 +1,15 @@
 [package]
 name = "littensy/charm-sync"
-version = "0.4.0-rc.5"
+version = "0.4.1"
 registry = "https://github.com/UpliftGames/wally-index"
 realm = "shared"
 exclude = [
 	"node_modules",
-	"src/__tests__",
+	"test",
 	"src/index.d.ts",
 	"package.json",
 	"Charm.luau",
 ]
 
 [dependencies]
-Charm = "littensy/charm@^0.11.0-rc.3"
+Charm = "littensy/charm@^0.11.0"

packages/charm/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@rbxts/charm",
-	"version": "0.11.0-rc.3",
+	"version": "0.11.1",
 	"description": "Atomic state management based on alien-signals",
 	"license": "MIT",
 	"main": "src/init.luau",
@@ -11,14 +11,14 @@
 		"!wally.toml",
 		"!wally.lock",
 		"!default.project.json",
-		"!**/__tests__"
+		"!test"
 	],
 	"repository": {
 		"type": "git",
 		"url": "git+https://github.com/littensy/charm.git"
 	},
 	"scripts": {
-		"prepare": "cp ../../LICENSE.md . && cp ../../README.md .",
+		"prepare": "cp ../../LICENSE . && cp ../../README.md .",
 		"publish:wally": "wally publish"
 	}
 }

packages/charm/src/__tests__/computed.spec.luau

@@ -1,106 +0,0 @@
-local Charm = require("../")
-local suite = require("../../../../test/suite")
-
-local computed = Charm.computed
-local effect = Charm.effect
-local signal = Charm.signal
-local test = suite.test
-
-test("should correctly propagate changes through computed core", function()
-	local src, setSrc = signal(0)
-	local c1 = computed(function()
-		return src() % 2
-	end)
-	local c2 = computed(function()
-		return c1()
-	end)
-	local c3 = computed(function()
-		return c2()
-	end)
-
-	c3()
-	setSrc(1) -- c1 -> dirty, c2 -> toCheckDirty, c3 -> toCheckDirty
-	c2() -- c1 -> none, c2 -> none
-	setSrc(3) -- c1 -> dirty, c2 -> toCheckDirty
-
-	assert(c3() == 1, "bad final value")
-end)
-
-test("should propagate updated source value through chained computations", function()
-	local src, setSrc = signal(0)
-	local a = computed(function()
-		return src()
-	end)
-	local b = computed(function()
-		return a() % 2
-	end)
-	local c = computed(function()
-		return src()
-	end)
-	local d = computed(function()
-		return b() + c()
-	end)
-
-	assert(d() == 0, "bad initial value")
-	setSrc(2)
-	assert(d() == 2, "bad updated value")
-end)
-
-test("should handle flags are indirectly updated during checkDirty", function()
-	local a, setA = signal(false)
-	local b = computed(function()
-		return a()
-	end)
-	local c = computed(function()
-		b()
-		return 0
-	end)
-	local d = computed(function()
-		c()
-		return b()
-	end)
-
-	assert(d() == false, "bad initial value")
-	setA(true)
-	assert(d() == true, "bad updated value")
-end)
-
-test("should not update if the signal value is reverted", function()
-	local times = 0
-
-	local src, setSrc = signal(0)
-	local c1 = computed(function()
-		times += 1
-		return src()
-	end)
-	c1()
-	assert(times == 1, "computed did not run")
-	setSrc(1)
-	setSrc(0)
-	c1()
-	assert(times == 1, "computed ran when it should not")
-end)
-
-test("should receive previous value", function()
-	local calls = {}
-	local src, setSrc = signal(0)
-	local c1 = computed(function(current): number
-		local incoming = src()
-		return if current == incoming or incoming % 2 == 1 then current or incoming else incoming
-	end)
-
-	effect(function()
-		table.insert(calls, c1())
-	end)
-
-	setSrc(2)
-	setSrc(3)
-	assert(c1() == 2, "should skip odd value")
-
-	setSrc(4)
-	setSrc(5)
-	assert(c1() == 4, "should skip odd value")
-	assert(table.concat(calls) == "024", `should only call on even updates, got {table.concat(calls)}`)
-end)
-
-return {}

packages/charm/src/__tests__/peek.spec.luau

@@ -1,147 +0,0 @@
-local Charm = require("../")
-local suite = require("../../../../test/suite")
-
-local signal = Charm.signal
-local computed = Charm.computed
-local effect = Charm.effect
-local peek = Charm.peek
-local test = suite.test
-
-test("should not run detached", function()
-	local a, setA = signal(1)
-	local spyCalls = 0
-
-	effect(function()
-		a()
-		peek(function()
-			effect(function()
-				return function()
-					spyCalls += 1
-				end
-			end)
-		end)
-	end)
-
-	assert(spyCalls == 0, "should not be called yet")
-	setA(2)
-	assert(spyCalls == 1, "should be called once")
-	setA(3)
-	assert(spyCalls == 2, "should be called twice")
-end)
-
-test("should block tracking inside effects", function()
-	local a, setA = signal(1)
-	local b, setB = signal(2)
-	local spyCalls = 0
-
-	effect(function()
-		peek(function()
-			spyCalls += 1
-			return a() + b()
-		end)
-	end)
-	assert(spyCalls == 1, "should be called once")
-
-	setA(10)
-	setB(20)
-	assert(spyCalls == 1, "should be called once")
-end)
-
-test("should block tracking even when run inside effect run inside peek", function()
-	local s, setS = signal(1)
-	local spyCalls = 0
-
-	peek(function()
-		effect(function()
-			peek(function()
-				spyCalls += 1
-				return s()
-			end)
-		end)
-	end)
-	assert(spyCalls == 1, "should be called once")
-
-	setS(2)
-	assert(spyCalls == 1, "should be called once")
-end)
-
-test("should not cause signal assignments to throw", function()
-	local a, setA = signal(1)
-	local aChangedTime, setAChangedTime = signal(0)
-
-	local dispose = effect(function()
-		a()
-		peek(function()
-			setAChangedTime(aChangedTime() + 1)
-		end)
-	end)
-
-	setA(2)
-	assert(aChangedTime() == 2, "aChangedTime should be 2")
-	setA(3)
-	assert(aChangedTime() == 3, "aChangedTime should be 3")
-
-	dispose()
-end)
-
-test("should block tracking inside computed signals", function()
-	local a, setA = signal(1)
-	local b, setB = signal(2)
-	local spyCalls = 0
-	local c = computed(function()
-		return peek(function()
-			spyCalls += 1
-			return a() + b()
-		end)
-	end)
-
-	assert(spyCalls == 0, "should not be called yet")
-	assert(c() == 3, "c should be 3")
-	setA(10)
-	c()
-	setB(20)
-	c()
-	assert(spyCalls == 1, "should be called once")
-	assert(c() == 3, "c should be 3")
-end)
-
-test("should track outside peek", function()
-	local a, setA = signal(1)
-	local b, setB = signal(2)
-	local c, setC = signal(3)
-	local spyCalls = 0
-
-	effect(function()
-		a()
-		peek(c)
-		b()
-		spyCalls += 1
-	end)
-
-	assert(spyCalls == 1, "should be called once")
-	setA(10)
-	assert(spyCalls == 2, "should be called twice")
-	setB(20)
-	assert(spyCalls == 3, "should be called three times")
-	setC(30)
-	assert(spyCalls == 3, "should not run on c change")
-end)
-
-test("should stack peek", function()
-	local a, setA = signal(1)
-	local spyCalls = 0
-
-	effect(function()
-		peek(function()
-			peek(a)
-			return a()
-		end)
-		spyCalls += 1
-	end)
-
-	assert(spyCalls == 1, "should be called once")
-	setA(2)
-	assert(spyCalls == 1, "should not be called twice")
-end)
-
-return {}

packages/charm/src/__tests__/spec.luau

@@ -1,46 +0,0 @@
-local suite = require("../../../../test/suite")
-
-suite.describe("computed", function()
-	require("./computed.spec")
-end)
-suite.describe("effect", function()
-	require("./effect.spec")
-end)
-suite.describe("effectScope", function()
-	require("./effectScope.spec")
-end)
-suite.describe("gc", function()
-	require("./gc.spec")
-end)
-suite.describe("listen", function()
-	require("./listen.spec")
-end)
-suite.describe("mapped", function()
-	require("./mapped.spec")
-end)
-suite.describe("observe", function()
-	require("./observe.spec")
-end)
-suite.describe("peek", function()
-	require("./peek.spec")
-end)
-suite.describe("reactive", function()
-	require("./reactive.spec")
-end)
-suite.describe("signal", function()
-	require("./signal.spec")
-end)
-suite.describe("subscribe", function()
-	require("./subscribe.spec")
-end)
-suite.describe("topology", function()
-	require("./topology.spec")
-end)
-suite.describe("trigger", function()
-	require("./trigger.spec")
-end)
-suite.describe("untracked", function()
-	require("./untracked.spec")
-end)
-
-return {}

packages/charm/src/index.d.ts

@@ -1,15 +1,15 @@
 type Key = string | number | symbol;
+
 type Cleanup = () => void;
 
 export enum ReactiveFlags {
-	None = 0b0000000,
-	Mutable = 0b0000001,
-	Watching = 0b0000010,
-	RecursedCheck = 0b0000100,
-	Recursed = 0b0001000,
-	Dirty = 0b0010000,
-	Pending = 0b0100000,
-	Peeking = 0b1000000,
+	None = 0b000000,
+	Mutable = 0b000001,
+	Watching = 0b000010,
+	RecursedCheck = 0b000100,
+	Recursed = 0b001000,
+	Dirty = 0b010000,
+	Pending = 0b100000,
 }
 
 export interface ReactiveNode {
@@ -31,11 +31,15 @@ export interface Link {
 }
 
 export interface Atom<T> {
-	(newValue: T | ((currentValue: T) => T)): T;
+	(update: Update<T>): T;
 	(): T;
 }
 
-export type Setter<T> = (newValue: T | ((currentValue: T) => T)) => T;
+export type Getter<T> = () => T;
+
+export type Setter<T> = (update: Update<T>) => T;
+
+export type Update<T> = ((currentValue: T) => T) | T;
 
 export type Equals<T> = (current: T, incoming: T) => boolean;
 
@@ -46,12 +50,12 @@ export const flags: {
 	/**
 	 * Enforces synchronous, non-yielding behavior in signals and effects.
 	 * Also enables state validation in Charm Sync to catch sync errors early.
-	 * Enabled if the optimization level is below 2, which is true in studio.
+	 * Enabled by default in Roblox Studio.
 	 */
 	strict: boolean;
 	/**
 	 * Enforces immutability of tables by deep-freezing table values. Enabled
-	 * if the optimization level is below 2, which is true in studio.
+	 * by default in Roblox Studio.
 	 */
 	frozen: boolean;
 	/**
@@ -71,13 +75,8 @@ export const flags: {
  * @returns A tuple containing the getter and setter functions for the signal.
  * @see https://github.com/littensy/charm?tab=readme-ov-file#signalinitialValue-equals
  */
-export function signal<T>(
-	initialValue: T,
-	equals?: Equals<T>,
-): LuaTuple<[getter: () => T, setter: (newValue: T | ((currentValue: T) => T)) => T]>;
-export function signal<T>(): LuaTuple<
-	[getter: () => T | undefined, setter: (newValue: T | ((currentValue?: T) => T | undefined)) => T | undefined]
->;
+export function signal<T>(initialValue: T, equals?: Equals<T>): LuaTuple<[getter: Getter<T>, setter: Setter<T>]>;
+export function signal<T>(): LuaTuple<[getter: Getter<T | undefined>, setter: Setter<T | undefined>]>;
 
 /**
  * Creates a reactive atom that acts as both a signal getter and setter.
@@ -99,7 +98,7 @@ export function atom<T>(): Atom<T | undefined>;
  * @param getter A function that produces the next value.
  * @see https://github.com/littensy/charm?tab=readme-ov-file#computedgetter
  */
-export function computed<T>(getter: (previousValue?: T) => T): () => T;
+export function computed<T>(getter: (previousValue?: T) => T): Getter<T>;
 
 /**
  * Creates an effect that runs a callback in response to signal state changes.
@@ -150,10 +149,12 @@ export function trigger(fn: () => void): void;
 export function onCleanup(fn: Cleanup, failSilently?: boolean): void;
 
 /**
- * Runs the function without subscribing to signal updates or capturing inner
- * effects in the parent effect or scope.
+ * Runs the function without subscribing to signal updates and prevents the
+ * current effect or scope from tracking inner effects created within the
+ * function.
  *
- * For an alternative that still cleans up inner effects, use `peek` instead.
+ * To avoid tracking signals while still allowing inner effects to be tracked
+ * by parent effects/scopes, use `effectScope()` instead.
  *
  * @param fn A function that may read signals or create effects.
  * @param args Arguments to pass to the function.
@@ -162,19 +163,6 @@ export function onCleanup(fn: Cleanup, failSilently?: boolean): void;
  */
 export function untracked<Args extends any[], Result>(fn: (...args: Args) => Result, ...args: Args): Result;
 
-/**
- * Runs the function without subscribing to signal updates, but still captures
- * inner effects so that they dispose with the parent effect.
- *
- * To avoid capturing inner effects, use `untracked` instead.
- *
- * @param fn A function that may read signals.
- * @param args Arguments to pass to the function.
- * @returns The return value of the function.
- * @see https://github.com/littensy/charm?tab=readme-ov-file#peekcallback
- */
-export function peek<Args extends any[], Result>(fn: (...args: Args) => Result, ...args: Args): Result;
-
 /**
  * Combines multiple updates into a single "commit" that runs effects and
  * computed signals after the provided function finishes running.
@@ -191,54 +179,51 @@ export function batch<Args extends any[], Result>(fn: (...args: Args) => Result,
  * when the value returned by the getter changes. The callback receives the new
  * value and the previous value as arguments.
  *
- * Effects created within the callback are cleaned up when the listener runs
- * or the listener is disposed.
- *
  * @param getter A function that returns the value to watch.
- * @param fn The function to run when the value changes.
+ * @param callback The function to run when the value changes.
  * @returns A function for disposing the effect.
  * @see https://github.com/littensy/charm?tab=readme-ov-file#listengetter-callback
  */
-export function listen<T>(getter: () => T, fn: (value: T, previousValue: T | undefined) => void): Cleanup;
+export function listen<T>(getter: Getter<T>, callback: (value: T, previousValue: T | undefined) => void): Cleanup;
 
 /**
  * Creates an effect that only runs the callback when the value returned by the
  * getter changes. The callback receives the new value and the previous value
  * as arguments.
  *
- * Effects created within the callback are cleaned up when the listener runs
- * or the listener is disposed.
- *
  * @param getter A function that returns the value to watch.
- * @param fn The function to run when the value changes.
+ * @param callback The function to run when the value changes.
  * @returns A function for disposing the effect.
  * @see https://github.com/littensy/charm?tab=readme-ov-file#subscribegetter-callback
  */
-export function subscribe<T>(getter: () => T, fn: (value: T, previousValue: T) => void): Cleanup;
+export function subscribe<T>(getter: Getter<T>, callback: (value: T, previousValue: T) => void): Cleanup;
 
 /**
  * Creates a new read-only signal that is computed by mapping over the entries
- * of an existing atom. If the key is omitted from the mapper's return value,
- * the original key is preserved.
+ * of the source table. If the key is omitted from the transform function's
+ * return value, the original key is preserved.
  *
- * @param getter Returns the table to map over.
- * @param mapper Transforms each value-key pair from the source into a new value or value-key pair for the resulting table.
- * @see https://github.com/littensy/charm?tab=readme-ov-file#mappedgetter-mapper
+ * This function is optimized to minimize unnecessary updates by only calling
+ * the transform function for entries that have changed since the last run.
+ *
+ * @param getter A signal or function that returns a table
+ * @param transform Function that maps each entry from the source to a new entry in the mapped table
+ * @see https://github.com/littensy/charm?tab=readme-ov-file#mappedgetter-transform
  */
 export function mapped<VI, KI, VO, KO = KI>(
-	getter: () => Map<KI, VI> | ReadonlyMap<KI, VI>,
-	mapper: (value: VI, key: KI) => LuaTuple<[VO, KO]> | VO,
-): () => ReadonlyMap<KO, VO>;
+	getter: Getter<Map<KI, VI> | ReadonlyMap<KI, VI>>,
+	transform: (value: VI, key: KI) => LuaTuple<[VO, KO]> | VO,
+): Getter<ReadonlyMap<KO, VO>>;
 // Overload for arrays
 export function mapped<VI, VO, K extends Key = number>(
-	getter: () => readonly VI[],
-	mapper: (value: VI, key: number) => LuaTuple<[VO, K]> | VO,
-): () => K extends number ? readonly VO[] : { readonly [P in K]: VO };
+	getter: Getter<readonly VI[]>,
+	transform: (value: VI, key: number) => LuaTuple<[VO, K]> | VO,
+): Getter<K extends number ? readonly VO[] : { readonly [P in K]: VO }>;
 // Overload for objects
 export function mapped<VI, KI extends Key, VO, KO extends Key = KI>(
-	getter: () => { readonly [K in KI]: VI },
-	mapper: (value: VI, key: KI) => LuaTuple<[VO, KO]> | VO,
-): () => { readonly [K in KO]: VO };
+	getter: Getter<{ readonly [K in KI]: VI }>,
+	transform: (value: VI, key: KI) => LuaTuple<[VO, KO]> | VO,
+): Getter<{ readonly [K in KO]: VO }>;
 
 /**
  * Calls the callback function for each unique key in the table returned by the
@@ -252,86 +237,44 @@ export function mapped<VI, KI extends Key, VO, KO extends Key = KI>(
  * from the table or when the callback is disposed.
  *
  * @param getter A function that returns the table to observe.
- * @param fn A function that is called for each key in the table.
+ * @param callback A function that is called for each key in the table.
  * @returns A function for disposing the observer.
  * @see https://github.com/littensy/charm?tab=readme-ov-file#observegetter-callback
  */
 export function observe<V, K = number>(
-	getter: () => Map<K, V> | ReadonlyMap<K, V> | readonly V[],
-	fn: (value: V, key: K) => Cleanup | void,
+	getter: Getter<Map<K, V> | ReadonlyMap<K, V> | readonly V[]>,
+	callback: (value: V, key: K) => Cleanup | void,
 ): Cleanup;
 // Overload for objects
 export function observe<V, K extends Key>(
-	getter: () => { readonly [K in Key]: V },
-	fn: (value: V, key: K) => Cleanup | void,
+	getter: Getter<{ readonly [K in Key]: V }>,
+	callback: (value: V, key: K) => Cleanup | void,
 ): Cleanup;
 
 /**
- * Disables recursive checks for the current effect or computed signal.
- * Useful for effects that intentionally update signals they depend on.
+ * Returns the currently active subscriber (effect or computed node).
  *
- * @example
- * ```ts
- * effect(() => {
- * 	recursive();
- * 	setCount(getCount() + 1);
- * })
- * ```
+ * @return Current active subscriber or `nil`
  */
-export function recursive(): void;
-
-/**
- * Creates a deep reactive value that tracks properties when they're accessed.
- * Returns a proxy object that subscribes to changes on any nested property
- * you read, and a function for mutating the original table.
- *
- * @example
- * ```luau
- * local users, setUsers = reactive({
- * 	user = { name = "John", surname = "Doe" },
- * })
- *
- * effect(function()
- * 	print(users.user and `{users.user.name} {users.user.surname}`)
- * end)
- *
- * setUsers(function(state)
- * 	state.user.name = "Jane"
- * 	state.user.surname = "Smith"
- * end)
- * ```
- *
- * @param initialValue The value to make deeply reactive.
- * @returns A proxy table and a function to mutate the original table.
- * @see https://github.com/littensy/charm?tab=readme-ov-file#reactiveinitialvalue
- */
-export function reactive<T extends object>(
-	initialValue: T,
-): LuaTuple<[value: T, setter: (update: T | ((initialValue: T) => void)) => T]>;
-
-/**
- * Determines if the provided value is a reactive proxy created by `reactive()`.
- *
- * @param value A value to test.
- * @returns `true` if the value is a reactive proxy, `false` otherwise.
- * @see https://github.com/littensy/charm?tab=readme-ov-file#reactiveinitialvalue
- */
-export function isReactive(value: unknown): boolean;
-
-/**
- * Unwraps a reactive proxy to get the original table. If the provided value
- * is not a proxy, it is returned as-is.
- *
- * @param value A reactive proxy or a non-proxy value.
- * @returns The unwrapped target value.
- * @see https://github.com/littensy/charm?tab=readme-ov-file#reactiveinitialvalue
- */
-export function toRaw<T>(value: T): T;
-
 export function getActiveSub(): ReactiveNode | undefined;
 
+/**
+ * Sets the currently active subscriber (effect or computed node) and returns
+ * the previous subscriber.
+ *
+ * @param sub New subscriber to set as active
+ * @return Previous active subscriber
+ */
 export function setActiveSub(sub?: ReactiveNode): ReactiveNode | undefined;
 
+/**
+ * Starts a batch operation, incrementing the batch depth counter. Effects
+ * will not run until the outermost batch ends.
+ */
 export function startBatch(): void;
 
+/**
+ * Ends a batch operation, decrementing the batch depth counter. If this is
+ * the outermost batch, queued effects are flushed and run.
+ */
 export function endBatch(): void;

packages/charm/src/system.luau

@@ -1,28 +1,6 @@
 --[[
 	Reactive system adapted from alien-signals at
 	https://github.com/stackblitz/alien-signals/blob/master/src/system.ts
-
-	MIT License
-
-	Copyright (c) 2024-present Johnson Chu
-
-	Permission is hereby granted, free of charge, to any person obtaining a copy
-	of this software and associated documentation files (the "Software"), to deal
-	in the Software without restriction, including without limitation the rights
-	to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-	copies of the Software, and to permit persons to whom the Software is
-	furnished to do so, subject to the following conditions:
-
-	The above copyright notice and this permission notice shall be included in all
-	copies or substantial portions of the Software.
-
-	THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-	IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-	FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-	AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-	LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-	OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-	SOFTWARE.
 ]]
 
 export type ReactiveNode = {
@@ -50,16 +28,15 @@ type Stack<T> = {
 
 export type ReactiveFlags = number
 
-local NONE = 0b0000000
-local MUTABLE = 0b0000001
-local WATCHING = 0b0000010
-local RECURSED_CHECK = 0b0000100
-local RECURSED = 0b0001000
-local DIRTY = 0b0010000
-local PENDING = 0b0100000
-local PEEKING = 0b1000000
+local NONE = 0b000000
+local MUTABLE = 0b000001
+local WATCHING = 0b000010
+local RECURSED_CHECK = 0b000100
+local RECURSED = 0b001000
+local DIRTY = 0b010000
+local PENDING = 0b100000
 
-local ReactiveFlags = {
+local ReactiveFlags = table.freeze({
 	None = NONE,
 	Mutable = MUTABLE,
 	Watching = WATCHING,
@@ -67,161 +44,160 @@ local ReactiveFlags = {
 	Recursed = RECURSED,
 	Dirty = DIRTY,
 	Pending = PENDING,
-}
-
-local function createReactiveSystem(props: {
-	update: (sub: ReactiveNode) -> boolean,
-	notify: (sub: ReactiveNode) -> (),
-	unwatched: (sub: ReactiveNode) -> (),
 })
-	local update = props.update
-	local notify = props.notify
-	local unwatched = props.unwatched
 
-	local function isValidLink(checkLink: Link, sub: ReactiveNode): boolean
-		local link = sub.depsTail
-		while link do
-			if link == checkLink then
-				return true
-			end
-			link = link.prevDep
+local update: (sub: ReactiveNode) -> boolean
+local notify: (sub: ReactiveNode) -> ()
+local unwatched: (sub: ReactiveNode) -> ()
+
+local function isValidLink(checkLink: Link, sub: ReactiveNode): boolean
+	local link = sub.depsTail
+	while link do
+		if link == checkLink then
+			return true
 		end
-		return false
+		link = link.prevDep
 	end
+	return false
+end
 
-	local function link(dep: ReactiveNode, sub: ReactiveNode, version: number)
-		-- DEVIATION: Do not link signals to peeking subscribers
-		if bit32.btest(sub.flags, PEEKING) and bit32.btest(dep.flags, MUTABLE) then
-			return
-		end
-		local prevDep = sub.depsTail
-		if prevDep and prevDep.dep == dep then
-			return
-		end
-		local nextDep = if prevDep then prevDep.nextDep else sub.deps
-		if nextDep and nextDep.dep == dep then
-			nextDep.version = version
-			sub.depsTail = nextDep
-			return
-		end
-		local prevSub = dep.subsTail
-		if prevSub and prevSub.version == version and prevSub.sub == sub then
-			return
-		end
-		local newLink: Link = {
-			version = version,
-			dep = dep,
-			sub = sub,
-			prevDep = prevDep,
-			nextDep = nextDep,
-			prevSub = prevSub,
-		}
-		sub.depsTail = newLink
-		dep.subsTail = newLink
-		if nextDep then
-			nextDep.prevDep = newLink
-		end
-		if prevDep then
-			prevDep.nextDep = newLink
-		else
-			sub.deps = newLink
-		end
-		if prevSub then
-			prevSub.nextSub = newLink
-		else
-			dep.subs = newLink
+local function link(dep: ReactiveNode, sub: ReactiveNode, version: number)
+	local prevDep = sub.depsTail
+	if prevDep and prevDep.dep == dep then
+		return
+	end
+	local nextDep = if prevDep then prevDep.nextDep else sub.deps
+	if nextDep and nextDep.dep == dep then
+		nextDep.version = version
+		sub.depsTail = nextDep
+		return
+	end
+	local prevSub = dep.subsTail
+	if prevSub and prevSub.version == version and prevSub.sub == sub then
+		return
+	end
+	local newLink: Link = {
+		version = version,
+		dep = dep,
+		sub = sub,
+		prevDep = prevDep,
+		nextDep = nextDep,
+		prevSub = prevSub,
+	}
+	sub.depsTail = newLink
+	dep.subsTail = newLink
+	if nextDep then
+		nextDep.prevDep = newLink
+	end
+	if prevDep then
+		prevDep.nextDep = newLink
+	else
+		sub.deps = newLink
+	end
+	if prevSub then
+		prevSub.nextSub = newLink
+	else
+		dep.subs = newLink
+	end
+end
+
+local function unlink(link: Link, sub: ReactiveNode?): Link?
+	sub = sub or link.sub
+	local dep = link.dep
+	local prevDep = link.prevDep
+	local nextDep = link.nextDep
+	local nextSub = link.nextSub
+	local prevSub = link.prevSub
+	if nextDep then
+		nextDep.prevDep = prevDep
+	else
+		sub.depsTail = prevDep
+	end
+	if prevDep then
+		prevDep.nextDep = nextDep
+	else
+		sub.deps = nextDep
+	end
+	if nextSub then
+		nextSub.prevSub = prevSub
+	else
+		dep.subsTail = prevSub
+	end
+	if prevSub then
+		prevSub.nextSub = nextSub
+	else
+		dep.subs = nextSub
+		if not nextSub then
+			unwatched(dep)
 		end
 	end
+	return nextDep
+end
 
-	local function unlink(link: Link, sub: ReactiveNode?): Link?
-		local sub = sub or link.sub
-		local dep = link.dep
-		local prevDep = link.prevDep
-		local nextDep = link.nextDep
-		local nextSub = link.nextSub
-		local prevSub = link.prevSub
-		if nextDep then
-			nextDep.prevDep = prevDep
+local function propagate(link: Link)
+	repeat
+		local sub = link.sub
+		local flags = sub.flags
+
+		if bit32.band(flags, bit32.bor(RECURSED_CHECK, RECURSED, DIRTY, PENDING)) == 0 then
+			sub.flags = bit32.bor(flags, PENDING)
+		elseif bit32.band(flags, bit32.bor(RECURSED_CHECK, RECURSED)) == 0 then
+			flags = NONE
+		elseif bit32.band(flags, RECURSED_CHECK) == 0 then
+			sub.flags = bit32.bor(bit32.band(flags, bit32.bnot(RECURSED)), PENDING)
+		elseif bit32.band(flags, bit32.bor(DIRTY, PENDING)) == 0 and isValidLink(link, sub) then
+			sub.flags = bit32.bor(flags, bit32.bor(RECURSED, PENDING))
+			flags = bit32.band(flags, MUTABLE)
 		else
-			sub.depsTail = prevDep
+			flags = NONE
 		end
-		if prevDep then
-			prevDep.nextDep = nextDep
-		else
-			sub.deps = nextDep
+
+		if bit32.band(flags, bit32.bor(WATCHING, RECURSED_CHECK)) == WATCHING then
+			notify(sub)
 		end
-		if nextSub then
-			nextSub.prevSub = prevSub
-		else
-			dep.subsTail = prevSub
-		end
-		if prevSub then
-			prevSub.nextSub = nextSub
-		else
-			dep.subs = nextSub
-			if not nextSub then
-				unwatched(dep)
+
+		if bit32.btest(flags, MUTABLE) then
+			local subSubs = sub.subs
+			if subSubs then
+				propagate(subSubs)
 			end
 		end
-		return nextDep
-	end
 
-	local function propagate(link: Link)
-		repeat
-			local sub = link.sub
-			local flags = sub.flags
-
-			if bit32.band(flags, bit32.bor(RECURSED_CHECK, RECURSED, DIRTY, PENDING)) == 0 then
-				sub.flags = bit32.bor(flags, PENDING)
-			elseif bit32.band(flags, bit32.bor(RECURSED_CHECK, RECURSED)) == 0 then
-				flags = NONE
-			elseif bit32.band(flags, RECURSED_CHECK) == 0 then
-				sub.flags = bit32.bor(bit32.band(flags, bit32.bnot(RECURSED)), PENDING)
-			elseif bit32.band(flags, bit32.bor(DIRTY, PENDING)) == 0 and isValidLink(link, sub) then
-				sub.flags = bit32.bor(flags, bit32.bor(RECURSED, PENDING))
-				flags = bit32.band(flags, MUTABLE)
-			else
-				-- selene: allow(if_same_then_else)
-				flags = NONE
-			end
+		link = link.nextSub :: Link
+	until not link
+end
 
+local function shallowPropagate(link: Link)
+	repeat
+		local sub = link.sub
+		local flags = sub.flags
+		if bit32.band(flags, bit32.bor(PENDING, DIRTY)) == PENDING then
+			sub.flags = bit32.bor(flags, DIRTY)
 			if bit32.band(flags, bit32.bor(WATCHING, RECURSED_CHECK)) == WATCHING then
 				notify(sub)
 			end
+		end
+		link = link.nextSub :: Link
+	until not link
+end
 
-			if bit32.btest(flags, MUTABLE) then
-				local subSubs = sub.subs
-				if subSubs then
-					propagate(subSubs)
+local function checkDirty(link: Link, sub: ReactiveNode): boolean
+	repeat
+		local dep = link.dep
+		local depFlags = dep.flags
+
+		if bit32.btest(sub.flags, DIRTY) then
+			return true
+		elseif bit32.band(depFlags, bit32.bor(MUTABLE, DIRTY)) == bit32.bor(MUTABLE, DIRTY) then
+			if update(dep) then
+				local subs = dep.subs :: Link
+				if subs.nextSub then
+					shallowPropagate(subs)
 				end
-			end
-
-			link = link.nextSub :: Link
-		until not link
-	end
-
-	local function shallowPropagate(link: Link)
-		repeat
-			local sub = link.sub
-			local flags = sub.flags
-			if bit32.band(flags, bit32.bor(PENDING, DIRTY)) == PENDING then
-				sub.flags = bit32.bor(flags, DIRTY)
-				if bit32.btest(flags, WATCHING) then
-					notify(sub)
-				end
-			end
-			link = link.nextSub :: Link
-		until not link
-	end
-
-	local function checkDirty(link: Link, sub: ReactiveNode): boolean
-		repeat
-			local dep = link.dep
-			local depFlags = dep.flags
-
-			if bit32.btest(sub.flags, DIRTY) then
 				return true
-			elseif bit32.band(depFlags, bit32.bor(MUTABLE, DIRTY)) == bit32.bor(MUTABLE, DIRTY) then
+			end
+		elseif bit32.band(depFlags, bit32.bor(MUTABLE, PENDING)) == bit32.bor(MUTABLE, PENDING) then
+			if checkDirty(dep.deps :: Link, dep) then
 				if update(dep) then
 					local subs = dep.subs :: Link
 					if subs.nextSub then
@@ -229,36 +205,33 @@ local function createReactiveSystem(props: {
 					end
 					return true
 				end
-			elseif bit32.band(depFlags, bit32.bor(MUTABLE, PENDING)) == bit32.bor(MUTABLE, PENDING) then
-				if checkDirty(dep.deps :: Link, dep) then
-					if update(dep) then
-						local subs = dep.subs :: Link
-						if subs.nextSub then
-							shallowPropagate(subs)
-						end
-						return true
-					end
-				else
-					dep.flags = bit32.band(depFlags, bit32.bnot(PENDING))
-				end
+			else
+				dep.flags = bit32.band(depFlags, bit32.bnot(PENDING))
 			end
+		end
 
-			link = link.nextDep :: Link
-		until not link
+		link = link.nextDep :: Link
+	until not link
 
-		return false
-	end
+	return false
+end
 
-	return {
-		link = link,
-		unlink = unlink,
-		propagate = propagate,
-		checkDirty = checkDirty,
-		shallowPropagate = shallowPropagate,
-	}
+local function createReactiveSystem(
+	updateFn: (sub: ReactiveNode) -> boolean,
+	notifyFn: (sub: ReactiveNode) -> (),
+	unwatchedFn: (sub: ReactiveNode) -> ()
+)
+	update = updateFn
+	notify = notifyFn
+	unwatched = unwatchedFn
 end
 
 return {
 	ReactiveFlags = ReactiveFlags,
+	link = link,
+	unlink = unlink,
+	propagate = propagate,
+	checkDirty = checkDirty,
+	shallowPropagate = shallowPropagate,
 	createReactiveSystem = createReactiveSystem,
 }

packages/charm/test/computed.test.luau

@@ -0,0 +1,220 @@
+local Charm = require("../src")
+local test = require("../../../tests/test")
+
+local atom = Charm.atom
+local computed = Charm.computed
+local effect = Charm.effect
+local signal = Charm.signal
+
+test("should correctly propagate changes through computed core", function()
+	local src, setSrc = signal(0)
+	local c1 = computed(function()
+		return src() % 2
+	end)
+	local c2 = computed(function()
+		return c1()
+	end)
+	local c3 = computed(function()
+		return c2()
+	end)
+
+	c3()
+	setSrc(1) -- c1 -> dirty, c2 -> toCheckDirty, c3 -> toCheckDirty
+	c2() -- c1 -> none, c2 -> none
+	setSrc(3) -- c1 -> dirty, c2 -> toCheckDirty
+
+	assert(c3() == 1, "bad final value")
+end)
+
+test("should propagate updated source value through chained computations", function()
+	local src, setSrc = signal(0)
+	local a = computed(function()
+		return src()
+	end)
+	local b = computed(function()
+		return a() % 2
+	end)
+	local c = computed(function()
+		return src()
+	end)
+	local d = computed(function()
+		return b() + c()
+	end)
+
+	assert(d() == 0, "bad initial value")
+	setSrc(2)
+	assert(d() == 2, "bad updated value")
+end)
+
+test("should handle flags are indirectly updated during checkDirty", function()
+	local a, setA = signal(false)
+	local b = computed(function()
+		return a()
+	end)
+	local c = computed(function()
+		b()
+		return 0
+	end)
+	local d = computed(function()
+		c()
+		return b()
+	end)
+
+	assert(d() == false, "bad initial value")
+	setA(true)
+	assert(d() == true, "bad updated value")
+end)
+
+test("should not update if the signal value is reverted", function()
+	local times = 0
+
+	local src, setSrc = signal(0)
+	local c1 = computed(function()
+		times += 1
+		return src()
+	end)
+	c1()
+	assert(times == 1, "computed did not run")
+	setSrc(1)
+	setSrc(0)
+	c1()
+	assert(times == 1, "computed ran when it should not")
+end)
+
+test("should receive previous value", function()
+	local calls = {}
+	local src, setSrc = signal(0)
+	local c1 = computed(function(current: number?): number
+		local incoming = src()
+		return if current == incoming or incoming % 2 == 1 then current or incoming else incoming
+	end)
+
+	effect(function()
+		table.insert(calls, c1())
+	end)
+
+	setSrc(2)
+	setSrc(3)
+	assert(c1() == 2, "should skip odd value")
+
+	setSrc(4)
+	setSrc(5)
+	assert(c1() == 4, "should skip odd value")
+	assert(table.concat(calls) == "024", `should only call on even updates, got {table.concat(calls)}`)
+end)
+
+-- https://github.com/vuejs/core/blob/minor/packages/reactivity/__tests__/computed.spec.ts#L875
+test("should chained computeds keep reactivity when computed effect happens", function()
+	local v = atom("Hello")
+	local c = computed(function()
+		v(v() .. " World")
+		return v()
+	end)
+	local d = computed(function()
+		return c()
+	end)
+	local e = computed(function()
+		return d()
+	end)
+	local res = computed(function()
+		return d() .. " | " .. e()
+	end)
+
+	assert(res() == "Hello World | Hello World", res())
+
+	v(v() .. " World")
+	assert(res() == "Hello World World World World | Hello World World World World", res())
+end)
+
+-- https://github.com/vuejs/core/blob/minor/packages/reactivity/__tests__/computed.spec.ts#L580
+test("should not trigger effect scheduler by recursive computed effect", function()
+	local v = atom("Hello")
+	local c = computed(function()
+		v(v() .. " World")
+		return v()
+	end)
+	local comp = computed(function()
+		return c()
+	end)
+
+	assert(comp() == "Hello World", comp())
+
+	v(v() .. " World")
+	assert(comp() == "Hello World World World World", comp())
+end)
+
+-- https://github.com/vuejs/core/blob/minor/packages/reactivity/__tests__/computed.spec.ts#L528
+test("should not override queried MaybeDirty result", function()
+	local v1 = atom(nil :: any)
+	local v2 = atom(false)
+	local c1 = computed(function()
+		local c = v1()
+		if not v1() then
+			c = { v = atom(0) }
+			v1(c)
+		end
+		return c.v()
+	end)
+	local c2 = computed(function()
+		if not v2() then
+			return "no"
+		end
+		return if c1() then "yes" else "no"
+	end)
+	local c3 = computed(function()
+		return c2()
+	end)
+
+	c3()
+	v2(true)
+
+	c3()
+	v1().v(999)
+
+	assert(c3() == "yes", "should return correct value after update")
+end)
+
+-- https://github.com/vuejs/core/blob/minor/packages/reactivity/__tests__/computed.spec.ts#L503
+test("should trigger effect even computed already dirty", function()
+	local calls: { string } = {}
+	local v = atom(0)
+	local c1 = computed(function()
+		if v() == 0 then
+			v(1)
+		end
+		return "foo"
+	end)
+	local c2 = computed(function()
+		return v() .. c1()
+	end)
+
+	effect(function()
+		table.insert(calls, c2())
+	end)
+	assert(table.concat(calls, ",") == "0foo", table.concat(calls, ","))
+	assert(v() == 1, `expected 1 for v(), got {v()}`)
+	v(2)
+	assert(table.concat(calls, ",") == "0foo,2foo", table.concat(calls, ","))
+	assert(v() == 2, `expected 2 for v(), got {v()}`)
+end)
+
+test("should handle inner effect clearing outer computed's deps on rerun", function()
+	local src, setSrc = signal(false)
+	local stopEffect: () -> ()
+	local c = computed(function()
+		src()
+		effect(function()
+			return function()
+				stopEffect()
+			end
+		end)
+		effect(function() end)
+		return 0
+	end)
+	stopEffect = effect(function()
+		c()
+	end)
+	setSrc(true)
+end)
+
+return {}

packages/charm/test/effect.test.luau

@@ -1,16 +1,14 @@
-local Charm = require("../")
-local suite = require("../../../../test/suite")
+local Charm = require("../src")
+local test = require("../../../tests/test")
 
 local computed = Charm.computed
 local effect = Charm.effect
 local effectScope = Charm.effectScope
 local endBatch = Charm.endBatch
 local onCleanup = Charm.onCleanup
-local recursive = Charm.recursive
 local setActiveSub = Charm.setActiveSub
 local signal = Charm.signal
 local startBatch = Charm.startBatch
-local test = suite.test
 
 test("should clear subscriptions when untracked by all subscribers", function()
 	local bRunTimes = 0
@@ -241,8 +239,11 @@ test("should handle side effect with inner effects", function()
 		table.clear(order)
 		setB(1)
 		setA(1)
-		assert(table.concat(order) == "ba", `wrong order: {table.concat(order)}`)
 	end)
+
+	-- DEVIATION: This assertion was moved outside of the effect so that it
+	-- runs after the batch updates have been processed
+	assert(table.concat(order) == "ba", `wrong order: {table.concat(order)}`)
 end)
 
 test("should handle flags are indirectly updated during checkDirty", function()
@@ -270,33 +271,52 @@ test("should handle flags are indirectly updated during checkDirty", function()
 	assert(triggers == 2, "did not update indirectly")
 end)
 
-test("should handle effect recursion for the first execution", function()
-	local src1, setSrc1 = signal(0)
-	local src2, setSrc2 = signal(0)
-
-	local triggers1 = 0
-	local triggers2 = 0
-
-	effect(function()
-		triggers1 += 1
-		setSrc1(math.min(src1() + 1, 5))
-	end)
-	effect(function()
-		triggers2 += 1
-		setSrc2(math.min(src2() + 1, 5))
-		src2()
+test("should not execute skipped effects from previous failed flush when updating unrelated signal", function()
+	local a, setA = signal(0)
+	local b, setB = signal(0)
+	local c, setC = signal(0)
+	local d = computed(function()
+		c()
+		return 0
 	end)
 
-	assert(triggers1 == 1, `bad triggers1: {triggers1}`)
-	assert(triggers2 == 1, `bad triggers2: {triggers2}`)
+	local effect3Executed = false
+
+	effect(function()
+		a()
+	end)
+	effect(function()
+		if a() == 2 then
+			error("Error in effect 2")
+		end
+	end)
+	effect(function()
+		a()
+		d()
+		effect3Executed = true
+	end)
+	effect(function()
+		b()
+	end)
+
+	setA(1)
+
+	effect3Executed = false
+	local success, err = pcall(setA, 2)
+	assert(not success and string.find(tostring(err), "Error in effect 2"), `bad error: {err}`)
+
+	assert(not effect3Executed, "effect 3 should not have executed after failed flush")
+	setB(1)
+	assert(not effect3Executed, "effect 3 should not have executed after updating unrelated signal b")
+	setC(1)
+	assert(effect3Executed, "effect 3 should have executed after updating signal c")
 end)
 
-test("should opt in to recursion", function()
+test("should allow finite recursion", function()
 	local src, setSrc = signal(0)
 	local order = {}
 
 	effect(function()
-		recursive()
 		table.insert(order, src())
 		setSrc(math.min(src() + 1, 5))
 	end)
@@ -388,4 +408,186 @@ test("should run cleanups outside any evaluation context", function()
 	assert(calls == 0, "should not run after b update")
 end)
 
+test("should not retrigger the effect if the cleanup modifies one of the dependencies", function()
+	local a, setA = signal(0)
+	local calls = {}
+
+	effect(function()
+		table.insert(calls, a())
+		return function()
+			setA(2)
+		end
+	end)
+	assert(#calls == 1, "should have run once initially")
+	table.clear(calls)
+
+	setA(1)
+	assert(#calls == 1, "should run once after an update")
+	assert(calls[1] == 2, `bad call: {calls[1]}`)
+end)
+
+test("should run the cleanup if the effect disposes itself", function()
+	local a, setA = signal(0)
+	local calls = 0
+	local dispose: () -> ()
+
+	dispose = effect(function()
+		if a() > 0 then
+			dispose()
+			return function()
+				calls += 1
+			end
+		end
+	end)
+	assert(calls == 0, "should not have called cleanup initially")
+	setA(1)
+	assert(calls == 1, "should have called cleanup once after first update")
+	setA(2)
+	assert(calls == 1, "should not call cleanup again after second update")
+end)
+
+test("should not run the effect if the cleanup function disposes it", function()
+	local a, setA = signal(0)
+	local calls = 0
+	local dispose: () -> ()
+
+	dispose = effect(function()
+		a()
+		calls += 1
+		return function()
+			dispose()
+		end
+	end)
+	assert(calls == 1, "should have run effect once initially")
+	setA(1)
+	assert(calls == 1, "should not run effect again after update")
+end)
+
+test("should reset the cleanup if the effect throws", function()
+	local a, setA = signal(0)
+	local calls = 0
+
+	effect(function()
+		if a() == 0 then
+			return function()
+				calls += 1
+			end
+		else
+			error("hello")
+		end
+	end)
+	assert(calls == 0, "should not have called cleanup initially")
+	local success, err = pcall(setA, 1)
+	assert(not success and string.find(tostring(err), "hello"), `bad error: {err}`)
+	assert(calls == 1, "should have called cleanup once after throwing")
+	setA(0)
+	assert(calls == 1, "should not call cleanup again after resetting value")
+end)
+
+test("recursive effects should run and cleanup in order", function()
+	local a, setA = signal(0)
+	local order: { string } = {}
+
+	effect(function()
+		local value = a()
+		table.insert(order, `+{value}`)
+		if value < 3 then
+			setA(value + 1)
+		end
+		return function()
+			table.insert(order, `-{value}`)
+		end
+	end)
+	assert(table.concat(order) == "+0-0+1-1+2-2+3", `bad order: {table.concat(order)}`)
+	table.clear(order)
+	setA(100)
+	assert(table.concat(order) == "-3+100", `bad order: {table.concat(order)}`)
+end)
+
+test("should effects dispose in order", function()
+	local order: { number } = {}
+
+	local src, setSrc = signal(false)
+	local stopEffect = effect(function()
+		src()
+		for i = 1, 3 do
+			effect(function()
+				return function()
+					table.insert(order, i)
+				end
+			end)
+		end
+	end)
+
+	assert(#order == 0, "should not cleanup immediately")
+	setSrc(true)
+	assert(table.concat(order) == "123", `bad rerun order: {table.concat(order)}`)
+	table.clear(order)
+	stopEffect()
+	assert(table.concat(order) == "123", `bad dispose order: {table.concat(order)}`)
+	table.clear(order)
+	setSrc(false)
+	assert(#order == 0, "should not cleanup after dispose")
+end)
+
+test("should handle inner effect clearing outer effect's deps on rerun", function()
+	local src, setSrc = signal(false)
+	local stopEffect: () -> ()
+	stopEffect = effect(function()
+		src()
+		effect(function()
+			return function()
+				stopEffect()
+			end
+		end)
+		effect(function() end)
+	end)
+	setSrc(true)
+end)
+
+test.skip("should handle inner effect cleanup disposing outer effect", function()
+	local order: { number } = {}
+
+	local src, setSrc = signal(false)
+	local stopEffect: () -> ()
+	stopEffect = effect(function()
+		src()
+		table.insert(order, 0)
+		for i = 1, 4 do
+			effect(function()
+				return function()
+					table.insert(order, i)
+					stopEffect()
+				end
+			end)
+		end
+	end)
+	assert(table.concat(order) == "0", "should not cleanup immediately")
+
+	table.clear(order)
+	setSrc(true)
+	assert(table.concat(order) == "1234", `bad rerun order: {table.concat(order)}`)
+
+	table.clear(order)
+	setSrc(false)
+	assert(#order == 0, "should not cleanup after dispose")
+end)
+
+test.skip("should old inner effect dispose before outer effect re-runs", function()
+	local order: { string } = {}
+	local src, setSrc = signal(false)
+	effect(function()
+		src()
+		table.insert(order, "outer")
+		effect(function()
+			return function()
+				table.insert(order, "inner")
+			end
+		end)
+	end)
+	table.clear(order)
+	setSrc(true)
+	assert(table.concat(order) == "innerouter", `bad rerun order: {table.concat(order)}`)
+end)
+
 return {}

packages/charm/test/effectScope.test.luau

@@ -1,11 +1,10 @@
-local Charm = require("../")
-local suite = require("../../../../test/suite")
+local Charm = require("../src")
+local test = require("../../../tests/test")
 
 local effect = Charm.effect
 local effectScope = Charm.effectScope
 local signal = Charm.signal
 local onCleanup = Charm.onCleanup
-local test = suite.test
 
 test("should not trigger after stop", function()
 	local count, setCount = signal(1)
@@ -32,8 +31,8 @@ end)
 
 test("should run indirect scope cleanup", function()
 	local cleanups = 0
+	local cleanup: () -> ()
 
-	local cleanup
 	local stopScope = effectScope(function()
 		cleanup = effectScope(function()
 			onCleanup(function()
@@ -51,8 +50,8 @@ end)
 
 test("should run indirect effect cleanup", function()
 	local cleanups = 0
-
 	local a, setA = signal(false)
+
 	local stopScope = effectScope(function()
 		effect(function()
 			a()
@@ -71,13 +70,26 @@ test("should run indirect effect cleanup", function()
 	assert(cleanups == 2, "should not cleanup after update")
 end)
 
-test("should disallow yielding", function()
-	local success = pcall(function()
-		effectScope(function()
-			(if task then task.wait else coroutine.yield :: never)()
+test("should dispose inner effects if created in an effect", function()
+	local source, setSource = signal(1)
+	local triggers = 0
+	local dispose: () -> ()
+
+	effect(function()
+		dispose = effectScope(function()
+			effect(function()
+				source()
+				triggers += 1
+			end)
 		end)
+		assert(triggers == 1, "did not run initially")
 	end)
-	assert(not success, "should error on yield")
+
+	setSource(2)
+	assert(triggers == 2, "did not run after update")
+	dispose()
+	setSource(3)
+	assert(triggers == 2, "ran after dispose")
 end)
 
 return {}

packages/charm/test/errors.test.luau

@@ -0,0 +1,200 @@
+--!optimize 1
+
+local Charm = require("../src")
+local test = require("../../../tests/test")
+
+test("should disallow yielding", function()
+	local success = pcall(function()
+		Charm.effectScope(function()
+			coroutine.yield()
+		end)
+	end)
+	assert(not success, "should error on yield")
+end)
+
+test.describe("traceback", function()
+	local DEFAULT_ERROR = "Test error"
+
+	local function fail(message: string?)
+		error(message or DEFAULT_ERROR, 0)
+	end
+
+	local function indirectError(message: string?)
+		fail(message)
+	end
+
+	local function assertStackTrace(err: unknown, expectation: string?)
+		expectation = expectation or DEFAULT_ERROR
+		assert(type(err) == "string", "Expected error to be a string")
+		assert(string.find(err, expectation), `Expected error message to be "{expectation}", got: {err}`)
+		assert(string.find(err, "fail"), `Expected stack trace to contain fail, got: {err}`)
+		assert(string.find(err, "indirectError"), `Expected stack trace to contain indirectError, got: {err}`)
+	end
+
+	test("signal update", function()
+		local _, err = pcall(function()
+			local _, setSrc = Charm.signal(0)
+			setSrc(function()
+				indirectError()
+				return 1
+			end)
+		end)
+		assertStackTrace(err)
+	end)
+
+	test("atom update", function()
+		local _, err = pcall(function()
+			local src = Charm.atom(0)
+			src(function()
+				indirectError()
+				return 1
+			end)
+		end)
+		assertStackTrace(err)
+	end)
+
+	test("computed", function()
+		local _, err = pcall(function()
+			local src = Charm.computed(function()
+				indirectError()
+			end)
+			src()
+		end)
+		assertStackTrace(err)
+	end)
+
+	test("effect init", function()
+		local _, err = pcall(function()
+			Charm.effect(function()
+				indirectError()
+			end)
+		end)
+		assertStackTrace(err)
+	end)
+
+	test("effect run", function()
+		local _, err = pcall(function()
+			local src, setSrc = Charm.signal(0)
+			Charm.effect(function()
+				if src() == 1 then
+					indirectError()
+				end
+			end)
+			setSrc(1)
+		end)
+		assertStackTrace(err)
+	end)
+
+	test("effect cleanups", function()
+		local _, err = pcall(function()
+			local dispose = Charm.effect(function()
+				Charm.onCleanup(function()
+					indirectError("onCleanup")
+				end)
+				return function()
+					indirectError("returned cleanup")
+				end
+			end)
+			dispose()
+		end)
+		assertStackTrace(err, "onCleanup")
+		assertStackTrace(err, "returned cleanup")
+	end)
+
+	test("trigger", function()
+		local _, err = pcall(function()
+			Charm.trigger(function()
+				indirectError()
+			end)
+		end)
+		assertStackTrace(err)
+	end)
+
+	test("untracked", function()
+		local _, err = pcall(function()
+			Charm.effectScope(function()
+				Charm.untracked(function()
+					indirectError()
+				end)
+			end)
+		end)
+		assertStackTrace(err)
+	end)
+
+	test("batch", function()
+		local _, err = pcall(function()
+			Charm.batch(function()
+				indirectError()
+			end)
+		end)
+		assertStackTrace(err)
+	end)
+
+	test("subscribe getter", function()
+		local _, err = pcall(function()
+			Charm.subscribe(function()
+				indirectError()
+			end, function() end)
+		end)
+		assertStackTrace(err)
+	end)
+
+	test("subscribe callback", function()
+		local _, err = pcall(function()
+			local src, setSrc = Charm.signal(0)
+			Charm.subscribe(src, function()
+				indirectError()
+			end)
+			setSrc(1)
+		end)
+		assertStackTrace(err)
+	end)
+
+	test("listen getter", function()
+		local _, err = pcall(function()
+			Charm.listen(function()
+				indirectError()
+			end, function() end)
+		end)
+		assertStackTrace(err)
+	end)
+
+	test("listen callback", function()
+		local _, err = pcall(function()
+			local src, setSrc = Charm.signal(0)
+			Charm.listen(src, function()
+				indirectError()
+			end)
+			setSrc(1)
+		end)
+		assertStackTrace(err)
+	end)
+
+	test("mapped getter", function()
+		local _, err = pcall(function()
+			local src = Charm.mapped(function()
+				indirectError()
+				return { 1 }
+			end, function()
+				return 1
+			end)
+			src()
+		end)
+		assertStackTrace(err)
+	end)
+
+	test("mapped transform", function()
+		local _, err = pcall(function()
+			local src = Charm.mapped(function()
+				return { 1 }
+			end, function()
+				indirectError()
+				return 1
+			end)
+			src()
+		end)
+		assertStackTrace(err)
+	end)
+end)
+
+return {}

packages/charm/test/gc.test.luau

@@ -1,14 +1,10 @@
-local Charm = require("../")
-local suite = require("../../../../test/suite")
-
-type ReactiveProxy<T = any> = Charm.ReactiveProxy<T>
+local Charm = require("../src")
+local test = require("../../../tests/test")
 
 local signal = Charm.signal
 local computed = Charm.computed
 local effect = Charm.effect
 local effectScope = Charm.effectScope
-local reactive = Charm.reactive
-local test = suite.test
 
 local function weakRef<T>(value: T): { value: T? }
 	return setmetatable({ value = value }, { __mode = "v" }) :: any
@@ -30,7 +26,7 @@ end
 	immediately closing it, causing alien-signals to unlink the computed value
 	from its dependencies and allow it to be garbage collected.
 ]]
-local function unlink(getter: () -> ())
+local function unlink(getter: () -> unknown)
 	effectScope(function()
 		getter()
 	end)()
@@ -66,62 +62,4 @@ test("should not release effect for atom", function()
 	assert(effectCalls == 2, "should call effect again")
 end)
 
-test("should release inner reactive proxy", function()
-	local valueRef = weakRef({})
-	local src: any = reactive({ value = valueRef.value })
-
-	local dispose = effect(function()
-		local _ = src.value -- create proxy
-	end)
-	src.value = nil :: any -- release proxy
-	dispose()
-
-	gc()
-	assert(src.__signals.value == nil, "should release signals")
-	assert(valueRef.value == nil, "should release inner proxy")
-end)
-
-test("should release reactive property deps", function()
-	local src: any = reactive({ foo = 1 })
-
-	local c = computed(function()
-		return src.foo
-	end)
-
-	c()
-	assert(src.__signals.foo ~= nil, "should have deps for foo")
-
-	c = nil :: any
-	gc()
-	assert(src.__signals.foo == nil, "should release deps for foo")
-end)
-
-test("should not release effect for reactive", function()
-	local src = reactive({ foo = 1 })
-	local calls = 0
-
-	effect(function()
-		calls += 1
-		local _ = src.foo
-	end)
-	assert(calls == 1, "should call effect once")
-
-	gc()
-	src.foo += 1
-	assert(calls == 2, "should call effect again")
-end)
-
-test("should not release tracked reactive", function()
-	local src = Charm.reactive({ users = {} :: { [string]: {}? } })
-	local user
-
-	effect(function()
-		user = src.users.user
-	end)
-
-	gc()
-	src.users.user = {}
-	assert(user ~= nil, "src.users.user should not be released")
-end)
-
 return {}

packages/charm/test/init.luau

@@ -0,0 +1,55 @@
+local test = require("../../tests/test")
+
+test.describe("computed", function()
+	require("@self/computed.test")
+end)
+
+test.describe("effect", function()
+	require("@self/effect.test")
+end)
+
+test.describe("effectScope", function()
+	require("@self/effectScope.test")
+end)
+
+test.describe("error", function()
+	require("@self/errors.test")
+end)
+
+test.describe("gc", function()
+	require("@self/gc.test")
+end)
+
+test.describe("listen", function()
+	require("@self/listen.test")
+end)
+
+test.describe("mapped", function()
+	require("@self/mapped.test")
+end)
+
+test.describe("observe", function()
+	require("@self/observe.test")
+end)
+
+test.describe("signal", function()
+	require("@self/signal.test")
+end)
+
+test.describe("subscribe", function()
+	require("@self/subscribe.test")
+end)
+
+test.describe("topology", function()
+	require("@self/topology.test")
+end)
+
+test.describe("trigger", function()
+	require("@self/trigger.test")
+end)
+
+test.describe("untracked", function()
+	require("@self/untracked.test")
+end)
+
+return {}

packages/charm/test/listen.test.luau

@@ -1,10 +1,8 @@
-local Charm = require("../")
-local suite = require("../../../../test/suite")
+local Charm = require("../src")
+local test = require("../../../tests/test")
 
 local signal = Charm.signal
 local listen = Charm.listen
-local effect = Charm.effect
-local test = suite.test
 
 test("should listen to selector", function()
 	local source, setSource = signal(0)
@@ -27,32 +25,23 @@ test("should listen to selector", function()
 	assert(current == 2 and previous == 1, "should not run after unsub")
 end)
 
-test("should run in peek", function()
+test("should run in untracked", function()
 	local runs = 0
-	local cleanups = 0
 	local a, setA = signal(0)
 	local b, setB = signal(0)
 
 	listen(a, function()
 		runs += 1
 		b()
-		effect(function()
-			return function()
-				cleanups += 1
-			end
-		end)
 	end)
 
 	assert(runs == 1, "should run once on init")
-	assert(cleanups == 0, "should not cleanup yet")
-
 	setA(1)
-	assert(runs == 2, "should run on a change")
-	assert(cleanups == 1, "should cleanup first call")
-
+	assert(runs == 2, "should run once on change")
 	setB(1)
 	assert(runs == 2, "should not run on b change")
-	assert(cleanups == 1, "should not cleanup second call")
+	setA(2)
+	assert(runs == 3, "should run on a change")
 end)
 
 test("should run if first value is nil", function()
@@ -68,36 +57,6 @@ test("should run if first value is nil", function()
 	assert(runs == 2, "should run once on change")
 end)
 
-test("should track inner subs", function()
-	local order = {}
-	local a, setA = signal(1)
-
-	local unsub = listen(a, function()
-		table.insert(order, 1)
-		listen(a, function()
-			table.insert(order, 2)
-		end)
-		listen(a, function()
-			table.insert(order, 3)
-		end)
-	end)
-
-	assert(table.concat(order) == "123", `bad mount order: {table.concat(order)}`)
-
-	table.clear(order)
-	setA(a() + 1)
-	assert(table.concat(order) == "123", `bad order: {table.concat(order)}`)
-
-	table.clear(order)
-	setA(a() + 1)
-	assert(table.concat(order) == "123", `bad order: {table.concat(order)}`)
-
-	table.clear(order)
-	unsub()
-	setA(a() + 1)
-	assert(table.concat(order) == "", `bad order: {table.concat(order)}`)
-end)
-
 test("should skip redundant updates", function()
 	local order = {}
 	local a, setA = signal(0)

packages/charm/test/mapped.test.luau

@@ -1,9 +1,8 @@
-local Charm = require("../")
-local suite = require("../../../../test/suite")
+local Charm = require("../src")
+local test = require("../../../tests/test")
 
 local signal = Charm.signal
 local mapped = Charm.mapped
-local test = suite.test
 
 test("should map state", function()
 	local src, setSrc = signal({ 1, 2, 3 })
@@ -105,4 +104,25 @@ test("should map keys", function()
 	assert(state.D == 4, "should add d")
 end)
 
+test("should remove old key if mapper returns a new key", function()
+	local src, setSrc = signal({ 1 })
+	local map = mapped(src, function(value: number, index: number)
+		return true, `{index}={value}`
+	end)
+
+	local state = map()
+	assert(state["1=1"], "should have mapped first element to key 1=1")
+
+	setSrc({ 2 })
+	state = map()
+	assert(state["1=1"] == nil, "should have removed old key 1=1")
+	assert(state["1=2"], "should have remapped element to key 1=2")
+
+	setSrc({ 3, 1 })
+	state = map()
+	assert(state["1=2"] == nil, "should have removed old key 1=2")
+	assert(state["1=3"], "should have remapped element to key 1=3")
+	assert(state["2=1"], "should have mapped second element to key 2=1")
+end)
+
 return {}

packages/charm/test/observe.test.luau

@@ -1,19 +1,18 @@
-local Charm = require("../")
-local suite = require("../../../../test/suite")
+local Charm = require("../src")
+local test = require("../../../tests/test")
 
 local signal = Charm.signal
 local computed = Charm.computed
 local effect = Charm.effect
 local effectScope = Charm.effectScope
 local observe = Charm.observe
-local test = suite.test
 
 test("should observe items", function()
 	local items, setItems = signal({ 0, 0, 0 })
 	local updates = {}
 	local cleanups = {}
 
-	observe(items, function(_, key)
+	observe(items, function(_, key: number)
 		local get = computed(function()
 			return items()[key]
 		end)
@@ -92,11 +91,11 @@ end)
 
 test("should handle recursive additions and removals", function()
 	local items, setItems = signal({ 1 })
-	local edits = {}
+	local edits: { string } = {}
 
 	observe(items, function(item)
 		if item < 5 then
-			setItems(function(state)
+			setItems(function(state: { number })
 				state = table.clone(state)
 				table.insert(state, item + 1)
 				return state
@@ -115,10 +114,10 @@ end)
 
 test("should handle self removal", function()
 	local items, setItems = signal({ 1, 2, 3, 4 })
-	local edits = {}
+	local edits: { string } = {}
 
 	observe(items, function(item, index)
-		setItems(function(state)
+		setItems(function(state: { number })
 			state = table.clone(state)
 			state[index] = nil
 			return state
@@ -135,7 +134,7 @@ end)
 test("should allow disposal during addition", function()
 	local items, setItems = signal({})
 	local edits = {}
-	local dispose
+	local dispose: () -> ()
 
 	dispose = observe(items, function(item)
 		if item == 1 then
@@ -154,7 +153,7 @@ end)
 test("should allow disposal during removal", function()
 	local items, setItems = signal({ 1, 2, 3, 4 })
 	local edits = {}
-	local dispose
+	local dispose: () -> ()
 
 	dispose = observe(items, function(item)
 		table.insert(edits, `+{item}`)
@@ -168,4 +167,32 @@ test("should allow disposal during removal", function()
 	assert(table.concat(edits) == "+1+2+3+4-1-2-3-4", `bad edits: {table.concat(edits)}`)
 end)
 
+test("should not hang on error after recursive update", function()
+	local items, setItems = signal({})
+
+	observe(items, function()
+		setItems({ {} })
+		error("test error")
+	end)
+
+	local success, err = pcall(function()
+		setItems({ {} })
+	end)
+	assert(not success, "should error")
+	assert(string.find(tostring(err), "test error"), `bad error: {err}`)
+end)
+
+test("should not hang on error after recursive init", function()
+	local items, setItems = signal({ {} })
+
+	local success, err = pcall(function()
+		observe(items, function()
+			setItems({ {} })
+			error("test error")
+		end)
+	end)
+	assert(not success, "should error")
+	assert(string.find(tostring(err), "test error"), `bad error: {err}`)
+end)
+
 return {}

packages/charm/test/signal.test.luau

@@ -1,13 +1,12 @@
-local Charm = require("../")
-local suite = require("../../../../test/suite")
+local Charm = require("../src")
+local test = require("../../../tests/test")
 
 local signal = Charm.signal
 local effect = Charm.effect
-local test = suite.test
 
 test("should accept equality function", function()
 	local calls = {}
-	local src, setSrc = signal(0, function(current, incoming)
+	local src, setSrc = signal(0, function(current: number, incoming: number)
 		return current == incoming or incoming % 2 == 1
 	end)
 
@@ -47,4 +46,22 @@ test("should not freeze values with metatables", function()
 	)
 end)
 
+test("should setter return same value as getter even if equal", function()
+	local src, setSrc = signal(0, function()
+		return true
+	end)
+	assert(setSrc(1) == src(), `setSrc(1) expected 0, got {setSrc(1)}`)
+end)
+
+test("should setter return latest value", function()
+	local src, setSrc = signal(0)
+	effect(function()
+		if src() == 1 then
+			setSrc(2)
+		end
+	end)
+	assert(setSrc(1) == 2, `setSrc(1) expected 2, got {setSrc(1)}`)
+	assert(src() == 2, `src() expected 2, got {src()}`)
+end)
+
 return {}

packages/charm/test/subscribe.test.luau

@@ -1,12 +1,9 @@
-local Charm = require("../")
-local suite = require("../../../../test/suite")
+local Charm = require("../src")
+local test = require("../../../tests/test")
 
 local signal = Charm.signal
 local computed = Charm.computed
 local subscribe = Charm.subscribe
-local listen = Charm.listen
-local effect = Charm.effect
-local test = suite.test
 
 test("should subscribe to selector", function()
 	local source, setSource = signal(0)
@@ -29,40 +26,27 @@ test("should subscribe to selector", function()
 	assert(current == 2 and previous == 1, "should not run after unsub")
 end)
 
-test("should run in peek", function()
+test("should run in untracked", function()
 	local runs = 0
-	local cleanups = 0
 	local a, setA = signal(0)
 	local b, setB = signal(0)
 
 	subscribe(a, function()
 		runs += 1
 		b()
-		effect(function()
-			return function()
-				cleanups += 1
-			end
-		end)
 	end)
 
 	assert(runs == 0, "should not run once on init")
-	assert(cleanups == 0, "should not cleanup yet")
-
 	setA(1)
 	assert(runs == 1, "should run once on change")
-	assert(cleanups == 0, "should not cleanup yet")
-
 	setB(1)
 	assert(runs == 1, "should not run on b change")
-	assert(cleanups == 0, "should not cleanup first call")
-
 	setA(2)
 	assert(runs == 2, "should run on a change")
-	assert(cleanups == 1, "should cleanup first call")
 end)
 
 test("should ensure correct execution order", function()
-	local order = {}
+	local order: { number } = {}
 	local n1, setN1 = signal(0)
 	local n2, setN2 = signal(0)
 	local sum = computed(function()
@@ -87,35 +71,8 @@ test("should ensure correct execution order", function()
 	assert(table.concat(order) == "123", `bad order: {table.concat(order)}`)
 end)
 
-test("should track inner subs", function()
-	local order = {}
-	local a, setA = signal(1)
-
-	local unsub = subscribe(a, function()
-		table.insert(order, 1)
-		listen(a, function()
-			table.insert(order, 2)
-		end)
-		listen(a, function()
-			table.insert(order, 3)
-		end)
-	end)
-
-	setA(a() + 1)
-	assert(table.concat(order) == "123", `bad order: {table.concat(order)}`)
-
-	table.clear(order)
-	setA(a() + 1)
-	assert(table.concat(order) == "123", `bad order: {table.concat(order)}`)
-
-	table.clear(order)
-	unsub()
-	setA(a() + 1)
-	assert(table.concat(order) == "", `bad order: {table.concat(order)}`)
-end)
-
 test("should skip redundant updates", function()
-	local order = {}
+	local order: { "even" | "odd" } = {}
 	local a, setA = signal(0)
 
 	subscribe(function(): "even" | "odd"

packages/charm/test/topology.test.luau

@@ -1,11 +1,9 @@
-local Charm = require("../")
-local suite = require("../../../../test/suite")
+local Charm = require("../src")
+local test = require("../../../tests/test")
 
 local atom = Charm.atom
 local computed = Charm.computed
 local effect = Charm.effect
-local describe = suite.describe
-local test = suite.test
 
 --[[
 	Tests adopted with thanks from preact-core implementation at
@@ -34,7 +32,7 @@ local test = suite.test
 	SOFTWARE
 ]]
 
-describe("graph updates", function()
+test.describe("graph updates", function()
 	test("should drop A->B->A updates", function()
 		--     A
 		--   / |
@@ -441,21 +439,19 @@ describe("graph updates", function()
 	end)
 end)
 
-describe("error handling", function()
+test.describe("error handling", function()
 	test("should keep graph consistent on errors during activation", function()
 		local a = atom(0)
-		local b = computed(function()
+		local b = computed(function(): nil
 			error("fail")
 		end)
 		local c = computed(function()
 			return a()
 		end)
 
-		local success, result = pcall(function()
-			b()
-		end)
+		local success, result = pcall(b)
 		assert(not success, "should throw")
-		assert(string.match(result, "fail"), "should throw fail")
+		assert(string.match(tostring(result), "fail"), "should throw fail")
 
 		a(1)
 		assert(c() == 1, "c should recover and return 1")
@@ -463,7 +459,7 @@ describe("error handling", function()
 
 	test("should keep graph consistent on errors in computeds", function()
 		local a = atom(0)
-		local b = computed(function()
+		local b = computed(function(): number
 			if a() == 1 then
 				error("fail")
 			end
@@ -476,11 +472,9 @@ describe("error handling", function()
 		assert(c() == 0, "c should be 0")
 
 		a(1)
-		local success, result = pcall(function()
-			b()
-		end)
+		local success, result = pcall(b)
 		assert(not success, "should throw")
-		assert(string.match(result, "fail"), "should throw fail")
+		assert(string.match(tostring(result), "fail"), "should throw fail")
 
 		a(2)
 		assert(c() == 2, "c should recover and return 2")

packages/charm/test/trigger.test.luau

@@ -1,20 +1,18 @@
-local Charm = require("../")
-local suite = require("../../../../test/suite")
+local Charm = require("../src")
+local test = require("../../../tests/test")
 
 local computed = Charm.computed
 local effect = Charm.effect
+local listen = Charm.listen
 local signal = Charm.signal
 local subscribe = Charm.subscribe
 local trigger = Charm.trigger
-local test = suite.test
-local beforeEach = suite.beforeEach
-local afterEach = suite.afterEach
 
-beforeEach(function()
+test.beforeEach(function()
 	Charm.flags.frozen = false
 end)
 
-afterEach(function()
+test.afterEach(function()
 	Charm.flags.frozen = true
 end)
 
@@ -70,7 +68,7 @@ test("should trigger effect once", function()
 end)
 
 test("should not notify the trigger function sub", function()
-	local src1 = signal({})
+	local src1 = signal({} :: { number })
 	local src2 = computed(function()
 		return src1()
 	end)
@@ -93,9 +91,21 @@ test("should trigger updates for subscribe", function()
 		triggers += 1
 	end)
 
-	table.insert(src(), 1)
 	trigger(src)
 	assert(triggers == 1, "subscribe callback should run after trigger")
 end)
 
+test("should trigger updates for listen", function()
+	local src = signal({} :: { number })
+	local triggers = 0
+
+	listen(src, function()
+		triggers += 1
+	end)
+	assert(triggers == 1, "listen callback should run once initially")
+
+	trigger(src)
+	assert(triggers == 2, "listen callback should run after trigger")
+end)
+
 return {}

packages/charm/test/untracked.test.luau

@@ -1,12 +1,11 @@
-local Charm = require("../")
-local suite = require("../../../../test/suite")
+local Charm = require("../src")
+local test = require("../../../tests/test")
 
 local signal = Charm.signal
 local computed = Charm.computed
 local effect = Charm.effect
 local effectScope = Charm.effectScope
 local untracked = Charm.untracked
-local test = suite.test
 
 test("should run detached from effect", function()
 	local a, setA = signal(1)
@@ -39,7 +38,7 @@ end)
 
 test("should run detached from effect scope", function()
 	local effects = 0
-	local stopEffect
+	local stopEffect: () -> ()
 
 	local stopScope = effectScope(function()
 		untracked(function()

packages/charm/wally.toml

@@ -1,8 +1,8 @@
 [package]
 name = "littensy/charm"
-version = "0.11.0-rc.3"
+version = "0.11.1"
 registry = "https://github.com/UpliftGames/wally-index"
 realm = "shared"
-exclude = ["node_modules", "src/__tests__", "src/index.d.ts", "package.json"]
+exclude = ["node_modules", "test", "src/index.d.ts", "package.json"]
 
 [dependencies]

packages/deep-charm/Charm.luau

@@ -0,0 +1,5 @@
+if not script then
+	return require("../charm/src")
+end
+
+return require(script.Parent.Parent.charm.src)

packages/deep-charm/default.project.json

@@ -0,0 +1,6 @@
+{
+	"name": "deep-charm",
+	"tree": {
+		"$path": "src"
+	}
+}

packages/deep-charm/package.json

@@ -0,0 +1,27 @@
+{
+	"name": "@rbxts/deep-charm",
+	"version": "0.1.1",
+	"description": "Use Charm with plain Luau tables",
+	"license": "MIT",
+	"main": "src/init.luau",
+	"types": "src/index.d.ts",
+	"files": [
+		"src",
+		"*.luau",
+		"!wally.toml",
+		"!wally.lock",
+		"!default.project.json",
+		"!test"
+	],
+	"repository": {
+		"type": "git",
+		"url": "git+https://github.com/littensy/charm.git"
+	},
+	"scripts": {
+		"prepare": "cp ../../LICENSE . && cp ../../README.md .",
+		"publish:wally": "wally publish"
+	},
+	"dependencies": {
+		"@rbxts/charm": "workspace:^"
+	}
+}

packages/deep-charm/src/index.d.ts

@@ -0,0 +1,53 @@
+export type ReactiveProxy<T extends object = object> = T & {
+	__track: () => void;
+	__target: T;
+	__signals: Map<unknown, () => unknown>;
+};
+
+/**
+ * Creates a deep reactive value that tracks properties when they're accessed.
+ * Returns a proxy object that subscribes to changes on any nested property
+ * you read, and a function for mutating the original table.
+ *
+ * @example
+ * ```luau
+ * local users, updateUsers = reactive({
+ * 	user = { name = "John", surname = "Doe" },
+ * })
+ *
+ * effect(function()
+ * 	print(users.user and `{users.user.name} {users.user.surname}`)
+ * end)
+ *
+ * updateUsers(function(state)
+ * 	state.user.name = "Jane"
+ * 	state.user.surname = "Smith"
+ * end)
+ * ```
+ *
+ * @param initialValue The value to make deeply reactive.
+ * @returns A proxy table and a function to mutate the original table.
+ * @see https://github.com/littensy/charm?tab=readme-ov-file#reactiveinitialvalue
+ */
+export function reactive<T extends object>(
+	initialValue: T,
+): LuaTuple<[value: T, update: (update: T | ((initialValue: T) => void)) => T]>;
+
+/**
+ * Determines if the provided value is a reactive proxy created by `reactive()`.
+ *
+ * @param value A value to test.
+ * @returns `true` if the value is a reactive proxy, `false` otherwise.
+ * @see https://github.com/littensy/charm?tab=readme-ov-file#reactiveinitialvalue
+ */
+export function isReactive(value: unknown): boolean;
+
+/**
+ * Unwraps a reactive proxy to get the original table. If the provided value
+ * is not a proxy, it is returned as-is.
+ *
+ * @param value A reactive proxy or a non-proxy value.
+ * @returns The unwrapped target value.
+ * @see https://github.com/littensy/charm?tab=readme-ov-file#reactiveinitialvalue
+ */
+export function toRaw<T>(value: T): T;

packages/deep-charm/src/init.luau

@@ -0,0 +1,165 @@
+local Charm = require("./Charm")
+
+local computed = Charm.computed
+local trigger = Charm.trigger
+local getActiveSub = Charm.getActiveSub
+
+export type ReactiveProxy<T = any> = typeof(setmetatable(
+	{} :: {
+		__track: () -> (),
+		__target: T,
+		__signals: { [unknown]: () -> unknown },
+	},
+	{} :: { __index: T }
+))
+
+local ReactiveProxy = {
+	proxyMap = setmetatable({} :: { [any]: ReactiveProxy }, { __mode = "v" }),
+}
+
+--[[
+	Determines if the provided value is a reactive proxy created by `reactive()`.
+
+	@see https://github.com/littensy/charm?tab=readme-ov-file#reactiveinitialvalue
+]]
+local function isReactive(value: any): boolean
+	return type(value) == "table" and getmetatable(value) == ReactiveProxy
+end
+
+--[[
+	Unwraps a reactive proxy to get the original table. If the provided value
+	is not a proxy, it is returned as-is.
+
+	@param value A reactive proxy or a non-proxy value
+	@return The source table if `value` is a reactive proxy
+	@see https://github.com/littensy/charm?tab=readme-ov-file#reactiveinitialvalue
+]]
+local function toRaw<T>(value: T): T
+	if isReactive(value) then
+		local proxy = value :: ReactiveProxy<T>
+		proxy.__track()
+		return toRaw(proxy.__target)
+	end
+	return value
+end
+
+--[[
+	Creates a deep reactive value that tracks properties when they're accessed.
+	Returns a proxy object that subscribes to changes on any nested property
+	you read, and a function for mutating the original table.
+
+	@example
+	```luau
+	local users, updateUsers = reactive({
+		{ name = "John", surname = "Doe" },
+	})
+
+	effect(function()
+		print(`{users[1].name} {users[1].surname}`)
+	end)
+
+	updateUsers(function(state)
+		state[1].name = "Jane"
+		state[1].surname = "Smith"
+	end)
+	```
+
+	@param initialValue Source table to make deeply reactive
+	@return A proxy table that tracks reads to nested properties
+	@return A function for batching mutations to the source table
+	@see https://github.com/littensy/charm?tab=readme-ov-file#reactiveinitialvalue
+]]
+local function reactive<T>(initialValue: T & {}, trackParent: (() -> ())?): (T, (update: ((T) -> ())?) -> ())
+	initialValue = toRaw(initialValue)
+
+	local proxy = ReactiveProxy.proxyMap[initialValue]
+
+	if not proxy then
+		local track = computed(function(version: number?)
+			-- Reference the proxy to avoid GCing while an effect is actively
+			-- tracking this reactive object.
+			local _ref = proxy
+			-- Allow updates from the parent to propagate down when the
+			-- target is mutated directly through the setter.
+			if trackParent then
+				trackParent()
+			end
+			return (version or 0) + 1
+		end)
+
+		proxy = setmetatable({
+			__target = initialValue,
+			__signals = setmetatable({}, { __mode = "v" }) :: any,
+			__track = track,
+		}, ReactiveProxy)
+
+		ReactiveProxy.proxyMap[initialValue] = proxy
+	end
+
+	local function setValue(update: ((T) -> ())?)
+		if update then
+			update(proxy.__target)
+		end
+		trigger(proxy.__track)
+	end
+
+	return proxy :: any, setValue
+end
+
+--[[
+	Wraps a value in `reactive()` if it is a table; otherwise, returns the
+	value as-is.
+
+	@param value Source value to make deeply reactive
+	@param trackParent Optional tracking function to propagate deep updates
+	@return A reactive proxy if the value is a table
+]]
+local function toReactive<T>(value: T, trackParent: (() -> ())?): T
+	return if type(value) == "table" then reactive(value, trackParent) :: T else value :: T
+end
+
+function ReactiveProxy.__index(self: ReactiveProxy, key: any): any
+	local track = self.__track
+	local signals = self.__signals
+	local target = self.__target
+
+	if getActiveSub() then
+		if not signals[key] then
+			signals[key] = computed(function()
+				track()
+				return target[key]
+			end)
+		end
+		signals[key]()
+	end
+
+	return toReactive(target[key], track)
+end
+
+function ReactiveProxy.__newindex(self: ReactiveProxy, key: any, value: any)
+	value = toRaw(value)
+	if self.__target[key] ~= value then
+		self.__target[key] = value
+		trigger(self.__track)
+	end
+end
+
+function ReactiveProxy.__iter(self: ReactiveProxy)
+	self.__track()
+	local function nextReactive(target: any, prevKey: any)
+		local nextKey, nextValue = next(target, prevKey)
+		return nextKey, toReactive(nextValue, self.__track)
+	end
+	return nextReactive, self.__target
+end
+
+function ReactiveProxy.__len(self: ReactiveProxy)
+	self.__track()
+	return #self.__target
+end
+
+return {
+	reactive = reactive,
+	isReactive = isReactive,
+	toRaw = toRaw,
+}

packages/deep-charm/test/gc.test.luau

@@ -0,0 +1,79 @@
+local Charm = require("../Charm")
+local DeepCharm = require("../src")
+local test = require("../../../tests/test")
+
+type ReactiveProxy<T = any> = DeepCharm.ReactiveProxy<T>
+
+local computed = Charm.computed
+local effect = Charm.effect
+local reactive = DeepCharm.reactive
+
+local function weakRef<T>(value: T): { value: T? }
+	return setmetatable({ value = value }, { __mode = "v" }) :: any
+end
+
+local function gc()
+	for _ = 1, 2000 do
+		local _ = table.create(100, 0)
+	end
+end
+
+test("should release inner reactive proxy", function()
+	local valueRef = weakRef({})
+	local src: any = reactive({ value = valueRef.value })
+
+	local dispose = effect(function()
+		local _ = src.value -- create proxy
+	end)
+	src.value = nil :: any -- release proxy
+	dispose()
+
+	gc()
+	assert(src.__signals.value == nil, "should release signals")
+	assert(valueRef.value == nil, "should release inner proxy")
+end)
+
+test("should release reactive property deps", function()
+	local src: any = reactive({ foo = 1 })
+
+	local c = computed(function()
+		return src.foo
+	end)
+
+	c()
+	assert(src.__signals.foo ~= nil, "should have deps for foo")
+
+	c = nil :: any
+	gc()
+	assert(src.__signals.foo == nil, "should release deps for foo")
+end)
+
+test("should not release effect for reactive", function()
+	local src = reactive({ foo = 1 })
+	local calls = 0
+
+	effect(function()
+		calls += 1
+		local _ = src.foo
+	end)
+	assert(calls == 1, "should call effect once")
+
+	gc()
+	src.foo += 1
+	assert(calls == 2, "should call effect again")
+end)
+
+test("should not release tracked reactive", function()
+	local src = reactive({ users = {} :: { [string]: {}? } })
+	local user
+
+	effect(function()
+		user = src.users.user
+	end)
+
+	gc()
+	src.users.user = {}
+	assert(user ~= nil, "src.users.user should not be released")
+end)
+
+return {}

packages/deep-charm/test/init.luau

@@ -0,0 +1,11 @@
+local test = require("../../tests/test")
+
+test.describe("reactive", function()
+	require(`@self/reactive.test`)
+end)
+
+test.describe("gc", function()
+	require(`@self/gc.test`)
+end)
+
+return {}

packages/deep-charm/test/reactive.test.luau

@@ -1,10 +1,13 @@
-local Charm = require("../")
-local suite = require("../../../../test/suite")
+local Charm = require("../Charm")
+local DeepCharm = require("../src")
+local test = require("../../../tests/test")
 
+local batch = Charm.batch
+local computed = Charm.computed
 local effect = Charm.effect
-local reactive = Charm.reactive
-local toRaw = Charm.toRaw
-local test = suite.test
+local observe = Charm.observe
+local reactive = DeepCharm.reactive
+local toRaw = DeepCharm.toRaw
 
 test("should track nested properties", function()
 	local src, setSrc = reactive({ a = { b = { c = 0 } } })
@@ -49,10 +52,10 @@ test("should unwrap proxy assignments", function()
 	end)
 
 	src.a, src.b = src.a, src.b
-	assert(runs == 1, runs)
+	assert(runs == 1, `bad runs: {runs}`)
 
 	src.a, src.b = src.b, src.a
-	assert(runs == 3, runs)
+	assert(runs == 3, `bad runs: {runs}`)
 end)
 
 test("should track iteration", function()
@@ -125,10 +128,10 @@ test("should not track unread properties", function()
 		local _ = src.value.a
 		calls += 1
 	end)
-	assert(calls == 1, calls)
+	assert(calls == 1, `bad calls: {calls}`)
 
 	src.value.b = 3
-	assert(calls == 1, calls)
+	assert(calls == 1, `bad calls: {calls}`)
 end)
 
 test("should overwrite with table passed to setter", function()
@@ -159,10 +162,10 @@ test("should unwrap proxy", function()
 
 	assert(toRaw(src) == raw, "unwrap did not return the original table")
 	assert(toRaw(raw) == raw, "unwrap modified a non-proxy value")
-	assert(runs == 1, runs)
+	assert(runs == 1, `bad runs: {runs}`)
 
 	src.x = 1
-	assert(runs == 2, runs)
+	assert(runs == 2, `bad runs: {runs}`)
 end)
 
 test("should unwrap nested proxy", function()
@@ -177,13 +180,53 @@ test("should unwrap nested proxy", function()
 	end)
 
 	assert(toRaw(src) == raw, "unwrap did not return the original table")
-	assert(runs == 1, runs)
+	assert(runs == 1, `bad runs: {runs}`)
 
 	inner.x = 1
-	assert(runs == 2, runs)
+	assert(runs == 2, `bad runs: {runs}`)
 
 	src.y = 2
-	assert(runs == 3, runs)
+	assert(runs == 3, `bad runs: {runs}`)
+end)
+
+test("should observe items", function()
+	local items, updateItems = reactive({ 0, 0, 0 })
+	local updates = {}
+	local cleanups = {}
+
+	observe(function()
+		return toRaw(items)
+	end, function(_, key: number)
+		local get = computed(function()
+			return items[key]
+		end)
+
+		effect(function()
+			table.insert(updates, get())
+		end)
+
+		return function()
+			table.insert(cleanups, key)
+		end
+	end)
+
+	assert(table.concat(updates) == "000", `bad mount: {table.concat(updates)}`)
+
+	table.clear(updates)
+	updateItems(function(state)
+		state[1] = 1
+		state[2] = 2
+		state[3] = 3
+	end)
+	assert(table.concat(updates) == "123", `bad update: {table.concat(updates)}`)
+
+	table.clear(updates)
+	batch(function()
+		items[3] = nil
+		items[4] = 4
+	end)
+	assert(table.concat(updates) == "4", `should add 4: {table.concat(updates)}`)
+	assert(table.concat(cleanups) == "3", `bad cleanup: {table.concat(cleanups)}`)
 end)
 
 return {}

packages/deep-charm/wally.toml

@@ -0,0 +1,9 @@
+[package]
+name = "littensy/deep-charm"
+version = "0.1.1"
+registry = "https://github.com/UpliftGames/wally-index"
+realm = "shared"
+exclude = ["node_modules", "test", "src/index.d.ts", "package.json"]
+
+[dependencies]
+Charm = "littensy/charm@^0.11.0"

packages/react-charm/Charm.luau

@@ -1,5 +1 @@
-local Charm = require(script.Parent.Parent.charm.src)
-
-export type Atom<T = any> = Charm.Atom<T>
-
-return Charm
+return require(script.Parent.Parent.charm.src)

packages/react-charm/React.luau

@@ -1,12 +1 @@
-type CoreReactBinding<T> = {
-	getValue: (self: CoreReactBinding<T>) -> T,
-	_source: string?,
-}
-
-type ReactBindingMap = {
-	map: <T, U>(self: CoreReactBinding<T> & ReactBindingMap, (T) -> U) -> ReactBindingMap & CoreReactBinding<U>,
-}
-
-export type Binding<T> = CoreReactBinding<T> & ReactBindingMap
-
 return require(script.Parent.Parent.Parent:WaitForChild("@rbxts-js").React)

packages/react-charm/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@rbxts/react-charm",
-	"version": "0.4.0-rc.3",
+	"version": "0.4.1",
 	"description": "React bindings for Charm state management",
 	"license": "MIT",
 	"main": "src/init.luau",
@@ -11,20 +11,20 @@
 		"!wally.toml",
 		"!wally.lock",
 		"!default.project.json",
-		"!**/__tests__"
+		"!test"
 	],
 	"repository": {
 		"type": "git",
 		"url": "git+https://github.com/littensy/charm.git"
 	},
 	"scripts": {
-		"prepare": "cp ../../LICENSE.md . && cp ../../README.md .",
+		"prepare": "cp ../../LICENSE . && cp ../../README.md .",
 		"publish:wally": "wally publish"
 	},
 	"dependencies": {
-		"@rbxts/charm": "workspace:*"
+		"@rbxts/charm": "workspace:^"
 	},
 	"peerDependencies": {
-		"@rbxts/react": "*"
+		"@rbxts/react": ">=17.0.0"
 	}
 }

packages/react-charm/src/__tests__/spec.luau

@@ -1,11 +0,0 @@
-local suite = require("../../../../test/suite")
-
-suite.describe("useSignalState", function()
-	require("./useSignalState.spec")
-end)
-
-suite.describe("useSignalBinding", function()
-	require("./useSignalBinding.spec")
-end)
-
-return {}

packages/react-charm/src/init.luau

@@ -13,15 +13,12 @@ local React = require("./React")
 	@param dependencies An array of values used to memoize the getter.
 	@return The current state.
 ]]
-local function useSignalState<T>(getter: () -> T, dependencies: { any }?): T
-	local value, setValue = React.useState(getter)
+local function useSignalState<T>(getter: () -> T, dependencies: {}?): T
+	local value: T, setValue = React.useState(getter)
 
-	React.useLayoutEffect(function()
-		return Charm.effect(function()
-			-- Wrap in untracked to avoid tracking inner effect and atom calls
-			Charm.untracked(setValue, getter())
-		end)
-	end, dependencies or {})
+	React.useLayoutEffect(function(): () -> ()
+		return Charm.listen(getter, setValue :: (T, T?) -> ())
+	end, dependencies :: { any } or {})
 
 	return value
 end
@@ -37,22 +34,19 @@ end
 	@param dependencies An array of values used to memoize the getter.
 	@return A binding that stores the current state.
 ]]
-local function useSignalBinding<T>(getter: () -> T, dependencies: { any }?)
+local function useSignalBinding<T>(getter: () -> T, dependencies: {}?)
 	local initialValue = React.useMemo(getter, {})
 	local binding, setBinding = React.useBinding(initialValue)
 
-	React.useLayoutEffect(function()
-		return Charm.effect(function()
-			-- Wrap in untracked to avoid tracking inner effect and atom calls
-			Charm.untracked(setBinding, getter())
-		end)
-	end, dependencies or {})
+	React.useLayoutEffect(function(): () -> ()
+		return Charm.listen(getter, setBinding :: (T, T?) -> ())
+	end, dependencies :: { any } or {})
 
 	return binding
 end
 
-return {
+return table.freeze({
 	useSignalState = useSignalState,
 	useSignalBinding = useSignalBinding,
 	useAtom = useSignalState,
-}
+})

packages/react-charm/test/helpers/renderHook.luau

@@ -1,7 +1,5 @@
-_G.__ROACT_17_MOCK_SCHEDULER__ = true
-
-local React = require("../../../React")
-local ReactRoblox = require("../../../ReactRoblox")
+local React = require("../../React")
+local ReactRoblox = require("../../ReactRoblox")
 
 type RenderedHook<Props, Result> = {
 	result: Result,
@@ -15,12 +13,13 @@ local function renderHook<Props, Result>(callback: (Props) -> Result, props: Pro
 
 	local function Component(props: Props)
 		hook.result = callback(props)
+		return nil
 	end
 
 	function hook.rerender(newProps: Props?)
 		props = newProps or props
 		ReactRoblox.act(function()
-			root:render(React.createElement(Component, props))
+			root:render(React.createElement(Component, props) :: any)
 		end)
 	end
 

packages/react-charm/test/init.luau

@@ -0,0 +1,13 @@
+local test = require("../../tests/test")
+
+_G.__ROACT_17_MOCK_SCHEDULER__ = true
+
+test.describe("useSignalState", function()
+	require("@self/useSignalState.test")
+end)
+
+test.describe("useSignalBinding", function()
+	require("@self/useSignalBinding.test")
+end)
+
+return {}

packages/react-charm/test/useSignalBinding.test.luau

@@ -1,9 +1,7 @@
-local Charm = require("../../Charm")
-local ReactCharm = require("../")
+local Charm = require("../Charm")
+local ReactCharm = require("../src")
 local renderHook = require("./helpers/renderHook")
-local suite = require("../../../../test/suite")
-
-local test = suite.test
+local test = require("../../../tests/test")
 
 test("tracks signal state", function()
 	local getState, setState = Charm.signal(0)

packages/react-charm/test/useSignalState.test.luau

@@ -1,9 +1,7 @@
-local Charm = require("../../Charm")
-local ReactCharm = require("../")
+local Charm = require("../Charm")
+local ReactCharm = require("../src")
 local renderHook = require("./helpers/renderHook")
-local suite = require("../../../../test/suite")
-
-local test = suite.test
+local test = require("../../../tests/test")
 
 test("tracks signal state", function()
 	local getState, setState = Charm.signal(0)

packages/react-charm/wally.toml

@@ -1,11 +1,11 @@
 [package]
 name = "littensy/react-charm"
-version = "0.4.0-rc.3"
+version = "0.4.1"
 registry = "https://github.com/UpliftGames/wally-index"
 realm = "shared"
 exclude = [
 	"node_modules",
-	"src/__tests__",
+	"test",
 	"src/index.d.ts",
 	"package.json",
 	"React.luau",
@@ -13,5 +13,5 @@ exclude = [
 ]
 
 [dependencies]
-Charm = "littensy/charm@^0.11.0-rc.3"
+Charm = "littensy/charm@^0.11.0"
 React = "jsdotlua/react@^17"

packages/vide-charm/Charm.luau

@@ -1,5 +1 @@
-local Charm = require(script.Parent.Parent.charm.src)
-
-export type Atom<T = any> = Charm.Atom<T>
-
-return Charm
+return require(script.Parent.Parent.charm.src)

packages/vide-charm/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@rbxts/vide-charm",
-	"version": "0.4.0-rc.3",
+	"version": "0.4.1",
 	"description": "Vide bindings for Charm state management",
 	"license": "MIT",
 	"main": "src/init.luau",
@@ -11,18 +11,18 @@
 		"!wally.toml",
 		"!wally.lock",
 		"!default.project.json",
-		"!**/__tests__"
+		"!test"
 	],
 	"repository": {
 		"type": "git",
 		"url": "git+https://github.com/littensy/charm.git"
 	},
 	"scripts": {
-		"prepare": "cp ../../LICENSE.md . && cp ../../README.md .",
+		"prepare": "cp ../../LICENSE . && cp ../../README.md .",
 		"publish:wally": "wally publish"
 	},
 	"dependencies": {
-		"@rbxts/charm": "workspace:*"
+		"@rbxts/charm": "workspace:^"
 	},
 	"peerDependencies": {
 		"@rbxts/vide": "*"

packages/vide-charm/src/__tests__/spec.luau

@@ -1,7 +0,0 @@
-local suite = require("../../../../test/suite")
-
-suite.describe("useSignalState", function()
-	require("./useSignalState.spec")
-end)
-
-return {}

packages/vide-charm/src/init.luau

@@ -11,10 +11,7 @@ local Vide = require("./Vide")
 local function useSignalState<State>(getter: () -> State): () -> State
 	local state = Vide.source(getter())
 
-	Vide.cleanup(Charm.effect(function()
-		-- Wrap in untracked to avoid tracking inner effect and atom calls
-		Charm.untracked(state :: (State) -> State, getter())
-	end))
+	Vide.cleanup(Charm.listen(getter, state :: (State, State?) -> ()))
 
 	return state
 end

packages/vide-charm/test/init.luau

@@ -0,0 +1,7 @@
+local test = require("../../tests/test")
+
+test.describe("useSignalState", function()
+	require("@self/useSignalState.test")
+end)
+
+return {}

packages/vide-charm/test/useSignalState.test.luau

@@ -1,13 +1,11 @@
-local Charm = require("../../Charm")
-local Vide = require("../../Vide")
-local VideCharm = require("../")
-local suite = require("../../../../test/suite")
-
-local test = suite.test
+local Charm = require("../Charm")
+local Vide = require("../Vide")
+local VideCharm = require("../src")
+local test = require("../../../tests/test")
 
 test("tracks signal state", function()
 	local getState, setState = Charm.signal(0)
-	local source
+	local source: () -> number
 	local cleanup = Vide.root(function()
 		source = VideCharm.useSignalState(getState)
 	end)
@@ -19,7 +17,7 @@ end)
 
 test("accepts a selector", function()
 	local getState, setState = Charm.signal(0)
-	local source
+	local source: () -> number
 	local cleanup = Vide.root(function()
 		source = VideCharm.useSignalState(function()
 			return 2 * getState()

packages/vide-charm/wally.toml

@@ -1,11 +1,11 @@
 [package]
 name = "littensy/vide-charm"
-version = "0.4.0-rc.3"
+version = "0.4.1"
 registry = "https://github.com/UpliftGames/wally-index"
 realm = "shared"
 exclude = [
 	"node_modules",
-	"src/__tests__",
+	"test",
 	"src/index.d.ts",
 	"package.json",
 	"Vide.luau",
@@ -13,5 +13,5 @@ exclude = [
 ]
 
 [dependencies]
-Charm = "littensy/charm@^0.11.0-rc.3"
-Vide = "centau/vide@^0.3"
+Charm = "littensy/charm@^0.11.0"
+Vide = "centau/vide@^0.4"

pnpm-workspace.yaml

@@ -1,2 +1,4 @@
 packages:
   - packages/*
+publicHoistPattern:
+  - "*@rbxts*"

rokit.toml

@@ -1,13 +1,6 @@
-# This file lists tools managed by Rokit, a toolchain manager for Roblox projects.
-# For more information, see https://github.com/rojo-rbx/rokit
-
-# New tools can be added by running `rokit add <tool>` in a terminal.
-
 [tools]
 wally = "UpliftGames/wally@0.3.2"
-rojo = "rojo-rbx/rojo@7.6.1"
-stylua = "johnnymorganz/stylua@2.3.1"
-selene = "Kampfkarren/selene@0.29.0"
-luau-lsp = "johnnymorganz/luau-lsp@1.56.2"
-lune = "lune-org/lune@0.10.4"
-lute = "luau-lang/lute@0.1.0-nightly.20251119"
+rojo = "rojo-rbx/rojo@7.7.0"
+stylua = "johnnymorganz/stylua@2.5.2"
+luau-lsp = "johnnymorganz/luau-lsp@1.70.1"
+lute = "luau-lang/lute@1.0.0"

selene.toml

@@ -1,6 +0,0 @@
-std = "selene_defs"
-exclude = ["*/node_modules/*"]
-
-[lints]
-global_usage = "allow"
-shadowing = "allow"

selene_defs.yml

@@ -1,6 +0,0 @@
-base: roblox
-name: selene_defs
-globals:
-  require:
-    args:
-      - type: string

test/spec.server.luau

@@ -1,23 +0,0 @@
-local Charm = require("../packages/charm/src")
-local suite = require("./suite")
-
-Charm.flags.strict = true
-Charm.flags.frozen = true
-
-suite.describe("charm", function()
-	require("../packages/charm/src/__tests__/spec")
-end)
-
-suite.describe("charm-sync", function()
-	require("../packages/charm-sync/src/__tests__/spec")
-end)
-
-suite.describe.ingame("react-charm", function()
-	require("../packages/react-charm/src/__tests__/spec")
-end)
-
-suite.describe.ingame("vide-charm", function()
-	require("../packages/vide-charm/src/__tests__/spec")
-end)
-
-suite.finish()

test/suite

@@ -1 +0,0 @@
-Subproject commit eb95781a86e505cb6bff83ca568a67c7295ebb38

tests/run.server.luau

@@ -0,0 +1,33 @@
+local Charm = require("../packages/charm/src")
+local test = require("./test")
+
+Charm.flags.strict = true
+Charm.flags.frozen = true
+
+local describeInRoblox = test.describeIf(function()
+	return not not game
+end)
+
+test.describe("charm", function()
+	require("../packages/charm/test")
+end)
+
+test.describe("charm-sync", function()
+	require("../packages/charm-sync/test")
+end)
+
+test.describe("deep-charm", function()
+	require("../packages/deep-charm/test")
+end)
+
+describeInRoblox("react-charm", function()
+	require("../packages/react-charm/test")
+end)
+
+describeInRoblox("vide-charm", function()
+	require("../packages/vide-charm/test")
+end)
+
+test.finish()
+
+return {}

tests/test

@@ -0,0 +1 @@
+Subproject commit 7ef2b88191af884d543e7392d50c7e2adc484e32

tsconfig.json

@@ -4,11 +4,10 @@
 		"allowSyntheticDefaultImports": true,
 		"downlevelIteration": true,
 		"jsx": "react",
-		"jsxFactory": "Roact.createElement",
-		"jsxFragmentFactory": "Roact.createFragment",
+		"jsxFactory": "React.createElement",
+		"jsxFragmentFactory": "React.Fragment",
 		"module": "commonjs",
 		"moduleResolution": "Node",
-		"ignoreDeprecations": "6.0",
 		"noLib": true,
 		"resolveJsonModule": true,
 		"experimentalDecorators": true,