glib-web 4.6.0 → 4.8.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 7da379749ad7926e906360b7b5c9745f2b045d356a6243c288d604f6771ffdef
-  data.tar.gz: 232afbb6f1375f6051d479b9484078c8db4cf7542fa7d97978b1294220bb0c6d
+  metadata.gz: 14b477903f0539909ec17ac01c7f892fc27a90dfc205680435539c2eb7cfc688
+  data.tar.gz: c08e982d602198ee4a1d5568143ed0a763d3f19a6f3fb9289ad37faa9c2519c5
 SHA512:
-  metadata.gz: 4c95fec35e27845b1dd69eae972056a6b65afdc8b26a50c3fb0732ca3bdbddc32d21c829bde0a7cf69e91d19de9c95b6842ca36d210c0ed217e0661edd396819
-  data.tar.gz: ab56beeee17a57e7fd37bb670a7135504694c003f52f033611c56faf325903623e25f6733e49755160c6f40ce7423412e9a58b42bd1a92e60280c42ba81a1073
+  metadata.gz: 0a25abbe0d1571f5545e4edb184899a90c5159069672ec3d88d353ca450add1b264b2d172b4b90caa94ae24cebf9dbb1b5e7cd015fe1c239eef47c85daf71923
+  data.tar.gz: 9f65a3e84dc11bb8b87c2af03c028e7722f3b57b994bb746d494da000e9e0b85b1a290ebea7289535bf5d6daba2a69f0a20533f59ae0334af14b8d6b63dc3d99

data/app/helpers/glib/json_ui/action_builder/files.rb

@@ -3,6 +3,9 @@ class Glib::JsonUi::ActionBuilder
     class Upload < Action
       include Glib::JsonUi::Upload
       action :onFinished
+      string :paramNameForFiles
+      string :paramNameForContext
+      string :paramNameForFormData
     end
   end
 end

data/app/helpers/glib/json_ui/view_builder/fields.rb

@@ -117,6 +117,7 @@ class Glib::JsonUi::ViewBuilder
       string :rightText
       action :onTypeStart
       action :onTypeEnd
+      bool :clearable
     end
 
     class Number < Text
@@ -190,13 +191,21 @@ class Glib::JsonUi::ViewBuilder
     end
 
     class Select < AbstractField
-      array :options
+      attr_reader :_options
+
+      # array :options
       # bool :readOnly
       bool :multiple, cache: true
       # bool :manualEntry
       hash :append, optional: [:icon]
 
       panels_builder :accessory, :header, :footer
+      bool :clearable
+
+      def options(value)
+        @_options = value
+        json.set! 'options', value&.to_a
+      end
 
       def searchable(value)
         @searchable = value
@@ -205,7 +214,9 @@ class Glib::JsonUi::ViewBuilder
       def created
         super
 
-        @searchable = @searchable.nil? ? true : @searchable
+        if @searchable.nil?
+          @searchable = _options.size >= 10
+        end
         json.set! 'searchable', @searchable
       end
     end
@@ -218,7 +229,7 @@ class Glib::JsonUi::ViewBuilder
 
     class TimeZone < AbstractField
       include Glib::EnumHelper
-
+      bool :clearable
       # Override
       def created
         super
@@ -284,13 +295,6 @@ class Glib::JsonUi::ViewBuilder
       string :onIcon
       hash :image, required: [:url, :template], optional: [:width, :height]
       hash :icon, required: [:name, :template], optional: [:color, :size]
-      # bool :featured
-      # bool :thumbnail
-      # hash :image
-      # string :imageUrl
-      # string :icon
-      # string :iconColor
-      # string :iconSize
 
       views :childViews
     end
@@ -422,6 +426,7 @@ class Glib::JsonUi::ViewBuilder
       date :min
       date :max
       string :type
+      bool :clearable
 
       # Override
       def value(value)
@@ -434,6 +439,7 @@ class Glib::JsonUi::ViewBuilder
     class Datetime < AbstractField
       date_time :min
       date_time :max
+      bool :clearable
     end
 
     class Location < AbstractField
@@ -459,6 +465,7 @@ class Glib::JsonUi::ViewBuilder
     class Phone < AbstractField
       string :defaultCountry
       bool :disableAutoDetect
