@rbxts/app-forge 0.6.0-alpha.82 → 0.6.0-alpha.84

package/README.md

@@ -9,6 +9,8 @@ AppForge is a UI/app orchestration system for Vide/React in Roblox, enabling:
 
 ---
 
+# THESE ARE OUTDATED | MOUNTING IS WRONG | MISSING FEATURES
+
 # VIDE is working and functional in the latest build
 
 # REACT is PLANNED to be worked on but is NOT recommended ATM

package/out/vide/classes/renders.d.ts

@@ -1,19 +1,21 @@
+import Vide from "@rbxts/vide";
 import type Types from "../types";
 import type AppForge from "..";
 import Rules from "./rules";
 export default class Renders extends Rules {
+    protected anchored: Map<string, {
+        id: AppNames;
+        render: Vide.Node;
+    }>;
     constructor();
-    protected renderMount(this: AppForge, props: Types.Props.Main): Instance | import("@rbxts/vide").InstanceAttributes<Instance> | import("@rbxts/vide").VideAction<any> | ReadonlyMap<number, import("@rbxts/vide").Node> | {
-        readonly [key: number]: import("@rbxts/vide").Node;
-    } | import("@rbxts/vide").FunctionNode;
+    protected renderMount(this: AppForge, props: Types.Props.Main): Vide.Node;
     private renderNames;
     private collectByGroup;
     private normalizeGroups;
-    protected afterRender(this: AppForge, props: Types.Props.Main): void;
-    protected renderApp(this: AppForge, props: Types.Props.Main): Instance | import("@rbxts/vide").InstanceAttributes<Instance> | import("@rbxts/vide").VideAction<any> | import("@rbxts/vide").FragmentNode | import("@rbxts/vide").FunctionNode;
-    protected renderApps(this: AppForge, props: Types.Props.Main): (Instance | import("@rbxts/vide").InstanceAttributes<Instance> | import("@rbxts/vide").VideAction<any> | import("@rbxts/vide").FragmentNode | import("@rbxts/vide").FunctionNode)[];
-    protected renderGroup(this: AppForge, props: Types.Props.Main): (Instance | import("@rbxts/vide").InstanceAttributes<Instance> | import("@rbxts/vide").VideAction<any> | import("@rbxts/vide").FragmentNode | import("@rbxts/vide").FunctionNode)[];
-    protected renderGroupByName(this: AppForge, props: Types.Props.Main): (Instance | import("@rbxts/vide").InstanceAttributes<Instance> | import("@rbxts/vide").VideAction<any> | import("@rbxts/vide").FragmentNode | import("@rbxts/vide").FunctionNode)[];
-    protected renderGroupByNames(this: AppForge, props: Types.Props.Main): (Instance | import("@rbxts/vide").InstanceAttributes<Instance> | import("@rbxts/vide").VideAction<any> | import("@rbxts/vide").FragmentNode | import("@rbxts/vide").FunctionNode)[];
-    protected renderAll(this: AppForge, props: Types.Props.Main): (Instance | import("@rbxts/vide").InstanceAttributes<Instance> | import("@rbxts/vide").VideAction<any> | import("@rbxts/vide").FragmentNode | import("@rbxts/vide").FunctionNode)[];
+    protected renderApp(this: AppForge, props: Types.Props.Main): Vide.Node;
+    protected renderApps(this: AppForge, props: Types.Props.Main): Vide.Node[];
+    protected renderGroup(this: AppForge, props: Types.Props.Main): Vide.Node[];
+    protected renderGroupByName(this: AppForge, props: Types.Props.Main): Vide.Node[];
+    protected renderGroupByNames(this: AppForge, props: Types.Props.Main): Vide.Node[];
+    protected renderAll(this: AppForge, props: Types.Props.Main): Vide.Node[];
 }

package/out/vide/classes/renders.luau

@@ -3,6 +3,9 @@ local TS = _G[script]
 -- Services
 -- Packages
 local usePx = TS.import(script, TS.getModule(script, "@rbxts", "loners-pretty-vide-utils").out).usePx
+local _vide = TS.import(script, TS.getModule(script, "@rbxts", "vide").src)
+local apply = _vide.apply
+local create = _vide.create
 -- Types
 -- Components
 local AppRegistry = TS.import(script, script.Parent.Parent, "decorator").AppRegistry
@@ -24,6 +27,7 @@ do
 	end
 	function Renders:constructor()
 		super.constructor(self)
+		self.anchored = {}
 	end
 	function Renders:renderMount(props)
 		local _binding = props
@@ -136,30 +140,6 @@ do
 		end
 		return _result
 	end
