rojo 7.6.1

Enables professional-grade development tools for Roblox developers
Documentation 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126

local Rojo = script:FindFirstAncestor("Rojo")
local Plugin = Rojo.Plugin
local Packages = Rojo.Packages

local Roact = require(Packages.Roact)

local Theme = require(Plugin.App.Theme)

local e = Roact.createElement

local function DisplayValue(props)
	return Theme.with(function(theme)
		local t = typeof(props.value)
		if t == "Color3" then
			-- Colors get a blot that shows the color
			return Roact.createFragment({
				Blot = e("Frame", {
					BackgroundTransparency = props.transparency,
					BackgroundColor3 = props.value,
					Size = UDim2.new(0, 20, 0, 20),
					Position = UDim2.new(0, 0, 0.5, 0),
					AnchorPoint = Vector2.new(0, 0.5),
				}, {
					Corner = e("UICorner", {
						CornerRadius = UDim.new(0, 4),
					}),
					Stroke = e("UIStroke", {
						Color = theme.BorderedContainer.BorderColor,
						Transparency = props.transparency,
					}),
				}),
				Label = e("TextLabel", {
					Text = string.format("%d, %d, %d", props.value.R * 255, props.value.G * 255, props.value.B * 255),
					BackgroundTransparency = 1,
					FontFace = theme.Font.Main,
					TextSize = theme.TextSize.Body,
					TextColor3 = props.textColor,
					TextXAlignment = Enum.TextXAlignment.Left,
					TextTransparency = props.transparency,
					TextTruncate = Enum.TextTruncate.AtEnd,
					Size = UDim2.new(1, -25, 1, 0),
					Position = UDim2.new(0, 25, 0, 0),
				}),
			})
		elseif t == "table" then
			-- Showing a memory address for tables is useless, so we want to show the best we can
			local textRepresentation = nil

			local meta = getmetatable(props.value)
			if meta and meta.__tostring then
				-- If the table has a tostring metamethod, use that
				textRepresentation = tostring(props.value)
			elseif next(props.value) == nil then
				-- If it's empty, show empty braces
				textRepresentation = "{}"
			elseif next(props.value) == 1 then
				-- We don't need to support mixed tables, so checking the first key is enough
				-- to determine if it's a simple array
				local out, i = table.create(#props.value), 0
				for _, v in props.value do
					i += 1

					-- Wrap strings in quotes
					if type(v) == "string" then
						v = '"' .. v .. '"'
					end

					out[i] = tostring(v)
				end
				textRepresentation = "{ " .. table.concat(out, ", ") .. " }"
			else
				-- Otherwise, show the table contents as a dictionary
				local out, i = {}, 0
				for k, v in pairs(props.value) do
					i += 1

					-- Wrap strings in quotes
					if type(k) == "string" then
						k = '"' .. k .. '"'
					end
					if type(v) == "string" then
						v = '"' .. v .. '"'
					end

					out[i] = string.format("[%s] = %s", tostring(k), tostring(v))
				end
				textRepresentation = "{ " .. table.concat(out, ", ") .. " }"
			end

			return e("TextLabel", {
				Text = textRepresentation,
				BackgroundTransparency = 1,
				FontFace = theme.Font.Main,
				TextSize = theme.TextSize.Body,
				TextColor3 = props.textColor,
				TextXAlignment = Enum.TextXAlignment.Left,
				TextTransparency = props.transparency,
				TextTruncate = Enum.TextTruncate.AtEnd,
				Size = UDim2.new(1, 0, 1, 0),
			})
		end

		-- TODO: Maybe add visualizations to other datatypes?
		-- Or special text handling tostring for some?
		-- Will add as needed, let's see what cases arise.

		local textRepresentation = string.gsub(tostring(props.value), "%s", " ")
		if t == "string" then
			textRepresentation = '"' .. textRepresentation .. '"'
		end

		return e("TextLabel", {
			Text = textRepresentation,
			BackgroundTransparency = 1,
			FontFace = theme.Font.Main,
			TextSize = theme.TextSize.Body,
			TextColor3 = props.textColor,
			TextXAlignment = Enum.TextXAlignment.Left,
			TextTransparency = props.transparency,
			TextTruncate = Enum.TextTruncate.AtEnd,
			Size = UDim2.new(1, 0, 1, 0),
		})
	end)
end

return DisplayValue