@quenty/blend 12.19.0-canary.ae8d76d.0 → 12.19.1-canary.4ea661c.0

package/CHANGELOG.md

@@ -3,7 +3,15 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
-# [12.19.0-canary.ae8d76d.0](https://github.com/Quenty/NevermoreEngine/compare/@quenty/blend@12.18.3...@quenty/blend@12.19.0-canary.ae8d76d.0) (2025-05-10)
+## [12.19.1-canary.4ea661c.0](https://github.com/Quenty/NevermoreEngine/compare/@quenty/blend@12.19.0...@quenty/blend@12.19.1-canary.4ea661c.0) (2025-08-12)
+
+**Note:** Version bump only for package @quenty/blend
+
+
+
+
+
+# [12.19.0](https://github.com/Quenty/NevermoreEngine/compare/@quenty/blend@12.18.3...@quenty/blend@12.19.0) (2025-05-10)
 
 **Note:** Version bump only for package @quenty/blend
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@quenty/blend",
-  "version": "12.19.0-canary.ae8d76d.0",
+  "version": "12.19.1-canary.4ea661c.0",
   "description": "Declarative UI system.",
   "keywords": [
     "Roblox",
@@ -28,23 +28,23 @@
   },
   "dependencies": {
     "@quenty/acceltween": "2.5.3",
-    "@quenty/brio": "14.18.0-canary.ae8d76d.0",
-    "@quenty/ducktype": "5.8.4",
-    "@quenty/instanceutils": "13.18.0-canary.ae8d76d.0",
-    "@quenty/loader": "10.8.3",
-    "@quenty/maid": "3.4.3",
-    "@quenty/promise": "10.11.0-canary.ae8d76d.0",
-    "@quenty/rx": "13.18.0-canary.ae8d76d.0",
-    "@quenty/signal": "7.10.3",
-    "@quenty/spring": "10.9.0-canary.ae8d76d.0",
-    "@quenty/steputils": "3.5.5",
+    "@quenty/brio": "14.18.1-canary.4ea661c.0",
+    "@quenty/ducktype": "5.9.0",
+    "@quenty/instanceutils": "13.18.1-canary.4ea661c.0",
+    "@quenty/loader": "10.9.0",
+    "@quenty/maid": "3.5.0",
+    "@quenty/promise": "10.11.0",
+    "@quenty/rx": "13.18.1-canary.4ea661c.0",
+    "@quenty/signal": "7.11.1-canary.4ea661c.0",
+    "@quenty/spring": "10.9.0",
+    "@quenty/steputils": "3.6.0",
     "@quenty/string": "3.3.3",
-    "@quenty/valuebaseutils": "13.18.0-canary.ae8d76d.0",
-    "@quenty/valueobject": "13.18.0-canary.ae8d76d.0"
+    "@quenty/valuebaseutils": "13.18.1-canary.4ea661c.0",
+    "@quenty/valueobject": "13.18.1-canary.4ea661c.0"
   },
   "devDependencies": {
-    "@quenty/contentproviderutils": "12.18.0-canary.ae8d76d.0",
-    "@quenty/playerthumbnailutils": "10.11.0-canary.ae8d76d.0"
+    "@quenty/contentproviderutils": "12.18.1-canary.4ea661c.0",
+    "@quenty/playerthumbnailutils": "10.11.0"
   },
-  "gitHead": "ae8d76d996594e017ac4bfa19f3c064ebe307cd8"
+  "gitHead": "4ea661c3fb52b8a3843c7d879c98c1de8a733798"
 }

package/src/Shared/Blend/Blend.lua

@@ -8,19 +8,19 @@ local require = require(script.Parent.loader).load(script)
 local AccelTween = require("AccelTween")
 local BlendDefaultProps = require("BlendDefaultProps")
 local Brio = require("Brio")
+local BrioUtils = require("BrioUtils")
 local Maid = require("Maid")
 local MaidTaskUtils = require("MaidTaskUtils")
 local Observable = require("Observable")
 local Promise = require("Promise")
 local Rx = require("Rx")
-local BrioUtils = require("BrioUtils")
+local RxBrioUtils = require("RxBrioUtils")
 local RxInstanceUtils = require("RxInstanceUtils")
 local RxValueBaseUtils = require("RxValueBaseUtils")
 local Signal = require("Signal")
 local StepUtils = require("StepUtils")
 local ValueBaseUtils = require("ValueBaseUtils")
 local ValueObject = require("ValueObject")
