@rbxts/app-forge 0.4.4 → 0.4.6

package/out/container.d.ts

@@ -1,2 +1,3 @@
+import "@rbxts/vide";
 import type Types from "./types";
-export declare function AppContainer(props: Types.NameProps & Types.MainProps): JSX.Element;
+export default function AppContainer(props: Types.NameProps & Types.MainProps): void;

package/out/container.luau

@@ -1,14 +1,15 @@
 -- Compiled with roblox-ts v3.0.0
 local TS = _G[script]
+TS.import(script, TS.getModule(script, "@rbxts", "vide").src)
 -- Services
 local RunService = TS.import(script, TS.getModule(script, "@rbxts", "services")).RunService
 -- Packages
-local atom = TS.import(script, TS.getModule(script, "@rbxts", "charm")).atom
-local React = TS.import(script, TS.getModule(script, "@rbxts", "react"))
+local source = TS.import(script, TS.getModule(script, "@rbxts", "vide").src).source
 -- Types
 -- Components
 local AppRegistry = TS.import(script, script.Parent, "decorator").AppRegistry
-local function createBinding(name, manager)
+-- Utility
+local function createSource(name, manager)
 	local _name = name
 	local app = AppRegistry[_name]
 	if not app then
@@ -18,11 +19,11 @@ local function createBinding(name, manager)
 	if _condition == nil then
 		_condition = false
 	end
-	local binding = atom(_condition)
-	local _atoms = manager.atoms
+	local appSource = source(_condition)
+	local _sources = manager.sources
 	local _name_1 = name
-	_atoms[_name_1] = binding
-	return binding
+	_sources[_name_1] = appSource
+	return source
 end
 local function createInstance(props)
 	local _binding = props
@@ -37,13 +38,8 @@ local function createInstance(props)
 	end
 	if not (forge.loaded[name] ~= nil) then
 		local instance = appClass.constructor.new(props)
-		local Render = function()
-			return instance:render()
-		end
 		local _loaded = forge.loaded
-		local _arg1 = React.createElement(Render, {
-			key = "Main",
-		})
+		local _arg1 = instance:render()
 		_loaded[name] = _arg1
 	end
 	return forge.loaded[name]
@@ -55,25 +51,26 @@ local function AppContainer(props)
 	if not (name ~= "" and name) then
 		error("App name is required in AppContainer")
 	end
-	createBinding(name, forge)
+	createSource(name, forge)
 	local element = createInstance(props)
 	if not element then
 		error(`Failed to create instance for app "{name}"`)
 	end
 	if RunService:IsRunning() then
-		return React.createElement("screengui", {
-			key = name,
-			ZIndexBehavior = "Sibling",
-			ResetOnSpawn = false,
-		}, element)
+		return nil
+		-- return (
+		-- 	<screengui key={name} ZIndexBehavior="Sibling" ResetOnSpawn={false}>
+		-- 		{element}
+		-- 	</screengui>
+		-- );
 	else
-		return React.createElement("frame", {
-			key = name,
-			BackgroundTransparency = 1,
-			Size = UDim2.fromScale(1, 1),
-		}, element)
+		-- return (
+		-- 	<frame key={name} BackgroundTransparency={1} Size={UDim2.fromScale(1, 1)}>
+		-- 		{element}
+		-- 	</frame>
+		-- );
 	end
 end
 return {
-	AppContainer = AppContainer,
+	default = AppContainer,
 }

package/out/decorator.d.ts

@@ -1,4 +1,4 @@
-import type { Atom } from "@rbxts/charm";
+import Vide from "@rbxts/vide";
 import type Types from "./types";
 import type AppForge from ".";
 export declare const AppRegistry: Map<string, Types.AppRegistry>;
@@ -7,7 +7,7 @@ export declare abstract class Args {
     readonly forge: AppForge;
     readonly props: Types.ClassProps;
     readonly name: AppNames[number];
-    readonly atom: Atom<boolean>;
+    readonly source: Vide.Source<boolean>;
     constructor(props: Types.NameProps & Types.MainProps);
-    abstract render(): JSX.Element;
+    abstract render(): Vide.Node;
 }

package/out/decorator.luau

@@ -3,8 +3,7 @@ local TS = _G[script]
 -- Services
 local RunService = TS.import(script, TS.getModule(script, "@rbxts", "services")).RunService
 -- Packages
-local usePx = TS.import(script, TS.getModule(script, "@rbxts", "loners-pretty-react-hooks").out).usePx
-local useAtom = TS.import(script, TS.getModule(script, "@rbxts", "react-charm")).useAtom
+local usePx = TS.import(script, TS.getModule(script, "@rbxts", "loners-pretty-vide-utils").out).usePx
 -- Types
 local AppRegistry = {}
 local function App(props)
