hyper-store hyper-component hyper-operation and hyper-model specs passing

Author: catmando

change-log.md

@@ -0,0 +1,112 @@
+module Components
+  module Drafts
+    module Pro
+      module Sidebar
+        class PaperItem < HyperComponent
+          param :paper, type: Paper
+          param :job
+          param :index
+
+          include Hyperstack::Component::Tracker[:components]
+
+          after_mount do
+            DOM[dom_node].tooltip({ delay: { show: 750, hide: 0 } }.to_n) if conflicts
+          end
+
+          after_update do
+            DOM[dom_node].tooltip(:destroy)
+            DOM[dom_node].tooltip({ delay: { show: 750, hide: 0 } }.to_n) if conflicts
+          end
+
+          def conflicts
+            return false if @Job.calculate_conflict_triggers.loading?
+            triggers = @Job.calculate_conflict_triggers[:paper_ids]
+            triggers.any? && triggers[@Paper.id.to_s]
+          end
+
+          def selected?
+            @Job.paper == @Paper
+          end
+
+          def class_names
+            classes = ['paper-list-item list-group-item']
+            classes << :active if selected?
+            classes << :disabled if conflicts
+            classes << @Index.even? ? :even : :odd
+          end
+
+
+          def size_conflict_message
+            "#{@Paper.name} has a maximum size of "\
+            "#{@Paper.portrait_width_in_local_units} "\
+            "x #{@Paper.portrait_height_in_local_units}"
+          end
+
+          def conflict_message
+            return '' unless conflicts
+            return conflicts unless conflicts == 'size'
+            size_conflict_message
+          end
+
+          def select_paper
+            return if conflicts
+            DOM['.paper-list-item'].remove_class('active')
+            DOM["#paper_#{@Paper.id}"].add_class('active')
+            after(0) do  # maybe able to bulk_update method
+              @Job.paper_selected = true
+              @Job.paper_id = @Paper.id
+              @Job.paper = @Paper
+              Drafts::App.update_job_calcs
+            end
+          end
+
+          def detail_row(detail)
+            TH { detail.split(': ')[0] }
+            TD { detail.split(': ')[1] }
+          end
+
+          render do
+            LI(id: "paper_#{@Paper.id}", title: conflict_message,
+               class: class_names,
+               data: { toggle: :tooltip, placement: 'auto left', container: :body }) do
+              DIV(class: 'row paper-row') do
+                DIV(class: 'col-sm-8 text-left') do
+                  SPAN(class: 'medium-weight') { @Paper.name }
+                end
+                DIV(class: 'col-sm-4') do
+                  unless @Paper.details.blank?
+                    SPAN(class: "paper-details-button #{'expanded' if @expanded}") do
+                      SPAN { "#{'Hide' if @expanded} Details" }
+                      I(class: 'material-icons', style: { verticalAlign: 'middle' }) do
+                        "expand_#{@expanded ? :less : :more}"
+                      end
+                    end.on(:click) do |e|
+                      e.prevent_default
+                      e.stop_propagation
+                      toggle :expanded
+                    end
+                  end
+                end
+                if @expanded && !@Paper.details.blank?
+                  DIV(class: 'col-sm-12') do
+                    TABLE(class: 'table paper-details-list') do
+                      TBODY do
+                        @Paper.details.each do |detail|
+                          TR { detail_row(detail) }
+                        end
+                        @Paper.description.gsub(%r{<[/]*\w+>}, '')
+                              .delete("\r").split("\n").reject(&:blank?).each do |detail|
+                          TR { detail_row(detail) }
+                        end
+                      end
+                    end
+                  end
+                end
+              end
+            end.on(:click) { select_paper }
+          end
+        end
+      end
+    end
+  end
+end

docs/tutorial/todo-part-2.md