+      bool :clearable
     end
 
     class CreditCard < AbstractField

data/app/helpers/glib/json_ui/view_builder/panels.rb

@@ -427,6 +427,8 @@ class Glib::JsonUi::ViewBuilder
     class Tree < View
       include Glib::JsonUi::Upload
 
+      string :paramNameForFormData
+      string :paramNameForContext
       string :selected
       action :onDropFile
       action :onDropView

data/app/helpers/glib/json_ui/view_builder.rb

@@ -50,6 +50,7 @@ module Glib
         include Builder::MouseEvents
 
         string :id
+        string :key
         length :width
         length :height
         color :backgroundColor
@@ -175,6 +176,8 @@ module Glib
         string :url
         string :base64Data
         action :onClick
+        color :backgroundColor
+        hash :initials, required: [:text], optional: [:color]
       end
 
       class Icon < View

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

@@ -46,7 +46,7 @@ page.form url: json_ui_garage_url(path: 'forms/basic_post'), method: 'post', pad
       ],
       imageUploader: {
         name: 'user[images_attributes][]',
-        accepts: { fileType: 'image/*', maxFileSize: 5000 },
+        accepts: { fileType: 'image', maxFileSize: 5000 },
         directUploadUrl: glib_direct_uploads_url
       },
       onChange: ->(action) do

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

@@ -20,6 +20,7 @@ page.form url: json_ui_garage_url(path: 'forms/generic_post'), method: 'post', p
     form.fields_select \
       name: 'user[city]',
       width: 'matchParent',
+      clearable: true,
       label: 'City1',
       placeholder: 'This is a placeholder',
       options: languages.map { |k, v| { value: k, text: v } },
@@ -147,7 +148,7 @@ page.form url: json_ui_garage_url(path: 'forms/generic_post'), method: 'post', p
   form.spacer height: 6
   form.label text: 'The select field defaults to the device\'s time zone.'
   form.spacer height: 6
-  form.fields_timeZone name: 'user[time_zone]', width: 'matchParent', label: 'Time Zone'
+  form.fields_timeZone name: 'user[time_zone]', width: 'matchParent', label: 'Time Zone', clearable: true
 
 
   form.button text: 'Submit', onClick: ->(action) { action.forms_submit }

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

@@ -383,7 +383,7 @@ page.form \
       end
     end
 
-    form.panels_vertical \
+    form.panels_responsive \
       id: 'panel7a',
       styleClass: 'border-2',
       width: 'matchParent',
@@ -392,7 +392,7 @@ page.form \
         vertical.fields_text name: 'user[0][loadif_target9]', width: 'matchParent', value: 'Value 7a'
       end
 
-    form.panels_vertical \
+    form.panels_responsive \
       id: 'panel7b',
       styleClass: 'border-2',
       width: 'matchParent',
@@ -401,7 +401,7 @@ page.form \
         vertical.fields_text name: 'user[1][loadif_target9]', width: 'matchParent', value: 'Value 7b'
       end
 
-    form.panels_vertical \
+    form.panels_responsive \
       id: 'panel7c',
       styleClass: 'border-2',
       width: 'matchParent',

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

@@ -20,26 +20,30 @@ page.form \
     form.fields_email \
       name: 'user[email]',
       width: 'matchParent',
-      label: 'Email'
+      label: 'Email',
+      clearable: true
     form.spacer height: 8
 
     form.fields_url \
       name: 'user[url]',
       width: 'matchParent',
-      label: 'URL'
+      label: 'URL',
+      clearable: true
     form.spacer height: 8
 
     form.fields_number \
       prop: :age,
       name: 'user[age]',
       width: 'matchParent',
-      label: 'Age'
+      label: 'Age',
+      clearable: true
     form.spacer height: 8
 
     form.fields_phone \
       name: 'user[phone1]',
       width: 'matchParent',
-      label: 'Phone field'
+      label: 'Phone field',
+      clearable: true
     form.spacer height: 8
 
     form.fields_phone \
@@ -55,7 +59,8 @@ page.form \
       width: 'matchParent',
       label: 'Password',
       hint: 'Should contain at least 6 characters',
-      leftIcon: 'lock'
+      leftIcon: 'lock',
+      clearable: true
     form.spacer height: 8
 
     form.fields_textarea \
