isomorfeus-preact 10.9.0 → 22.9.0.rc2

data/lib/browser/element.rb

@@ -1,176 +1,160 @@
-module Browser
-  autoload :FileList, 'browser/file_list'
-  autoload :Iterable, 'browser/iterable'
-
-  # Wrap a native DOM element
-  class Element
-    include EventTarget
-    include DelegateNative
-
-    @tags = Hash.new(self)
-
-    def self.element *tags, &block
-      tags.each do |tag|
-        @tags
-          .fetch(tag) { @tags[tag] = const_set(tag.capitalize, Class.new(self)) }
-          .class_exec(&block)
-      end
-    end
-
-    def self.new(native)
-      element = @tags[`(#{native}.tagName || '')`.downcase].allocate
-      element.initialize native
-      element
-    end
-
-    # @param native [JS] The native DOM element to wrap
-    def initialize native
-      @native = native
-    end
-
-    # Replace all child elements with the given element
-    #
-    # @param element [Browser::Element] The Browser element with which to replace
-    #   this element's contents
-    def inner_dom= element
-      clear
-      append element
-    end
-
-    # The contents of this element as an HTML string
-    #
-    # @return [String] the HTML representation of this element's contents
-    def inner_html
-      `#@native.innerHTML`
-    end
-
-    # Use the supplied HTML string to replace this element's contents
-    #
-    # @param html [String] the HTML with which to replace this elements contents
-    def inner_html= html
-      `#@native.innerHTML = html`
-    end
-
-    # This element's direct child elements
-    #
-    # @return [Array<Browser::Element>] list of this element's children
-    def children
-      elements = []
-
-      %x{
-        var children = #@native.children;
-        for(var i = 0; i < children.length; i++) {
-          elements[i] = #{Element.new(`children[i]`)};
-        }
-      }
-
-      elements
-    end
-
-    # Determine whether this element has any contents
-    #
-    # @return [Boolean] true if the element has no children, false otherwise
-    def empty?
-      `#@native.children.length === 0`
-    end
-
-    # Remove all contents from this element. After this call, `empty?` will
-    # return `true`.
-    #
-    # @return [Browser::Element] self
-    def clear
-      if %w(input textarea).include? type
-        `#@native.value = null`
-      else
-        children.each do |child|
-          remove_child child
-        end
-      end
-
-      self
-    end
-
-    # Remove the specified child element
-    #
-    # @param child [Browser::Element] the child element to remove
-    def remove_child child
-      `#@native.removeChild(child['native'] ? child['native'] : child)`
-    end
-
-    # This element's type. For example: "div", "span", "p"
-    #
-    # @return [String] the HTML tag name for this element
-    def type
-      `#@native.nodeName`.downcase
-    end
-
-    # Append the specified element as a child element
-    #
-    # @param element [Browser::Element, JS] the element to insert
-    def append node
-      `#@native.appendChild(node['native'] ? node['native'] : node)`
-      self
-    end
-
-    # Methods for <input /> elements
-
-    # A checkbox's checked status
-    #
-    # @return [Boolean] true if the checkbox is checked, false otherwise
-    def checked?
-      `!!#@native.checked`
-    end
-
-    # Get the currently selected file for this input. This is only useful for
-    # file inputs without the `multiple` property set.
-    #
-    # @return [Browser::File] the file selected by the user
-    def file
-      files.first
-    end
-
-    # Get the currently selected files for this input. This is only useful for
-    # file inputs with the `multiple` property set.
-    #
-    # @return [Browser::FileList] the currently selected files for this input
-    def files
-      FileList.new(`#@native.files`)
-    end
-
-    # Determine whether this is the same element
-    #
-    # @return [boolean] true if the element is the same, false otherwise
-    def ==(other)
-      `#@native === #{other.to_n}`
-    end
-
-    # Set the specified attribute to the specified value
-    def []= attribute, value
-      `#@native.setAttribute(#{attribute}, #{value})`
-    end
-
-    # Return the specified attribute
-    #
-    # @return [String] the value for the specified attribute
-    def [] attribute
-      `#@native.getAttribute(#{attribute})`
-    end
-
-    def query_selector selector
-      result = super
-
-      Element.new(result) if result
-    end
-
-    def query_selector_all selector
-      Iterable.new(super).map { |element| Element.new(element) }
-    end
-
-    # The native representation of this element.
-    #
-    # @return [JS] the native element wrapped by this object.
-    def to_n
-      @native
-    end
-  end
-end
+module Browser
+  autoload :FileList, 'browser/file_list'
+  autoload :Iterable, 'browser/iterable'
+
+  # Wrap a native DOM element
+  class Element
+    include EventTarget
+    include DelegateNative
+
+    @tags = Hash.new(self)
+
+    def self.element *tags, &block
+      tags.each do |tag|
+        @tags
+          .fetch(tag) { @tags[tag] = const_set(tag.capitalize, Class.new(self)) }
+          .class_exec(&block)
+      end
+    end
+
+    def self.new(native)
+      element = @tags[`(#{native}.tagName || '')`.downcase].allocate
+      element.initialize native
+      element
+    end
+
+    # @param native [JS] The native DOM element to wrap
+    def initialize native
+      @native = native
+    end
+
+    # Replace all child elements with the given element
+    #
+    # @param element [Browser::Element] The Browser element with which to replace
+    #   this element's contents
+    def inner_dom= element
+      clear
+      append element
+    end
+
+    # The contents of this element as an HTML string
+    #
+    # @return [String] the HTML representation of this element's contents
+    def inner_html
+      `#@native.innerHTML`
+    end
+
+    def outer_html
+      `#@native.outerHTML`
+    end
+
+    # Use the supplied HTML string to replace this element's contents
+    #
+    # @param html [String] the HTML with which to replace this elements contents
+    def inner_html= html
+      `#@native.innerHTML = html`
+    end
+
+    # This element's direct child elements
+    #
+    # @return [Array<Browser::Element>] list of this element's children
+    def children
+      elements = []
+
+      %x{
+        var children = #@native.children;
+        for(var i = 0; i < children.length; i++) {
+          elements[i] = #{Element.new(`children[i]`)};
+        }
+      }
+
+      elements
+    end
+
+    # Determine whether this element has any contents
+    #
+    # @return [Boolean] true if the element has no children, false otherwise
+    def empty?
+      `#@native.children.length === 0`
+    end
+
+    # Remove all contents from this element. After this call, `empty?` will
+    # return `true`.
+    #
+    # @return [Browser::Element] self
+    def clear
+      if %w(input textarea).include? type
+        `#@native.value = null`
+      else
+        children.each do |child|
+          remove_child child
+        end
+      end
+
+      self
+    end
+
+    # This element's type. For example: "div", "span", "p"
+    #
+    # @return [String] the HTML tag name for this element
+    def type
+      `#@native.nodeName`.downcase
+    end
+
+    # Methods for <input /> elements
+
+    # A checkbox's checked status
+    #
+    # @return [Boolean] true if the checkbox is checked, false otherwise
+    def checked?
+      `!!#@native.checked`
+    end
+
+    # Get the currently selected file for this input. This is only useful for
+    # file inputs without the `multiple` property set.
+    #
+    # @return [Browser::File] the file selected by the user
+    def file
+      files.first
+    end
+
+    # Get the currently selected files for this input. This is only useful for
+    # file inputs with the `multiple` property set.
+    #
+    # @return [Browser::FileList] the currently selected files for this input
+    def files
+      FileList.new(`#@native.files`)
+    end
+
+    # Determine whether this is the same element
+    #
+    # @return [boolean] true if the element is the same, false otherwise
+    def ==(other)
+      `#@native === #{other.to_n}`
+    end
+
+    # Set the specified attribute to the specified value
+    def []= attribute, value
+      `#@native.setAttribute(#{attribute}, #{value})`
+      nil
+    end
+
+    # Return the specified attribute
+    #
+    # @return [String] the value for the specified attribute
+    def [] attribute
+      %x{
+        let val = #@native.getAttribute(#{attribute});
+        if (val == null) { val = nil; }
+        return val;
+      }
+    end
+
+    # The native representation of this element.
+    #
+    # @return [JS] the native element wrapped by this object.
+    def to_n
+      @native
+    end
+  end
+end

