json_flit 0.0.2 → 0.0.3

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 53719c99b9d51311708edd7a7faa18fb37d935da9ef0cc89dc5797be18400948
-  data.tar.gz: 8226d7c56a7e4d2cebfd2226df13b88d7505ef96b99cb287e8665cb35db18c41
+  metadata.gz: b8b3795cdcd99257b24cbf9870f3c8a8050b74ef92241cb36330593a234b92b8
+  data.tar.gz: 59d9ffb41e0cb8f7c52120c17fe774117ea6976ace721347d301b92647afd96d
 SHA512:
-  metadata.gz: 45d2653232d32efc9ca4e515101300649de59c3f486245ba59c1fb453803a5784d7bfb33e8a06c472cbb9f9cfc4bbf653ed441cab7eb558764613da8fabd7959
-  data.tar.gz: 27fbf311cc4ba33f541d7e328a75f91600a34d15a1833264582ee5b448cd4f6c03462c15b1284b18daf7f3046ad96c7626bd61469165b4dc2f2433c58d9357f3
+  metadata.gz: 00ceceb4e2b7196fc055bb24e9e053ef90a741c2c7d30cfb10cbb21bc533d8d2ceda14a17bfcf88f04d36888565f85157896d4a666747f43c65fd535191b48f5
+  data.tar.gz: e94dbee3f62924d37d1b8470a7447b367f15eba88af965a3ede42674ba82e4d249126cc51ca300e52347b4105feaa0bb7a09a4bff2b7f89caee3f673a1d87900

data/Gemfile.lock

@@ -1,154 +1,36 @@
 GIT
   remote: https://github.com/afstanton/flit_view_components.git
-  revision: db094cf24bdaeb4468dea6724afe09e65f778a5b
+  revision: 739dbf1c71fcf3cd31681628be1baf2b20f68e91
   branch: main
   specs:
-    flit_view_components (0.0.1)
-      rails (>= 7.0.4.2)
+    flit_view_components (0.0.2)
+      view_component (~> 3.0.0rc3)
 
 PATH
   remote: .
   specs:
-    json_flit (0.0.2)
+    json_flit (0.0.3)
       flit_view_components
 
 GEM
   remote: https://rubygems.org/
   specs:
-    actioncable (7.0.4.2)
-      actionpack (= 7.0.4.2)
-      activesupport (= 7.0.4.2)
-      nio4r (~> 2.0)
-      websocket-driver (>= 0.6.1)
-    actionmailbox (7.0.4.2)
-      actionpack (= 7.0.4.2)
-      activejob (= 7.0.4.2)
-      activerecord (= 7.0.4.2)
-      activestorage (= 7.0.4.2)
-      activesupport (= 7.0.4.2)
-      mail (>= 2.7.1)
-      net-imap
-      net-pop
-      net-smtp
-    actionmailer (7.0.4.2)
-      actionpack (= 7.0.4.2)
-      actionview (= 7.0.4.2)
-      activejob (= 7.0.4.2)
-      activesupport (= 7.0.4.2)
-      mail (~> 2.5, >= 2.5.4)
-      net-imap
-      net-pop
-      net-smtp
-      rails-dom-testing (~> 2.0)
-    actionpack (7.0.4.2)
-      actionview (= 7.0.4.2)
-      activesupport (= 7.0.4.2)
-      rack (~> 2.0, >= 2.2.0)
-      rack-test (>= 0.6.3)
-      rails-dom-testing (~> 2.0)
-      rails-html-sanitizer (~> 1.0, >= 1.2.0)
-    actiontext (7.0.4.2)
-      actionpack (= 7.0.4.2)
-      activerecord (= 7.0.4.2)
-      activestorage (= 7.0.4.2)
-      activesupport (= 7.0.4.2)
-      globalid (>= 0.6.0)
-      nokogiri (>= 1.8.5)
-    actionview (7.0.4.2)
-      activesupport (= 7.0.4.2)
-      builder (~> 3.1)
-      erubi (~> 1.4)
-      rails-dom-testing (~> 2.0)
-      rails-html-sanitizer (~> 1.1, >= 1.2.0)
-    activejob (7.0.4.2)
-      activesupport (= 7.0.4.2)
-      globalid (>= 0.3.6)
-    activemodel (7.0.4.2)
-      activesupport (= 7.0.4.2)
-    activerecord (7.0.4.2)
-      activemodel (= 7.0.4.2)
-      activesupport (= 7.0.4.2)
-    activestorage (7.0.4.2)
-      actionpack (= 7.0.4.2)
-      activejob (= 7.0.4.2)
-      activerecord (= 7.0.4.2)
-      activesupport (= 7.0.4.2)
-      marcel (~> 1.0)
-      mini_mime (>= 1.1.0)
     activesupport (7.0.4.2)
       concurrent-ruby (~> 1.0, >= 1.0.2)
       i18n (>= 1.6, < 2)
       minitest (>= 5.1)
       tzinfo (~> 2.0)
     ast (2.4.2)
