Build HTML and SVG with an inline DSL (#860)

Co-authored-by: Marco Roth <[email protected]>
Co-authored-by: Will Cosgrove <[email protected]>

lib/phlex.rb

@@ -43,6 +43,36 @@ def self.eager_load
 			end
 		end
 	end
+
+	def self.html(&block)
+		HTML.call do |component|
+			receiver = block.binding.receiver
+
+			receiver.instance_variables.each do |ivar|
+				next if component.instance_variable_defined?(ivar)
+
+				value = receiver.instance_variable_get(ivar)
+				component.instance_variable_set(ivar, value)
+			end
+
+			component.instance_exec(receiver, &block)
+		end
+	end
+
+	def self.svg(&block)
+		SVG.call do |component|
+			receiver = block.binding.receiver
+
+			receiver.instance_variables.each do |ivar|
+				next if component.instance_variable_defined?(ivar)
+
+				value = receiver.instance_variable_get(ivar)
+				component.instance_variable_set(ivar, value)
+			end
+
+			component.instance_exec(receiver, &block)
+		end
+	end
 end
 
 def 💪

quickdraw/inline.test.rb

@@ -0,0 +1,28 @@
+# frozen_string_literal: true
+
+test "inline html with no param" do
+	output = Phlex.html do
+		h1 { "Hi" }
+	end
+
+	assert_equal_html output, <<~HTML.strip
+		<h1>Hi</h1>
+	HTML
+end
+
+def title = "Hello"
+
+test "inline html with a yield param" do
+	@ivar = "Hi"
+	h1 = "foo"
+
+	output = Phlex.html do |receiver|
+		h1 { h1 }
+		h1 { @ivar }
+		title { receiver.title }
+	end
+
+	assert_equal_html output, <<~HTML.strip
+		<h1>foo</h1><h1>Hi</h1><title>Hello</title>
+	HTML
+end