refactor: move modules to packages (#41)

* refactor: move modules to `packages`

* chore: remove .vscode

packages/react/default.project.json

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

packages/react/package.json

@@ -0,0 +1,19 @@
+{
+	"name": "@rbxts/react-charm",
+	"version": "0.1.1",
+	"description": "React bindings for Charm",
+	"repository": "littensy/charm",
+	"license": "MIT",
+	"main": "src/init.luau",
+	"types": "src/index.d.ts",
+	"scripts": {
+		"prepare": "cp ../../LICENSE.md . && cp ../../README.md .",
+		"publish:wally": "wally publish"
+	},
+	"dependencies": {
+		"@rbxts/charm": "workspace:*"
+	},
+	"peerDependencies": {
+		"@rbxts/react": "*"
+	}
+}

packages/react/src/index.d.ts

@@ -0,0 +1,15 @@
+import { Selector } from "@rbxts/charm";
+
+/**
+ * A hook that subscribes to changes in the given atom or selector. The
+ * component is re-rendered whenever the state changes.
+ *
+ * If the `dependencies` array is provided, the subscription to the atom or
+ * selector is re-created whenever the dependencies change. Otherwise, the
+ * subscription is created once when the component is mounted.
+ *
+ * @param callback The atom or selector to subscribe to.
+ * @param dependencies An array of values that the subscription depends on.
+ * @returns The current state.
+ */
+export function useAtom<State>(callback: Selector<State>, dependencies?: unknown[]): State;

packages/react/src/init.luau

@@ -0,0 +1,31 @@
+local Charm = require(script.Parent.Charm)
+local React = if script.Parent:FindFirstChild("react")
+	then require(script.Parent.react) :: never
+	else require(script.Parent.React)
+
+--[=[
+	A hook that subscribes to changes in the given atom or selector. The
+	component is re-rendered whenever the state changes.
+	
+	If the `dependencies` array is provided, the subscription to the atom or
+	selector is re-created whenever the dependencies change. Otherwise, the
+	subscription is created once when the component is mounted.
+	
+	@param callback The atom or selector to subscribe to.
+	@param dependencies An array of values that the subscription depends on.
+	@return The current state.
+]=]
+local function useAtom<State>(callback: Charm.Selector<State>, dependencies: { any }?): State
+	local state, setState = React.useState(callback)
+
+	React.useEffect(function()
+		setState(callback())
+		return Charm.subscribe(callback, setState)
+	end, dependencies or {})
+
+	return state
+end
+
+return {
+	useAtom = useAtom,
+}

packages/react/wally.toml

@@ -0,0 +1,9 @@
+[package]
+name = "littensy/react-charm"
+version = "0.1.1"
+registry = "https://github.com/UpliftGames/wally-index"
+realm = "shared"
+
+[dependencies]
+Charm = "littensy/charm@^0.8"
+React = "jsdotlua/react@^17"