-	function Renders:afterRender(props)
-		local _binding = props
-		local forge = _binding.forge
-		-- ▼ ReadonlyMap.forEach ▼
-		local _callback = function(app, name)
-			local rules = app.rules
-			local _condition = not rules
-			if not _condition then
-				local _value = rules.parent
-				_condition = not (_value ~= "" and _value)
-				if not _condition then
-					_condition = rules.detach
-				end
-			end
-			if _condition then
-				return nil
-			end
-			forge:attach(name, rules.parent)
-		end
-		for _k, _v in AppRegistry do
-			_callback(_v, _k, AppRegistry)
-		end
-		-- ▲ ReadonlyMap.forEach ▲
-	end
 	function Renders:renderApp(props)
 		local _binding = props
 		local forge = _binding.forge
@@ -177,16 +157,41 @@ do
 			error(`App "{name}" not registered`)
 		end
 		if not (forge.loaded[name] ~= nil) then
-			local instance = appClass.constructor.new(props, name)
+			local render = appClass.constructor.new(props, name):render()
+			apply(render)({
+				Name = "Render",
+			})
+			local container = create("Frame")({
+				Name = name,
+				BackgroundTransparency = 1,
+				AnchorPoint = Vector2.new(0.5, 0.5),
+				Position = UDim2.fromScale(0.5, 0.5),
+				Size = UDim2.fromScale(1, 1),
+				[0] = render,
+			})
 			local _loaded = forge.loaded
-			local _arg1 = instance:render()
+			local _arg1 = {
+				container = container,
+				render = render,
+			}
 			_loaded[name] = _arg1
+			local _result = appClass.rules
+			if _result ~= nil then
+				_result = _result.parent
+			end
+			local _condition = _result
+			if _condition ~= "" and _condition then
+				_condition = not not appClass.rules.detach
+			end
+			if _condition ~= "" and _condition then
+				self:anchor(name, appClass.rules.parent, props)
+			end
 		end
 		local element = forge.loaded[name]
 		if not element then
 			error(`Failed to create instance for app "{name}"`)
 		end
-		return element
+		return element.container
 	end
 	function Renders:renderApps(props)
 		local _names = props.render

package/out/vide/index.d.ts

@@ -2,24 +2,28 @@ import Vide from "@rbxts/vide";
 import Renders from "./classes/renders";
 import Types from "./types";
 type Destructor = () => void;
+type Loaded = {
+    container: Vide.Node;
+    render: Vide.Node;
+    anchor?: Vide.Node;
+};
 export default class AppForge extends Renders {
     protected sources: Map<string, Vide.Source<boolean>>;
-    protected attached: Map<string, string>;
-    protected loaded: Map<string, Vide.Node>;
+    protected loaded: Map<string, Loaded>;
     protected innerMount?: Destructor;
     protected __px: boolean;
     constructor();
     protected createSource(name: AppNames): typeof Vide.source | undefined;
     isLoaded(name: AppNames): boolean;
     bind(name: AppNames, value: Vide.Source<boolean>): void;
-    attach(child: AppNames, parent: AppNames): void;
+    anchor(name: AppNames, anchor: AppNames, props: Types.Props.Main): void;
     getSource(name: AppNames): Vide.Source<boolean>;
     set(name: AppNames, value: boolean, rules?: boolean): void;
     open(name: AppNames, rules?: boolean): void;
     close(name: AppNames, rules?: boolean): void;
+    toggle(name: AppNames, rules?: boolean): void;
     story(props: Types.Props.Main): Frame;
     mount(callback: () => Vide.Node, props: Types.Props.Main, target: Instance): Destructor;
     unMount(): void;
-    toggle(name: AppNames, rules?: boolean): void;
 }
 export {};

package/out/vide/init.luau

@@ -31,7 +31,6 @@ do
 	function AppForge:constructor()
 		super.constructor(self)
 		self.sources = {}
-		self.attached = {}
 		self.loaded = {}
 		self.__px = false
 		-- ▼ ReadonlyMap.forEach ▼
@@ -85,38 +84,50 @@ do
 			warn("forge.bind is used for studio when game isnt running")
 		end
 	end
-	function AppForge:attach(child, parent)
-		local _attached = self.attached
-		local _child = child
-		local entry = _attached[_child]
-		local _condition = entry
-		if _condition ~= "" and _condition then
-			_condition = entry == parent
-		end
-		if _condition ~= "" and _condition then
-			return nil
+	function AppForge:anchor(name, anchor, props)
+		if name == anchor then
+			error(`Tried to anchor an App to itself`)
 		end
