@quenty/blend 12.18.4-canary.559.9f38947.0 → 12.19.0-canary.0a5db80.0

package/CHANGELOG.md

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@quenty/blend",
-  "version": "12.18.4-canary.559.9f38947.0",
+  "version": "12.19.0-canary.0a5db80.0",
   "description": "Declarative UI system.",
   "keywords": [
     "Roblox",
@@ -27,24 +27,24 @@
     "access": "public"
   },
   "dependencies": {
-    "@quenty/acceltween": "2.5.3",
-    "@quenty/brio": "14.17.4-canary.559.9f38947.0",
-    "@quenty/ducktype": "5.8.5-canary.559.9f38947.0",
-    "@quenty/instanceutils": "13.17.4-canary.559.9f38947.0",
-    "@quenty/loader": "10.8.4-canary.559.9f38947.0",
-    "@quenty/maid": "3.4.4-canary.559.9f38947.0",
-    "@quenty/promise": "10.10.5-canary.559.9f38947.0",
-    "@quenty/rx": "13.17.4-canary.559.9f38947.0",
-    "@quenty/signal": "7.10.4-canary.559.9f38947.0",
-    "@quenty/spring": "10.8.5-canary.559.9f38947.0",
-    "@quenty/steputils": "3.5.6-canary.559.9f38947.0",
+    "@quenty/acceltween": "2.6.0-canary.0a5db80.0",
+    "@quenty/brio": "14.18.0-canary.0a5db80.0",
+    "@quenty/ducktype": "5.9.0-canary.0a5db80.0",
+    "@quenty/instanceutils": "13.18.0-canary.0a5db80.0",
+    "@quenty/loader": "10.9.0-canary.0a5db80.0",
+    "@quenty/maid": "3.5.0-canary.0a5db80.0",
+    "@quenty/promise": "10.11.0-canary.0a5db80.0",
+    "@quenty/rx": "13.18.0-canary.0a5db80.0",
+    "@quenty/signal": "7.11.0-canary.0a5db80.0",
+    "@quenty/spring": "10.9.0-canary.0a5db80.0",
+    "@quenty/steputils": "3.5.5",
     "@quenty/string": "3.3.3",
-    "@quenty/valuebaseutils": "13.17.4-canary.559.9f38947.0",
-    "@quenty/valueobject": "13.17.4-canary.559.9f38947.0"
+    "@quenty/valuebaseutils": "13.18.0-canary.0a5db80.0",
+    "@quenty/valueobject": "13.18.0-canary.0a5db80.0"
   },
   "devDependencies": {
-    "@quenty/contentproviderutils": "12.17.4-canary.559.9f38947.0",
-    "@quenty/playerthumbnailutils": "10.10.5-canary.559.9f38947.0"
+    "@quenty/contentproviderutils": "12.18.0-canary.0a5db80.0",
+    "@quenty/playerthumbnailutils": "10.11.0-canary.0a5db80.0"
   },
-  "gitHead": "9f38947767d202411936a5c98898033df5865da0"
+  "gitHead": "0a5db8004684dc3e76fd5944599a22602d48cfa9"
 }

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 RxBrioUtils = require("RxBrioUtils")
+local BrioUtils = require("BrioUtils")
 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,6 +603,7 @@ function SpringObject:_getSpringForType(converted)
 	local currentSpring = rawget(self, "_currentSpring")
 
 	if currentSpring == nil then
+
 		-- only happens on init
 		local newSpring = Spring.new(converted)
 
@@ -648,9 +649,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)
@@ -666,4 +667,4 @@ function SpringObject:Destroy()
 	setmetatable(self, nil)
 end
 
-return SpringObject
+return SpringObject

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

@@ -2,15 +2,14 @@
 	@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 Rx = require("Rx")
 local ValueObject = require("ValueObject")
+local Rx = require("Rx")
 
 return function(target)
 	local maid = Maid.new()
@@ -21,54 +20,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)
@@ -76,63 +75,56 @@ 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,8 +2,7 @@
 	@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")
@@ -11,17 +10,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
@@ -29,23 +28,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,8 +2,7 @@
 	@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")
 
@@ -16,12 +15,9 @@ 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
@@ -37,7 +33,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)
@@ -50,35 +46,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,8 +2,7 @@
 	@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")
 
@@ -28,84 +27,81 @@ 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
@@ -114,7 +110,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
@@ -125,4 +121,4 @@ return function(target)
 	return function()
 		maid:DoCleaning()
 	end
-end
+end

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

@@ -2,12 +2,11 @@
 	@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()
@@ -16,10 +15,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()
@@ -31,10 +30,11 @@ 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,8 +2,7 @@
 	@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")
 
@@ -16,43 +15,40 @@ 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,8 +2,7 @@
 	@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")
@@ -14,46 +13,42 @@ 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)