@@ -34,9 +33,9 @@ do
 		if not (name ~= "" and name) then
 			error("App name is required in Args constructor")
 		end
-		local atom = forge:getAtom(name)
-		if not atom and RunService:IsRunning() then
-			error("FAILED TO GET ATOM FOR APP!")
+		local source = forge:getSource(name)
+		if not source and RunService:IsRunning() then
+			error("FAILED TO GET BIND FOR APP!")
 		end
 		local px = usePx(target)
 		self.forge = forge
@@ -45,9 +44,7 @@ do
 		_object.px = px
 		self.props = _object
 		self.name = name
-		self.atom = useAtom(function()
-			return atom
-		end)
+		self.source = source
 	end
 end
 return {

package/out/helpers.d.ts

@@ -1,2 +1,2 @@
 import Types from "./types";
-export declare function Render(props: Types.NameProps & Types.MainProps): JSX.Element | JSX.Element[];
+export declare function Render(props: Types.NameProps & Types.MainProps): import("@rbxts/vide").Node;

package/out/index.d.ts

@@ -1,21 +1,19 @@
-import React from "@rbxts/react";
-import type { Atom } from "@rbxts/charm";
+import Vide from "@rbxts/vide";
 import type Types from "./types";
 import { Args, App } from "./decorator";
 export default class AppForge {
-    atoms: Map<string, Atom<boolean>>;
-    loaded: Map<string, React.Element<any, string | React.JSXElementConstructor<any>>>;
+    sources: Map<string, Vide.Source<boolean>>;
+    loaded: Map<string, Vide.Node>;
     private rulesManager;
-    getAtom(name: AppNames[number]): Atom<boolean> | undefined;
-    getState(name: AppNames[number]): Atom<boolean>;
+    getSource(name: AppNames[number]): Vide.Source<boolean>;
     set(name: AppNames[number], value: boolean): void;
     open(name: AppNames[number]): void;
     close(name: AppNames[number]): void;
     toggle(name: AppNames[number]): void;
-    renderApp(props: Types.NameProps & Types.MainProps): JSX.Element;
-    renderApps(props: Types.NameProps & Types.MainProps): JSX.Element[];
-    renderAll(props: Types.MainProps): JSX.Element[];
+    renderApp(props: Types.NameProps & Types.MainProps): Vide.Node;
+    renderApps(props: Types.NameProps & Types.MainProps): Vide.Node[];
+    renderAll(props: Types.MainProps): Vide.Node[];
 }
 export { App, Args };
 export { Render } from "./helpers";
-export type { MainProps, NameProps, Props } from "./types";
+export type { NameProps, MainProps, ClassProps } from "./types";

package/out/init.luau

@@ -1,18 +1,18 @@
 -- Compiled with roblox-ts v3.0.0
 local TS = _G[script]
 local exports = {}
+-- Services
 -- Packages
-local React = TS.import(script, TS.getModule(script, "@rbxts", "react"))
+local Vide = TS.import(script, TS.getModule(script, "@rbxts", "vide").src)
 -- Types
 -- Components
 local _decorator = TS.import(script, script, "decorator")
 local AppRegistry = _decorator.AppRegistry
 local Args = _decorator.Args
 local App = _decorator.App
-local AppContainer = TS.import(script, script, "container").AppContainer
+local AppContainer = TS.import(script, script, "container").default
 -- Classes
 local RulesManager = TS.import(script, script, "rules").default
-local RunService = TS.import(script, TS.getModule(script, "@rbxts", "services")).RunService
 local AppForge
 do
 	AppForge = setmetatable({}, {
@@ -26,43 +26,31 @@ do
 		return self:constructor(...) or self
 	end
 	function AppForge:constructor()
-		self.atoms = {}
+		self.sources = {}
 		self.loaded = {}
 		self.rulesManager = RulesManager.new(self)
 	end
-	function AppForge:getAtom(name)
-		local _condition = not RunService:IsRunning()
-		if _condition then
-			local _atoms = self.atoms
-			local _name = name
-			_condition = not (_atoms[_name] ~= nil)
-		end
-		if _condition then
-			return nil
-		end
-		local _atoms = self.atoms
+	function AppForge:getSource(name)
+		local _sources = self.sources
 		local _name = name
-		if not (_atoms[_name] ~= nil) then
-			error(`App "{name}" has no binding`)
+		if not (_sources[_name] ~= nil) then
+			error(`App "{name}" has no source`)
 		end
-		local _atoms_1 = self.atoms
+		local _sources_1 = self.sources
 		local _name_1 = name
-		return _atoms_1[_name_1]
-	end
-	function AppForge:getState(name)
-		return self:getAtom(name)
+		return _sources_1[_name_1]
 	end
 	function AppForge:set(name, value)
 		if not self.rulesManager:applyRules(name, value) then
 			return nil
 		end
-		local _atoms = self.atoms
+		local _sources = self.sources
 		local _name = name
-		local atom = _atoms[_name]
-		if not atom then
-			error(`App "{name}" has no binding setter`)
+		local source = _sources[_name]
+		if not source then
+			error(`App "{name}" has no source`)
 		end
-		atom(value)
+		source(value)
 	end
 	function AppForge:open(name)
 		self:set(name, true)
@@ -71,12 +59,12 @@ do
 		self:set(name, false)
 	end
 	function AppForge:toggle(name)
-		self:set(name, not self:getState(name))
+		self:set(name, not self:getSource(name)())
 	end
 	function AppForge:renderApp(props)
 		local _attributes = table.clone(props)
 		setmetatable(_attributes, nil)
-		return React.createElement(AppContainer, _attributes)
+		return Vide.jsx(AppContainer, _attributes)
 	end
 	function AppForge:renderApps(props)
 		local names = props.names

package/out/rules.d.ts

@@ -1,7 +1,7 @@
-import AppManager from ".";
+import type AppForge from ".";
 export default class RulesManager {
     private appManager;
-    constructor(appManager: AppManager);
+    constructor(appManager: AppForge);
     applyRules(name: AppNames[number], value: boolean): boolean;
     private inSameGroup;
     private blockedBy;

package/out/rules.luau

@@ -78,7 +78,7 @@ do
 				if _result_2 then
 					return nil
 				end
-				if self.appManager:getState(n) then
+				if self.appManager:getSource(n)() then
 					self.appManager:set(n, false)
 				end
 			end
@@ -154,7 +154,7 @@ do
 			if self:inSameGroup(name, blocker) or not (blocker ~= "" and blocker) then
 				continue
 			end
-			if self.appManager:getState(blocker) then
+			if self.appManager:getSource(blocker)() then
 				return false
 			end
 		end
@@ -167,7 +167,7 @@ do
 			if self:inSameGroup(name, b) or not (b ~= "" and b) then
 				continue
 			end
-			if self.appManager:getState(b) then
+			if self.appManager:getSource(b)() then
 				self.appManager:set(b, false)
 			end
 		end
@@ -182,7 +182,7 @@ do
 			if self:inSameGroup(name, other) then
 				continue
 			end
-			if self.appManager:getState(other) then
+			if self.appManager:getSource(other)() then
 				self.appManager:set(other, false)
 			end
 		end

package/out/types.d.ts

@@ -20,7 +20,7 @@ declare namespace Types {
 	};
 
 	type ClassProps = AppProps & {
-		px: ReturnType<typeof import("@rbxts/loners-pretty-react-hooks").usePx>;
+		px: ReturnType<typeof import("@rbxts/loners-pretty-vide-utils").usePx>;
 	};
 
 	type AppRegistry = {
@@ -46,8 +46,8 @@ declare namespace Types {
 	}
 }
 
-export type MainProps = Types.MainProps;
 export type NameProps = Types.NameProps;
-export type Props = Types.ClassProps;
+export type MainProps = Types.MainProps;
+export type ClassProps = Types.ClassProps;
 
 export default Types;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@rbxts/app-forge",
-	"version": "0.4.4",
+	"version": "0.4.6",
 	"description": "An App Manager for react",
 	"main": "out/init.lua",
 	"packageManager": "bun@1.3.1",
@@ -35,26 +35,18 @@
 	"devDependencies": {
 		"@biomejs/biome": "^2.3.7",
 		"@rbxts/compiler-types": "3.0.0-types.0",
-		"@rbxts/react": "17.3.0-alpha.1",
-		"@rbxts/react-roblox": "17.3.0-alpha.1",
 		"@rbxts/types": "^1.0.891",
-		"@typescript-eslint/eslint-plugin": "^8.46.4",
-		"@typescript-eslint/parser": "^8.46.4",
 		"roblox-ts": "3.0.0",
 		"typescript": "^5.9.3"
 	},
 	"dependencies": {
-		"@rbxts/charm": "^0.10.0",
-		"@rbxts/loners-pretty-react-hooks": "^0.2.9",
-		"@rbxts/react-charm": "^0.3.0",
 		"@rbxts/ripple": "^0.9.3",
 		"@rbxts/services": "^1.6.0",
 		"@rbxts/set-timeout": "^1.1.2"
 	},
 	"peerDependencies": {
-		"@rbxts/loners-pretty-react-hooks": "*",
-		"@rbxts/react-roblox": "*",
-		"@rbxts/react": "*",
-		"@rbxts/charm": "*"
+		"@rbxts/loners-pretty-vide-utils": "^0.0.6",
+		"@rbxts/object-utils": "^1.0.4",
+		"@rbxts/vide": "^0.5.7"
 	}
 }