data/lib/browser/event.rb

@@ -1,94 +1,99 @@
-module Browser
-  # Wrapper for JS events
-  class Event
-    # @param [JS] the native event to wrap
-    def initialize native
-      @native = native
-    end
-
-    # Prevent the runtime from executing this event's default behavior. For
-    # example, prevent navigation after clicking a link.
-    #
-    # @return [Browser::Event] self
-    def prevent
-      `#@native.preventDefault()`
-      self
-    end
-    alias_method :prevent_default, :prevent
-
-    # Prevent the runtime from bubbling this event up the hierarchy. This is
-    # typically used to keep an event local to the element on which it was
-    # triggered, such as keeping a click event on a button from unintentionally
-    # triggering a handler on a parent element.
-    #
-    # @return self
-    def stop_propagation
-      `#@native.stopPropagation()`
-      self
-    end
-
-    # @return [Boolean] true if `prevent` has been called on this event, false
-    #   otherwise
-    def prevented?
-      `#@native.defaultPrevented`
-    end
-    alias_method :default_prevented?, :prevented?
-
-    # @return [Boolean] true if the Meta/Command/Windows key was pressed when
-    #   this event fired, false otherwise
-    def meta?
-      `#@native.metaKey`
-    end
-
-    # @return [Boolean] true if the Shift key was pressed when this event fired,
-    #   false otherwise
-    def shift?
-      `#@native.shiftKey`
-    end
-
-    # @return [Boolean] true if the Ctrl key was pressed when this event fired,
-    #   false otherwise
-    def ctrl?
-      `#@native.ctrlKey`
-    end
-
-    # @return [Boolean] true if the Alt key was pressed when this event fired,
-    #   false otherwise
-    def alt?
-      `#@native.altKey`
-    end
-
-    # The target for this event
-    #
-    # @return [Browser::Element] the element on which this event was triggered
-    # @todo Handle non-DOM events here
-    def target
-      Element.new(`#@native.target`)
-    end
-
-    # @return [Numeric] the key code associated with this event. Only useful for
-    #   keyboard-based events.
-    def code
-      `#@native.keyCode`
-    end
-
-    # Return properties on the event not covered by Ruby methods.
-    def method_missing name, *args
-      property = name.gsub(/_[a-z]/) { |match| match[-1, 1].upcase }
-      value = `#@native[property]`
-
-      if `!!value && #{Proc === value}`
-        value.call(*args)
-      elsif `value == null`
-        nil
-      else
-        value
-      end
-    end
-
-    # @return [JS] the native event wrapped by this object.
-    def to_n
-      @native
-    end
-  end
-end
+module Browser
+  # Wrapper for JS events
+  class Event
+    # @param [JS] the native event to wrap
+    def initialize native_or_string
+      %x{
+        if (typeof native_or_string === "string") {
+          native_or_string = new Event(native_or_string);
+        }
+      }
+      @native = native_or_string
+    end
+
+    # Prevent the runtime from executing this event's default behavior. For
+    # example, prevent navigation after clicking a link.
+    #
+    # @return [Browser::Event] self
+    def prevent
+      `#@native.preventDefault()`
+      self
+    end
+    alias_method :prevent_default, :prevent
+
+    # Prevent the runtime from bubbling this event up the hierarchy. This is
+    # typically used to keep an event local to the element on which it was
+    # triggered, such as keeping a click event on a button from unintentionally
+    # triggering a handler on a parent element.
+    #
+    # @return self
+    def stop_propagation
+      `#@native.stopPropagation()`
+      self
+    end
+
+    # @return [Boolean] true if `prevent` has been called on this event, false
+    #   otherwise
+    def prevented?
+      `#@native.defaultPrevented`
+    end
+    alias_method :default_prevented?, :prevented?
+
+    # @return [Boolean] true if the Meta/Command/Windows key was pressed when
+    #   this event fired, false otherwise
+    def meta?
+      `#@native.metaKey`
+    end
+
+    # @return [Boolean] true if the Shift key was pressed when this event fired,
+    #   false otherwise
+    def shift?
+      `#@native.shiftKey`
+    end
+
+    # @return [Boolean] true if the Ctrl key was pressed when this event fired,
+    #   false otherwise
+    def ctrl?
+      `#@native.ctrlKey`
+    end
+
+    # @return [Boolean] true if the Alt key was pressed when this event fired,
+    #   false otherwise
+    def alt?
+      `#@native.altKey`
+    end
+
+    # The target for this event
+    #
+    # @return [Browser::Element] the element on which this event was triggered
+    # @todo Handle non-DOM events here
+    def target
+      Element.new(`#@native.target`)
+    end
+
+    # @return [Numeric] the key code associated with this event. Only useful for
+    #   keyboard-based events.
+    def code
+      `#@native.keyCode`
+    end
+
+    # Return properties on the event not covered by Ruby methods.
+    def method_missing name, *args
+      property = name.gsub(/_[a-z]/) { |match| match[-1, 1].upcase }
+      value = `#@native[property]`
+
+      if `!!value && #{Proc === value}`
+        value.call(*args)
+      elsif `value == null`
+        nil
+      else
+        value
+      end
+    end
+
+    # @return [JS] the native event wrapped by this object.
+    def to_n
+      @native
+    end
+  end
+end

