isomorfeus-preact 10.5.0

data/lib/browser/event_target.rb

@@ -0,0 +1,39 @@
+module Browser
+  module EventTarget
+    # Add the block as a handler for the specified event name. Will use either
+    # `addEventListener` or `addListener` if they exist.
+    #
+    # @param event_name [String] the name of the event
+    # @return [Proc] the block to pass to `off` to remove this handler
+    # @yieldparam event [Browser::Event] the event object
+    def on event_name, &block
+      wrapper = proc { |event| block.call Event.new(event) }
+
+      if `#@native.addEventListener !== undefined`
+        `#@native.addEventListener(event_name, wrapper)`
+      elsif `#@native.addListener !== undefined`
+        `#@native.addListener(event_name, wrapper)`
+      else
+        warn "[Browser] Not entirely sure how to add an event listener to #{self}"
+      end
+
+      wrapper
+    end
+
+    # Remove an event handler
+    #
+    # @param event_name [String] the name of the event
+    # @block the handler to remove, as returned from `on`
+    def off event_name, &block
+      if `#@native.removeEventListener !== undefined`
+        `#@native.removeEventListener(event_name, block)`
+      elsif `#@native.removeListener !== undefined`
+        `#@native.removeListener(event_name, block)`
+      else
+        warn "[Browser] Not entirely sure how to remove an event listener from #{self}"
+      end
+
+      nil
+    end
+  end
+end

data/lib/browser/file_list.rb

@@ -0,0 +1,125 @@
+module Browser
+  class FileList
+    include Enumerable
+
+    # @param native [JS] the native FileList object to wrap
+    def initialize native
+      @native = `#{native} || []`
+      @files = length.times.each_with_object([]) { |index, array|
+        array[index] = File.new(`#@native[index]`)
+      }
+    end
+
+    # @param index [Integer] the index of the file in the list
+    # @return [Browser::FileList::File] the file at the specified index
+    def [] index
+      @files[index]
+    end
+
+    # @return [Integer] the number of files in this list
+    def length
+      `#@native.length`
+    end
+    alias size length
+
+    # Call the given block for each file in the list
+    #
+    # @yieldparam file [Browser::FileList::File]
+    def each &block
+      @files.each do |file|
+        block.call file
+      end
+    end
+
+    # Convert this FileList into an array
+    def to_a
+      @files.dup # Don't return a value that can mutate our internal state
+    end
+    alias to_ary to_a
+
+    # @return [String] a string representation of this FileList
+    def to_s
+      @files.to_s
+    end
+
+    # An individual item in a FileList
+    class File
+      attr_reader :data
+
+      # @param native [JS] the native File object to wrap
+      def initialize native
+        @native = native
+        @data = nil
+      end
+
+      # @return [String] the filename
+      def name
+        `#@native.name`
+      end
+
+      # @return [Integer] the size of this file on disk
+      def size
+        `#@native.size`
+      end
+
+      # @return [String] the MIME type of the file, detected by the browser
+      def type
+        `#@native.type`
+      end
+
+      # @return [Time] the timestamp of the file
+      def last_modified
+        `#@native.lastModifiedDate`
+      end
+
+      # Read the file from disk into memory
+      #
+      # @return [Promise] a promise that resolves when finished loading and
+      #   rejects if an error occurs while loading.
+      def read
+        promise = Promise.new
+        reader = FileReader.new
+        reader.on :load do
+          result = reader.result
+
+          @data = result
+          promise.resolve result
+        end
+
+        reader.on :error do
+          promise.reject reader.result
+        end
+
+        reader.read_as_binary_string self
+
+        promise
+      end
+
+      # Convert to the native object
+      #
+      # @return [JS.HTMLElement] the underlying native element
+      def to_n
+        @native
+      end
+
+      # The object that reads the file from disk.
+      #
+      # @api private
+      class FileReader
+        include EventTarget
+
+        def initialize
+          @native = `new FileReader()`
+        end
+
+        def result
+          `#@native.result`
+        end
+
+        def read_as_binary_string file
+          `#@native.readAsBinaryString(#{file.to_n})`
+        end
+      end
+    end
+  end
+end

data/lib/browser/iterable.rb

@@ -0,0 +1,15 @@
+module Browser
+  class Iterable
+    include Enumerable
+
+    def initialize js_iterable
+      @js_iterable = js_iterable
+    end
+
+    def each
+      `#@js_iterable.length`.times do |i|
+        yield `#@js_iterable[i]`
+      end
+    end
+  end
+end

