lively 0.16.1 → 0.16.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: d27407a416fa635821337fdd4e59b5e74f5116e9d30ff3026e9e4828ae7420ad
-  data.tar.gz: 9fc8989d73bb25d310d4094e0c4da39d7b4d05295714571f7335ae0c09c9ea28
+  metadata.gz: 3ca81321a073afd76bfad886642348bd6361cd0f843da12a804e94fb12c5b092
+  data.tar.gz: 7ec8cba18ea1f7bc6370682ece647589d3fe1e4b01ccd3ea8418092a88c4a2de
 SHA512:
-  metadata.gz: 1d7d6d282fb8788b8c8eb711c95e18f1a491138dbb91d6a8b26ec663c1b4e9f39b86c267580177838d5ea7e94464d2f6a847341b0beb71274f7aacc9a47be4b5
-  data.tar.gz: 7dd7b5fca6f49acd4fb53889793b53758613da379db8835e44120ce442eca18b55857e2829f72e98b79c57695fc1a03a2c58513f51db781a0301f73214629394
+  metadata.gz: ba0653fbf484181a903b120c12a3cfa2864a6e1b7b98691198c12fcef50ae134841cbbfbbabb45b5ab26d26e284efa4bcdfc788b695c26dd6e9dc5dcf9e1747c
+  data.tar.gz: e3f81892372c3313b18771e3be3159c06477a681904185b642ce77623414410621fb1009ba298f9ef0a2d6e3df6844d1e8e9890fec7abd43fdf3c57302ba0ae1

checksums.yaml.gz.sig