-local RxBrioUtils = require("RxBrioUtils")
 local SpringObject
 
 local Blend = {}
@@ -1173,4 +1173,4 @@ function Blend.mount(instance: Instance, props: BlendProps): Maid.Maid
 	return maid
 end
 
-return Blend
+return Blend

package/src/Shared/Blend/BlendDefaultProps.lua

@@ -33,12 +33,12 @@ SOFTWARE.
 return {
 	ScreenGui = {
 		ResetOnSpawn = false,
-		ZIndexBehavior = Enum.ZIndexBehavior.Sibling
+		ZIndexBehavior = Enum.ZIndexBehavior.Sibling,
 	},
 
 	BillboardGui = {
 		ResetOnSpawn = false,
-		ZIndexBehavior = Enum.ZIndexBehavior.Sibling
+		ZIndexBehavior = Enum.ZIndexBehavior.Sibling,
 	},
 
 	SurfaceGui = {
@@ -46,13 +46,13 @@ return {
 		ZIndexBehavior = Enum.ZIndexBehavior.Sibling,
 
 		SizingMode = Enum.SurfaceGuiSizingMode.PixelsPerStud,
-		PixelsPerStud = 50
+		PixelsPerStud = 50,
 	},
 
 	Frame = {
 		BackgroundColor3 = Color3.new(1, 1, 1),
 		BorderColor3 = Color3.new(0, 0, 0),
-		BorderSizePixel = 0
+		BorderSizePixel = 0,
 	},
 
 	ScrollingFrame = {
@@ -60,7 +60,7 @@ return {
 		BorderColor3 = Color3.new(0, 0, 0),
 		BorderSizePixel = 0,
 
-		ScrollBarImageColor3 = Color3.new(0, 0, 0)
+		ScrollBarImageColor3 = Color3.new(0, 0, 0),
 	},
 
 	TextLabel = {
@@ -71,7 +71,7 @@ return {
 		Font = Enum.Font.SourceSans,
 		Text = "",
 		TextColor3 = Color3.new(0, 0, 0),
-		TextSize = 14
+		TextSize = 14,
 	},
 
 	TextButton = {
@@ -84,7 +84,7 @@ return {
 		Font = Enum.Font.SourceSans,
 		Text = "",
 		TextColor3 = Color3.new(0, 0, 0),
-		TextSize = 14
+		TextSize = 14,
 	},
 
 	TextBox = {
@@ -97,13 +97,13 @@ return {
 		Font = Enum.Font.SourceSans,
 		Text = "",
 		TextColor3 = Color3.new(0, 0, 0),
-		TextSize = 14
+		TextSize = 14,
 	},
 
 	ImageLabel = {
 		BackgroundColor3 = Color3.new(1, 1, 1),
 		BorderColor3 = Color3.new(0, 0, 0),
-		BorderSizePixel = 0
+		BorderSizePixel = 0,
 	},
 
 	ImageButton = {
@@ -111,31 +111,31 @@ return {
 		BorderColor3 = Color3.new(0, 0, 0),
 		BorderSizePixel = 0,
 
-		AutoButtonColor = false
+		AutoButtonColor = false,
 	},
 
 	ViewportFrame = {
 		BackgroundColor3 = Color3.new(1, 1, 1),
 		BorderColor3 = Color3.new(0, 0, 0),
-		BorderSizePixel = 0
+		BorderSizePixel = 0,
 	},
 
 	VideoFrame = {
 		BackgroundColor3 = Color3.new(1, 1, 1),
 		BorderColor3 = Color3.new(0, 0, 0),
-		BorderSizePixel = 0
+		BorderSizePixel = 0,
 	},
 
 	UIListLayout = {
-		SortOrder = Enum.SortOrder.LayoutOrder;
+		SortOrder = Enum.SortOrder.LayoutOrder,
 	},
 
 	Sound = {
-		RollOffMode = Enum.RollOffMode.InverseTapered;
-	};
+		RollOffMode = Enum.RollOffMode.InverseTapered,
+	},
 
 	Part = {
-		TopSurface = Enum.SurfaceType.Smooth;
-		BottomSurface = Enum.SurfaceType.Smooth;
-	};
-}
+		TopSurface = Enum.SurfaceType.Smooth,
+		BottomSurface = Enum.SurfaceType.Smooth,
+	},
+}

package/src/Shared/Blend/SpringObject.lua

@@ -603,7 +603,6 @@ function SpringObject:_getSpringForType(converted)
 	local currentSpring = rawget(self, "_currentSpring")
 
 	if currentSpring == nil then
-
 		-- only happens on init
 		local newSpring = Spring.new(converted)
 
@@ -649,9 +648,9 @@ function SpringObject:_getInitInfo()
 	end
 
 	local value = {
-		Clock = os.clock;
-		Damper = 1;
-		Speed = 1;
+		Clock = os.clock,
+		Damper = 1,
+		Speed = 1,
 	}
 
 	rawset(self, "_initInfo", value)
@@ -667,4 +666,4 @@ function SpringObject:Destroy()
 	setmetatable(self, nil)
 end
 
-return SpringObject
+return SpringObject

package/src/Shared/Test/BlendChildren.story.lua

@@ -2,14 +2,15 @@
 	@class Blend.story
 ]]
 
-local require = require(game:GetService("ServerScriptService"):FindFirstChild("LoaderUtils", true).Parent).bootstrapStory(script)
+local require =
+	require(game:GetService("ServerScriptService"):FindFirstChild("LoaderUtils", true).Parent).bootstrapStory(script)
 
 local RunService = game:GetService("RunService")
 
 local Blend = require("Blend")
 local Maid = require("Maid")
-local ValueObject = require("ValueObject")
 local Rx = require("Rx")
+local ValueObject = require("ValueObject")
 
 return function(target)
 	local maid = Maid.new()
@@ -20,54 +21,54 @@ return function(target)
 
 	local uiCornerValueObject = ValueObject.new()
 	uiCornerValueObject.Value = Blend.New "UICorner" {
-		CornerRadius = UDim.new(0, 5);
-	};
+		CornerRadius = UDim.new(0, 5),
+	}
 	maid:GiveTask(uiCornerValueObject)
 
 	-- Reassign to a new value
 	maid:GiveTask(task.delay(1, function()
 		uiCornerValueObject.Value = Blend.New "UICorner" {
-			CornerRadius = UDim.new(0, 5);
-		};
+			CornerRadius = UDim.new(0, 5),
+		}
 	end))
 
 	local transparency = Blend.Computed(percentVisible, function(visible)
 		return 1 - visible
-	end);
+	end)
 
 	-- Try a kitchen sink of items
 	maid:GiveTask((Blend.New "TextLabel" {
-		Parent = target;
-		Font = Enum.Font.FredokaOne;
+		Parent = target,
+		Font = Enum.Font.FredokaOne,
 		Size = Blend.Computed(percentVisible, function(visible)
-			return UDim2.new(0, visible*100 + 50, 0, 50);
-		end);
-		TextTransparency = transparency;
-		BackgroundTransparency = transparency;
-		Position = UDim2.new(0.5, 0, 0.5, 0);
-		AnchorPoint = Vector2.new(0.5, 0.5);
-		Text = state;
-		TextSize = 15;
-		TextScaled = false;
+			return UDim2.new(0, visible * 100 + 50, 0, 50)
+		end),
+		TextTransparency = transparency,
+		BackgroundTransparency = transparency,
+		Position = UDim2.new(0.5, 0, 0.5, 0),
+		AnchorPoint = Vector2.new(0.5, 0.5),
+		Text = state,
+		TextSize = 15,
+		TextScaled = false,
 
 		[Blend.Children] = {
 			Blend.New "UIPadding" {
-				PaddingLeft = UDim.new(0, 10);
-				PaddingRight = UDim.new(0, 10);
-				PaddingTop = UDim.new(0, 10);
-				PaddingBottom = UDim.new(0, 10);
-			};
+				PaddingLeft = UDim.new(0, 10),
+				PaddingRight = UDim.new(0, 10),
+				PaddingTop = UDim.new(0, 10),
+				PaddingBottom = UDim.new(0, 10),
+			},
 
 			Blend.New "UIScale" {
 				Scale = Blend.Computed(percentVisible, function(visible)
-					return 0.8 + 0.2*visible;
-				end);
-			};
+					return 0.8 + 0.2 * visible
+				end),
+			},
 
