@rbxts/app-forge 0.4.5 → 0.4.7

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,15 +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 _react = TS.import(script, TS.getModule(script, "@rbxts", "react"))
-local React = _react
-local useBinding = _react.useBinding
+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
@@ -19,11 +19,11 @@ local function createBinding(name, manager)
 	if _condition == nil then
 		_condition = false
 	end
-	local binding = { useBinding(_condition) }
-	local _binds = manager.binds
+	local appSource = source(_condition)
+	local _sources = manager.sources
 	local _name_1 = name
-	_binds[_name_1] = binding
-	return unpack(binding)
+	_sources[_name_1] = appSource
+	return source
 end
 local function createInstance(props)
 	local _binding = props
@@ -38,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]
@@ -56,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 React from "@rbxts/react";
+import Vide from "@rbxts/vide";
 import type Types from "./types";
 import type AppForge from ".";
 export declare const AppRegistry: Map<string, Types.AppRegistry>;
@@ -7,8 +7,7 @@ export declare abstract class Args {
     readonly forge: AppForge;
     readonly props: Types.ClassProps;
     readonly name: AppNames[number];
-    readonly bind: React.Binding<boolean>;
-    readonly state: 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,7 +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 usePx = TS.import(script, TS.getModule(script, "@rbxts", "loners-pretty-vide-utils").out).usePx
 -- Types
 local AppRegistry = {}
 local function App(props)
@@ -33,8 +33,8 @@ do
 		if not (name ~= "" and name) then
 			error("App name is required in Args constructor")
 		end
-		local bind = forge:getBind(name)
-		if not bind and RunService:IsRunning() then
+		local source = forge:getSource(name)
+		if not source and RunService:IsRunning() then
 			error("FAILED TO GET BIND FOR APP!")
 		end
 		local px = usePx(target)
@@ -44,8 +44,7 @@ do
 		_object.px = px
 		self.props = _object
 		self.name = name
-		self.bind = bind
-		self.state = if self.bind then self.bind:getValue() else nil
+		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,20 +1,19 @@
-import React from "@rbxts/react";
+import Vide from "@rbxts/vide";
 import type Types from "./types";
 import { Args, App } from "./decorator";
 export default class AppForge {
-    binds: Map<string, [React.Binding<boolean>, (T: boolean) => void]>;
-    loaded: Map<string, React.Element<any, string | React.JSXElementConstructor<any>>>;
+    sources: Map<string, Vide.Source<boolean>>;
+    loaded: Map<string, Vide.Node>;
     private rulesManager;
-    getBind(name: AppNames[number]): React.Binding<boolean> | undefined;
-    getState(name: AppNames[number]): boolean | undefined;
-    set(name: AppNames[number], value: boolean): void;
+    getSource(name: AppNames[number]): Vide.Source<boolean>;
+    set(name: AppNames[number], value: Vide.Source<boolean> | 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

@@ -2,16 +2,15 @@
 local TS = _G[script]
 local exports = {}
 -- Services
-local RunService = TS.import(script, TS.getModule(script, "@rbxts", "services")).RunService
 -- 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 AppForge
@@ -27,49 +26,39 @@ do
 		return self:constructor(...) or self
 	end
 	function AppForge:constructor()
-		self.binds = {}
+		self.sources = {}
 		self.loaded = {}
 		self.rulesManager = RulesManager.new(self)
 	end
-	function AppForge:getBind(name)
-		local _condition = not RunService:IsRunning()
-		if _condition then
-			local _binds = self.binds
-			local _name = name
-			_condition = not (_binds[_name] ~= nil)
-		end
-		if _condition then
-			return nil
-		end
-		local _binds = self.binds
+	function AppForge:getSource(name)
+		local _sources = self.sources
 		local _name = name
-		if not (_binds[_name] ~= nil) then
-			error(`App "{name}" has no binding`)
+		if not (_sources[_name] ~= nil) then
+			error(`App "{name}" has no source`)
 		end
-		local _binds_1 = self.binds
+		local _sources_1 = self.sources
 		local _name_1 = name
-		return _binds_1[_name_1][1]
-	end
-	function AppForge:getState(name)
-		local _result = self:getBind(name)
-		if _result ~= nil then
-			_result = _result:getValue()
-		end
-		return _result
+		return _sources_1[_name_1]
 	end
 	function AppForge:set(name, value)
 		if not self.rulesManager:applyRules(name, value) then
 			return nil
 		end
-		local _binds = self.binds
+		local _sources = self.sources
 		local _name = name
-		local _binding = _binds[_name]
-		local _ = _binding[1]
-		local setBinding = _binding[2]
-		if not setBinding then
-			error(`App "{name}" has no binding setter`)
+		local source = _sources[_name]
+		if not source then
+			error(`App "{name}" has no source`)
+		end
+		local _value = value
+		if type(_value) == "function" then
+			local _sources_1 = self.sources
+			local _name_1 = name
+			local _value_1 = value
+			_sources_1[_name_1] = _value_1
+		else
+			source(value)
 		end
-		setBinding(value)
 	end
 	function AppForge:open(name)
 		self:set(name, true)
@@ -78,12 +67,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,8 +1,9 @@
-import AppManager from ".";
+import Vide from "@rbxts/vide";
+import type AppForge from ".";
 export default class RulesManager {
     private appManager;
-    constructor(appManager: AppManager);
-    applyRules(name: AppNames[number], value: boolean): boolean;
+    constructor(appManager: AppForge);
+    applyRules(name: AppNames[number], source: Vide.Source<boolean> | boolean): boolean;
     private inSameGroup;
     private blockedBy;
     private blocks;

package/out/rules.luau

@@ -30,7 +30,7 @@ do
 	function RulesManager:constructor(appManager)
 		self.appManager = appManager
 	end
-	function RulesManager:applyRules(name, value)
+	function RulesManager:applyRules(name, source)
 		local _name = name
 		local appData = AppRegistry[_name]
 		local _rules = appData
@@ -38,6 +38,8 @@ do
 			_rules = _rules.rules
 		end
 		local rules = _rules
+		local _source = source
+		local value = if type(_source) == "function" then source() else source
 		local _result = rules
 		if _result ~= nil then
 			_result = _result.groups
@@ -78,7 +80,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 +156,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 +169,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 +184,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.5",
+	"version": "0.4.7",
 	"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"
 	}
 }