data/lib/isomorfeus-preact.rb

@@ -0,0 +1,109 @@
+if RUBY_ENGINE == 'opal'
+  require 'isomorfeus-redux'
+  require 'active_support/core_ext/string'
+  require 'zeitwerk'
+
+  if on_browser?
+    require 'browser/event'
+    require 'browser/event_target'
+    require 'browser/delegate_native'
+    require 'browser/element'
+  end
+
+  require 'isomorfeus/preact/config'
+
+  # allow mounting of components
+  if on_browser?
+    require 'isomorfeus/top_level'
+  else
+    require 'isomorfeus/top_level_ssr'
+  end
+
+  # preact
+  require 'preact/version'
+  require 'preact'
+  require 'preact/ref'
+
+  # props
+  require 'isomorfeus/props/validate_hash_proxy'
+  require 'isomorfeus/props/validator'
+  require 'lucid_prop_declaration/mixin'
+  require 'preact/component/props'
+
+  # HTML Elements and Fragment support
+  require 'preact/component/elements'
+
+  # Preact Wrappers
+  require 'preact/context_wrapper'
+  require 'preact/native_constant_wrapper'
+
+  # Preact::Component
+  require 'preact/component/api'
+  require 'preact/component/callbacks'
+  require 'preact/component/initializer'
+  require 'preact/component/native_component_constructor'
+  require 'preact/component/state'
+  require 'preact/component/params'
+  require 'preact/component/resolution'
+  require 'preact/component/mixin'
+  require 'preact/component/base'
+
+  # init LucidApplicationContext (Store Provider and Consumer)
+  require 'lucid_app/context'
+  LucidApp::Context.create_application_context
+
+  class Object
+    include Preact::Component::Resolution
+  end
+
+  Isomorfeus.zeitwerk = Zeitwerk::Loader.new
+
+  Isomorfeus.zeitwerk.push_dir('isomorfeus_preact')
+  require_tree 'isomorfeus_preact', :autoload
+
+  Isomorfeus.zeitwerk.push_dir('components')
+else
+  require 'uri'
+  require 'oj'
+  require 'opal'
+  require 'opal-activesupport'
+  require 'opal-zeitwerk'
+  require 'opal-webpack-loader'
+  require 'isomorfeus-redux'
+  require 'isomorfeus-speednode'
+  require 'preact/version'
+  require 'isomorfeus/preact/config'
+
+  # props
+  require 'isomorfeus/props/validate_hash_proxy'
+  require 'isomorfeus/props/validator'
+  require 'lucid_prop_declaration/mixin'
+
+  Isomorfeus.env = ENV['RACK_ENV']
+
+  if Isomorfeus.development?
+    require 'net/http'
+    Isomorfeus.ssr_hot_asset_url = 'http://localhost:3036/assets/'
+  end
+
+  Isomorfeus.server_side_rendering = true
+
+  # caches
+  require 'isomorfeus/preact/thread_local_component_cache'
+  require 'isomorfeus/preact/memcached_component_cache'
+  require 'isomorfeus/preact/redis_component_cache'
+  require 'isomorfeus/preact_view_helper'
+
+  Isomorfeus.component_cache_init do
+    Isomorfeus::ThreadLocalComponentCache.new
+  end
+
+  Opal.append_path(__dir__.untaint)
+
+  require 'concurrent'
+  require 'zeitwerk'
+
+  Isomorfeus.zeitwerk = Zeitwerk::Loader.new
+  Isomorfeus.zeitwerk_lock = Concurrent::ReentrantReadWriteLock.new if Isomorfeus.development?
+  # nothing to push_dir to zeitwerk here, as components are available only within browser/SSR
+end

data/lib/isomorfeus/preact/config.rb