-			uiCornerValueObject;
+			uiCornerValueObject,
 
-			Rx.NEVER;
-			Rx.EMPTY;
+			Rx.NEVER,
+			Rx.EMPTY,
 
 			{
 				Blend.Single(Blend.Computed(percentVisible, function(visible)
@@ -75,56 +76,63 @@ return function(target)
 						return nil
 					else
 						return Blend.New "Frame" {
-							Size = UDim2.new(0, 150, 0, 30);
-							AnchorPoint = Vector2.new(0.5, 0);
-							Position = UDim2.new(0.5, 0, 1, 10);
-							BackgroundTransparency = transparency;
+							Size = UDim2.new(0, 150, 0, 30),
+							AnchorPoint = Vector2.new(0.5, 0),
+							Position = UDim2.new(0.5, 0, 1, 10),
+							BackgroundTransparency = transparency,
 
 							Blend.New "UICorner" {
-								CornerRadius = UDim.new(0, 10);
-							}
-						};
+								CornerRadius = UDim.new(0, 10),
+							},
+						}
 					end
-				end));
-
-			};
+				end)),
+			},
 
 			{
 				Blend.Single(Blend.Computed(percentVisible, function(visible)
 					local results = {}
 
 					-- constructs a ton of children everytime this changes
-					for x=0, visible*100, 20 do
-						table.insert(results, Blend.New "Frame" {
-							Size = UDim2.new(0, 8, 0, 8);
-							Position = UDim2.new(x/100, 0, 0.9, 0);
-							AnchorPoint = Vector2.new(0.5, 0.5);
-							BorderSizePixel = 0;
-							BackgroundColor3 = Color3.new(x/100, 0.5, 0.5);
-							BackgroundTransparency = transparency;
-
-							[Blend.Children] = {
-								Blend.New "UICorner" {
-									CornerRadius = UDim.new(0, 10);
-								};
-							};
-						})
+					for x = 0, visible * 100, 20 do
+						table.insert(
+							results,
+							Blend.New "Frame" {
+								Size = UDim2.new(0, 8, 0, 8),
+								Position = UDim2.new(x / 100, 0, 0.9, 0),
+								AnchorPoint = Vector2.new(0.5, 0.5),
+								BorderSizePixel = 0,
+								BackgroundColor3 = Color3.new(x / 100, 0.5, 0.5),
+								BackgroundTransparency = transparency,
+
+								[Blend.Children] = {
+									Blend.New "UICorner" {
+										CornerRadius = UDim.new(0, 10),
+									},
+								},
+							}
+						)
 					end
 
 					return results
-				end));
-			};
-		};
+				end)),
+			},
+		},
 	}):Subscribe())
 
 	local PERIOD = 5
 	maid:GiveTask(RunService.RenderStepped:Connect(function()
 		local timeElapsed = os.clock()
-		state.Value = string.format("%02d:%02d:%0.3d", math.floor(timeElapsed / 60) % 60, math.floor(timeElapsed % 60), math.floor(timeElapsed*1000) % 1000)
-		percentVisible.Value = math.clamp((math.sin(os.clock()*math.pi*2/PERIOD) + 1), 0, 1)
+		state.Value = string.format(
+			"%02d:%02d:%0.3d",
+			math.floor(timeElapsed / 60) % 60,
+			math.floor(timeElapsed % 60),
+			math.floor(timeElapsed * 1000) % 1000
+		)
+		percentVisible.Value = math.clamp((math.sin(os.clock() * math.pi * 2 / PERIOD) + 1), 0, 1)
 	end))
 
 	return function()
 		maid:DoCleaning()
 	end
