@rbxts/centurion-ui 1.0.5 → 1.0.7

package/LICENSE.md

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2023 paradox
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/out/app/init.luau

@@ -1,9 +1,7 @@
 -- Compiled with roblox-ts v3.0.0
 local TS = _G[script]
 local CenturionType = TS.import(script, TS.getModule(script, "@rbxts", "centurion").out).CenturionType
-local _services = TS.import(script, TS.getModule(script, "@rbxts", "services"))
-local ContentProvider = _services.ContentProvider
-local Players = _services.Players
+local Players = TS.import(script, TS.getModule(script, "@rbxts", "services")).Players
 local mount = TS.import(script, TS.getModule(script, "@rbxts", "vide").src).mount
 local DEFAULT_INTERFACE_OPTIONS = TS.import(script, script.Parent, "constants", "options").DEFAULT_INTERFACE_OPTIONS
 local DefaultPalette = TS.import(script, script.Parent, "palette").DefaultPalette
@@ -14,8 +12,6 @@ local CenturionApp = TS.import(script, script, "centurion-app").CenturionApp
 local CenturionUI = {}
 do
 	local _container = CenturionUI
-	local MAX_PRELOAD_ATTEMPTS = 3
-	local PRELOAD_ATTEMPT_INTERVAL = 3
 	--[[
 		*
 			 * Returns whether the terminal UI is visible.
@@ -77,31 +73,6 @@ do
 			registerCommands(client.registry)
 		end
 		updateOptions(options)
-		-- Attempt to preload font
-		task.spawn(function()
-			local _result = options.font
-			if _result ~= nil then
-				_result = _result.regular
-			end
-			local _condition = _result
-			if _condition == nil then
-				_condition = DEFAULT_INTERFACE_OPTIONS.font.regular
-			end
-			local fontFamily = _condition.Family
-			local attempts = 0
-			while attempts < MAX_PRELOAD_ATTEMPTS do
-				ContentProvider:PreloadAsync({ fontFamily }, function(_, status)
-					if status == Enum.AssetFetchStatus.Success then
-						attempts = MAX_PRELOAD_ATTEMPTS
-					end
-				end)
-				if attempts == MAX_PRELOAD_ATTEMPTS then
-					break
-				end
-				task.wait(PRELOAD_ATTEMPT_INTERVAL)
-				attempts += 1
-			end
-		end)
 		mount(function()
 			return CenturionApp(client)
 		end, Players.LocalPlayer:WaitForChild("PlayerGui"))

package/out/components/history/history-line.d.ts

@@ -2,9 +2,8 @@ import { HistoryEntry } from "@rbxts/centurion";
 import Vide, { Derivable } from "@rbxts/vide";
 interface HistoryLineProps {
     data: HistoryEntry;
-    size?: Derivable<UDim2>;
     position?: Derivable<UDim2>;
     order?: Derivable<number>;
 }
-export declare function HistoryLine({ data, size, position, order }: HistoryLineProps): Vide.Node;
+export declare function HistoryLine({ data, position, order }: HistoryLineProps): Vide.Node;
 export {};

package/out/components/history/history-line.luau

@@ -13,7 +13,6 @@ local Text = TS.import(script, script.Parent.Parent, "ui", "text").Text
 local TextField = TS.import(script, script.Parent.Parent, "ui", "text-field").TextField
 local function HistoryLine(_param)
 	local data = _param.data
-	local size = _param.size
 	local position = _param.position
 	local order = _param.order
 	local date = derive(function()
@@ -22,7 +21,8 @@ local function HistoryLine(_param)
 		return `<b>{dateParts[1]}</b> {dateParts[2]}`
 	end)
 	return Vide.jsx(Group, {
-		size = size,
+		automaticSize = "Y",
+		size = UDim2.fromScale(1, 0),
 		position = position,
 		layoutOrder = order,
 	}, Vide.jsx(Frame, {
@@ -58,11 +58,14 @@ local function HistoryLine(_param)
 			return UDim.new(0, px(4))
 		end,
 	})), Vide.jsx(TextField, {
+		automaticSize = "Y",
 		anchor = Vector2.new(1, 0),
 		size = function()
-			return UDim2.new(1, -px(84), 1, 0)
+			return UDim2.new(1, -px(84), 0, 0)
+		end,
+		position = function()
+			return UDim2.new(1, 0, 0, px(2))
 		end,
-		position = UDim2.fromScale(1, 0),
 		text = data.text,
 		textSize = function()
 			return px(HISTORY_TEXT_SIZE)

package/out/components/history/history-list.d.ts

@@ -1,11 +1,11 @@
+import { HistoryEntry } from "@rbxts/centurion";
 import Vide, { Derivable } from "@rbxts/vide";
-import { HistoryData } from "../../types";
 interface HistoryListProps {
-    data: Derivable<HistoryData>;
+    entries: Derivable<HistoryEntry[]>;
     size?: Derivable<UDim2>;
     position?: Derivable<UDim2>;
-    maxHeight?: Derivable<number>;
     scrollingEnabled?: Derivable<boolean>;
+    onContentSizeChanged?: (size: Vector2) => void;
 }
-export declare function HistoryList({ data, size, position, maxHeight, }: HistoryListProps): Vide.Node;
+export declare function HistoryList({ entries, size, position, scrollingEnabled, onContentSizeChanged, }: HistoryListProps): Vide.Node;
 export {};

package/out/components/history/history-list.luau

@@ -2,50 +2,50 @@
 local TS = _G[script]
 local _vide = TS.import(script, TS.getModule(script, "@rbxts", "vide").src)
 local Vide = _vide
-local derive = _vide.derive
 local For = _vide.For
 local read = _vide.read
+local source = _vide.source
 local px = TS.import(script, script.Parent.Parent.Parent, "hooks", "use-px").px
 local options = TS.import(script, script.Parent.Parent.Parent, "store").options
 local ScrollingFrame = TS.import(script, script.Parent.Parent, "ui", "scrolling-frame").ScrollingFrame
 local HistoryLine = TS.import(script, script.Parent, "history-line").HistoryLine
 local function HistoryList(_param)
-	local data = _param.data
+	local entries = _param.entries
 	local size = _param.size
 	local position = _param.position
-	local maxHeight = _param.maxHeight
-	local height = derive(function()
-		return read(data).height - px(8)
-	end)
-	local exceedsMaxHeight = derive(function()
-		return maxHeight ~= nil and height() > read(maxHeight)
-	end)
+	local scrollingEnabled = _param.scrollingEnabled
+	local onContentSizeChanged = _param.onContentSizeChanged
+	local ref = source()
 	return Vide.jsx(ScrollingFrame, {
+		automaticCanvasSize = "Y",
 		size = size,
 		position = position,
-		canvasSize = function()
-			return UDim2.fromOffset(0, height())
-		end,
-		canvasPosition = function()
-			return Vector2.new(0, height())
-		end,
+		canvasSize = UDim2.new(),
+		action = ref,
 		scrollBarColor = function()
 			return options().palette.subtext
 		end,
+		scrollingEnabled = scrollingEnabled,
 		scrollBarThickness = function()
-			return if exceedsMaxHeight() then 10 else 0
-		end,
-		scrollingEnabled = function()
-			return exceedsMaxHeight()
+			return if read(scrollingEnabled) then 10 else 0
 		end,
+		scrollingDirection = "Y",
+		native = {
+			AbsoluteCanvasSizeChanged = function(rbx)
+				local frame = ref()
+				if frame == nil then
+					return nil
+				end
+				frame.CanvasPosition = Vector2.new(0, rbx.Y)
+			end,
+		},
 	}, Vide.jsx(For, {
 		each = function()
-			return read(data).lines
+			return read(entries)
 		end,
-	}, function(line, index)
+	}, function(entry, index)
 		return Vide.jsx(HistoryLine, {
-			size = UDim2.new(1, 0, 0, line.height),
-			data = line.entry,
+			data = entry,
 			order = index,
 		})
 	end), Vide.jsx("uilistlayout", {
@@ -53,6 +53,13 @@ local function HistoryList(_param)
 			return UDim.new(0, px(8))
 		end,
 		SortOrder = "LayoutOrder",
+		AbsoluteContentSizeChanged = function(rbx)
+			local _result = onContentSizeChanged
+			if _result ~= nil then
+				_result = _result(rbx)
+			end
+			return _result
+		end,
 	}))
 end
 return {

package/out/components/suggestions/main-suggestion.d.ts

@@ -3,11 +3,7 @@ import { Suggestion } from "../../types";
 export interface MainSuggestionProps {
     suggestion: Derivable<Suggestion | undefined>;
     currentText?: Derivable<string | undefined>;
-    size: Derivable<UDim2>;
-    titleSize: Derivable<UDim2>;
-    descriptionSize: Derivable<UDim2>;
-    badgeSize: Derivable<UDim2>;
-    errorSize: Derivable<UDim2>;
     action?: (instance: Frame) => void;
+    onSizeChanged?: (size: UDim2) => void;
 }
-export declare function MainSuggestion({ suggestion, currentText, size, titleSize, descriptionSize, badgeSize, errorSize, action, }: MainSuggestionProps): Vide.Node;
+export declare function MainSuggestion({ suggestion, currentText, action, onSizeChanged, }: MainSuggestionProps): Vide.Node;

package/out/components/suggestions/main-suggestion.luau

@@ -2,7 +2,9 @@
 local TS = _G[script]
 local _vide = TS.import(script, TS.getModule(script, "@rbxts", "vide").src)
 local Vide = _vide
+local derive = _vide.derive
 local read = _vide.read
+local source = _vide.source
 local spring = _vide.spring
 local _text = TS.import(script, script.Parent.Parent.Parent, "constants", "text")
 local SUGGESTION_TEXT_SIZE = _text.SUGGESTION_TEXT_SIZE
@@ -14,20 +16,49 @@ local options = _store.options
 local Frame = TS.import(script, script.Parent.Parent, "ui", "frame").Frame
 local Padding = TS.import(script, script.Parent.Parent, "ui", "padding").Padding
 local Text = TS.import(script, script.Parent.Parent, "ui", "text").Text
-local Badge = TS.import(script, script.Parent, "badge").Badge
 local highlightMatching = TS.import(script, script.Parent, "util").highlightMatching
+local MAX_WIDTH = 180
 local function MainSuggestion(_param)
 	local suggestion = _param.suggestion
 	local currentText = _param.currentText
-	local size = _param.size
-	local titleSize = _param.titleSize
-	local descriptionSize = _param.descriptionSize
-	local badgeSize = _param.badgeSize
-	local errorSize = _param.errorSize
 	local action = _param.action
+	local onSizeChanged = _param.onSizeChanged
+	local titleBounds = source(Vector2.new())
+	local descriptionBounds = source(Vector2.new())
+	local errorBounds = source(Vector2.new())
+	local badgeBounds = source(Vector2.new())
+	local errorText = derive(function()
+		local currentSuggestion = read(suggestion)
+		local _result = currentSuggestion
+		if _result ~= nil then
+			_result = _result.type
+		end
+		return if _result == "argument" then currentSuggestion.error else nil
+	end)
+	local windowSize = derive(function()
+		if read(suggestion) == nil then
+			local size = UDim2.new()
+			local _result = onSizeChanged
+			if _result ~= nil then
+				_result(size)
+			end
+			return size
+		end
+		local titleSize = read(titleBounds)
+		local descriptionSize = read(descriptionBounds)
+		local errorSize = read(errorBounds)
+		local width = math.max(titleSize.X, descriptionSize.X, errorSize.X) + badgeBounds().X
+		local height = titleSize.Y + descriptionSize.Y + errorSize.Y
+		local size = UDim2.fromOffset(width + px(8) * 2, height + px(8) * 2)
+		local _result = onSizeChanged
+		if _result ~= nil then
+			_result(size)
+		end
+		return size
+	end)
 	return Vide.jsx(Frame, {
 		action = action,
-		size = size,
+		size = spring(windowSize, 0.2),
 		backgroundColor = function()
 			return options().palette.background
 		end,
@@ -53,29 +84,6 @@ local function MainSuggestion(_param)
 		all = function()
 			return UDim.new(0, px(8))
 		end,
-	}), Vide.jsx(Badge, {
-		color = function()
-			return options().palette.highlight
-		end,
-		text = function()
-			local currentSuggestion = read(suggestion)
-			return if currentSuggestion ~= nil and currentSuggestion.type == "argument" then currentSuggestion.dataType else ""
-		end,
-		textColor = function()
-			return options().palette.surface
-		end,
-		textSize = function()
-			return px(SUGGESTION_TEXT_SIZE)
-		end,
-		visible = function()
-			local currentSuggestion = read(suggestion)
-			return currentSuggestion ~= nil and currentSuggestion.type == "argument"
-		end,
-		anchor = Vector2.new(1, 0),
-		position = UDim2.fromScale(1, 0),
-		size = spring(function()
-			return UDim2.fromOffset(read(badgeSize).X.Offset + px(4), px(SUGGESTION_TITLE_TEXT_SIZE))
-		end, 0.2),
 	}), Vide.jsx(Text, {
 		text = function()
 			local currentSuggestion = read(suggestion)
@@ -108,7 +116,14 @@ local function MainSuggestion(_param)
 			return options().font.bold
 		end,
 		richText = true,
-		size = titleSize,
+		size = function()
+			return UDim2.fromOffset(titleBounds().X, px(SUGGESTION_TITLE_TEXT_SIZE))
+		end,
+		native = {
+			TextBoundsChanged = function(bounds)
+				return titleBounds(bounds)
+			end,
+		},
 	}), Vide.jsx(Text, {
 		text = function()
 			local _result = read(suggestion)
@@ -134,21 +149,21 @@ local function MainSuggestion(_param)
 		position = function()
 			return UDim2.fromOffset(0, px(SUGGESTION_TITLE_TEXT_SIZE))
 		end,
-		size = descriptionSize,
+		size = function()
+			return UDim2.fromOffset(px(MAX_WIDTH), math.max(descriptionBounds().Y, px(SUGGESTION_TEXT_SIZE)))
+		end,
+		native = {
+			TextBoundsChanged = function(rbx)
+				return descriptionBounds(rbx)
+			end,
+		},
 	}), Vide.jsx(Text, {
 		text = function()
-			local currentSuggestion = read(suggestion)
-			local _result
-			if currentSuggestion ~= nil and currentSuggestion.type == "argument" then
-				local _condition = currentSuggestion.error
-				if _condition == nil then
-					_condition = ""
-				end
-				_result = _condition
-			else
-				_result = ""
+			local _condition = errorText()
+			if _condition == nil then
+				_condition = ""
 			end
-			return _result
+			return _condition
 		end,
 		textColor = function()
 			return options().palette.error
@@ -157,22 +172,60 @@ local function MainSuggestion(_param)
 			return px(SUGGESTION_TEXT_SIZE)
 		end,
 		textTransparency = spring(function()
-			local currentSuggestion = read(suggestion)
-			local _result = currentSuggestion
-			if _result ~= nil then
-				_result = _result.type
-			end
-			local _condition = _result == "argument"
-			if _condition then
-				_condition = currentSuggestion.error ~= nil
-			end
-			return if _condition then 0 else 1
+			return if errorText() ~= nil then 0 else 1
 		end, 0.2),
 		textXAlignment = "Left",
+		textWrapped = true,
+		automaticSize = "Y",
 		anchor = Vector2.new(0, 1),
 		position = UDim2.fromScale(0, 1),
-		size = errorSize,
-	}))
+		size = function()
+			return UDim2.fromOffset(px(MAX_WIDTH), 0)
+		end,
+		native = {
+			TextBoundsChanged = function(bounds)
+				errorBounds(if errorText() ~= nil then bounds else Vector2.zero)
+			end,
+		},
+	}), Vide.jsx(Frame, {
+		backgroundColor = function()
+			return options().palette.highlight
+		end,
+		cornerRadius = function()
+			return UDim.new(0, px(4))
+		end,
+		clipsDescendants = true,
+		visible = function()
+			local currentSuggestion = read(suggestion)
+			return currentSuggestion ~= nil and currentSuggestion.type == "argument"
+		end,
+		anchor = Vector2.new(1, 0),
+		position = UDim2.fromScale(1, 0),
+		size = spring(function()
+			return UDim2.fromOffset(badgeBounds().X + px(4), px(SUGGESTION_TITLE_TEXT_SIZE))
+		end, 0.2),
+	}, Vide.jsx(Text, {
+		text = function()
+			local currentSuggestion = read(suggestion)
+			return if currentSuggestion ~= nil and currentSuggestion.type == "argument" then currentSuggestion.dataType else ""
+		end,
+		textColor = function()
+			return options().palette.surface
+		end,
+		textSize = function()
+			return px(SUGGESTION_TEXT_SIZE)
+		end,
+		textXAlignment = "Center",
+		font = function()
+			return options().font.bold
+		end,
+		size = UDim2.fromScale(1, 1),
+		native = {
+			TextBoundsChanged = function(bounds)
+				return badgeBounds(bounds)
+			end,
+		},
+	})))
 end
 return {
 	MainSuggestion = MainSuggestion,

package/out/components/suggestions/suggestions.luau

@@ -7,107 +7,17 @@ local cleanup = _vide.cleanup
 local derive = _vide.derive
 local source = _vide.source
 local spring = _vide.spring
-local _text = TS.import(script, script.Parent.Parent.Parent, "constants", "text")
-local SUGGESTION_TEXT_SIZE = _text.SUGGESTION_TEXT_SIZE
-local SUGGESTION_TITLE_TEXT_SIZE = _text.SUGGESTION_TITLE_TEXT_SIZE
+local SUGGESTION_TEXT_SIZE = TS.import(script, script.Parent.Parent.Parent, "constants", "text").SUGGESTION_TEXT_SIZE
 local px = TS.import(script, script.Parent.Parent.Parent, "hooks", "use-px").px
-local useTextBounds = TS.import(script, script.Parent.Parent.Parent, "hooks", "use-text-bounds").useTextBounds
 local _store = TS.import(script, script.Parent.Parent.Parent, "store")
 local currentSuggestion = _store.currentSuggestion
 local currentTextPart = _store.currentTextPart
-local options = _store.options
 local Group = TS.import(script, script.Parent.Parent, "ui", "group").Group
 local MainSuggestion = TS.import(script, script.Parent, "main-suggestion").MainSuggestion
 local SuggestionList = TS.import(script, script.Parent, "suggestion-list").SuggestionList
-local MAX_SUGGESTION_WIDTH = 180
 local PADDING = 8
 local function Suggestions()
-	local suggestionRef = source()
-	local offset = function(boundsState)
-		return function()
-			local bounds = boundsState()
-			return UDim2.new(0, bounds.X, 0, bounds.Y)
-		end
-	end
-	local titleBounds = useTextBounds({
-		text = function()
-			local _result = currentSuggestion()
-			if _result ~= nil then
-				_result = _result.title
-			end
-			return _result
-		end,
-		font = function()
-			return options().font.bold
-		end,
-		size = function()
-			return px(SUGGESTION_TITLE_TEXT_SIZE)
-		end,
-	})
-	local descriptionBounds = useTextBounds({
-		text = function()
-			local _result = currentSuggestion()
-			if _result ~= nil then
-				_result = _result.description
-			end
-			return _result
-		end,
-		font = function()
-			return options().font.regular
-		end,
-		size = function()
-			return px(SUGGESTION_TEXT_SIZE)
-		end,
-		width = function()
-			return px(MAX_SUGGESTION_WIDTH)
-		end,
-	})
-	local typeBadgeBounds = useTextBounds({
-		text = function()
-			local suggestion = currentSuggestion()
-			local _result = suggestion
-			if _result ~= nil then
-				_result = _result.type
-			end
-			if _result == "command" then
-				return nil
-			end
-			local _result_1 = suggestion
-			if _result_1 ~= nil then
-				_result_1 = _result_1.dataType
-			end
-			return _result_1
-		end,
-		font = function()
-			return options().font.bold
-		end,
-		size = function()
-			return px(SUGGESTION_TEXT_SIZE)
-		end,
-	})
-	local errorBounds = useTextBounds({
-		text = function()
-			local suggestion = currentSuggestion()
-			local _result = suggestion
-			if _result ~= nil then
-				_result = _result.type
-			end
-			if _result == "command" then
-				return nil
-			end
-			local _result_1 = suggestion
-			if _result_1 ~= nil then
-				_result_1 = _result_1.error
-			end
-			return _result_1
-		end,
-		font = function()
-			return options().font.regular
-		end,
-		size = function()
-			return px(SUGGESTION_TEXT_SIZE)
-		end,
-	})
+	local mainSize = source(UDim2.new())
 	local listBoundsParams = Instance.new("GetTextBoundsParams")
 	listBoundsParams.RichText = true
 	cleanup(listBoundsParams)
@@ -130,39 +40,18 @@ local function Suggestions()
 		local height = #suggestions * px(SUGGESTION_TEXT_SIZE + 6) + (#suggestions - 1) * px(4) + px(8)
 		return Vector2.new(width, height)
 	end)