@@ -1,4 +1,2 @@
-�F,:�V���g�����d�d��~̠�P�����-q���n��幃�>|lc��\���*�+0���أ���o	h�\Aw�;B s�T�,2{5�CP-IJt*�*-�u��i�x��;-�F
-,R�i�
-�<#��R�F�����Ũ��o�V���'e��+O,|ˠc�@�X%Nʽ"',dMV1{=w��blÏ��T�a�m>ޘ?��@�t
-����0N��-4�r\���e�c�� �P2f=җ��\,w��ᓸP�З4�޸^����&T�3R�"v�l�/`��/^x��ǣ&o�>X���M��i�X�t��ѵA�����>��E¢��+B��v0��3q�iYLCV	"6��t�k��V��(Ub�+8��ѫ
+�+����C�c�=�C~"�>Ёo�~���/G֙�ng�I�����X�ӡCz���#���	�߁�1�`��:c�^�u�#��-�֡����_�]ZZ��k�(xvp <@�aCm�F����]'Q
+W�Rb���"��#��⟍�+��S��2�����
�$읕���ّ���,��7�]�NC~���j���?u�H�

data/context/flappy-bird-tutorial.md

@@ -48,7 +48,7 @@ First, let's create the basic structure for our game. We'll start with a simple
 Create a new file called `flappy_basic.rb`:
 
 ```ruby
-require 'live'
+require "live"
 
 class FlappyBasicView < Live::View
 	WIDTH = 420
@@ -172,7 +172,7 @@ class Bird < BoundingBox
 	
 	def initialize(x = 30, y = HEIGHT / 2, width: 34, height: 24, skin: nil)
 		super(x, y, width, height)
-		@skin = skin || 'bird'
+		@skin = skin || "bird"
 		@velocity = 0.0
 		@jumping = false
 		@dying = false
@@ -253,7 +253,7 @@ class Bird < BoundingBox
 				
 				builder.inline_tag(:div, 
 					id: id, 
-					class: 'particle jump', 
+					class: "particle jump", 
 					style: "left: #{center[0]}px; bottom: #{center[1]}px; --rotation-angle: #{angle}deg;"
 				)
 			end
@@ -387,12 +387,12 @@ class Pipe
 		
 		# Render lower pipe
 		builder.inline_tag(:div, 
-			class: 'pipe', 
+			class: "pipe", 
 			style: "left: #{@x}px; bottom: #{self.bottom}px; width: #{@width}px; height: #{@height}px; #{display}"
 		)
 		# Render upper pipe
 		builder.inline_tag(:div, 
-			class: 'pipe', 
+			class: "pipe", 
 			style: "left: #{@x}px; bottom: #{self.top}px; width: #{@width}px; height: #{@height}px; #{display}"
 		)
 	end
@@ -461,7 +461,7 @@ class Gemstone < BoundingBox
 		end
 		
 		builder.inline_tag(:div, 
-			class: 'gemstone', 
+			class: "gemstone", 
 			style: "left: #{@x}px; bottom: #{@y}px; width: #{@width}px; height: #{@height}px; opacity: #{opacity};"
 		)
 		
@@ -475,7 +475,7 @@ class Gemstone < BoundingBox
 				
 				builder.inline_tag(:div, 
 					id: id, 
-					class: 'particle bonus', 
+					class: "particle bonus", 
 					style: "left: #{center[0]}px; bottom: #{center[1]}px; --rotation-angle: #{angle}deg;"
 				)
 			end
@@ -540,7 +540,7 @@ Let's add a way for players to choose different bird skins:
 
 ```ruby
 class SkinSelectionView < Live::View
-	SKINS = ['bird', 'gull', 'kiwi', 'owl']
+	SKINS = ["bird", "gull", "kiwi", "owl"]
 	
 	def handle(event)
 		skin = event.dig(:detail, :skin) or return
@@ -627,7 +627,7 @@ class FlappyView < Live::View
 		@pipes = nil
 		@bonus = nil
 		
-		@skin_selection = SkinSelectionView.mount(self, 'skin-selection')
+		@skin_selection = SkinSelectionView.mount(self, "skin-selection")
 		
 		# Game state
 		@score = 0
@@ -784,7 +784,7 @@ def step(dt)
 					play_music
 				end
 			end
-		
+			
 			# Check for collision
 			if pipe.intersect?(@bird)
 				Console.info(self, "Player has died.")
@@ -943,7 +943,7 @@ Here's how all the pieces fit together in a complete game file:
 #!/usr/bin/env lively
 # frozen_string_literal: true
 
-require 'live'
+require "live"
 
 # [All the classes we've built: BoundingBox, Bird, Pipe, Gemstone, SkinSelectionView, FlappyView]
 # Put them all together in a single file for easy execution

data/context/game-audio-tutorial.md

@@ -116,7 +116,7 @@ To play sounds from your Ruby application, you need to connect your custom eleme
 **Ruby Application (`application.rb`):**
 
 ```ruby
-require 'lively'
+require "lively"
 
 class GameView < Live::View
 	def tag_name
@@ -131,17 +131,17 @@ class GameView < Live::View
 	
 	def player_jump
 		@player.jump
-		play_sound('jump')   # Play jump sound
+		play_sound("jump")   # Play jump sound
 	end
 	
 	def collect_coin
 		@score += 10
-		play_sound('coin')   # Play coin sound
+		play_sound("coin")   # Play coin sound
 	end
 	
 	def player_dies
 		@lives -= 1
-		play_sound('death')  # Play death sound
+		play_sound("death")  # Play death sound
 	end
 end
 ```

data/context/worms-tutorial.md

@@ -72,7 +72,7 @@ class StaticBoard
 		@height = height
 		
 		# Use an Array of Arrays to store a grid:
-		@grid = Array.new(@height) {Array.new(@width)}
+		@grid = Array.new(@height){Array.new(@width)}
 		
 		# Place a fruit:
 		@grid[1][1] = "🍎"
@@ -94,7 +94,7 @@ class StaticView < Live::View
 	
 	# Render the HTML grid:
 	def render(builder)
-		builder.tag("h1") {builder.text("My First Lively Game!")}
+		builder.tag("h1"){builder.text("My First Lively Game!")}
 		builder.tag("table") do
 			@board.grid.each do |row|
 				builder.tag("tr") do
@@ -102,7 +102,7 @@ class StaticView < Live::View
 						if cell.is_a?(Hash)
 							builder.tag("td", style: "background-color: #{cell[:color]};")
 						elsif cell.is_a?(String)
-							builder.tag("td") {builder.text(cell)}
+							builder.tag("td"){builder.text(cell)}
 						else
 							builder.tag("td")
 						end
@@ -165,7 +165,7 @@ class InteractiveBoard
 	def initialize(width = 5, height = 5)
 		@width = width
 		@height = height
-		@grid = Array.new(@height) {Array.new(@width)}
+		@grid = Array.new(@height){Array.new(@width)}
 		# Put a fruit in the center:
 		@grid[2][2] = "🍎"
 	end
@@ -226,7 +226,7 @@ class InteractiveView < Live::View
 	
 	# Render the HTML grid, including event forwarding.
 	def render(builder)
-		builder.tag("h1") {builder.text("Interactive Board - Click the cells!")}
+		builder.tag("h1"){builder.text("Interactive Board - Click the cells!")}
 		builder.tag("table") do
 			@board.grid.each_with_index do |row, y|
 				builder.tag("tr") do
@@ -235,7 +235,7 @@ class InteractiveView < Live::View
 							# lively.forwardEvent sends the event from the browser to the server, invoking the handle method above. Note that we include the x and y coordinates as extra details.
 							builder.tag("td", onclick: "live.forwardEvent('#{@id}', event, {y: #{y}, x: #{x}});", style: "cursor: pointer; background-color: #{cell[:color]};")
 						elsif cell.is_a?(String)
-							builder.tag("td", onclick: "live.forwardEvent('#{@id}', event, {y: #{y}, x: #{x}});", style: "cursor: pointer;") {builder.text(cell)}
+							builder.tag("td", onclick: "live.forwardEvent('#{@id}', event, {y: #{y}, x: #{x}});", style: "cursor: pointer;"){builder.text(cell)}
 						else
 							builder.tag("td", onclick: "live.forwardEvent('#{@id}', event, {y: #{y}, x: #{x}});", style: "cursor: pointer;")
 						end
@@ -243,7 +243,7 @@ class InteractiveView < Live::View
 				end
 			end
 		end
-		builder.tag("p") {builder.text("Click any cell to cycle: empty → fruit → worm segment → empty.")}
+		builder.tag("p"){builder.text("Click any cell to cycle: empty → fruit → worm segment → empty.")}
 	end
 end
 
@@ -275,7 +275,7 @@ class Board
 	def initialize(width = 8, height = 8)
 		@width = width
 		@height = height
-		@grid = Array.new(@height) {Array.new(@width)}
+		@grid = Array.new(@height){Array.new(@width)}
 	end
 	
 	attr_reader :grid, :width, :height
@@ -348,7 +348,7 @@ class SimpleWorm
 			# Don't move this tick
 			return
 		end
-
+		
 		# Otherwise, update the worm's position:
 		@y, @x = new_y, new_x
 		@board.set_segment(@y, @x, @color, @length)
@@ -394,7 +394,7 @@ class MovingWormView < Live::View
 	
 	# Render the HTML grid, including event forwarding.
 	def render(builder)
-		builder.tag("h1") {builder.text("Automatic Moving Worm")}
+		builder.tag("h1"){builder.text("Automatic Moving Worm")}
 		builder.tag("table") do
 			@board.grid.each_with_index do |row, y|
 				builder.tag("tr") do
@@ -408,8 +408,8 @@ class MovingWormView < Live::View
 				end
 			end
 		end
-		builder.tag("p") {builder.text("Watch the colored worm bounce around and leave a trail!")}
-		builder.tag("p") {builder.text("Current position: (#{@worm.y}, #{@worm.x})")}
+		builder.tag("p"){builder.text("Watch the colored worm bounce around and leave a trail!")}
+		builder.tag("p"){builder.text("Current position: (#{@worm.y}, #{@worm.x})")}
 	end
 end
 
@@ -434,7 +434,7 @@ class Board
 	def initialize(width = 10, height = 10)
 		@width = width
 		@height = height
-		@grid = Array.new(@height) {Array.new(@width)}
+		@grid = Array.new(@height){Array.new(@width)}
 	end
 	
 	attr_reader :grid, :width, :height
@@ -508,7 +508,7 @@ class ControllableView < Live::View
 		@worm = ControllableWorm.new(@board, 5, 5)
 		@movement = nil
 	end
-
+	
 	def bind(page)
 		super
 		
@@ -521,7 +521,7 @@ class ControllableView < Live::View
 			end
 		end
 	end
-
+	
 	def close
 		if movement = @movement
 			@movement = nil
@@ -530,7 +530,7 @@ class ControllableView < Live::View
 		
 		super
 	end
-
+	
 	def handle(event)
 		Console.info(self, "Event:", event)
 		
@@ -548,9 +548,9 @@ class ControllableView < Live::View
 			end
 		end
 	end
-
+	
 	def render(builder)
-		builder.tag("h1") {builder.text("Controllable Worm - Use WASD!")}
+		builder.tag("h1"){builder.text("Controllable Worm - Use WASD!")}
 		builder.tag("table", tabindex: 0, autofocus: true, onkeypress: "live.forwardEvent('#{@id}', event, {key: event.key});") do
 			@board.grid.each_with_index do |row, y|
 				builder.tag("tr") do
@@ -567,10 +567,10 @@ class ControllableView < Live::View
 		
 		# Log extra information about the game:
 		builder.tag("div") do
-			builder.tag("p") {builder.text("Controls: W (up), A (left), S (down), D (right)")}
-			builder.tag("p") {builder.text("Current direction: #{@worm.direction}")}
-			builder.tag("p") {builder.text("Position: (#{@worm.y}, #{@worm.x})")}
-			builder.tag("p") {builder.text("Click on the game board first, then use WASD keys!")}
+			builder.tag("p"){builder.text("Controls: W (up), A (left), S (down), D (right)")}
+			builder.tag("p"){builder.text("Current direction: #{@worm.direction}")}
+			builder.tag("p"){builder.text("Position: (#{@worm.y}, #{@worm.x})")}
+			builder.tag("p"){builder.text("Click on the game board first, then use WASD keys!")}
 		end
 	end
 end
@@ -612,7 +612,7 @@ class Board
 	def initialize(width = 15, height = 15)
 		@width = width
 		@height = height
-		@grid = Array.new(@height) {Array.new(@width)}
+		@grid = Array.new(@height){Array.new(@width)}
 		@fruit_count = 0
 		reset!
 	end
@@ -640,7 +640,7 @@ class Board
 	end
 	
 	def reset!
-		@grid.each {|row| row.fill(nil)}
+		@grid.each{|row| row.fill(nil)}
 		@fruit_count = 0
 		add_fruit!
 	end
@@ -779,11 +779,11 @@ class WormsGameView < Live::View
 	end
 	
 	def render(builder)
-		builder.tag("h1") {builder.text("Worms Game (Reference-style)")}
+		builder.tag("h1"){builder.text("Worms Game (Reference-style)")}
 		builder.tag("div") do
-			builder.tag("p") {builder.text("Score: #{@player.score}")}
-			builder.tag("p") {builder.text("Length: #{@player.count}")}
-			builder.tag("p") {builder.text("Direction: #{@player.direction}")}
+			builder.tag("p"){builder.text("Score: #{@player.score}")}
+			builder.tag("p"){builder.text("Length: #{@player.count}")}
+			builder.tag("p"){builder.text("Direction: #{@player.direction}")}
 		end
 		builder.tag("table", tabindex: 0, autofocus: true, onkeypress: "live.forwardEvent('#{@id}', event, {key: event.key});") do
 			@board.grid.each do |row|
@@ -792,7 +792,7 @@ class WormsGameView < Live::View
 						if cell.is_a?(Hash)
 							builder.tag("td", style: "background-color: #{cell[:color]};")
 						elsif cell.is_a?(String)
-							builder.tag("td") {builder.text(cell)}
+							builder.tag("td"){builder.text(cell)}
 						else
 							builder.tag("td")
 						end

data/lib/lively/application.rb

@@ -1,7 +1,7 @@
 # frozen_string_literal: true
 
 # Released under the MIT License.
-# Copyright, 2021-2024, by Samuel Williams.
+# Copyright, 2021-2026, by Samuel Williams.
 
 require "live"
 require "protocol/http/middleware"

data/lib/lively/pages/index.rb

@@ -1,7 +1,7 @@
 # frozen_string_literal: true
 
 # Released under the MIT License.
-# Copyright, 2021-2024, by Samuel Williams.
+# Copyright, 2021-2026, by Samuel Williams.
 
 require "xrb/template"
 

data/lib/lively/version.rb

@@ -5,5 +5,5 @@
 
 # @namespace
 module Lively
-	VERSION = "0.16.1"
+	VERSION = "0.16.2"
 end

data/license.md

@@ -1,6 +1,6 @@
 # MIT License
 
-Copyright, 2021-2025, by Samuel Williams.  
+Copyright, 2021-2026, by Samuel Williams.  
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

data/public/_components/@socketry/live/Live.js

@@ -87,8 +87,9 @@ export class Live {
 		
 		server.onopen = () => {
 			this.#failures = 0;
-			this.#flush();
+			// Attach elements before flushing any pending events:
 			this.#attach();
+			this.#flush();
 		};
 		
 		server.onmessage = (message) => {
@@ -165,16 +166,30 @@ export class Live {
 		}
 	}
 	
+	connected() {
+		return this.#server && this.#server.readyState === this.#window.WebSocket.OPEN;
+	}
+	
 	bind(element) {
-		this.#send(JSON.stringify(['bind', element.id, element.dataset]));
+		if (this.connected()) {
+			try {
+				return this.#server.send(JSON.stringify(['bind', element.id, element.dataset]));
+			} catch (error) {
+				// The server must be in a bad state, we will rebind in attach on connect, later.
+			}
+		}
 	}
 
 	unbind(element) {
-		if (this.#server) {
-			this.#send(JSON.stringify(['unbind', element.id]));
+		if (this.connected()) {
+			try {
+				return this.#server.send(JSON.stringify(['unbind', element.id]));
+			} catch (error) {
+				// The server must be in a bad state, unbind is irrelelvant.
+			}
 		}
 	}
-
+	
 	#attach() {
 		for (let element of ViewElement.connectedElements) {
 			this.bind(element);

data/public/_components/@socketry/live/package.json

@@ -1,9 +1,12 @@
 {
   "name": "@socketry/live",
   "type": "module",
-  "version": "0.16.0",
+  "version": "0.16.2",
   "description": "Live HTML tags for Ruby.",
   "main": "Live.js",
+  "exports": {
+    ".": "./Live.js"
+  },
   "files": [
     "Live.js"
   ],

data/public/_components/@socketry/live-audio/package.json

@@ -1,9 +1,13 @@
 {
   "name": "@socketry/live-audio",
   "type": "module",
-  "version": "0.5.0",
+  "version": "0.5.1",
   "description": "Web Audio API-based game audio synthesis and background music library for Ruby Live applications.",
   "main": "Live/Audio.js",
+  "exports": {
+    ".": "./Live/Audio.js",
+    "./Library": "./Live/Audio/Library.js"
+  },
   "files": [
     "Live/"
   ],

data/readme.md

@@ -26,6 +26,20 @@ We welcome contributions to this project.
 4.  Push to the branch (`git push origin my-new-feature`).
 5.  Create new Pull Request.
 
+### Running Tests
+
+To run the test suite:
+
+``` shell
+bundle exec sus
+```
+
+### Making Releases
+
+Please see the [project releases](https://socketry.github.io/lively/releases/index) for all releases.
+
+### v0.14.1
+
 ### Developer Certificate of Origin
 
 In order to protect users of this project, we require all contributors to comply with the [Developer Certificate of Origin](https://developercertificate.org/). This ensures that all contributions are properly licensed and attributed.

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: lively
 version: !ruby/object:Gem::Version
-  version: 0.16.1
+  version: 0.16.2
 platform: ruby
 authors:
 - Samuel Williams
@@ -164,14 +164,14 @@ required_ruby_version: !ruby/object:Gem::Requirement
   requirements:
   - - ">="
     - !ruby/object:Gem::Version
-      version: '3.2'
+      version: '3.3'
 required_rubygems_version: !ruby/object:Gem::Requirement
   requirements:
   - - ">="
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 3.6.9
+rubygems_version: 4.0.6
 specification_version: 4
 summary: A simple client-server SPA framework.
 test_files: []