glib-web 3.28.0 → 4.1.0

data/app/views/json_ui/garage/forms/timers.json.jbuilder

@@ -3,9 +3,6 @@ json.title 'Forms'
 page = json_ui_page json
 render "#{@path_prefix}/nav_menu", json: json, page: page
 
-online_channel = 'OnlineChannel'
-first_user = User.first
-second_user = User.second
 
 page.form url: json_ui_garage_url(path: 'forms/generic_post'), method: 'post', padding: glib_json_padding_body, childViews: ->(form) do
   form.spacer height: 20
@@ -26,8 +23,6 @@ page.form url: json_ui_garage_url(path: 'forms/generic_post'), method: 'post', p
 
   form.spacer height: 6
   form.fields_timer name: 'user[days_timer2]', value: 10.seconds.from_now, styleClasses: ['days']
-  form.spacer height: 6
-  form.p text: '🏁 Finished!', showIf: { "<=": [{ "var": "user[days_timer2]" }, '0'] }
 
   form.spacer height: 20
   form.h2 text: 'Stop Watch (Forward)'
@@ -41,91 +36,6 @@ page.form url: json_ui_garage_url(path: 'forms/generic_post'), method: 'post', p
     max: 20,
     forward: true
 
-  form.spacer height: 20
-  form.h2 text: 'Reset timer by ActionCable'
-  online_participant1_config = {
-    channel: online_channel,
-    filterKey: first_user.id
-  }
-
-
-  form.fields_timer \
-    width: 120,
-    actionCable: online_participant1_config,
-    name: 'user[online_timer1]',
-    value: 3,
-    min: 0
-
-  form.label \
-    text: 'Participant One is online',
-    color: glib_color_success,
-    showIf: {
-      ">": [
-        {
-          "var": 'user[online_timer1]'
-        },
-        0
-      ]
-    }
-
-  form.label \
-    text: 'Participant One is offline',
-    color: glib_color_error,
-    showIf: {
-      "<=": [
-        {
-          "var": 'user[online_timer1]'
-        },
-        0
-      ]
-    }
-
-  form.spacer height: 10
-  form.label text: 'Open Participant One', onClick: ->(action) do
-    action.windows_openWeb url: json_ui_garage_url(path: 'forms/online_participant1')
-  end
-  form.spacer height: 20
-
-  online_participant2_config = {
-    channel: online_channel,
-    filterKey: second_user.id
-  }
-  form.fields_timer \
-    width: 120,
-    actionCable: online_participant2_config,
-    name: 'user[online_timer2]',
-    value: 3,
-    min: 0
-
-  form.label \
-    text: 'Participant Two is online',
-    color: glib_color_success,
-    showIf: {
-      ">": [
-        {
-          "var": 'user[online_timer2]'
-        },
-        0
-      ]
-    }
-
-  form.label \
-    text: 'Participant Two is offline',
-    color: glib_color_error,
-    showIf: {
-      "<=": [
-        {
-          "var": 'user[online_timer2]'
-        },
-        0
-      ]
-    }
-
-  form.spacer height: 10
-  form.label text: 'Open Participant Two', onClick: ->(action) do
-    action.windows_openWeb url: json_ui_garage_url(path: 'forms/online_participant2')
-  end
-
   form.spacer height: 40
   form.fields_submit text: 'Submit'
 end

data/app/views/json_ui/garage/notifications/action_cable.json.jbuilder

@@ -19,17 +19,17 @@ if room.present?
       }
     ],
     onOpen: ->(action) do
-      action.components_update targetId: 'label-1', views: ->(view) do
+      action.components_replace targetId: 'label-1', newView: ->(view) do
         view.p text: "Room ##{room.upcase}"
       end
     end,
     onClose: ->(action) do
-      action.components_update targetId: 'label-1', views: ->(view) do
+      action.components_replace targetId: 'label-1', newView: ->(view) do
         view.p text: "Room ##{room.upcase} (OFF)"
       end
     end,
     onError: ->(action) do
-      action.components_update targetId: 'label-1', views: ->(view) do
+      action.components_replace targetId: 'label-1', newView: ->(view) do
         view.p text: "Room ##{room.upcase} (ERROR)"
       end
     end

data/app/views/json_ui/garage/pages/lifecycle_hooks.json.jbuilder

@@ -8,6 +8,10 @@ page.on load: ->(action) do
   action.dialogs_alert message: 'This is an onLoad action'
 end
 
+page.on unload: ->(action) do
+  action.dialogs_alert message: 'This is an onUnload action'
+end
+
 page.scroll padding: glib_json_padding_body, childViews: ->(scroll) do
   scroll.label text: 'A dialog should appear automatically.'
 end

data/app/views/json_ui/garage/views/{components_update.json.jbuilder → components_replace.json.jbuilder}

@@ -30,7 +30,7 @@ page.body padding: glib_json_padding_body, childViews: ->(body) do
         hori.button text: 'change bgcolor', onClick: ->(action) do
           action.runMultiple childActions: ->(saction) do
             comp_ids.each do |id, method|
-            saction.components_update targetId: id, views: ->(view) do
+            saction.components_replace targetId: id, newView: ->(view) do
               if id == 'pflow'
                 view.public_send(method, { backgroundColor: '#00FFFF', innerPadding: { bottom: 0 } })
               else
@@ -43,23 +43,23 @@ page.body padding: glib_json_padding_body, childViews: ->(body) do
 
         hori.button text: 'change text (p & label)', onClick: ->(action) do
           action.runMultiple childActions: ->(saction) do