-end
+end

package/src/Shared/Test/BlendComputePairs.story.lua

@@ -2,7 +2,8 @@
 	@class Blend.story
 ]]
 
-local require = require(game:GetService("ServerScriptService"):FindFirstChild("LoaderUtils", true).Parent).bootstrapStory(script)
+local require =
+	require(game:GetService("ServerScriptService"):FindFirstChild("LoaderUtils", true).Parent).bootstrapStory(script)
 
 local Blend = require("Blend")
 local Maid = require("Maid")
@@ -10,17 +11,17 @@ local Maid = require("Maid")
 return function(target)
 	local maid = Maid.new()
 
-	local state = Blend.State({"a", "b", "c"})
+	local state = Blend.State({ "a", "b", "c" })
 	maid:GiveTask(state)
 
 	maid:GiveTask((Blend.New "TextLabel" {
-		Parent = target;
+		Parent = target,
 
 		[Blend.Children] = {
 			Blend.New "TextButton" {
-				Text = "Add";
-				AutoButtonColor = true;
-				Size = UDim2.new(0, 100, 0, 20);
+				Text = "Add",
+				AutoButtonColor = true,
+				Size = UDim2.new(0, 100, 0, 20),
 				[Blend.OnEvent "Activated"] = function()
 					local newState = {}
 					for _, item in state.Value do
@@ -28,23 +29,23 @@ return function(target)
 					end
 					table.insert(newState, string.char(string.byte("a") + #newState))
 					state.Value = newState
-				end;
-			};
+				end,
+			},
 			Blend.ComputedPairs(state, function(_index, value)
 				print("Compute", value)
 				return Blend.New "TextLabel" {
-					Text = tostring(value);
-					Size = UDim2.new(0, 20, 0, 20);
+					Text = tostring(value),
+					Size = UDim2.new(0, 20, 0, 20),
 				}
-			end);
+			end),
 
 			Blend.New "UIListLayout" {
-				Padding = UDim.new(0, 5);
-			};
-		};
+				Padding = UDim.new(0, 5),
+			},
+		},
 	}):Subscribe())
 
 	return function()
 		maid:DoCleaning()
 	end