@@ -63,7 +68,8 @@ page.form \
       name: 'user[words]',
       width: 'matchParent',
       label: 'Textarea with maxLength',
-      maxLength: 1000
+      maxLength: 1000,
+      clearable: true
     form.spacer height: 8
 
 
@@ -73,7 +79,8 @@ page.form \
       name: 'user[position]',
       width: 'matchParent',
       label: 'Position',
-      options: options
+      options: options,
+      clearable: true
     form.spacer height: 8
 
 

data/app/views/json_ui/garage/panels/tree.json.jbuilder

@@ -1,9 +1,12 @@
 json.title 'Panels'
 
 onDropFile = ->(action) do
-  action.files_upload directUploadUrl: glib_direct_uploads_url, onFinished: ->(saction) do
-    saction.http_post url: json_ui_garage_url(path: 'forms/generic_post_all')
-  end
+  action.files_upload \
+    directUploadUrl: glib_direct_uploads_url,
+    paramNameForFiles: 'signedIds',
+    onFinished: ->(saction) do
+      saction.http_post url: json_ui_garage_url(path: 'forms/generic_post_all')
+    end
 end
 onDropView = ->(action) do
   action.http_post url: json_ui_garage_url(path: 'forms/generic_post_all')
@@ -18,6 +21,8 @@ json_ui_page json do |page|
 
     scroll.panels_column md: { cols: 4 }, childViews: ->(col) do
     scroll.panels_tree \
+      paramNameForContext: 'moved',
+      # paramNameForFormData: 'message',
       onDropFile: onDropFile,
       onDropView: onDropView,
       selected: params[:selected] || 'arabian-1.mp3',
@@ -33,6 +38,7 @@ json_ui_page json do |page|
               id: 'pop',
               title: 'Pop',
               icon: { name: 'folder', size: 24, color: '#6e6e6e' },
+              dropData: { genre: 'pop' },
               onClick: ->(action) { action.windows_reload url: json_ui_garage_current_url(selected: 'pop') },
               subtitle: params['selected'] == 'pop' ? 'Pop music is a genre of popular music that originated in its modern' : nil,
               rows: ['pop-1.mp3', 'pop-2.mp3', 'pop-3.mp3']
@@ -40,6 +46,7 @@ json_ui_page json do |page|
               id: 'arab',
               title: 'Arabian',
               icon: { name: 'folder', size: 24, color: '#6e6e6e' },
+              dropData: { genre: 'arab' },
               onClick: ->(action) { action.windows_reload url: json_ui_garage_current_url(selected: 'arab') },
               subtitle: params['selected'] == 'arab' ? 'Arabic music is the music of the Arab world' : nil,
               rows: ['arabian-1.mp3', 'arabian-2.mp3', 'arabian-3.mp3']
@@ -48,6 +55,7 @@ json_ui_page json do |page|
               title: 'Phonk',
               onClick: ->(action) { action.windows_reload url: json_ui_garage_current_url(selected: 'phonk') },
               icon: { name: 'folder', size: 24, color: '#6e6e6e' },
+              dropData: { genre: 'phonk' },
               subtitle: params['selected'] == 'phonk' ? 'Phonk is a subgenre of hip hop and trap music' : nil,
               rows: ['phonk1.mp3', 'phonk-2.mp3', { id: 'hard-phonk', title: 'Hard Phonk', rows: ['hard-phonk-1.mp3', 'hard-phonk-2.mp3'] }]
           end

data/app/views/json_ui/garage/test_page/form.json.jbuilder

@@ -44,7 +44,11 @@ page.body childViews: ->(body) do
           end
           hori.spacer width: 4
           hori.button text: 'hide select', onClick: ->(action) do
-            action.components_set targetId: 'select', data: { displayed: false }
+            action.runMultiple childActions: ->(saction) do
+              ['select', 'select1', 'select2', 'select3'].each do |id|
+                saction.components_set targetId: id, data: { displayed: false }
+              end
+            end
           end
           hori.spacer height: 4
           hori.button text: 'hide jack', onClick: ->(action) do
@@ -71,8 +75,22 @@ page.body childViews: ->(body) do
 
         form.fields_date width: 'matchParent', name: 'user[date]', id: 'date', value: Date.new(2024, 7, 24), validation: validation
         form.hr width: 'matchParent'