@@ -0,0 +1,189 @@
+module Isomorfeus
+  if RUBY_ENGINE == 'opal'
+    class << self
+      attr_accessor :current_user_sid
+      attr_accessor :initial_state_fetched
+      attr_accessor :top_component
+      attr_accessor :ssr_response_status
+      attr_reader :initialized
+      attr_reader :env
+      attr_accessor :zeitwerk
+
+      def init
+        return if initialized
+        @initialized = true
+        Isomorfeus.init_store
+        execute_init_classes
+      end
+
+      def force_init!
+        unless Isomorfeus.initial_state_fetched
+          Isomorfeus.initial_state_fetched = true
+          Redux::Store.preloaded_state = Isomorfeus.store.get_state
+        end
+        Isomorfeus.force_init_store!
+        execute_init_classes
+      end
+
+      def add_client_init_class_name(init_class_name)
+        client_init_class_names << init_class_name
+      end
+
+      def add_client_init_after_store_class_name(init_class_name)
+        client_init_after_store_class_names << init_class_name
+      end
+
+      def add_client_option(key, value = nil)
+        self.class.attr_accessor(key)
+        self.send("#{key}=", value)
+      end
+
+      # only used for SSR
+      def cached_component_classes
+        @cached_component_classes ||= {}
+      end
+
+      # only used for SSR
+      def cached_component_class(class_name)
+        return cached_component_classes[class_name] if cached_component_classes.key?(class_name)
+        cached_component_classes[class_name] = "::#{class_name}".constantize
+      end
+
+      def execute_init_classes
+        client_init_class_names.each do |constant|
+          constant.constantize.send(:init)
+        end
+      end
+
+      def execute_init_after_store_classes
+        client_init_after_store_class_names.each do |constant|
+          constant.constantize.send(:init)
+        end
+      end
+
+      def env=(env_string)
+        @env = env_string ? env_string : 'development'
+        @development = (@env == 'development') ? true : false
+        @production = (@env == 'production') ? true : false
+        @test = (@env == 'test') ? true : false
+      end
+
+      def development?
+        @development
+      end
+
+      def production?
+        @production
+      end
+
+      def test?
+        @test
+      end
+
+      def start_app!
+        Isomorfeus.zeitwerk.setup
+        Isomorfeus::TopLevel.mount!
+      end
+
+      def force_render
+        begin
+          if Isomorfeus.top_component
+            Preact.find_dom_node(Isomorfeus.top_component) if on_browser? || on_desktop? # if not mounted will raise
+            if `typeof Opal.global.deepForceUpdate === 'undefined'`
+              Isomorfeus.top_component.JS.forceUpdate()
+            else
+              `Opal.global.deepForceUpdate(#{Isomorfeus.top_component})`
+            end
+          end
+        rescue Exception => e
+          # TODO try mount first
+          # if it fails
+          `console.error("force_render failed'! Error: " + #{e.message} + "! Reloading page.")`
+          `location.reload()` if on_browser?
+        end
+        nil
+      end
+    end
+
+    self.add_client_option(:client_init_class_names, [])
+    self.add_client_option(:client_init_after_store_class_names, [])
+  else
+    class << self
+      attr_reader :component_cache_init_block
+      attr_accessor :server_side_rendering
+      attr_accessor :ssr_hot_asset_url
+      attr_reader :env
+      attr_accessor :zeitwerk
+      attr_accessor :zeitwerk_lock
+
+      def component_cache_init(&block)
+        @component_cache_init_block = block
+      end
+
+      def configuration(&block)
+        block.call(self)
+      end
+
+      def env=(env_string)
+        @env = env_string ? env_string.to_s : 'development'
+        @development = (@env == 'development') ? true : false
+        @production = (@env == 'production') ? true : false
+        @test = (@env == 'test') ? true : false
+      end
+
+      def development?
+        @development
+      end
+
+      def production?
+        @production
+      end
+
+      def test?
+        @test
+      end
+
+      def ssr_contexts
+        @ssr_contexts ||= {}
+      end
+
+      def version
+        Isomorfeus::VERSION
+      end
+
+      def load_configuration(directory)
+        Dir.glob(File.join(directory, '*.rb')).sort.each do |file|
+          require File.expand_path(file)
+        end
+      end
+    end
+  end
+
+  class << self
+    def raise_error(error_class: nil, message: nil, stack: nil)
+      error_class = RuntimeError unless error_class
+      execution_environment = if on_browser? then 'on Browser'
+                              elsif on_ssr? then 'in Server Side Rendering'
+                              elsif on_server? then 'on Server'
+                              elsif on_mobile? then 'on Mobile'
+                              elsif on_database? then 'on Database'
+                              else
+                                'on Client'
+                              end
+      error = error_class.new("Isomorfeus in #{env} #{execution_environment}:\n#{message}")
+      error.set_backtrace(stack) if stack
+
+      if Isomorfeus.development?
+        if RUBY_ENGINE == 'opal'
+          ecn = error_class ? error_class.name : ''
+          m = message ? message : ''
+          s = stack ? stack : ''
+          `console.error(ecn, m, s)`
+        else
+          STDERR.puts "#{ecn}: #{m}\n #{s}"
+        end
+      end
+      raise error
+    end
+  end
+end