-end
+end

package/src/Shared/Test/BlendFind.story.lua

@@ -2,7 +2,8 @@
 	@class Blend.story
 ]]
 
-local require = require(game:GetService("ServerScriptService"):FindFirstChild("LoaderUtils", true).Parent).bootstrapStory(script)
+local require =
+	require(game:GetService("ServerScriptService"):FindFirstChild("LoaderUtils", true).Parent).bootstrapStory(script)
 
 local RunService = game:GetService("RunService")
 
@@ -15,9 +16,12 @@ return function(target)
 	local isVisible = Instance.new("BoolValue")
 	isVisible.Value = false
 
-	local percentVisible = Blend.Spring(Blend.Computed(isVisible, function(visible)
-		return visible and 1 or 0
-	end), 35)
+	local percentVisible = Blend.Spring(
+		Blend.Computed(isVisible, function(visible)
+			return visible and 1 or 0
+		end),
+		35
+	)
 
 	local transparency = Blend.Computed(percentVisible, function(percent)
 		return 1 - percent
@@ -33,7 +37,7 @@ return function(target)
 	maid:GiveTask(frame)
 
 	local subFrame = Instance.new("Frame")
-	subFrame.Name = "CenterFrame";
+	subFrame.Name = "CenterFrame"
 	subFrame.Size = UDim2.new(0.5, 0, 0.5, 0)
 	subFrame.BackgroundColor3 = Color3.new(0.5, 0.5, 0.5)
 	subFrame.AnchorPoint = Vector2.new(0.5, 0.5)
@@ -46,35 +50,35 @@ return function(target)
 	uiScale.Parent = subFrame
 
 	maid:GiveTask(Blend.mount(frame, {
-		Size = UDim2.new(0.5, 0, 0.5, 0);
+		Size = UDim2.new(0.5, 0, 0.5, 0),
 
 		Blend.New "UICorner" {
-			CornerRadius = UDim.new(0.05, 0);
-		};
+			CornerRadius = UDim.new(0.05, 0),
+		},
 
 		Blend.Find "Frame" {
-			Name = "CenterFrame";
+			Name = "CenterFrame",
 
 			Blend.Find "UIScale" {
-				Name = "MyUIScale";
+				Name = "MyUIScale",
 
 				Scale = Blend.Computed(percentVisible, function(percent)
-					return 0.8 + 0.2*percent
-				end);
-			};
+					return 0.8 + 0.2 * percent
+				end),
+			},
 
 			Blend.New "UICorner" {
-				CornerRadius = UDim.new(0.05, 0);
-			};
-		};
+				CornerRadius = UDim.new(0.05, 0),
+			},
+		},
 	}))
 
 	local PERIOD = 2
 	maid:GiveTask(RunService.RenderStepped:Connect(function()
-		isVisible.Value = os.clock()/PERIOD % 1 < 0.5
+		isVisible.Value = os.clock() / PERIOD % 1 < 0.5
 	end))
 
 	return function()
 		maid:DoCleaning()
 	end
-end
+end

package/src/Shared/Test/BlendPromise.story.lua

@@ -2,7 +2,8 @@
 	@class BlendTextbox.story
 ]]
 
-local require = require(game:GetService("ServerScriptService"):FindFirstChild("LoaderUtils", true).Parent).bootstrapStory(script)
+local require =
+	require(game:GetService("ServerScriptService"):FindFirstChild("LoaderUtils", true).Parent).bootstrapStory(script)
 
 local RunService = game:GetService("RunService")
 
@@ -27,81 +28,84 @@ return function(target)
 	local userName = Blend.Dynamic(userIdState, function(userId)
 		return PlayerThumbnailUtils.promiseUserName(userId)
 	end)