@@ -0,0 +1,116 @@
+module Components
+  module Drafts
+    module Pro
+      module Sidebar
+        class PaperItem < React::Component::Base
+          param :paper, type: Paper
+          param :job
+          param :index
+
+          define_state expanded: false
+
+          before_mount { self.class.components << self }
+
+          after_mount do
+            Element[dom_node].tooltip({ delay: { show: 750, hide: 0 } }.to_n) if conflicts
+          end
+
+          after_update do
+            Element[dom_node].tooltip(:destroy)
+            Element[dom_node].tooltip({ delay: { show: 750, hide: 0 } }.to_n) if conflicts
+          end
+
+          before_unmount { self.class.components.delete(self) }
+
+          def conflicts
+            return false if params.job.calculate_conflict_triggers.loading?
+            triggers = params.job.calculate_conflict_triggers[:paper_ids]
+            triggers.any? && triggers[params.paper.id.to_s]
+          end
+
+          def selected?
+            params.job.paper == params.paper
+          end
+
+          def class_names
+            classes = ['paper-list-item list-group-item']
+            classes << :active if selected?
+            classes << :disabled if conflicts
+            classes << params.index.even? ? :even : :odd
+            classes.join(' ') # TODO: once upgraded to hyperloop 0.99 or better remove this line
+          end
+
+          def size_conflict_message
+            "#{params.paper.name} has a maximum size of "\
+            "#{params.paper.portrait_width_in_local_units} "\
+            "x #{params.paper.portrait_height_in_local_units}"
+          end
+
+          def conflict_message
+            return '' unless conflicts
+            return conflicts unless conflicts == 'size'
+            size_conflict_message
+          end
+
+          def select_paper
+            return if conflicts
+            Element['.paper-list-item'].remove_class('active')
+            Element["#paper_#{params.paper.id}"].add_class('active')
+            after(0) do
+              params.job.paper_selected = true
+              params.job.paper_id = params.paper.id
+              params.job.paper = params.paper
+              Drafts::App.update_job_calcs
+            end
+          end
+
+          def detail_row(detail)
+            TH { detail.split(': ')[0] }
+            TD { detail.split(': ')[1] }
+          end
+
+          render do
+            LI(id: "paper_#{params.paper.id}", title: conflict_message,
+               class: class_names,
+               data: { toggle: :tooltip, placement: 'auto left', container: :body }) do
+              DIV(class: 'row paper-row') do
+                DIV(class: 'col-sm-8 text-left') do
+                  SPAN(class: 'medium-weight') { params.paper.name }
+                end
+                DIV(class: 'col-sm-4') do
+                  unless params.paper.details.blank?
+                    SPAN(class: "paper-details-button #{'expanded' if state.expanded}") do
+                      SPAN { "#{'Hide' if state.expanded} Details" }
+                      I(class: 'material-icons', style: { verticalAlign: 'middle' }) do
+                        "expand_#{state.expanded ? :less : :more}"
+                      end
+                    end.on(:click) do |e|
+                      e.prevent_default
+                      e.stop_propagation
+                      state.expanded! !state.expanded
+                    end
+                  end
+                end
+                if state.expanded && !params.paper.details.blank?
+                  DIV(class: 'col-sm-12') do
+                    TABLE(class: 'table paper-details-list') do
+                      TBODY do
+                        params.paper.details.each do |detail|
+                          TR { detail_row(detail) }
+                        end
+                        params.paper.description.gsub(%r{<[/]*\w+>}, '')
+                              .delete("\r").split("\n").reject(&:blank?).each do |detail|
+                          TR { detail_row(detail) }
+                        end
+                      end
+                    end
+                  end
+                end
+              end
+            end.on(:click) { select_paper }
+          end
+        end
+      end
+    end
+  end
+end

ruby/examples/code_samples/camel_case_params.rb

@@ -0,0 +1,27 @@
+module Hyperstack
+  module Component
+    module WhileLoading
+      def __hyperstack_component_rescue_wrapper(child)
+        Hyperstack::Internal::Component::WhileLoadingWrapper(child: self, children_elements: child)
+      end
+
+      def resources_loading?
+        @__hyperstack_while_loading_waiting_on_resources
+      end
+
+      def resources_loaded?
+        !@__hyperstack_while_loading_waiting_on_resources
+      end
+
+      if Hyperstack::Component::IsomorphicHelpers.on_opal_client?
+        %x{
+          function onError(event) {
+            if (event.message.startsWith('Uncaught NotQuiet: ')) event.preventDefault();
+          }
+
+          window.addEventListener('error', onError);
+         }
+      end
+    end
+  end
+end

ruby/examples/code_samples/original.rb

@@ -0,0 +1,40 @@
+module Hyperstack
+  module Internal
+    module Component
+      class RescueMetaWrapper
+        include Hyperstack::Component
+
+        param :children_elements
+
+        render do
+          @ChildrenElements.call
+        end
+      end
+
+      class RescueWrapper
+        class << self
+          attr_accessor :after_error_args
+        end
+
+        include Hyperstack::Component
+
+        param :child
+        param :children_elements
+
+        render do
+          RescueMetaWrapper(children_elements: @ChildrenElements)
+        end
+
+        after_error do |error, info|
+          args = RescueWrapper.after_error_args || [error, info]
+          found, * = @Child.run_callback(:__hyperstack_component_rescue_hook, found, *args) { |a| a }
+          unless found
+            RescueWrapper.after_error_args = args
+            raise error
+          end
+          @Child.force_update!
+        end
+      end
+    end
+  end
+end

ruby/hyper-component/lib/hyperstack/component/while_loading.rb

@@ -0,0 +1,29 @@
+module Hyperstack
+  module Internal
+    module Component
+      class WhileLoadingWrapper < RescueWrapper
+        render do
+          if @waiting_on_resources && !quiet?
+            RenderingContext.raise_if_not_quiet = false
+          else
+            @waiting_on_resources = false
+            @Child.instance_eval do
+              mutate if @__hyperstack_while_loading_waiting_on_resources
+              @__hyperstack_while_loading_waiting_on_resources = false
+            end
+            RenderingContext.raise_if_not_quiet = true
+          end
+          RescueMetaWrapper(children_elements: @ChildrenElements)
+        end
+
+        before_mount do
+          wrapper = self
+          @Child.class.rescues RenderingContext::NotQuiet do
+            wrapper.instance_variable_set(:@waiting_on_resources, true)
+            @__hyperstack_while_loading_waiting_on_resources = true
+          end
+        end
+      end
+    end
+  end
+end

ruby/hyper-component/lib/hyperstack/internal/component/rescue_wrapper.rb

@@ -0,0 +1,27 @@
+require 'spec_helper'
+
+describe 'misc client helpers', js: true do
+  context 'pluralize' do
+    before(:each) do
+      on_client do
+        class TestComponent < Hyperloop::Component
+          param :count
+          render(DIV) do
+            DIV { pluralize(@Count, "criterium") }
+            DIV { pluralize(@Count, "item", "itemz") }
+          end
+        end
+      end
+    end
+    it "1 will be singlular" do
+      mount 'TestComponent', count: 1
+      expect(page).to have_content("1 criterium")
+      expect(page).to have_content("1 item")
+    end
+    it "2 will be plural" do
+      mount 'TestComponent', count: 2
+      expect(page).to have_content("2 criteria")
+      expect(page).to have_content("2 itemz")
+    end
+  end
+end