-		if not (entry ~= "" and entry) then
-			local _loaded = self.loaded
-			local _child_1 = child
-			local childNode = _loaded[_child_1]
-			if not childNode then
-				return warn(`failed to get child: {entry} to attach to {parent}`)
-			end
-			local _loaded_1 = self.loaded
-			local _parent = parent
-			local parentNode = _loaded_1[_parent]
-			if not parentNode then
-				return warn(`failed to get parent: {parent} for {child} to attach to`)
-			end
-			apply(childNode)({
-				Parent = parentNode,
-			})
-			local _attached_1 = self.attached
-			local _child_2 = child
-			local _parent_1 = parent
-			_attached_1[_child_2] = _parent_1
+		local _anchor = anchor
+		local anchorApp = AppRegistry[_anchor]
+		if not anchorApp then
+			error(`Failed to get class for {anchor} from AppRegistry for anchor`)
 		end
+		local _loaded = self.loaded
+		local _name = name
+		local _render = _loaded[_name]
+		if _render ~= nil then
+			_render = _render.render
+		end
+		local render = _render
+		if not render then
+			error(`Failed to get {name} from this.loaded for anchor to {anchor}`)
+		end
+		local achorRender = anchorApp.constructor.new(props, anchor):render()
+		apply(achorRender)({
+			Name = "Anchor",
+			[0] = render,
+		})
+		local _loaded_1 = self.loaded
+		local _name_1 = name
+		local prev = _loaded_1[_name_1]
+		local _loaded_2 = self.loaded
+		local _exp = name
+		local _object = {}
+		local _left = "container"
+		local _result = prev
+		if _result ~= nil then
+			_result = _result.container
+		end
+		_object[_left] = _result
+		local _left_1 = "render"
+		local _result_1 = prev
+		if _result_1 ~= nil then
+			_result_1 = _result_1.render
+		end
+		_object[_left_1] = _result_1
+		_object.anchor = achorRender
+		_loaded_2[_exp] = _object
 	end
 	function AppForge:getSource(name)
 		local _sources = self.sources
@@ -161,6 +172,12 @@ do
 		end
 		self:set(name, false, rules)
 	end
+	function AppForge:toggle(name, rules)
+		if rules == nil then
+			rules = true
+		end
+		self:set(name, not self:getSource(name)(), rules)
+	end
 	function AppForge:story(props)
 		local Container = create("Frame")({
 			Name = "Story Container",
@@ -172,7 +189,6 @@ do
 		apply(Container)({
 			[0] = self:renderMount(props),
 		})
-		self:afterRender(props)
 		return Container
 	end
 	function AppForge:mount(callback, props, target)
@@ -181,7 +197,6 @@ do
 			apply(Container)({
 				[0] = self:renderMount(props),
 			})
-			self:afterRender(props)
 			return Container
 		end, target)
 		return self.innerMount
@@ -192,12 +207,6 @@ do
 			_result()
 		end
 	end
-	function AppForge:toggle(name, rules)
-		if rules == nil then
-			rules = true
-		end
-		self:set(name, not self:getSource(name)(), rules)
-	end
 end
 return {
 	default = AppForge,

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@rbxts/app-forge",
-	"version": "0.6.0-alpha.82",
+	"version": "0.6.0-alpha.84",
 	"description": "An App Manager for Vide",
 	"main": "out/init.lua",
 	"types": "out/index.d.ts",
@@ -33,22 +33,21 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"devDependencies": {
-		"@biomejs/biome": "^2.3.7",
-		"@rbxts/compiler-types": "3.0.0-types.0",
-		"@rbxts/types": "^1.0.891",
-		"roblox-ts": "3.0.0",
-		"typescript": "^5.9.3"
-	},
 	"dependencies": {
-		"@rbxts/loners-pretty-react-hooks": "^0.2.9",
-		"@rbxts/object-utils": "^1.0.4",
 		"@rbxts/services": "^1.6.0",
 		"@rbxts/set-timeout": "^1.1.2"
 	},
 	"peerDependencies": {
+		"@rbxts/loners-pretty-react-hooks": "^0.2.9",
 		"@rbxts/loners-pretty-vide-utils": "^0.1.7",
 		"@rbxts/react": "^17.3.7-ts.1",
 		"@rbxts/vide": "^0.5.7"
+	},
+	"devDependencies": {
+		"@biomejs/biome": "^2.3.7",
+		"@rbxts/compiler-types": "3.0.0-types.0",
+		"@rbxts/types": "^1.0.891",
+		"roblox-ts": "3.0.0",
+		"typescript": "^5.9.3"
 	}
 }