-	local windowSize = derive(function()
-		local width = math.max(titleBounds().X, descriptionBounds().X, errorBounds().X, listBounds().X) + typeBadgeBounds().X
-		local height = titleBounds().Y + descriptionBounds().Y + errorBounds().Y
-		local padding = px(PADDING * 2)
-		if width == 0 or height == 0 then
-			local _result = suggestionRef()
-			if _result ~= nil then
-				_result = _result.AbsoluteSize.Y
-			end
-			local _condition = _result
-			if _condition == nil then
-				_condition = 0
-			end
-			return UDim2.fromOffset(0, _condition)
-		end
-		return UDim2.fromOffset(width + padding, height + padding)
-	end)
 	return Vide.jsx(Group, {
-		size = UDim2.fromScale(1, 1),
+		automaticSize = "XY",
+		size = UDim2.fromOffset(0, 0),
 	}, Vide.jsx(MainSuggestion, {
 		suggestion = currentSuggestion,
 		currentText = currentTextPart,
-		size = spring(windowSize, 0.2),
-		titleSize = offset(titleBounds),
-		descriptionSize = offset(descriptionBounds),
-		badgeSize = offset(typeBadgeBounds),
-		errorSize = offset(errorBounds),
-		action = suggestionRef,
+		onSizeChanged = mainSize,
 	}), Vide.jsx(SuggestionList, {
 		suggestion = currentSuggestion,
 		currentText = currentTextPart,
 		size = spring(function()
-			return UDim2.fromOffset(windowSize().X.Offset, listBounds().Y)
+			return UDim2.new(0, math.max(listBounds().X, mainSize().X.Offset), 0, listBounds().Y)
 		end, 0.3),
 	}), Vide.jsx("uilistlayout", {
 		Padding = function()

package/out/components/terminal/terminal-text-field/terminal-text-field.luau

@@ -243,6 +243,14 @@ local function TerminalTextField(_param)
 					_result(value)
 				end
 			end,
+			ReturnPressedFromOnScreenKeyboard = function()
+				local textBox = ref()
+				if textBox == nil then
+					return nil
+				end
+				task.wait()
+				textBox:ReleaseFocus(true)
+			end,
 		},
 		zIndex = 2,
 	}), Vide.jsx(Text, {

package/out/components/terminal/terminal.luau

@@ -10,7 +10,7 @@ local source = _vide.source
 local spring = _vide.spring
 local HISTORY_TEXT_SIZE = TS.import(script, script.Parent.Parent.Parent, "constants", "text").HISTORY_TEXT_SIZE
 local useClient = TS.import(script, script.Parent.Parent.Parent, "hooks", "use-client").useClient
-local useHistory = TS.import(script, script.Parent.Parent.Parent, "hooks", "use-history").useHistory
+local useEvent = TS.import(script, script.Parent.Parent.Parent, "hooks", "use-event").useEvent
 local px = TS.import(script, script.Parent.Parent.Parent, "hooks", "use-px").px
 local _store = TS.import(script, script.Parent.Parent.Parent, "store")
 local commandArgIndex = _store.commandArgIndex
@@ -41,7 +41,20 @@ local TRAILING_SPACE_PATTERN = "(%s+)$"
 local function Terminal()
 	local client = useClient()
 	local missingArgs = source({})
-	local history = useHistory()
+	local history = source(client.dispatcher:getHistory())
+	local historyHeight = source(0)
+	useEvent(client.dispatcher.historyUpdated, function(entries)
+		local _array = {}
+		local _length = #_array
+		table.move(entries, 1, #entries, _length + 1, _array)
+		return history(_array)
+	end)
+	local maxHeight = derive(function()
+		return px(MAX_HEIGHT)
+	end)
+	local scrollingEnabled = derive(function()
+		return historyHeight() > maxHeight()
+	end)
 	local terminalTextParts = derive(function()
 		return splitString(terminalText(), " ", true)
 	end)
@@ -56,13 +69,11 @@ local function Terminal()
 	end)
 	local terminalHeight = derive(function()
 		local padding = px.ceil(TEXT_FIELD_HEIGHT + 16)
-		if #history().lines == 0 then
+		if #history() == 0 then
 			return padding
 		end
-		local totalHeight = history().height
-		local isClamped = totalHeight > px(MAX_HEIGHT)
-		local clampedHeight = if isClamped then px(MAX_HEIGHT) else totalHeight
-		return math.ceil(padding + clampedHeight)
+		local clampedHeight = if scrollingEnabled() then maxHeight() else historyHeight()
+		return math.ceil(padding + clampedHeight + px(8))
 	end)
 	return Vide.jsx(Frame, {
 		size = spring(function()
@@ -97,9 +108,10 @@ local function Terminal()
 		size = function()
 			return UDim2.new(1, 0, 1, -px(TEXT_FIELD_HEIGHT + 8))
 		end,
-		data = history,
-		maxHeight = function()
-			return px(MAX_HEIGHT)
+		entries = history,
+		scrollingEnabled = scrollingEnabled,
+		onContentSizeChanged = function(size)
+			historyHeight(size.Y)
 		end,
 	}), Vide.jsx(TerminalTextField, {
 		anchor = Vector2.new(0, 1),

package/out/components/ui/scrolling-frame.luau

@@ -28,6 +28,7 @@ local function ScrollingFrame(props)
 	_attributes.ZIndex = props.zIndex
 	_attributes.LayoutOrder = props.layoutOrder
 	_attributes.BorderSizePixel = 0
+	_attributes.action = props.action
 	local _attribute = props.native
 	if _attribute then
 		for _k, _v in _attribute do

package/out/components/ui/text-field.luau

@@ -25,7 +25,7 @@ local function TextField(props)
 		TextYAlignment = props.textYAlignment,
 		TextScaled = props.textScaled,
 		RichText = props.richText,
-		AutomaticSize = props.textAutoResize,
+		AutomaticSize = props.automaticSize,
 		AutoLocalize = function()
 			return options().autoLocalize
 		end,

package/out/components/ui/text.d.ts

@@ -12,7 +12,6 @@ export interface TextProps<T extends Instance = TextLabel> extends FrameProps<T>
     textTruncate?: InferEnumNames<Enum.TextTruncate>;
     textScaled?: Derivable<boolean>;
     textHeight?: Derivable<number>;
-    textAutoResize?: "X" | "Y" | "XY";
     richText?: Derivable<boolean>;
 }
 export declare function Text(props: TextProps): Vide.Node;

package/out/components/ui/text.luau

@@ -28,7 +28,7 @@ local function Text(props)
 		LineHeight = props.textHeight,
 		RichText = props.richText,
 		Size = props.size,
-		AutomaticSize = props.textAutoResize,
+		AutomaticSize = props.automaticSize,
 		AutoLocalize = function()
 			return options().autoLocalize
 		end,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@rbxts/centurion-ui",
   "description": "Terminal UI for the Centurion command framework",
-  "version": "1.0.5",
+  "version": "1.0.7",
   "author": "paradoxuum",
   "license": "MIT",
   "main": "out/init.lua",
@@ -26,25 +26,24 @@
   "publishConfig": {
     "access": "public"
   },
-  "scripts": {
-    "prepack": "yarn build",
-    "build": "shx rm -rf out && rbxtsc --verbose",
-    "dev": "shx rm -rf out && rbxtsc -w"
-  },
   "devDependencies": {
-    "@rbxts/centurion": "^1.0.1",
     "@rbxts/compiler-types": "3.0.0-types.0",
     "@rbxts/types": "^1.0.813",
     "roblox-ts": "3.0.0",
     "shx": "^0.3.4",
-    "typescript": "5.5.3"
+    "typescript": "5.5.3",
+    "@rbxts/centurion": "^1.0.1"
   },
   "dependencies": {
     "@rbxts/services": "^1.5.5",
     "@rbxts/set-timeout": "^1.1.2",
-    "@rbxts/vide": "^0.5.0"
+    "@rbxts/vide": "^0.5.3"
   },
   "peerDependencies": {
     "@rbxts/centurion": "^1.0.1"
+  },
+  "scripts": {
+    "build": "shx rm -rf out && rbxtsc --verbose",
+    "dev": "shx rm -rf out && rbxtsc -w"
   }
 }

package/out/hooks/use-history.d.ts

@@ -1,2 +0,0 @@
-import { HistoryData } from "../types";
-export declare function useHistory(): () => HistoryData;

package/out/hooks/use-history.luau

@@ -1,54 +0,0 @@
--- Compiled with roblox-ts v3.0.0
-local TS = _G[script]
-local TextService = TS.import(script, TS.getModule(script, "@rbxts", "services")).TextService
-local _vide = TS.import(script, TS.getModule(script, "@rbxts", "vide").src)
-local cleanup = _vide.cleanup
-local derive = _vide.derive
-local source = _vide.source
-local HISTORY_TEXT_SIZE = TS.import(script, script.Parent.Parent, "constants", "text").HISTORY_TEXT_SIZE
-local options = TS.import(script, script.Parent.Parent, "store").options
-local useClient = TS.import(script, script.Parent, "use-client").useClient
-local useEvent = TS.import(script, script.Parent, "use-event").useEvent
-local px = TS.import(script, script.Parent, "use-px").px
-local function useHistory()
-	local client = useClient()
-	local history = source(client.dispatcher:getHistory())
-	useEvent(client.dispatcher.historyUpdated, function(entries)
-		local _array = {}
-		local _length = #_array
-		table.move(entries, 1, #entries, _length + 1, _array)
-		return history(_array)
-	end)
-	local textBoundsParams = Instance.new("GetTextBoundsParams")
-	textBoundsParams.Width = math.huge
-	textBoundsParams.RichText = true
-	cleanup(function()
-		textBoundsParams:Destroy()
-	end)
-	return derive(function()
-		local entries = history()
-		local historySize = #entries
-		local totalHeight = if historySize > 0 then px(8) + (historySize - 1) * px(8) else 0
-		textBoundsParams.Size = HISTORY_TEXT_SIZE
-		textBoundsParams.Font = options().font.regular
-		local historyLines = {}
-		for _, entry in entries do
-			textBoundsParams.Text = entry.text
-			local textSize = TextService:GetTextBoundsAsync(textBoundsParams)
-			local lineHeight = px(textSize.Y + 4)
-			totalHeight += lineHeight
-			local _arg0 = {
-				entry = entry,
-				height = lineHeight,
-			}
-			table.insert(historyLines, _arg0)
-		end
-		return {
-			lines = historyLines,
-			height = totalHeight,
-		}
-	end)
-end
-return {
-	useHistory = useHistory,
-}

package/out/hooks/use-text-bounds.d.ts

@@ -1,9 +0,0 @@
-import { Derivable } from "@rbxts/vide";
-interface TextBoundsProps {
-    text: Derivable<string | undefined>;
-    font?: Derivable<Font>;
-    size?: Derivable<number>;
-    width?: Derivable<number>;
-}
-export declare function useTextBounds({ text, font, size, width }: TextBoundsProps): () => Vector2;
-export {};

package/out/hooks/use-text-bounds.luau

@@ -1,50 +0,0 @@
--- Compiled with roblox-ts v3.0.0
-local TS = _G[script]
-local TextService = TS.import(script, TS.getModule(script, "@rbxts", "services")).TextService
-local _vide = TS.import(script, TS.getModule(script, "@rbxts", "vide").src)
-local cleanup = _vide.cleanup
-local effect = _vide.effect
-local read = _vide.read
-local source = _vide.source
-local getBounds = TS.Promise.promisify(function(params)
-	return TextService:GetTextBoundsAsync(params)
-end)
-local function useTextBounds(_param)
-	local text = _param.text
-	local font = _param.font
-	local size = _param.size
-	local width = _param.width
-	local bounds = source(Vector2.zero)
-	local params = Instance.new("GetTextBoundsParams")
-	params.RichText = true
-	cleanup(params)
-	effect(function()
-		local textValue = read(text)
-		if textValue == nil then
-			bounds(Vector2.zero)
-			return nil
-		end
-		params.Text = textValue
-		local fontValue = read(font)
-		local sizeValue = read(size)
-		local widthValue = read(width)
-		if fontValue ~= nil then
-			params.Font = fontValue
-		end
-		if sizeValue ~= nil then
-			params.Size = sizeValue
-		end
-		if widthValue ~= nil then
-			params.Width = widthValue
-		end
-		getBounds(params):andThen(function(value)
-			return bounds(value)
-		end):catch(function()
-			return bounds(Vector2.zero)
-		end)
-	end)
-	return bounds
-end
-return {
-	useTextBounds = useTextBounds,
-}