@rbxts/centurion-ui 1.0.0-dev-284510d → 1.0.0-dev-a7b777e

package/out/components/ui/shortcut-group.lua

@@ -1,100 +0,0 @@
--- Compiled with roblox-ts v2.3.0-dev-26ec859
-local TS = _G[script]
-local _util = TS.import(script, TS.getModule(script, "@rbxts", "centurion").out.client.util)
-local getModifierKeyName = _util.getModifierKeyName
-local getShortcutKeycodes = _util.getShortcutKeycodes
-local isModifierKey = _util.isModifierKey
-local _react = TS.import(script, TS.getModule(script, "@rbxts", "react"))
-local React = _react
-local useContext = _react.useContext
-local useState = _react.useState
-local usePx = TS.import(script, script.Parent.Parent.Parent, "hooks", "use-px").usePx
-local OptionsContext = TS.import(script, script.Parent.Parent.Parent, "providers", "options-provider").OptionsContext
-local Badge = TS.import(script, script.Parent.Parent, "suggestions", "badge").Badge
-local Frame = TS.import(script, script.Parent, "frame").Frame
-local Padding = TS.import(script, script.Parent, "padding").Padding
-local function Key(props)
-	local options = props.options
-	local isModifier = isModifierKey(props.keyCode)
-	local size, setSize = useState(UDim2.new(0, 24, 0, 24))
-	return React.createElement(Frame, {
-		backgroundTransparency = 1,
-		layoutOrder = if isModifier then -1 else 0,
-		automaticSize = "XY",
-	}, React.createElement(Badge, {
-		color = if isModifier then options.palette.highlight else options.palette.surface,
-		text = if isModifier then getModifierKeyName(props.keyCode) else props.keyCode.Name,
-		textColor = if isModifier then options.palette.text else options.palette.text,
-		textSize = 16,
-		size = size,
-		onTextBoundsChange = function(textBounds)
-			setSize(UDim2.new(0, math.max(24, textBounds.X + 12), 0, 24))
-		end,
-		backgroundTransparency = if isModifier then 0.5 else 0,
-	}, if isModifier then (React.createElement("uistroke", {
-		Color = options.palette.highlight,
-		Thickness = 1,
-	})) else (React.createElement("uistroke", {
-		Color = options.palette.subtext,
-		Thickness = 1,
-	}))))
-end
-local function ShortcutGroup(props)
-	local options = useContext(OptionsContext)
-	local px = usePx()
-	local _exp = React.createElement(Padding, {
-		all = UDim.new(0, px(8)),
-	})
-	local _exp_1 = React.createElement("uilistlayout", {
-		HorizontalAlignment = "Left",
-		FillDirection = "Vertical",
-		Padding = UDim.new(0, 8),
-	})
-	local _result = props.shortcuts
-	if _result ~= nil then
-		-- ▼ ReadonlyArray.map ▼
-		local _newValue = table.create(#_result)
-		local _callback = function(shortcut, index)
-			local shortcuts = getShortcutKeycodes(shortcut)
-			local _exp_2 = React.createElement("uilistlayout", {
-				FillDirection = "Horizontal",
-				SortOrder = "LayoutOrder",
-				Padding = UDim.new(0, 8),
-			})
-			-- ▼ ReadonlyArray.map ▼
-			local _newValue_1 = table.create(#shortcuts)
-			local _callback_1 = function(key)
-				return React.createElement(Key, {
-					options = options,
-					keyCode = key,
-					key = string.lower(key.Name),
-				})
-			end
-			for _k, _v in shortcuts do
-				_newValue_1[_k] = _callback_1(_v, _k - 1, shortcuts)
-			end
-			-- ▲ ReadonlyArray.map ▲
-			return React.createElement(Frame, {
-				automaticSize = "XY",
-				backgroundTransparency = 1,
-				key = `shortcut-{index}`,
-			}, _exp_2, _newValue_1)
-		end
-		for _k, _v in _result do
-			_newValue[_k] = _callback(_v, _k - 1, _result)
-		end
-		-- ▲ ReadonlyArray.map ▲
-		_result = _newValue
-	end
-	return React.createElement(Frame, {
-		backgroundTransparency = options.backgroundTransparency,
-		backgroundColor = options.palette.background,
-		size = UDim2.new(1, 0, 1, 0),
-		position = UDim2.new(1, px(16), 0, -px(8)),
-		cornerRadius = UDim.new(0, px(8)),
-		automaticSize = "XY",
-	}, _exp, _exp_1, _result)
-end
-return {
-	ShortcutGroup = ShortcutGroup,
-}

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

@@ -1,3 +0,0 @@
-import { UseProducerHook } from "@rbxts/react-reflex";
-import { RootStore } from "../store";
-export declare const useStore: UseProducerHook<RootStore>;

package/out/hooks/use-store.lua

@@ -1,7 +0,0 @@
--- Compiled with roblox-ts v2.3.0-dev-26ec859
-local TS = _G[script]
-local useProducer = TS.import(script, TS.getModule(script, "@rbxts", "react-reflex")).useProducer
-local useStore = useProducer
-return {
-	useStore = useStore,
-}

package/out/providers/api-provider.d.ts

@@ -1,8 +0,0 @@
-import { ClientAPI } from "@rbxts/centurion";
-import React from "@rbxts/react";
-interface ApiProviderProps extends React.PropsWithChildren {
-    api: ClientAPI;
-}
-export declare const ApiContext: React.Context<ClientAPI>;
-export declare function ApiProvider({ api, children }: ApiProviderProps): JSX.Element;
-export {};

package/out/providers/api-provider.lua

@@ -1,17 +0,0 @@
--- Compiled with roblox-ts v2.3.0-dev-26ec859
-local TS = _G[script]
-local _react = TS.import(script, TS.getModule(script, "@rbxts", "react"))
-local React = _react
-local createContext = _react.createContext
-local ApiContext = createContext({})
-local function ApiProvider(_param)
-	local api = _param.api
-	local children = _param.children
-	return React.createElement(ApiContext.Provider, {
-		value = api,
-	}, children)
-end
-return {
-	ApiProvider = ApiProvider,
-	ApiContext = ApiContext,
-}

package/out/providers/options-provider.d.ts

@@ -1,13 +0,0 @@
-import { Signal } from "@rbxts/beacon";
-import React from "@rbxts/react";
-import { InterfaceOptions } from "../types";
-export interface InterfaceOptionsWithState extends InterfaceOptions {
-    isMouseOnGUI: boolean;
-    setMouseOnGUI: (newState: boolean) => void;
-}
-export declare const OptionsContext: React.Context<InterfaceOptionsWithState>;
-export interface OptionsProviderProps extends React.PropsWithChildren {
-    value: InterfaceOptions;
-    changed: Signal<[options: Partial<InterfaceOptions>]>;
-}
-export declare function OptionsProvider({ value, changed, children, }: OptionsProviderProps): JSX.Element;

package/out/providers/options-provider.lua

@@ -1,39 +0,0 @@
--- Compiled with roblox-ts v2.3.0-dev-26ec859
-local TS = _G[script]
-local useEventListener = TS.import(script, TS.getModule(script, "@rbxts", "pretty-react-hooks").out).useEventListener
-local _react = TS.import(script, TS.getModule(script, "@rbxts", "react"))
-local React = _react
-local createContext = _react.createContext
-local useState = _react.useState
--- we can safely assign to {} as the value will always be assigned in the provider
-local OptionsContext = createContext({})
-local function OptionsProvider(_param)
-	local value = _param.value
-	local changed = _param.changed
-	local children = _param.children
-	local isMouseOnGUI, setMouseOnGUI = useState(false)
-	local _object = table.clone(value)
-	setmetatable(_object, nil)
-	local options, setOptions = useState(_object)
-	useEventListener(changed, function(options)
-		setOptions(function(prev)
-			local _object_1 = table.clone(prev)
-			setmetatable(_object_1, nil)
-			for _k, _v in options do
-				_object_1[_k] = _v
-			end
-			return _object_1
-		end)
-	end)
-	local _attributes = {}
-	local _object_1 = table.clone(options)
-	setmetatable(_object_1, nil)
-	_object_1.isMouseOnGUI = isMouseOnGUI
-	_object_1.setMouseOnGUI = setMouseOnGUI
-	_attributes.value = _object_1
-	return React.createElement(OptionsContext.Provider, _attributes, children)
-end
-return {
-	OptionsProvider = OptionsProvider,
-	OptionsContext = OptionsContext,
-}

package/out/providers/root-provider.d.ts

@@ -1,11 +0,0 @@
-import { Signal } from "@rbxts/beacon";
-import { ClientAPI } from "@rbxts/centurion";
-import React from "@rbxts/react";
-import { InterfaceOptions } from "../types";
-interface RootProviderProps extends React.PropsWithChildren {
-    api: ClientAPI;
-    options: InterfaceOptions;
-    optionsChanged: Signal<[options: Partial<InterfaceOptions>]>;
-}
-export declare function RootProvider({ api, options, optionsChanged, children, }: RootProviderProps): JSX.Element;
-export {};

package/out/providers/root-provider.lua

@@ -1,24 +0,0 @@
--- Compiled with roblox-ts v2.3.0-dev-26ec859
-local TS = _G[script]
-local React = TS.import(script, TS.getModule(script, "@rbxts", "react"))
-local ReflexProvider = TS.import(script, TS.getModule(script, "@rbxts", "react-reflex")).ReflexProvider
-local store = TS.import(script, script.Parent.Parent, "store").store
-local ApiProvider = TS.import(script, script.Parent, "api-provider").ApiProvider
-local OptionsProvider = TS.import(script, script.Parent, "options-provider").OptionsProvider
-local function RootProvider(_param)
-	local api = _param.api
-	local options = _param.options
-	local optionsChanged = _param.optionsChanged
-	local children = _param.children
-	return React.createElement(ReflexProvider, {
-		producer = store,
-	}, React.createElement(ApiProvider, {
-		api = api,
-	}, React.createElement(OptionsProvider, {
-		value = options,
-		changed = optionsChanged,
-	}, children)))
-end
-return {
-	RootProvider = RootProvider,
-}

package/out/store/app/app-selectors.d.ts

@@ -1,2 +0,0 @@
-import { RootState } from "..";
-export declare const selectVisible: (state: RootState) => boolean;

package/out/store/app/app-selectors.lua

@@ -1,7 +0,0 @@
--- Compiled with roblox-ts v2.3.0-dev-26ec859
-local selectVisible = function(state)
-	return state.app.visible
-end
-return {
-	selectVisible = selectVisible,
-}

package/out/store/app/app-slice.d.ts

@@ -1,8 +0,0 @@
-export interface AppState {
-    visible: boolean;
-}
-export declare const appSlice: import("@rbxts/reflex").Producer<AppState, {
-    setVisible: (state: AppState, visible: boolean) => {
-        visible: boolean;
-    };
-}>;

package/out/store/app/app-slice.lua

@@ -1,17 +0,0 @@
--- Compiled with roblox-ts v2.3.0-dev-26ec859
-local TS = _G[script]
-local createProducer = TS.import(script, TS.getModule(script, "@rbxts", "reflex").src).createProducer
-local initialAppState = {
-	visible = false,
-}
-local appSlice = createProducer(initialAppState, {
-	setVisible = function(state, visible)
-		local _object = table.clone(state)
-		setmetatable(_object, nil)
-		_object.visible = visible
-		return _object
-	end,
-})
-return {
-	appSlice = appSlice,
-}

package/out/store/app/index.d.ts

@@ -1,2 +0,0 @@
-export * from "./app-selectors";
-export * from "./app-slice";

package/out/store/app/init.lua

@@ -1,10 +0,0 @@
--- Compiled with roblox-ts v2.3.0-dev-26ec859
-local TS = _G[script]
-local exports = {}
-for _k, _v in TS.import(script, script, "app-selectors") or {} do
-	exports[_k] = _v
-end
-for _k, _v in TS.import(script, script, "app-slice") or {} do
-	exports[_k] = _v
-end
-return exports

package/out/store/command/command-selectors.d.ts

@@ -1,2 +0,0 @@
-import { RootState } from "..";
-export declare const selectCommand: (state: RootState) => import("@rbxts/centurion").ImmutableRegistryPath | undefined;

package/out/store/command/command-selectors.lua

@@ -1,7 +0,0 @@
--- Compiled with roblox-ts v2.3.0-dev-26ec859
-local selectCommand = function(state)
-	return state.command.path
-end
-return {
-	selectCommand = selectCommand,
-}

package/out/store/command/command-slice.d.ts

@@ -1,15 +0,0 @@
-import { ImmutableRegistryPath } from "@rbxts/centurion";
-export interface CommandState {
-    path?: ImmutableRegistryPath;
-    argIndex?: number;
-}
-export declare const commandSlice: import("@rbxts/reflex").Producer<CommandState, {
-    setCommand: (state: CommandState, path?: ImmutableRegistryPath) => {
-        path: ImmutableRegistryPath | undefined;
-        argIndex?: number;
-    };
-    setArgIndex: (state: CommandState, index?: number) => {
-        argIndex: number | undefined;
-        path?: ImmutableRegistryPath;
-    };
-}>;

package/out/store/command/command-slice.lua

@@ -1,21 +0,0 @@
--- Compiled with roblox-ts v2.3.0-dev-26ec859
-local TS = _G[script]
-local createProducer = TS.import(script, TS.getModule(script, "@rbxts", "reflex").src).createProducer
-local initialCommandState = {}
-local commandSlice = createProducer(initialCommandState, {
-	setCommand = function(state, path)
-		local _object = table.clone(state)
-		setmetatable(_object, nil)
-		_object.path = path
-		return _object
-	end,
-	setArgIndex = function(state, index)
-		local _object = table.clone(state)
-		setmetatable(_object, nil)
-		_object.argIndex = index
-		return _object
-	end,
-})
-return {
-	commandSlice = commandSlice,
-}

package/out/store/command/index.d.ts

@@ -1,2 +0,0 @@
-export * from "./command-selectors";
-export * from "./command-slice";

package/out/store/command/init.lua

@@ -1,10 +0,0 @@
--- Compiled with roblox-ts v2.3.0-dev-26ec859
-local TS = _G[script]
-local exports = {}
-for _k, _v in TS.import(script, script, "command-selectors") or {} do
-	exports[_k] = _v
-end
-for _k, _v in TS.import(script, script, "command-slice") or {} do
-	exports[_k] = _v
-end
-return exports

package/out/store/history/history-slice.d.ts

@@ -1,11 +0,0 @@
-export interface HistoryState {
-    commandHistory: string[];
-    commandHistoryIndex: number;
-}
-export declare const historySlice: import("@rbxts/reflex").Producer<HistoryState, {
-    addCommandHistory: (state: HistoryState, command: string, limit: number) => HistoryState;
-    setCommandHistoryIndex: (state: HistoryState, index: number) => {
-        commandHistoryIndex: number;
-        commandHistory: string[];
-    };
-}>;

package/out/store/history/history-slice.lua

@@ -1,52 +0,0 @@
--- Compiled with roblox-ts v2.3.0-dev-26ec859
-local TS = _G[script]
-local createProducer = TS.import(script, TS.getModule(script, "@rbxts", "reflex").src).createProducer
-local initialHistoryState = {
-	commandHistory = {},
-	commandHistoryIndex = -1,
-}
---[[
-	*
-	 * Limits an array by removing the first n (limit) elements if
-	 * the array's size exceeds the limit.
-	 *
-	 * @param array The array to limit
-	 * @param limit The limit
-	 
-]]
-local function limitArray(array, limit)
-	if #array <= limit then
-		return nil
-	end
-	for i = 0, math.min(#array - 1, limit - 1) do
-		table.remove(array, i + 1)
-	end
-end
-local historySlice = createProducer(initialHistoryState, {
-	addCommandHistory = function(state, command, limit)
-		if #state.commandHistory > 0 and state.commandHistory[#state.commandHistory] == command then
-			return state
-		end
-		local _array = {}
-		local _length = #_array
-		local _array_1 = state.commandHistory
-		table.move(_array_1, 1, #_array_1, _length + 1, _array)
-		local commandHistory = _array
-		limitArray(commandHistory, limit)
-		local _command = command
-		table.insert(commandHistory, _command)
-		local _object = table.clone(state)
-		setmetatable(_object, nil)
-		_object.commandHistory = commandHistory
-		return _object
-	end,
-	setCommandHistoryIndex = function(state, index)
-		local _object = table.clone(state)
-		setmetatable(_object, nil)
-		_object.commandHistoryIndex = index
-		return _object
-	end,
-})
-return {
-	historySlice = historySlice,
-}

package/out/store/history/index.d.ts

@@ -1 +0,0 @@
-export * from "./history-slice";

package/out/store/index.d.ts

@@ -1,46 +0,0 @@
-import { InferState } from "@rbxts/reflex";
-export type RootStore = typeof store;
-export type RootState = InferState<RootStore>;
-export declare const store: import("@rbxts/reflex").CombineProducers<{
-    app: import("@rbxts/reflex").Producer<import("./app").AppState, {
-        setVisible: (state: import("./app").AppState, visible: boolean) => {
-            visible: boolean;
-        };
-    }>;
-    command: import("@rbxts/reflex").Producer<import("./command").CommandState, {
-        setCommand: (state: import("./command").CommandState, path?: import("@rbxts/centurion").ImmutableRegistryPath) => {
-            path: import("@rbxts/centurion").ImmutableRegistryPath | undefined;
-            argIndex?: number;
-        };
-        setArgIndex: (state: import("./command").CommandState, index?: number) => {
-            argIndex: number | undefined;
-            path?: import("@rbxts/centurion").ImmutableRegistryPath;
-        };
-    }>;
-    history: import("@rbxts/reflex").Producer<import("./history").HistoryState, {
-        addCommandHistory: (state: import("./history").HistoryState, command: string, limit: number) => import("./history").HistoryState;
-        setCommandHistoryIndex: (state: import("./history").HistoryState, index: number) => {
-            commandHistoryIndex: number;
-            commandHistory: string[];
-        };
-    }>;
-    suggestion: import("@rbxts/reflex").Producer<import("./suggestion").SuggestionState, {
-        setSuggestion: (state: import("./suggestion").SuggestionState, suggestion?: import("../types").Suggestion) => {
-            current: import("../types").Suggestion | undefined;
-        };
-    }>;
-    text: import("@rbxts/reflex").Producer<import("./text").TextState, {
-        setText: (state: import("./text").TextState, text: string, textParts: string[]) => {
-            value: string;
-            parts: string[];
-            index: number;
-            valid: boolean;
-        };
-        setTextValid: (state: import("./text").TextState, valid: boolean) => {
-            valid: boolean;
-            value: string;
-            parts: string[];
-            index: number;
-        };
-    }>;
-}>;

package/out/store/init.lua

@@ -1,18 +0,0 @@
--- Compiled with roblox-ts v2.3.0-dev-26ec859
-local TS = _G[script]
-local combineProducers = TS.import(script, TS.getModule(script, "@rbxts", "reflex").src).combineProducers
-local appSlice = TS.import(script, script, "app").appSlice
-local commandSlice = TS.import(script, script, "command").commandSlice
-local historySlice = TS.import(script, script, "history").historySlice
-local suggestionSlice = TS.import(script, script, "suggestion").suggestionSlice
-local textSlice = TS.import(script, script, "text").textSlice
-local store = combineProducers({
-	app = appSlice,
-	command = commandSlice,
-	history = historySlice,
-	suggestion = suggestionSlice,
-	text = textSlice,
-})
-return {
-	store = store,
-}

package/out/store/suggestion/index.d.ts

@@ -1,2 +0,0 @@
-export * from "./suggestion-selectors";
-export * from "./suggestion-slice";

package/out/store/suggestion/init.lua

@@ -1,10 +0,0 @@
--- Compiled with roblox-ts v2.3.0-dev-26ec859
-local TS = _G[script]
-local exports = {}
-for _k, _v in TS.import(script, script, "suggestion-selectors") or {} do
-	exports[_k] = _v
-end
-for _k, _v in TS.import(script, script, "suggestion-slice") or {} do
-	exports[_k] = _v
-end
-return exports

package/out/store/suggestion/suggestion-selectors.d.ts

@@ -1,2 +0,0 @@
-import { RootState } from "..";
-export declare const selectSuggestion: (state: RootState) => import("../../types").Suggestion | undefined;

package/out/store/suggestion/suggestion-selectors.lua

@@ -1,7 +0,0 @@
--- Compiled with roblox-ts v2.3.0-dev-26ec859
-local selectSuggestion = function(state)
-	return state.suggestion.current
-end
-return {
-	selectSuggestion = selectSuggestion,
-}

package/out/store/suggestion/suggestion-slice.d.ts

@@ -1,9 +0,0 @@
-import { Suggestion } from "../../types";
-export interface SuggestionState {
-    current?: Suggestion;
-}
-export declare const suggestionSlice: import("@rbxts/reflex").Producer<SuggestionState, {
-    setSuggestion: (state: SuggestionState, suggestion?: Suggestion) => {
-        current: Suggestion | undefined;
-    };
-}>;

package/out/store/suggestion/suggestion-slice.lua

@@ -1,15 +0,0 @@
--- Compiled with roblox-ts v2.3.0-dev-26ec859
-local TS = _G[script]
-local createProducer = TS.import(script, TS.getModule(script, "@rbxts", "reflex").src).createProducer
-local initialSuggestionState = {}
-local suggestionSlice = createProducer(initialSuggestionState, {
-	setSuggestion = function(state, suggestion)
-		local _object = table.clone(state)
-		setmetatable(_object, nil)
-		_object.current = suggestion
-		return _object
-	end,
-})
-return {
-	suggestionSlice = suggestionSlice,
-}

package/out/store/text/index.d.ts

@@ -1,2 +0,0 @@
-export * from "./text-selectors";
-export * from "./text-slice";

package/out/store/text/init.lua

@@ -1,10 +0,0 @@
--- Compiled with roblox-ts v2.3.0-dev-26ec859
-local TS = _G[script]
-local exports = {}
-for _k, _v in TS.import(script, script, "text-selectors") or {} do
-	exports[_k] = _v
-end
-for _k, _v in TS.import(script, script, "text-slice") or {} do
-	exports[_k] = _v
-end
-return exports

package/out/store/text/text-selectors.d.ts

@@ -1,3 +0,0 @@
-import { RootState } from "..";
-export declare const selectText: (state: RootState) => import("./text-slice").TextState;
-export declare const selectValid: (state: RootState) => boolean;

package/out/store/text/text-selectors.lua

@@ -1,11 +0,0 @@
--- Compiled with roblox-ts v2.3.0-dev-26ec859
-local selectText = function(state)
-	return state.text
-end
-local selectValid = function(state)
-	return state.text.valid
-end
-return {
-	selectText = selectText,
-	selectValid = selectValid,
-}

package/out/store/text/text-slice.d.ts

@@ -1,20 +0,0 @@
-export interface TextState {
-    value: string;
-    parts: string[];
-    index: number;
-    valid: boolean;
-}
-export declare const textSlice: import("@rbxts/reflex").Producer<TextState, {
-    setText: (state: TextState, text: string, textParts: string[]) => {
-        value: string;
-        parts: string[];
-        index: number;
-        valid: boolean;
-    };
-    setTextValid: (state: TextState, valid: boolean) => {
-        valid: boolean;
-        value: string;
-        parts: string[];
-        index: number;
-    };
-}>;

package/out/store/text/text-slice.lua

@@ -1,29 +0,0 @@
--- Compiled with roblox-ts v2.3.0-dev-26ec859
-local TS = _G[script]
-local createProducer = TS.import(script, TS.getModule(script, "@rbxts", "reflex").src).createProducer
-local initialTextState = {
-	value = "",
-	parts = {},
-	index = -1,
-	valid = false,
-}
-local textSlice = createProducer(initialTextState, {
-	setText = function(state, text, textParts)
-		local endsWithSpace = #textParts > 0 and #{ string.match(text, "%s$") } > 0
-		local _object = table.clone(state)
-		setmetatable(_object, nil)
-		_object.value = text
-		_object.parts = textParts
-		_object.index = if endsWithSpace then #textParts else #textParts - 1
-		return _object
-	end,
-	setTextValid = function(state, valid)
-		local _object = table.clone(state)
-		setmetatable(_object, nil)
-		_object.valid = valid
-		return _object
-	end,
-})
-return {
-	textSlice = textSlice,
-}