-            saction.components_update targetId: 'paragraph', views: ->(view) do
+            saction.components_replace targetId: 'paragraph', newView: ->(view) do
               view.p text: 'changed!'
             end
-            saction.components_update targetId: 'label', views: ->(view) do
+            saction.components_replace targetId: 'label', newView: ->(view) do
               view.label text: 'changed!'
             end
           end
         end
 
         hori.button text: 'Change fields text', onClick: ->(action) do
-          action.components_update targetId: 'inp-text', views: ->(view) do
+          action.components_replace targetId: 'inp-text', newView: ->(view) do
             view.fields_text name: 'user[city]', value: 'Jakarta', placeholder: 'City', label: 'City'
           end
         end
 
         hori.button text: 'Change fields select', onClick: ->(action) do
-          action.components_update targetId: 'inp-select', views: ->(view) do
+          action.components_replace targetId: 'inp-select', newView: ->(view) do
             view.fields_select options: cities + [{ text: 'Taipei', value: 'taipei' }]
           end
         end
@@ -71,7 +71,7 @@ page.body padding: glib_json_padding_body, childViews: ->(body) do
         hori.button text: 'Add child to panel', onClick: ->(action) do
           action.runMultiple childActions: ->(saction) do
             panels_ids.each do |id, method|
-            saction.components_update targetId: id, views: ->(view) do
+            saction.components_replace targetId: id, newView: ->(view) do
               props = {
                 childViews: ->(sview) do
                   sview.label text: method

data/app/views/json_ui/garage/views/controls.json.jbuilder

@@ -31,22 +31,6 @@ page.scroll padding: glib_json_padding_body, childViews: ->(scroll) do
 
   scroll.spacer height: 10
   scroll.button text: 'Button with dropdown', onClick: ->(action) do
-    # action.popovers_open \
-    #   key: 'menu',
-    #   placement: 'left',
-    #   childViews: ->(view) do
-    #     view.panels_responsive styleClass: 'popover-menu', width: 200, childViews: ->(res) do
-    #       res.label text: 'Item 1', styleClass: 'popover-menu-item', onClick: ->(saction) do
-    #         saction.popovers_close key: 'menu'
-    #       end
-    #       res.label text: 'Item 2', styleClass: 'popover-menu-item', onClick: ->(saction) do
-    #         saction.popovers_close key: 'menu'
-    #       end
-    #       res.label text: 'Item 3', styleClass: 'popover-menu-item', onClick: ->(saction) do
-    #         saction.popovers_close key: 'menu'
-    #       end
-    #     end
-    #   end
 
     action.popovers_show \
       key: 'menu',
@@ -73,22 +57,6 @@ page.scroll padding: glib_json_padding_body, childViews: ->(scroll) do
     text: 'Button with tooltip and dropdown',
     tooltip: { text: 'Tooltip 1' },
     onClick: ->(action) do
-      # action.popovers_open \
-      #   key: 'menu',
-      #   placement: 'bottom-start',
-      #   styleClass: 'popover-menu',
-      #   width: 200,
-      #   childViews: ->(res) do
-      #     res.label text: 'Item 1', styleClass: 'popover-menu-item', onClick: ->(saction) do
-      #       saction.popovers_close key: 'menu'
-      #     end
-      #     res.label text: 'Item 2', styleClass: 'popover-menu-item', onClick: ->(saction) do
-      #       saction.popovers_close key: 'menu'
-      #     end
-      #     res.label text: 'Item 3 with very very very very very long name', styleClass: 'popover-menu-item', onClick: ->(saction) do
-      #       saction.popovers_close key: 'menu'
-      #     end
-      #   end
 
       action.popovers_show \
         key: 'menu',

data/lib/glib/test_helpers.rb

@@ -20,7 +20,9 @@ module Glib
       end
     end
 
+    # See https://stackoverflow.com/questions/51583321/it-is-safe-to-use-lvh-me-instead-of-localhost-for-testing
     HOST = 'www.lvh.me:3000'
+
     # LOG_DIR = File.expand_path(
     #   File.join(File.dirname(__FILE__), 'integration/json_ui_crawler_test_results')
     # )

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: glib-web
 version: !ruby/object:Gem::Version
-  version: 3.28.0
+  version: 4.1.0
 platform: ruby
 authors:
 - ''
@@ -103,6 +103,7 @@ files:
 - app/helpers/glib/json_ui/action_builder/global_states.rb
 - app/helpers/glib/json_ui/action_builder/http.rb
 - app/helpers/glib/json_ui/action_builder/iap.rb
+- app/helpers/glib/json_ui/action_builder/logics.rb
 - app/helpers/glib/json_ui/action_builder/panels.rb
 - app/helpers/glib/json_ui/action_builder/popovers.rb
 - app/helpers/glib/json_ui/action_builder/sheets.rb
@@ -274,8 +275,8 @@ files:
 - app/views/json_ui/garage/views/banners.json.jbuilder
 - app/views/json_ui/garage/views/calendar_data.json.jbuilder
 - app/views/json_ui/garage/views/charts.json.jbuilder
+- app/views/json_ui/garage/views/components_replace.json.jbuilder
 - app/views/json_ui/garage/views/components_set.json.jbuilder
-- app/views/json_ui/garage/views/components_update.json.jbuilder
 - app/views/json_ui/garage/views/controls.json.jbuilder
 - app/views/json_ui/garage/views/fields_focus.json.jbuilder
 - app/views/json_ui/garage/views/iap.json.jbuilder