-	local percentVisible = Blend.Spring(Blend.Computed(isVisible, function(visible)
-		return visible and 1 or 0
-	end), 35)
+	local percentVisible = Blend.Spring(
+		Blend.Computed(isVisible, function(visible)
+			return visible and 1 or 0
+		end),
+		35
+	)
 	local transparency = Blend.Computed(percentVisible, function(percent)
 		return 1 - percent
 	end)
 
 	maid:GiveTask((Blend.New "Frame" {
-		Parent = target;
-		Name = "ProfileImage";
-		LayoutOrder = 15;
-		BackgroundTransparency = 1;
-		Size = UDim2.new(0, 100, 0, 130);
-		Position = UDim2.fromScale(0.5, 0.5);
-		AnchorPoint = Vector2.new(0.5, 0.5);
+		Parent = target,
+		Name = "ProfileImage",
+		LayoutOrder = 15,
+		BackgroundTransparency = 1,
+		Size = UDim2.new(0, 100, 0, 130),
+		Position = UDim2.fromScale(0.5, 0.5),
+		AnchorPoint = Vector2.new(0.5, 0.5),
 		[Blend.Children] = {
 			Blend.New "UIScale" {
 				Scale = Blend.Computed(percentVisible, function(percent)
-					return 0.8 + 0.2*percent
-				end);
-			};
+					return 0.8 + 0.2 * percent
+				end),
+			},
 
 			Blend.New "TextLabel" {
-				Size = UDim2.new(1, 0, 0, 30);
-				Position = UDim2.new(0.5, 0, 1, 0);
-				AnchorPoint = Vector2.new(0.5, 1);
-				BackgroundTransparency = 1;
-				TextTransparency = transparency;
-				TextColor3 = Color3.new(1, 1, 1);
-				TextSize = 20;
-				Font = Enum.Font.Gotham;
-				Text = userName;
-			};
+				Size = UDim2.new(1, 0, 0, 30),
+				Position = UDim2.new(0.5, 0, 1, 0),
+				AnchorPoint = Vector2.new(0.5, 1),
+				BackgroundTransparency = 1,
+				TextTransparency = transparency,
+				TextColor3 = Color3.new(1, 1, 1),
+				TextSize = 20,
+				Font = Enum.Font.Gotham,
+				Text = userName,
+			},
 
 			Blend.New "Frame" {
-				Position = UDim2.new(0.5, 0, 0, 0);
-				AnchorPoint = Vector2.new(0.5, 0);
-				Size = UDim2.new(1, 0, 1, 0);
-				BackgroundColor3 = Color3.new(0.2, 0.25, 0.2);
-				BackgroundTransparency = transparency;
+				Position = UDim2.new(0.5, 0, 0, 0),
+				AnchorPoint = Vector2.new(0.5, 0),
+				Size = UDim2.new(1, 0, 1, 0),
+				BackgroundColor3 = Color3.new(0.2, 0.25, 0.2),
+				BackgroundTransparency = transparency,
 				[Blend.Children] = {
 					Blend.New "UIAspectRatioConstraint" {
-						AspectRatio = 1;
-					};
+						AspectRatio = 1,
+					},
 					Blend.New "UICorner" {
-						CornerRadius = UDim.new(1, 0);
-					};
+						CornerRadius = UDim.new(1, 0),
+					},
 					Blend.New "UIPadding" {
-						PaddingLeft = UDim.new(0, 2);
-						PaddingRight = UDim.new(0, 2);
-						PaddingTop = UDim.new(0, 2);
-						PaddingBottom = UDim.new(0, 2);
-					};
+						PaddingLeft = UDim.new(0, 2),
+						PaddingRight = UDim.new(0, 2),
+						PaddingTop = UDim.new(0, 2),
+						PaddingBottom = UDim.new(0, 2),
+					},
 
 					Blend.New "ImageLabel" {
-						Size = UDim2.new(1, 0, 1, 0);
-						Image = userImage;
-						BackgroundTransparency = transparency;
-						ImageTransparency = transparency;
-						BackgroundColor3 = Color3.new(0.1, 0.1, 0.1);
+						Size = UDim2.new(1, 0, 1, 0),
+						Image = userImage,
+						BackgroundTransparency = transparency,
+						ImageTransparency = transparency,
+						BackgroundColor3 = Color3.new(0.1, 0.1, 0.1),
 
 						[Blend.Children] = {
 							Blend.New "UICorner" {
-								CornerRadius = UDim.new(1, 0);
-							};
-						};
-					};
-				};
-			};
-		};
+								CornerRadius = UDim.new(1, 0),
+							},
+						},
+					},
+				},
+			},
+		},
 	}):Subscribe())
 
 	local PERIOD = 2
 	maid:GiveTask(RunService.RenderStepped:Connect(function()
-		isVisible.Value = os.clock()/PERIOD % 1 < 0.5
+		isVisible.Value = os.clock() / PERIOD % 1 < 0.5
 	end))
 
 	local alive = true