-        form.fields_select multiple: true, width: 'matchParent', name: 'user[select][]', id: 'select', options: options, value: ['option1', 'option2'], validation: validation
+        form.fields_select clearable: true, multiple: true, width: 'matchParent', name: 'user[select][]', id: 'select', options: options, value: ['option1', 'option2'], validation: validation
         form.hr width: 'matchParent'
+        form.panels_flow innerPadding: { bottom: 0 }, width: 'matchParent', id: 'select1', childViews: ->(flow) do
+          form.fields_select clearable: true, width: 'matchParent', name: 'user[select1]', options: options, value: 'option1'
+          form.hr width: 'matchParent'
+        end
+        form.panels_horizontal id: 'select2', width: 'matchParent', childViews: ->(hori) do
+          form.fields_select clearable: true, width: 'matchParent', name: 'user[select2]', options: options, value: 'option2'
+          form.hr width: 'matchParent'
+        end
+        form.panels_split id: 'select3', width: 'matchParent', content: ->(split) do
+          split.left childViews: ->(right) do
+            form.fields_select clearable: true, width: 'matchParent', name: 'user[select3]', options: options, value: 'option3'
+            form.hr width: 'matchParent'
+          end
+        end
         form.fields_chipGroup width: 'matchParent', name: 'user[chip_group]', id: 'chip_group', options: options, value: ['option2'], validation: validation
         form.hr width: 'matchParent'
         form.fields_radioGroup width: 'matchParent', name: 'user[radio_group]', id: 'radio_group', value: 'option3', validation: validation, childViews: ->(radio) do

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

@@ -7,6 +7,14 @@ render "#{@path_prefix}/nav_menu", json: json, page: page
 small_image_url = 'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSGQpSWjtELISLBlmugOZ6wzl1JamYXQvbFeYywpfg3E8b8DrO0Kg&s'
 
 page.scroll padding: glib_json_padding_body, childViews: ->(scroll) do
+  scroll.h2 text: 'Avatar Text'
+  scroll.spacer height: 6
+  scroll.avatar \
+    url: glib_json_image_avatar_url,
+    tooltip: { text: 'This is a tooltip' },
+    backgroundColor: '#ddd',
+    initials: { text: 'JD', color: '#AAB396' }
+
   scroll.h2 text: 'Avatar'
   scroll.spacer height: 6
   scroll.avatar \

data/lib/glib/integration_test.rb

@@ -0,0 +1,9 @@
+module Glib
+  class IntegrationTest < ActionDispatch::IntegrationTest
+    HOST = 'www.localhost:3000'.freeze
+
+    setup do
+      host! HOST
+    end
+  end
+end

data/lib/glib/test_helpers.rb

@@ -21,7 +21,10 @@ module Glib
     end
 
     # See https://stackoverflow.com/questions/51583321/it-is-safe-to-use-lvh-me-instead-of-localhost-for-testing
-    HOST = 'www.lvh.me:3000'
+    # HOST = 'www.lvh.me:3000'
+
+    # The best practice is to avoid using lvh.me due to security and performance concerns.
+    HOST = 'www.localhost:3000'
 
     # LOG_DIR = File.expand_path(
     #   File.join(File.dirname(__FILE__), 'integration/json_ui_crawler_test_results')

data/lib/glib-web.rb

@@ -5,6 +5,7 @@ require 'glib/json_crawler'
 
 require 'glib/dynamic_text'
 require 'glib/test_helpers'
+require 'glib/integration_test'
 
 require 'glib/time_freezable_mailer'
 require 'glib/time_returning_mailer'

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: glib-web
 version: !ruby/object:Gem::Version
-  version: 4.6.0
+  version: 4.8.0
 platform: ruby
 authors:
 - ''
@@ -342,6 +342,7 @@ files:
 - lib/glib/dynamic_text.rb
 - lib/glib/dynamic_text/config.rb
 - lib/glib/engine.rb
+- lib/glib/integration_test.rb
 - lib/glib/json_crawler.rb
 - lib/glib/json_crawler/action_crawler.rb
 - lib/glib/json_crawler/action_crawlers/action_http.rb