-    builder (3.2.4)
     concurrent-ruby (1.2.2)
-    crass (1.0.6)
-    date (3.3.3)
     diff-lcs (1.5.0)
-    erubi (1.12.0)
-    globalid (1.1.0)
-      activesupport (>= 5.0)
     i18n (1.12.0)
       concurrent-ruby (~> 1.0)
     json (2.6.3)
-    loofah (2.19.1)
-      crass (~> 1.0.2)
-      nokogiri (>= 1.5.9)
-    mail (2.8.1)
-      mini_mime (>= 0.1.1)
-      net-imap
-      net-pop
-      net-smtp
-    marcel (1.0.2)
     method_source (1.0.0)
-    mini_mime (1.1.2)
     minitest (5.18.0)
-    net-imap (0.3.4)
-      date
-      net-protocol
-    net-pop (0.1.2)
-      net-protocol
-    net-protocol (0.2.1)
-      timeout
-    net-smtp (0.3.3)
-      net-protocol
-    nio4r (2.5.8)
-    nokogiri (1.14.2-arm64-darwin)
-      racc (~> 1.4)
     parallel (1.22.1)
-    parser (3.2.1.0)
+    parser (3.2.1.1)
       ast (~> 2.4.1)
-    racc (1.6.2)
-    rack (2.2.6.3)
-    rack-test (2.0.2)
-      rack (>= 1.3)
-    rails (7.0.4.2)
-      actioncable (= 7.0.4.2)
-      actionmailbox (= 7.0.4.2)
-      actionmailer (= 7.0.4.2)
-      actionpack (= 7.0.4.2)
-      actiontext (= 7.0.4.2)
-      actionview (= 7.0.4.2)
-      activejob (= 7.0.4.2)
-      activemodel (= 7.0.4.2)
-      activerecord (= 7.0.4.2)
-      activestorage (= 7.0.4.2)
-      activesupport (= 7.0.4.2)
-      bundler (>= 1.15.0)
-      railties (= 7.0.4.2)
-    rails-dom-testing (2.0.3)
-      activesupport (>= 4.2.0)
-      nokogiri (>= 1.6)
-    rails-html-sanitizer (1.5.0)
-      loofah (~> 2.19, >= 2.19.1)
-    railties (7.0.4.2)
-      actionpack (= 7.0.4.2)
-      activesupport (= 7.0.4.2)
-      method_source
-      rake (>= 12.2)
-      thor (~> 1.0)
-      zeitwerk (~> 2.5)
     rainbow (3.1.1)
     rake (13.0.6)
     regexp_parser (2.7.0)
@@ -166,7 +48,7 @@ GEM
       diff-lcs (>= 1.2.0, < 2.0)
       rspec-support (~> 3.12.0)
     rspec-support (3.12.0)
-    rubocop (1.47.0)
+    rubocop (1.48.0)
       json (~> 2.3)
       parallel (~> 1.10)
       parser (>= 3.2.0.0)
@@ -179,15 +61,13 @@ GEM
     rubocop-ast (1.27.0)
       parser (>= 3.2.1.0)
     ruby-progressbar (1.13.0)
-    thor (1.2.1)
-    timeout (0.3.2)
     tzinfo (2.0.6)
       concurrent-ruby (~> 1.0)
     unicode-display_width (2.4.2)
-    websocket-driver (0.7.5)
-      websocket-extensions (>= 0.1.0)
-    websocket-extensions (0.1.5)
-    zeitwerk (2.6.7)
+    view_component (3.0.0.rc4)
+      activesupport (>= 5.2.0, < 8.0)
+      concurrent-ruby (~> 1.0)
+      method_source (~> 1.0)
 
 PLATFORMS
   arm64-darwin-22

data/README.md

