mirror of
https://github.com/rojo-rbx/rojo.git
synced 2026-04-21 13:15:50 +00:00
840e9bedb2
Because Roact will destroy and recreate a plugin widget if it unmounts and remounts, Studio will complain about making a new widget with the same ID as the old one. The simplest solution is to just use GUIDs so we never have to worry about this again. The ID is used internally for storing the widget's dock state and other internal details, so we don't want *all* our widgets to use GUIDs, only the ephemeral popup ones.
109 lines
2.8 KiB
Lua
109 lines
2.8 KiB
Lua
local HttpService = game:GetService("HttpService")
|
|
|
|
local Rojo = script:FindFirstAncestor("Rojo")
|
|
local Plugin = Rojo.Plugin
|
|
local Packages = Rojo.Packages
|
|
|
|
local Roact = require(Packages.Roact)
|
|
|
|
local Dictionary = require(Plugin.Dictionary)
|
|
local Theme = require(Plugin.App.Theme)
|
|
|
|
local StudioPluginContext = require(script.Parent.StudioPluginContext)
|
|
|
|
local e = Roact.createElement
|
|
|
|
local StudioPluginGui = Roact.PureComponent:extend("StudioPluginGui")
|
|
|
|
StudioPluginGui.defaultProps = {
|
|
initDockState = Enum.InitialDockState.Right,
|
|
active = false,
|
|
overridePreviousState = false,
|
|
floatingSize = Vector2.new(0, 0),
|
|
minimumSize = Vector2.new(0, 0),
|
|
zIndexBehavior = Enum.ZIndexBehavior.Sibling,
|
|
}
|
|
|
|
function StudioPluginGui:init()
|
|
local floatingSize = self.props.floatingSize
|
|
local minimumSize = self.props.minimumSize
|
|
|
|
local dockWidgetPluginGuiInfo = DockWidgetPluginGuiInfo.new(
|
|
self.props.initDockState,
|
|
self.props.active,
|
|
self.props.overridePreviousState,
|
|
floatingSize.X,
|
|
floatingSize.Y,
|
|
minimumSize.X,
|
|
minimumSize.Y
|
|
)
|
|
|
|
local pluginGui = self.props.plugin:CreateDockWidgetPluginGui(if self.props.isEphemeral then HttpService:GenerateGUID(false) else self.props.id, dockWidgetPluginGuiInfo)
|
|
|
|
pluginGui.Name = self.props.id
|
|
pluginGui.Title = self.props.title
|
|
pluginGui.ZIndexBehavior = self.props.zIndexBehavior
|
|
|
|
if self.props.onInitialState then
|
|
self.props.onInitialState(pluginGui.Enabled)
|
|
end
|
|
|
|
pluginGui:BindToClose(function()
|
|
if self.props.onClose then
|
|
self.props.onClose()
|
|
else
|
|
pluginGui.Enabled = false
|
|
end
|
|
end)
|
|
|
|
self.pluginGui = pluginGui
|
|
end
|
|
|
|
function StudioPluginGui:render()
|
|
return e(Roact.Portal, {
|
|
target = self.pluginGui,
|
|
}, {
|
|
Background = Theme.with(function(theme)
|
|
return e("Frame", {
|
|
Size = UDim2.new(1, 0, 1, 0),
|
|
BackgroundColor3 = theme.BackgroundColor,
|
|
ZIndex = 0,
|
|
BorderSizePixel = 0,
|
|
}, self.props[Roact.Children])
|
|
end),
|
|
})
|
|
end
|
|
|
|
function StudioPluginGui:didUpdate(lastProps)
|
|
if self.props.active ~= lastProps.active then
|
|
-- This is intentionally in didUpdate to make sure the initial active state
|
|
-- (if the PluginGui is open initially) is preserved.
|
|
|
|
-- Studio widgets are very unreliable and sometimes need to be flickered
|
|
-- in order to force them to render correctly
|
|
-- This happens within a single frame so it doesn't flicker visibly
|
|
self.pluginGui.Enabled = self.props.active
|
|
self.pluginGui.Enabled = not self.props.active
|
|
self.pluginGui.Enabled = self.props.active
|
|
end
|
|
end
|
|
|
|
function StudioPluginGui:willUnmount()
|
|
self.pluginGui:Destroy()
|
|
end
|
|
|
|
local function StudioPluginGuiWrapper(props)
|
|
return e(StudioPluginContext.Consumer, {
|
|
render = function(plugin)
|
|
return e(
|
|
StudioPluginGui,
|
|
Dictionary.merge(props, {
|
|
plugin = plugin,
|
|
})
|
|
)
|
|
end,
|
|
})
|
|
end
|
|
|
|
return StudioPluginGuiWrapper
|