data/lib/browser/history.rb

@@ -1,32 +1,52 @@
 module Browser
   class History
-    include Native::Wrapper
+    if RUBY_ENGINE == 'opal'
+      include Native::Wrapper
 
-    alias_native :back
-    alias_native :forward
-    alias_native :go
+      alias_native :back
+      alias_native :forward
+      alias_native :go
 
-    native_reader :length
-    alias :size :length
+      native_reader :length
+      alias :size :length
 
-    def push_state(state, title = '', url = `null`)
-      `#@native.pushState(#{state.to_n}, #{title}, #{url})`
-    end
+      def push_state(state, title = '', url = `null`)
+        `#@native.pushState(#{state.to_n}, #{title}, #{url})`
+      end
 
-    def replace_state(state, title = '', url = `null`)
-      `#@native.replaceState(#{state.to_n}, #{title}, #{url})`
-    end
+      def replace_state(state, title = '', url = `null`)
+        `#@native.replaceState(#{state.to_n}, #{title}, #{url})`
+      end
 
-    def scroll_restoration
-      `#@native.scrollRestoration`
-    end
+      def scroll_restoration
+        `#@native.scrollRestoration`
+      end
 
-    def scroll_restoration=(s)
-      `#@native.scrollRestoration = #{s}`
-    end
+      def scroll_restoration=(s)
+        `#@native.scrollRestoration = #{s}`
+      end
+
+      def state
+        ::Hash.new(`#@native.state`)
+      end
+    else
+      def back; end
+      def forward; end
+      def go(_); end
+
+      def length
+        0
+      end
+      alias :size :length
+
+      def push_state(state, title = '', url = nil); end
+      def replace_state(state, title = '', url = nil); end
+      def scroll_restoration; end
+      def scroll_restoration=(s); end
 
-    def state
-      ::Hash.new(`#@native.state`)
+      def state
+        {}
+      end
     end
   end
 end

data/lib/browser/location.rb

@@ -0,0 +1,59 @@
+module Browser
+  class Location
+    if RUBY_ENGINE == 'opal'
+      include Native::Wrapper
+
+      alias_native :hash
+      alias_native :host
+      alias_native :hostname
+      alias_native :href
+      alias_native :origin
+      alias_native :pathname
+      alias_native :port
+      alias_native :protocol
+      alias_native :search
+    else
+      def initialize(location_string)
+        @location = URI(location_string)
+      rescue
+        @location = URI('http://localhost/')
+      end
+
+      def hash
+        @location.hash
+      end
+
+      def host
+        @location.host
+      end
+
+      def hostname
+        @location.hostname
+      end
+
+      def href
+        @location.to_s
+      end
+
+      def origin
+        @location.origin
+      end
+
+      def pathname
+        @location.path
+      end
+
+      def port
+        @location.port
+      end
+
+      def protocol
+        @location.scheme
+      end
+
+      def search
+        @location.query
+      end
+    end
+  end
+end