@@ -110,7 +114,7 @@ return function(target)
 	end)
 	maid:GiveTask(isVisible.Changed:Connect(function()
 		if not isVisible.Value then
-			task.delay(PERIOD/2, function()
+			task.delay(PERIOD / 2, function()
 				if alive then
 					userIdState.Value = Random.new():NextInteger(1, 1e9)
 				end
@@ -121,4 +125,4 @@ return function(target)
 	return function()
 		maid:DoCleaning()
 	end
-end
+end

package/src/Shared/Test/BlendSingle.story.lua

@@ -2,11 +2,12 @@
 	@class BlendSingle.story
 ]]
 
-local require = require(game:GetService("ServerScriptService"):FindFirstChild("LoaderUtils", true).Parent).bootstrapStory(script)
+local require =
+	require(game:GetService("ServerScriptService"):FindFirstChild("LoaderUtils", true).Parent).bootstrapStory(script)
 
+local Blend = require("Blend")
 local Maid = require("Maid")
 local Observable = require("Observable")
-local Blend = require("Blend")
 
 return function(target)
 	local maid = Maid.new()
@@ -15,10 +16,10 @@ return function(target)
 
 	local result = Blend.Single(Blend.Dynamic(state, function(text)
 		return Blend.New "TextLabel" {
-			Parent = target;
-			Text = text;
-			Size = UDim2.new(1, 0, 1, 0);
-			BackgroundTransparency = 0.5;
+			Parent = target,
+			Text = text,
+			Size = UDim2.new(1, 0, 1, 0),
+			BackgroundTransparency = 0.5,
 			[function()
 				return Observable.new(function()
 					local internal = Maid.new()
@@ -30,11 +31,10 @@ return function(target)
 
 					return internal
 				end)
-			end] = true;
+			end] = true,
 		}
 	end))
 
-
 	maid:GiveTask(result:Subscribe())
 
 	state.Value = "b"
@@ -42,4 +42,4 @@ return function(target)
 	return function()
 		maid:DoCleaning()
 	end
-end
+end

package/src/Shared/Test/BlendSpring.story.lua

@@ -2,7 +2,8 @@
 	@class Blend.story
 ]]
 
-local require = require(game:GetService("ServerScriptService"):FindFirstChild("LoaderUtils", true).Parent).bootstrapStory(script)
+local require =
+	require(game:GetService("ServerScriptService"):FindFirstChild("LoaderUtils", true).Parent).bootstrapStory(script)
 
 local RunService = game:GetService("RunService")
 
@@ -15,40 +16,43 @@ return function(target)
 	local isVisible = Instance.new("BoolValue")
 	isVisible.Value = false
 
-	local percentVisible = Blend.Spring(Blend.Computed(isVisible, function(visible)
-		return visible and 1 or 0
-	end), 35)
+	local percentVisible = Blend.Spring(
+		Blend.Computed(isVisible, function(visible)
+			return visible and 1 or 0
+		end),
+		35
+	)
 
 	local transparency = Blend.Computed(percentVisible, function(percent)
 		return 1 - percent
 	end)
 
 	maid:GiveTask((Blend.New "Frame" {
-		Size = UDim2.new(0.5, 0, 0.5, 0);
-		BackgroundColor3 = Color3.new(0.9, 0.9, 0.9);
-		AnchorPoint = Vector2.new(0.5, 0.5);
-		Position = UDim2.new(0.5, 0, 0.5, 0);
-		BackgroundTransparency = transparency;
-		Parent = target;
+		Size = UDim2.new(0.5, 0, 0.5, 0),
+		BackgroundColor3 = Color3.new(0.9, 0.9, 0.9),
+		AnchorPoint = Vector2.new(0.5, 0.5),
+		Position = UDim2.new(0.5, 0, 0.5, 0),
+		BackgroundTransparency = transparency,
+		Parent = target,
 
 		[Blend.Children] = {
 			Blend.New "UIScale" {
 				Scale = Blend.Computed(percentVisible, function(percent)
-					return 0.8 + 0.2*percent
-				end);
-			};
+					return 0.8 + 0.2 * percent
+				end),
+			},
 			Blend.New "UICorner" {
-				CornerRadius = UDim.new(0.05, 0);
-			};
-		};
+				CornerRadius = UDim.new(0.05, 0),
+			},
+		},
 	}):Subscribe())
 
 	local PERIOD = 5
 	maid:GiveTask(RunService.RenderStepped:Connect(function()
-		isVisible.Value = os.clock()/PERIOD % 1 < 0.5
+		isVisible.Value = os.clock() / PERIOD % 1 < 0.5
 	end))
 
 	return function()
 		maid:DoCleaning()
 	end
