@rbxts/app-forge 0.1.2 → 0.1.3

package/out/container.d.ts

@@ -2,4 +2,5 @@ import type AppForge from ".";
 export declare function AppContainer(props: AppProps & {
     name: AppNames[number];
     manager: AppForge;
+    target?: GuiObject | Camera;
 }): JSX.Element;

package/out/container.luau

@@ -1,7 +1,9 @@
 -- Compiled with roblox-ts v3.0.0
 local TS = _G[script]
 -- Services
-local RunService = TS.import(script, TS.getModule(script, "@rbxts", "services")).RunService
+local _services = TS.import(script, TS.getModule(script, "@rbxts", "services"))
+local RunService = _services.RunService
+local Workspace = _services.Workspace
 -- Packages
 local _react = TS.import(script, TS.getModule(script, "@rbxts", "react"))
 local React = _react
@@ -26,7 +28,10 @@ local function createBinding(name, manager)
 	_binds[_name_1] = binding
 	return unpack(binding)
 end
-local function createInstance(props, name, forge)
+local function createInstance(props, name, forge, target)
+	if target == nil then
+		target = Workspace.CurrentCamera
+	end
 	local _name = name
 	local appClass = AppRegistry[_name]
 	if not appClass then
@@ -35,7 +40,7 @@ local function createInstance(props, name, forge)
 	local _loaded = forge.loaded
 	local _name_1 = name
 	if not (_loaded[_name_1] ~= nil) then
-		local instance = appClass.constructor.new(props, forge, name)
+		local instance = appClass.constructor.new(props, forge, name, target)
 		local element = cloneElement(instance:render(), {
 			key = "Main",
 		})
@@ -51,8 +56,9 @@ local function AppContainer(props)
 	local _binding = props
 	local name = _binding.name
 	local manager = _binding.manager
+	local target = _binding.target
 	createBinding(name, manager)
-	local element = createInstance(props, name, manager)
+	local element = createInstance(props, name, manager, target)
 	if not element then
 		error(`Failed to create instance for app "{name}"`)
 	end

package/out/decorator.d.ts

@@ -1,3 +1,4 @@
+import { usePx } from "@rbxts/loners-pretty-react-hooks";
 import React from "@rbxts/react";
 import type Types from "./types";
 import type AppForge from ".";
@@ -7,7 +8,8 @@ export declare abstract class Args {
     readonly Forge: AppForge;
     readonly props: AppProps;
     readonly name: AppNames[number];
+    readonly px: ReturnType<typeof usePx>;
     readonly bind: React.Binding<boolean>;
-    constructor(props: AppProps, forge: AppForge, name: AppNames[number]);
+    constructor(props: AppProps, forge: AppForge, name: AppNames[number], target?: GuiObject | Camera);
     abstract render(): JSX.Element;
 }

package/out/decorator.luau

@@ -1,5 +1,9 @@
 -- Compiled with roblox-ts v3.0.0
+local TS = _G[script]
+-- Services
+local Workspace = TS.import(script, TS.getModule(script, "@rbxts", "services")).Workspace
 -- Packages
+local usePx = TS.import(script, TS.getModule(script, "@rbxts", "loners-pretty-react-hooks").out).usePx
 -- Types
 local AppRegistry = {}
 local function App(props)
@@ -21,11 +25,15 @@ end
 local Args
 do
 	Args = {}
-	function Args:constructor(props, forge, name)
+	function Args:constructor(props, forge, name, target)
+		if target == nil then
+			target = Workspace.CurrentCamera
+		end
 		self.Forge = forge
 		self.props = props
 		self.name = name
 		self.bind = forge:getBind(name)
+		self.px = usePx(target)
 	end
 end
 return {

package/out/helpers.d.ts

@@ -2,5 +2,6 @@ import type AppForge from ".";
 export declare function Render({ props, forge, names, }: {
     props: AppProps;
     forge: AppForge;
+    target?: GuiObject | Camera;
     names?: AppNames[number] | AppNames[number][];
 }): JSX.Element | JSX.Element[];

package/out/index.d.ts

@@ -10,9 +10,9 @@ export default class AppForge {
     open(name: AppNames[number]): void;
     close(name: AppNames[number]): void;
     toggle(name: AppNames[number]): void;
-    renderApp(props: AppProps, name: AppNames[number]): JSX.Element;
-    renderApps(props: AppProps, names: AppNames[number][]): JSX.Element[];
-    renderAll(props: AppProps): JSX.Element[];
+    renderApp(props: AppProps, name: AppNames[number], target?: GuiObject | Camera): JSX.Element;
+    renderApps(props: AppProps, names: AppNames[number][], target?: GuiObject | Camera): JSX.Element[];
+    renderAll(props: AppProps, target?: GuiObject | Camera): JSX.Element[];
 }
 export { App, Args };
 export { Render } from "./helpers";

package/out/init.luau

@@ -64,22 +64,23 @@ do
 	function AppForge:toggle(name)
 		self:set(name, not self:getState(name))
 	end
-	function AppForge:renderApp(props, name)
+	function AppForge:renderApp(props, name, target)
 		local _attributes = {
-			key = `{name}_Container`,
+			key = `{name} Container`,
 			name = name,
 			manager = self,
+			target = target,
 		}
 		for _k, _v in props do
 			_attributes[_k] = _v
 		end
 		return React.createElement(AppContainer, _attributes)
 	end
-	function AppForge:renderApps(props, names)
+	function AppForge:renderApps(props, names, target)
 		-- ▼ ReadonlyArray.map ▼
 		local _newValue = table.create(#names)
 		local _callback = function(n)
-			return self:renderApp(props, n)
+			return self:renderApp(props, n, target)
 		end
 		for _k, _v in names do
 			_newValue[_k] = _callback(_v, _k - 1, names)
@@ -87,7 +88,7 @@ do
 		-- ▲ ReadonlyArray.map ▲
 		return _newValue
 	end
-	function AppForge:renderAll(props)
+	function AppForge:renderAll(props, target)
 		local keys = {}
 		-- ▼ ReadonlyMap.forEach ▼
 		local _callback = function(_, name)
@@ -98,7 +99,7 @@ do
 			_callback(_v, _k, AppRegistry)
 		end
 		-- ▲ ReadonlyMap.forEach ▲
-		return self:renderApps(props, keys)
+		return self:renderApps(props, keys, target)
 	end
 end
 exports.Render = TS.import(script, script, "helpers").Render

package/out/types.d.ts

@@ -10,7 +10,12 @@ declare namespace Types {
 	};
 
 	type AppRegistry = {
-		constructor: new (props: AppProps, forge: AppForge, name: AppNames[number]) => Args;
+		constructor: new (
+			props: AppProps,
+			forge: AppForge,
+			name: AppNames[number],
+			target: GuiObject | Camera,
+		) => Args;
 		visible?: boolean;
 		rules?: Rules.All;
 	};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@rbxts/app-forge",
-	"version": "0.1.2",
+	"version": "0.1.3",
 	"description": "An App Manager for react",
 	"main": "out/init.lua",
 	"packageManager": "bun@1.3.1",
@@ -45,13 +45,14 @@
 	},
 	"dependencies": {
 		"@rbxts/charm": "^0.10.0",
-		"@rbxts/loners-pretty-react-hooks": "^0.0.3",
+		"@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": "*"
 	}