@@ -6,7 +6,7 @@ Welcome to your new gem! In this directory, you'll find the files you need to be
 
 I need a very flexible way to build layout on a page. I am learning Flutter, and came across [json_dynamic_widget](https://pub.dev/packages/json_dynamic_widget). Between this and [flit_view_components](https://github.com/afstanton/flit_view_components), this is my attempt to recreate that system for Rails.
 
-The .json files in the associated demo app are from [json_dynamic_widget](https://github.com/peiffer-innovations/json_dynamic_widget/tree/main/example/assets/pages), used under the MIT License.
+Almost all files in the associated demo app assets directory are from [json_dynamic_widget](https://github.com/peiffer-innovations/json_dynamic_widget/tree/main/example/assets/pages), used under the MIT License. They are used here to establish feature parity.
 
 ## Installation
 

data/demo/Gemfile

@@ -15,8 +15,8 @@ gem "sqlite3", "~> 1.4"
 # Use the Puma web server [https://github.com/puma/puma]
 gem "puma", "~> 5.0"
 
-# Bundle and transpile JavaScript [https://github.com/rails/jsbundling-rails]
-gem "jsbundling-rails"
+# Use JavaScript with ESM import maps [https://github.com/rails/importmap-rails]
+gem 'importmap-rails'
 
 # Hotwire's SPA-like page accelerator [https://turbo.hotwired.dev]
 gem "turbo-rails"
@@ -24,8 +24,8 @@ gem "turbo-rails"
 # Hotwire's modest JavaScript framework [https://stimulus.hotwired.dev]
 gem "stimulus-rails"
 
-# Bundle and process CSS [https://github.com/rails/cssbundling-rails]
-gem "cssbundling-rails"
+# Use Tailwind CSS [https://github.com/rails/tailwindcss-rails]
+gem 'tailwindcss-rails'
 
 # Build JSON APIs with ease [https://github.com/rails/jbuilder]
 gem "jbuilder"
@@ -52,6 +52,10 @@ gem "bootsnap", require: false
 gem 'json_flit'
 gem 'flit_view_components', github: 'afstanton/flit_view_components', branch: 'main'
 
+# For JSON
+gem 'multi_json'
+gem 'oj'
+
 group :development, :test do
   # See https://guides.rubyonrails.org/debugging_rails_applications.html#debugging-with-the-debug-gem
   gem "debug", platforms: %i[ mri mingw x64_mingw ]

data/demo/Gemfile.lock

@@ -1,10 +1,10 @@
 GIT
   remote: https://github.com/afstanton/flit_view_components.git
-  revision: db094cf24bdaeb4468dea6724afe09e65f778a5b
+  revision: 739dbf1c71fcf3cd31681628be1baf2b20f68e91
   branch: main
   specs:
-    flit_view_components (0.0.1)
-      rails (>= 7.0.4.2)
+    flit_view_components (0.0.2)
+      view_component (~> 3.0.0rc3)
 
 GEM
   remote: https://rubygems.org/
@@ -80,8 +80,6 @@ GEM
     builder (3.2.4)
     concurrent-ruby (1.2.2)
     crass (1.0.6)
-    cssbundling-rails (1.1.2)
-      railties (>= 6.0.0)
     date (3.3.3)
     debug (1.7.1)
     erubi (1.12.0)
@@ -89,12 +87,14 @@ GEM
       activesupport (>= 5.0)
     i18n (1.12.0)
       concurrent-ruby (~> 1.0)
+    importmap-rails (1.1.5)
+      actionpack (>= 6.0.0)
+      railties (>= 6.0.0)
     jbuilder (2.11.5)
       actionview (>= 5.0.0)
       activesupport (>= 5.0.0)
-    jsbundling-rails (1.1.1)
-      railties (>= 6.0.0)
-    json_flit (0.0.1)
+    json_flit (0.0.2)
+      flit_view_components
     loofah (2.19.1)
       crass (~> 1.0.2)
       nokogiri (>= 1.5.9)
@@ -108,6 +108,7 @@ GEM
     mini_mime (1.1.2)
     minitest (5.18.0)
     msgpack (1.6.1)
+    multi_json (1.15.0)
     net-imap (0.3.4)
       date
       net-protocol
@@ -120,6 +121,7 @@ GEM
     nio4r (2.5.8)
     nokogiri (1.14.2-arm64-darwin)
       racc (~> 1.4)
+    oj (3.14.2)
     propshaft (0.7.0)
       actionpack (>= 7.0.0)
       activesupport (>= 7.0.0)
@@ -162,6 +164,8 @@ GEM
     sqlite3 (1.6.1-arm64-darwin)
     stimulus-rails (1.2.1)
       railties (>= 6.0.0)
+    tailwindcss-rails (2.0.24-arm64-darwin)
+      railties (>= 6.0.0)
     thor (1.2.1)
     timeout (0.3.2)
     turbo-rails (1.4.0)
@@ -170,6 +174,10 @@ GEM
       railties (>= 6.0.0)
     tzinfo (2.0.6)
       concurrent-ruby (~> 1.0)
+    view_component (3.0.0.rc4)
+      activesupport (>= 5.2.0, < 8.0)
+      concurrent-ruby (~> 1.0)
+      method_source (~> 1.0)
     web-console (4.2.0)
       actionview (>= 6.0.0)
       activemodel (>= 6.0.0)
@@ -185,18 +193,20 @@ PLATFORMS
 
 DEPENDENCIES
   bootsnap
-  cssbundling-rails
   debug
   flit_view_components!
+  importmap-rails
   jbuilder
-  jsbundling-rails
   json_flit
+  multi_json
+  oj
   propshaft
   puma (~> 5.0)
   rails (~> 7.0.4, >= 7.0.4.2)
   redis (~> 4.0)
   sqlite3 (~> 1.4)
   stimulus-rails
+  tailwindcss-rails
   turbo-rails
   tzinfo-data
   web-console

data/demo/app/assets/images/visa.svg

@@ -0,0 +1 @@
+<svg clip-rule="evenodd" fill-rule="evenodd" viewBox="0 0 560 400" xmlns="http://www.w3.org/2000/svg"><path d="m286.87 176.71c-.228 17.993 16.036 28.034 28.287 34.004 12.588 6.126 16.816 10.054 16.768 15.531-.096 8.384-10.042 12.083-19.35 12.227-16.24.252-25.681-4.384-33.188-7.891l-5.849 27.373c7.531 3.472 21.476 6.499 35.938 6.631 33.944 0 56.152-16.756 56.273-42.736.132-32.971-45.607-34.797-45.295-49.535.108-4.468 4.372-9.237 13.717-10.45 4.624-.612 17.392-1.081 31.866 5.585l5.681-26.484c-7.783-2.835-17.789-5.55-30.244-5.55-31.95 0-54.423 16.984-54.604 41.295m139.44-39.013c-6.198 0-11.423 3.616-13.753 9.165l-48.49 115.777h33.92l6.75-18.654h41.451l3.916 18.654h29.896l-26.089-124.942zm4.744 33.752 9.789 46.916h-26.809zm-185.31-33.752-26.737 124.942h32.322l26.725-124.942zm-47.817 0-33.644 85.04-13.609-72.308c-1.597-8.071-7.903-12.732-14.906-12.732h-54.999l-.769 3.628c11.291 2.45 24.119 6.402 31.89 10.63 4.756 2.582 6.114 4.84 7.675 10.978l25.776 99.706h34.161l52.369-124.942z" fill="#1a1f71"/></svg>

data/demo/app/assets/pages/align.json

@@ -0,0 +1,182 @@
+{
+  "type": "scaffold",
+  "args": {
+    "appBar": {
+      "type": "app_bar",
+      "args": {
+        "title": {
+          "type": "text",
+          "args": {
+            "text": "Align"
+          }
+        }
+      }
+    },
+    "body": {
+      "type": "stack",
+      "children": [{
+        "type": "align",
+        "args": {
+          "alignment": "topLeft"
+        },
+        "child": {
+          "type": "container",
+          "args": {
+            "color": "#ffcdd2",
+            "padding": 16
+          },
+          "child": {
+            "type": "text",
+            "args": {
+              "text": "topLeft"
+            }
+          }
+        }
+      }, {
+        "type": "align",
+        "args": {
+          "alignment": "topCenter"
+        },
+        "child": {
+          "type": "container",
+          "args": {
+            "color": "#E1BEE7",
+            "padding": 16
+          },
+          "child": {
+            "type": "text",
+            "args": {
+              "text": "topCenter"
+            }
+          }
+        }
+      }, {
+        "type": "align",
+        "args": {
+          "alignment": "topRight"
+        },
+        "child": {
+          "type": "container",
+          "args": {
+            "color": "#F8BBD0",
+            "padding": 16
+          },
+          "child": {
+            "type": "text",
+            "args": {
+              "text": "topRight"
+            }
+          }
+        }
+      }, {
+        "type": "align",
+        "args": {
+          "alignment": "centerLeft"
+        },
+        "child": {
+          "type": "container",
+          "args": {
+            "color": "#D1C4E9",
+            "padding": 16
+          },
+          "child": {
+            "type": "text",
+            "args": {
+              "text": "centerLeft"
+            }
+          }
+        }
+      }, {
+        "type": "align",
+        "args": {
+          "alignment": "center"
+        },
+        "child": {
+          "type": "container",
+          "args": {
+            "color": "#C5CAE9",
+            "padding": 16
+          },
+          "child": {
+            "type": "text",
+            "args": {
+              "text": "center"
+            }
+          }
+        }
+      }, {
+        "type": "align",
+        "args": {
+          "alignment": "centerRight"
+        },
+        "child": {
+          "type": "container",
+          "args": {
+            "color": "#BBDEFB",
+            "padding": 16
+          },
+          "child": {
+            "type": "text",
+            "args": {
+              "text": "centerRight"
+            }
+          }
+        }
+      }, {
+        "type": "align",
+        "args": {
+          "alignment": "bottomLeft"
+        },
+        "child": {
+          "type": "container",
+          "args": {
+            "color": "#B3E5FC",
+            "padding": 16
+          },
+          "child": {
+            "type": "text",
+            "args": {
+              "text": "bottomLeft"
+            }
+          }
+        }
+      }, {
+        "type": "align",
+        "args": {
+          "alignment": "bottomCenter"
+        },
+        "child": {
+          "type": "container",
+          "args": {
+            "color": "#B2EBF2",
+            "padding": 16
+          },
+          "child": {
+            "type": "text",
+            "args": {
+              "text": "bottomCenter"
+            }
+          }
+        }
+      }, {
+        "type": "align",
+        "args": {
+          "alignment": "bottomRight"
+        },
+        "child": {
+          "type": "container",
+          "args": {
+            "color": "#B2DFDB",
+            "padding": 16
+          },
+          "child": {
+            "type": "text",
+            "args": {
+              "text": "bottomRight"
+            }
+          }
+        }
+      }]
+    }
+  }
+}

data/demo/app/assets/pages/animated_align.json

@@ -0,0 +1,50 @@
+{
+  "type": "scaffold",
+  "args": {
+    "appBar": {
+      "type": "app_bar",
+      "args": {
+        "title": {
+          "type": "text",
+          "args": {
+            "text": "AnimatedAlign"
+          }
+        }
+      }
+    },
+    "body": {
+      "type": "set_value",
+      "args": {
+        "customAlign": "topLeft"
+      },
+      "child": {
+        "type": "animated_align",
+        "args": {
+          "alignment": "${customAlign}",
+          "duration": 1000
+        },
+        "child": {
+          "type": "container",
+          "args": {
+            "color": "#FF0000",
+            "height": 20,
+            "width": 20
+          }
+        }
+      }
+    },
+    "floatingActionButton": {
+      "type": "elevated_button",
+      "id": "press_me_button",
+      "args": {
+        "onPressed": "${set_value('customAlign', 'topCenter')}"
+      },
+      "child": {
+        "type": "text",
+        "args": {
+          "text": "Press Me!"
+        }
+      }
+    }
+  }
+}

data/demo/app/assets/pages/animated_container.json

@@ -0,0 +1,56 @@
+{
+  "type": "scaffold",
+  "args": {
+    "appBar": {
+      "type": "app_bar",
+      "args": {
+        "title": {
+          "type": "text",
+          "args": {
+            "text": "AnimatedContainer"
+          }
+        }
+      }
+    },
+    "body": {
+      "type": "set_value",
+      "args": {
+        "customAlign": "topLeft"
+      },
+      "child": {
+        "type": "center",
+        "child": {
+          "type": "animated_container",
+          "args": {
+            "alignment": "${customAlign}",
+            "color": "#0000FF",
+            "duration": 1000,
+            "height": 100,
+            "width": 100
+          },
+          "child": {
+            "type": "container",
+            "args": {
+              "color": "#FFF",
+              "height": 20,
+              "width": 20
+            }
+          }
+        }
+      }
+    },
+    "floatingActionButton": {
+      "type": "elevated_button",
+      "id": "press_me_button",
+      "args": {
+        "onPressed": "${set_value('customAlign', 'center')}"
+      },
+      "child": {
+        "type": "text",
+        "args": {
+          "text": "Press Me!"
+        }
+      }
+    }
+  }
+}