-end
+end

package/src/Shared/Test/BlendTextbox.story.lua

@@ -2,7 +2,8 @@
 	@class BlendTextbox.story
 ]]
 
-local require = require(game:GetService("ServerScriptService"):FindFirstChild("LoaderUtils", true).Parent).bootstrapStory(script)
+local require =
+	require(game:GetService("ServerScriptService"):FindFirstChild("LoaderUtils", true).Parent).bootstrapStory(script)
 
 local Blend = require("Blend")
 local Maid = require("Maid")
@@ -13,42 +14,46 @@ return function(target)
 	local state = Blend.State("hi")
 
 	maid:GiveTask((Blend.New "Frame" {
-		Size = UDim2.new(1, 0, 1, 0);
-		BackgroundTransparency = 1;
-		Parent = target;
+		Size = UDim2.new(1, 0, 1, 0),
+		BackgroundTransparency = 1,
+		Parent = target,
 
 		[Blend.Children] = {
 			Blend.New "TextBox" {
-				Size = UDim2.new(0, 200, 0, 50);
-				Text = state;
-				[Blend.OnChange "Text"] = state;
+				Size = UDim2.new(0, 200, 0, 50),
+				Text = state,
+				[Blend.OnChange "Text"] = state,
 				[Blend.OnEvent "Focused"] = function()
 					print("Focused")
-				end;
+				end,
 
-				[function(inst) return inst.Focused end] = function()
+				[function(inst)
+					return inst.Focused
+				end] = function()
 					print("Focused (via func)")
-				end;
+				end,
 
 				-- this also works
-				[function(inst) return inst:GetPropertyChangedSignal("Text") end] = function()
+				[function(inst)
+					return inst:GetPropertyChangedSignal("Text")
+				end] = function()
 					print("Property changed from :GetPropertyChangedSignal()")
-				end;
-			};
+				end,
+			},
 
 			Blend.New "TextBox" {
-				Size = UDim2.new(0, 200, 0, 50);
-				[Blend.OnChange "Text"] = state; -- read state
-				Text = state; -- write state
-			};
+				Size = UDim2.new(0, 200, 0, 50),
+				[Blend.OnChange "Text"] = state, -- read state
+				Text = state, -- write state
+			},
 
 			Blend.New "UIListLayout" {
-				Padding = UDim.new(0, 10);
-			};
-		};
+				Padding = UDim.new(0, 10),
+			},
+		},
 	}):Subscribe())
 
 	return function()
 		maid:DoCleaning()
 	end
-end
+end

package/test/scripts/Client/ClientMain.client.lua

@@ -10,15 +10,15 @@ local PlayerGuiUtils = require("PlayerGuiUtils")
 local state = Blend.State("a")
 
 Blend.New "ScreenGui" {
-	Parent = PlayerGuiUtils.getPlayerGui();
+	Parent = PlayerGuiUtils.getPlayerGui(),
 	[Blend.Children] = {
 		Blend.New "TextLabel" {
-			Size = UDim2.new(0, 100, 0, 50);
-			Position = UDim2.new(0.5, 0, 0.5, 0);
-			AnchorPoint = Vector2.new(0.5, 0.5);
-			Text = state;
-		}
-	};
+			Size = UDim2.new(0, 100, 0, 50),
+			Position = UDim2.new(0.5, 0, 0.5, 0),
+			AnchorPoint = Vector2.new(0.5, 0.5),
+			Text = state,
+		},
+	},
 }
 
-state.Value = "hi"
+state.Value = "hi"

package/test/scripts/Server/ServerMain.server.lua

@@ -5,4 +5,4 @@
 local ServerScriptService = game:GetService("ServerScriptService")
 
 local loader = ServerScriptService:FindFirstChild("LoaderUtils", true).Parent
-require(loader).bootstrapGame(ServerScriptService.blend)
+require(loader).bootstrapGame(ServerScriptService.blend)