inline_forms 7.0.4 → 7.2.10

data/lib/installer_templates/example_app_tests/test/integration/example_app_apartment_photos_pagination_test.rb

@@ -0,0 +1,228 @@
+# frozen_string_literal: true
+
+require_relative "../example_app/example_integration_test_case"
+
+# Smoke test for rollout step 2 of stuff/ujs-to-turbo.md (gem-side):
+# the nested has_many list (apartments -> photos) is now wrapped in a
+# <turbo-frame> and pagination is no longer remote: true. Relies on
+# the SeedKonferenshaPhotos migration that the inline_forms installer
+# generates when invoked with --example: it creates a "Konferensha"
+# Apartment with one Photo per file in db/seed_images/, and the gem
+# ships 12 sample jpgs in pics/, so combined with `Photo.per_page = 5`
+# (also set by the installer) this gallery paginates 5 / 5 / 2.
+class ExampleAppApartmentPhotosPaginationTest < ExampleAppIntegrationTestCase
+  # `bundle exec rails test` loads the test DB from db/schema.rb, which is
+  # DDL-only -- the SeedKonferenshaPhotos migration's row inserts never
+  # land in db/test.sqlite3. We re-seed here from the same db/seed_images/
+  # the installer copied into the app so the test asserts against real
+  # records (and real CarrierWave file mounts) without depending on
+  # development-DB state.
+  setup do
+    @apartment = Apartment.find_or_create_by!(name: "Konferensha") do |a|
+      a.title = "Konferensha sobre Papiamentu"
+    end
+    seed_dir = Rails.root.join("db", "seed_images")
+    if seed_dir.directory?
+      Dir.glob(seed_dir.join("*.{jpg,jpeg,png,gif}"), File::FNM_CASEFOLD).sort.each do |abs|
+        base = File.basename(abs)
+        next if Photo.exists?(name: base, apartment_id: @apartment.id)
+        File.open(abs, "rb") do |io|
+          Photo.create!(
+            name: base,
+            caption: "Konferensha foto #{base}",
+            apartment: @apartment,
+            image: io
+          )
+        end
+      end
+    end
+    @update_span = "apartment_#{@apartment.id}_photos_list"
+  end
+
+  test "seed migration left at least 6 photos under Konferensha so pagination triggers" do
+    assert @apartment.photos.count >= 6,
+      "expected SeedKonferenshaPhotos to seed >= 6 photos for Konferensha; " \
+      "got #{@apartment.photos.count}. Check db/seed_images/ and the migration."
+  end
+
+  test "Photo.per_page is overridden so will_paginate splits the gallery" do
+    assert_equal 5, Photo.per_page,
+      "expected the installer to set `self.per_page = 5` on Photo so the seeded gallery paginates"
+  end
+
+  test "nested photos index without Turbo-Frame header renders full inline_forms layout (bookmark / full navigation)" do
+    get photos_path(
+      parent_class: "Apartment",
+      parent_id: @apartment.id,
+      update: @update_span,
+      ul_needed: true
+    )
+    assert_response :success
+
+    assert_match(
+      /id="outer_container"/,
+      @response.body,
+      "direct or full-page GET /photos?... must use the inline_forms layout " \
+      "so the page is styled; `layout: false` used to emit only a bare <turbo-frame> " \
+      "which looks broken in the address bar."
+    )
+    assert_match(
+      %r{<turbo-frame\s+id="#{Regexp.escape(@update_span)}"},
+      @response.body,
+      "expected the gallery frame inside the layout body"
+    )
+  end
+
+  test "nested photos index with Turbo-Frame header uses minimal layout without app chrome" do
+    get photos_path(
+      parent_class: "Apartment",
+      parent_id: @apartment.id,
+      update: @update_span,
+      ul_needed: true
+    ),
+        headers: { "Turbo-Frame" => @update_span }
+    assert_response :success
+
+    assert_match(
+      %r{<turbo-frame\s+id="#{Regexp.escape(@update_span)}"},
+      @response.body,
+      "expected Turbo frame navigation to receive a matching <turbo-frame id=\"#{@update_span}\">"
+    )
+    refute_match(
+      /id="outer_container"/,
+      @response.body,
+      "frame requests should not pay for the full inline_forms chrome; use turbo_rails/frame layout"
+    )
+  end
+
+  test "nested photos index is wrapped in a <turbo-frame> instead of remote-UJS <div>" do
+    get photos_path(
+      parent_class: "Apartment",
+      parent_id: @apartment.id,
+      update: @update_span,
+      ul_needed: true
+    )
+    assert_response :success
+
+    assert_match(
+      %r{<turbo-frame\s+id="#{Regexp.escape(@update_span)}"},
+      @response.body,
+      "expected the nested photos list to render as <turbo-frame id=\"#{@update_span}\">"
+    )
+
+    refute_match(
+      %r{<div[^>]+class="list_container"[^>]+id="#{Regexp.escape(@update_span)}"},
+      @response.body,
+      "nested photos list should no longer use the legacy <div class=\"list_container\"> wrapper"
+    )
+  end
+
+  test "nested photos pagination renders will_paginate links inside the frame" do
+    get photos_path(
+      parent_class: "Apartment",
+      parent_id: @apartment.id,
+      update: @update_span,
+      ul_needed: true
+    )
+    assert_response :success
+
+    assert_match(
+      /<(?:div|nav)[^>]+class="[^"]*\bpagination\b[^"]*"/,
+      @response.body,
+      "expected will_paginate to render a .pagination element (gallery has more rows than Photo.per_page)"
+    )
+
+    refute_match(
+      /class="next_page"[^>]*data-remote="true"/,
+      @response.body,
+      "pagination links should no longer carry data-remote=\"true\" (Turbo Frame handles in-frame nav)"
+    )
+  end
+
+  test "pagination links carry the same update= as the surrounding turbo-frame id" do
+    # This is the regression class that broke "Next" in 7.2.1: the
+    # legacy UJS pagination passed `update=apartment_<id>_photos`
+    # (the OUTER wrapper id from _show.html.erb, which list.js.erb
+    # used as the swap target). Turbo Frames swaps by id-match between
+    # the frame in the DOM and a frame in the response, so when a Next
+    # click re-rendered _list with update_span derived from the URL,
+    # the response contained `<turbo-frame id="apartment_<id>_photos">`
+    # while the page held `<turbo-frame id="apartment_<id>_photos_list">`,
+    # and Turbo logged "the response did not contain the expected
+    # <turbo-frame>" and dropped the swap. The `update=` param on every
+    # pagination link must be the same id as the surrounding frame.
+    get photos_path(
+      parent_class: "Apartment",
+      parent_id: @apartment.id,
+      update: @update_span,
+      ul_needed: true
+    )
+    assert_response :success
+
+    page_link_updates =
+      @response.body.scan(/href="[^"]*\?[^"]*update=([^&"]+)[^"]*"/).flatten
+
+    assert page_link_updates.any? { |u| u == @update_span },
+      "expected at least one pagination link to carry update=#{@update_span} " \
+      "(matching the <turbo-frame id=\"#{@update_span}\">), got updates=#{page_link_updates.inspect}"
+
+    refute page_link_updates.any? { |u| u == @update_span.sub(/_list\z/, "") },
+      "no pagination link should still carry the legacy outer-wrapper id " \
+      "(#{@update_span.sub(/_list\z/, "")}) -- Turbo Frame can't swap on that id"
+  end
+
+  test "top-level apartment rows do NOT carry data-turbo=\"false\" (would poison nested frames)" do
+    # 7.2.2 broke pagination of the inner photos <turbo-frame> because
+    # the top-level apartment row was emitting data-turbo="false" too.
+    # When show.js.erb swaps the inline edit (containing the nested
+    # <turbo-frame>) into that row, every link inside the nested frame
+    # -- including pagination links -- has the row as an ancestor.
+    # Turbo's Session.elementIsNavigatable does
+    # `findClosestRecursively(link, "[data-turbo]")` and does NOT stop
+    # at the intervening <turbo-frame>; it picks up the row's
+    # data-turbo="false" and refuses to intercept the click, so the
+    # browser does a full-page navigation to /photos?page=N&... and
+    # the user sees the bare partial without a layout. The attribute
+    # must stay scoped to NESTED rows (which need the opt-out for
+    # their swapped-in inline-edit forms); top-level rows must NOT
+    # carry it.
+    get apartments_path
+    assert_response :success
+
+    refute_match(
+      /<div[^>]+class="[^"]*\btop-level\b[^"]*"[^>]*data-turbo="false"|<div[^>]+data-turbo="false"[^>]*class="[^"]*\btop-level\b[^"]*"/,
+      @response.body,
+      "top-level list rows must not carry data-turbo=\"false\"; that attribute would " \
+      "be inherited by every link inside any nested <turbo-frame> swapped into the row"
+    )
+  end
+
+  test "row container opts out of Turbo so swapped-in UJS forms (replace photo etc.) keep working" do
+    get photos_path(
+      parent_class: "Apartment",
+      parent_id: @apartment.id,
+      update: @update_span,
+      ul_needed: true
+    )
+    assert_response :success
+
+    # The container-level opt-out is what protects the inline-edit /
+    # replace-photo flow: when a user replaces a photo, show.js.erb /
+    # edit.js.erb does $('#<row_id>').html(<form>), so the multipart
+    # form that submits the upload is a descendant of this row. With
+    # data-turbo="false" on the row, Turbo doesn't intercept that
+    # submission -- jquery-ujs + remotipart do, the request goes out
+    # with Accept: text/javascript, and the controller's format.js
+    # branch handles it. Without this, Turbo Frames would send
+    # Accept: text/html and the update action (no format.html for
+    # not_accessible_through_html? models like Photo) raises
+    # UnknownFormat AFTER the DB write -- a 406 with a corrupted UI.
+    sample_row_id = "apartment_#{@apartment.id}_photo_#{@apartment.photos.first.id}"
+    assert_match(
+      %r{<div[^>]+id="#{Regexp.escape(sample_row_id)}"[^>]*data-turbo="false"|<div[^>]+data-turbo="false"[^>]*id="#{Regexp.escape(sample_row_id)}"},
+      @response.body,
+      "expected the per-row container (id=\"#{sample_row_id}\") to carry data-turbo=\"false\" " \
+      "so swapped-in UJS forms inherit the Turbo opt-out"
+    )
+  end
+end

data/lib/installer_templates/example_app_tests/test/integration/example_app_turbo_layout_test.rb

@@ -0,0 +1,28 @@
+# frozen_string_literal: true
+
+require_relative "../example_app/example_integration_test_case"
+
+# Smoke test for rollout step 1 of stuff/ujs-to-turbo.md (gem-side):
+# the layout loads Turbo as an ES module and disables Drive so existing
+# UJS-driven links/forms keep working unchanged. If this asserts ever
+# fails, frame/stream conversions in later slices will silently fall
+# back to full-page navigation (Turbo not loaded) instead of using the
+# `<turbo-frame>` fast path.
+class ExampleAppTurboLayoutTest < ExampleAppIntegrationTestCase
+  test "inline_forms layout loads turbo.min.js as an ES module with drive disabled" do
+    get apartments_path
+    assert_response :success
+
+    assert_match(
+      %r{<script\s+type="module">\s*import\s+\{\s*Turbo\s*\}\s+from\s+"[^"]*turbo\.min(?:-[a-f0-9]+)?\.js"}m,
+      @response.body,
+      "expected the inline_forms layout to import turbo.min.js as a module"
+    )
+
+    assert_match(
+      /Turbo\.session\.drive\s*=\s*false/,
+      @response.body,
+      "expected Turbo.session.drive = false so existing UJS keeps working"
+    )
+  end
+end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: inline_forms
 version: !ruby/object:Gem::Version
-  version: 7.0.4
+  version: 7.2.10
 platform: ruby
 authors:
 - Ace Suares
@@ -120,11 +120,332 @@ files:
 - LICENSE.txt
 - README.rdoc
 - Rakefile
+- app/assets/fonts/foundation-icons.svg
+- app/assets/fonts/foundation-icons.ttf
+- app/assets/fonts/foundation-icons.woff
 - app/assets/images/inline_forms/glass_plate.gif
+- app/assets/images/jquery-ui/animated-overlay.gif
+- app/assets/images/jquery-ui/ui-bg_diagonal-maze_20_6e4f1c_10x10.png
+- app/assets/images/jquery-ui/ui-bg_diagonal-maze_40_000000_10x10.png
+- app/assets/images/jquery-ui/ui-bg_diagonals-medium_20_d34d17_40x40.png
+- app/assets/images/jquery-ui/ui-bg_diagonals-small_0_aaaaaa_40x40.png
+- app/assets/images/jquery-ui/ui-bg_diagonals-small_25_c5ddfc_40x40.png
+- app/assets/images/jquery-ui/ui-bg_diagonals-small_40_db4865_40x40.png
+- app/assets/images/jquery-ui/ui-bg_diagonals-small_50_262626_40x40.png
+- app/assets/images/jquery-ui/ui-bg_diagonals-small_50_93c3cd_40x40.png
+- app/assets/images/jquery-ui/ui-bg_diagonals-small_50_ff3853_40x40.png
+- app/assets/images/jquery-ui/ui-bg_diagonals-small_75_ccd232_40x40.png
+- app/assets/images/jquery-ui/ui-bg_diagonals-thick_15_0b3e6f_40x40.png
+- app/assets/images/jquery-ui/ui-bg_diagonals-thick_15_444444_40x40.png
+- app/assets/images/jquery-ui/ui-bg_diagonals-thick_18_b81900_40x40.png
+- app/assets/images/jquery-ui/ui-bg_diagonals-thick_20_666666_40x40.png
+- app/assets/images/jquery-ui/ui-bg_diagonals-thick_20_e69700_40x40.png
+- app/assets/images/jquery-ui/ui-bg_diagonals-thick_22_1484e6_40x40.png
+- app/assets/images/jquery-ui/ui-bg_diagonals-thick_26_2293f7_40x40.png
+- app/assets/images/jquery-ui/ui-bg_diagonals-thick_75_f3d8d8_40x40.png
+- app/assets/images/jquery-ui/ui-bg_diagonals-thick_8_333333_40x40.png
+- app/assets/images/jquery-ui/ui-bg_diagonals-thick_90_eeeeee_40x40.png
+- app/assets/images/jquery-ui/ui-bg_diagonals-thick_95_ffdc2e_40x40.png
+- app/assets/images/jquery-ui/ui-bg_diamond_10_4f4221_10x8.png
+- app/assets/images/jquery-ui/ui-bg_diamond_20_372806_10x8.png
+- app/assets/images/jquery-ui/ui-bg_diamond_25_675423_10x8.png
+- app/assets/images/jquery-ui/ui-bg_diamond_25_d5ac5d_10x8.png
+- app/assets/images/jquery-ui/ui-bg_diamond_8_261803_10x8.png
+- app/assets/images/jquery-ui/ui-bg_diamond_8_443113_10x8.png
+- app/assets/images/jquery-ui/ui-bg_dots-medium_30_0b58a2_4x4.png
+- app/assets/images/jquery-ui/ui-bg_dots-medium_80_ffff38_4x4.png
+- app/assets/images/jquery-ui/ui-bg_dots-small_20_333333_2x2.png
+- app/assets/images/jquery-ui/ui-bg_dots-small_30_a32d00_2x2.png
+- app/assets/images/jquery-ui/ui-bg_dots-small_35_35414f_2x2.png
+- app/assets/images/jquery-ui/ui-bg_dots-small_40_00498f_2x2.png
+- app/assets/images/jquery-ui/ui-bg_dots-small_65_a6a6a6_2x2.png
+- app/assets/images/jquery-ui/ui-bg_fine-grain_10_eceadf_60x60.png
+- app/assets/images/jquery-ui/ui-bg_fine-grain_10_f8f7f6_60x60.png
+- app/assets/images/jquery-ui/ui-bg_fine-grain_15_eceadf_60x60.png
+- app/assets/images/jquery-ui/ui-bg_fine-grain_15_f7f3de_60x60.png
+- app/assets/images/jquery-ui/ui-bg_fine-grain_15_ffffff_60x60.png
+- app/assets/images/jquery-ui/ui-bg_fine-grain_65_654b24_60x60.png
+- app/assets/images/jquery-ui/ui-bg_fine-grain_68_b83400_60x60.png
+- app/assets/images/jquery-ui/ui-bg_flat_0_303030_40x100.png
+- app/assets/images/jquery-ui/ui-bg_flat_0_333333_40x100.png
+- app/assets/images/jquery-ui/ui-bg_flat_0_4c4c4c_40x100.png
+- app/assets/images/jquery-ui/ui-bg_flat_0_aaaaaa_40x100.png
+- app/assets/images/jquery-ui/ui-bg_flat_0_e69700_40x100.png
+- app/assets/images/jquery-ui/ui-bg_flat_0_e6b900_40x100.png
+- app/assets/images/jquery-ui/ui-bg_flat_0_eeeeee_40x100.png
+- app/assets/images/jquery-ui/ui-bg_flat_10_000000_40x100.png
+- app/assets/images/jquery-ui/ui-bg_flat_15_cd0a0a_40x100.png
+- app/assets/images/jquery-ui/ui-bg_flat_30_cccccc_40x100.png
+- app/assets/images/jquery-ui/ui-bg_flat_40_292929_40x100.png
+- app/assets/images/jquery-ui/ui-bg_flat_50_5c5c5c_40x100.png
+- app/assets/images/jquery-ui/ui-bg_flat_55_994d53_40x100.png
+- app/assets/images/jquery-ui/ui-bg_flat_55_999999_40x100.png
+- app/assets/images/jquery-ui/ui-bg_flat_55_c0402a_40x100.png
+- app/assets/images/jquery-ui/ui-bg_flat_55_eeeeee_40x100.png
+- app/assets/images/jquery-ui/ui-bg_flat_55_fafafa_40x100.png
+- app/assets/images/jquery-ui/ui-bg_flat_55_fbec88_40x100.png
+- app/assets/images/jquery-ui/ui-bg_flat_55_ffffff_40x100.png
+- app/assets/images/jquery-ui/ui-bg_flat_65_ffffff_40x100.png
+- app/assets/images/jquery-ui/ui-bg_flat_75_aaaaaa_40x100.png
+- app/assets/images/jquery-ui/ui-bg_flat_75_ba9217_40x100.png
+- app/assets/images/jquery-ui/ui-bg_flat_75_ddd4b0_40x100.png
+- app/assets/images/jquery-ui/ui-bg_flat_75_ffffff_40x100.png
+- app/assets/images/jquery-ui/ui-bg_glass_100_e4f1fb_1x400.png
+- app/assets/images/jquery-ui/ui-bg_glass_100_f5f0e5_1x400.png
+- app/assets/images/jquery-ui/ui-bg_glass_100_f6f6f6_1x400.png
+- app/assets/images/jquery-ui/ui-bg_glass_100_f8f8f8_1x400.png
+- app/assets/images/jquery-ui/ui-bg_glass_100_fdf5ce_1x400.png
+- app/assets/images/jquery-ui/ui-bg_glass_15_5f391b_1x400.png
+- app/assets/images/jquery-ui/ui-bg_glass_20_555555_1x400.png
+- app/assets/images/jquery-ui/ui-bg_glass_25_cb842e_1x400.png
+- app/assets/images/jquery-ui/ui-bg_glass_35_dddddd_1x400.png
+- app/assets/images/jquery-ui/ui-bg_glass_40_0078a3_1x400.png
+- app/assets/images/jquery-ui/ui-bg_glass_40_0a0a0a_1x400.png
+- app/assets/images/jquery-ui/ui-bg_glass_40_111111_1x400.png
+- app/assets/images/jquery-ui/ui-bg_glass_40_ffc73d_1x400.png
+- app/assets/images/jquery-ui/ui-bg_glass_45_0078ae_1x400.png
+- app/assets/images/jquery-ui/ui-bg_glass_50_3baae3_1x400.png
+- app/assets/images/jquery-ui/ui-bg_glass_55_1c1c1c_1x400.png
+- app/assets/images/jquery-ui/ui-bg_glass_55_f1fbe5_1x400.png
+- app/assets/images/jquery-ui/ui-bg_glass_55_f8da4e_1x400.png
+- app/assets/images/jquery-ui/ui-bg_glass_55_fbf5d0_1x400.png
+- app/assets/images/jquery-ui/ui-bg_glass_55_fbf8ee_1x400.png
+- app/assets/images/jquery-ui/ui-bg_glass_55_fbf9ee_1x400.png
+- app/assets/images/jquery-ui/ui-bg_glass_55_fcf0ba_1x400.png
+- app/assets/images/jquery-ui/ui-bg_glass_60_000000_1x400.png
+- app/assets/images/jquery-ui/ui-bg_glass_60_eeeeee_1x400.png
+- app/assets/images/jquery-ui/ui-bg_glass_65_ffffff_1x400.png
+- app/assets/images/jquery-ui/ui-bg_glass_70_ede4d4_1x400.png
+- app/assets/images/jquery-ui/ui-bg_glass_75_79c9ec_1x400.png
+- app/assets/images/jquery-ui/ui-bg_glass_75_d0e5f5_1x400.png
+- app/assets/images/jquery-ui/ui-bg_glass_75_dadada_1x400.png
+- app/assets/images/jquery-ui/ui-bg_glass_75_e6e6e6_1x400.png
+- app/assets/images/jquery-ui/ui-bg_glass_80_d7ebf9_1x400.png
+- app/assets/images/jquery-ui/ui-bg_glass_85_dfeffc_1x400.png
+- app/assets/images/jquery-ui/ui-bg_glass_95_fef1ec_1x400.png
+- app/assets/images/jquery-ui/ui-bg_gloss-wave_100_ece8da_500x100.png
+- app/assets/images/jquery-ui/ui-bg_gloss-wave_16_121212_500x100.png
+- app/assets/images/jquery-ui/ui-bg_gloss-wave_20_111111_500x100.png
+- app/assets/images/jquery-ui/ui-bg_gloss-wave_20_1c160d_500x100.png
+- app/assets/images/jquery-ui/ui-bg_gloss-wave_25_333333_500x100.png
+- app/assets/images/jquery-ui/ui-bg_gloss-wave_25_453326_500x100.png
+- app/assets/images/jquery-ui/ui-bg_gloss-wave_30_3d3644_500x100.png
+- app/assets/images/jquery-ui/ui-bg_gloss-wave_30_44372c_500x100.png
+- app/assets/images/jquery-ui/ui-bg_gloss-wave_35_f6a828_500x100.png
+- app/assets/images/jquery-ui/ui-bg_gloss-wave_45_817865_500x100.png
+- app/assets/images/jquery-ui/ui-bg_gloss-wave_45_e14f1c_500x100.png
+- app/assets/images/jquery-ui/ui-bg_gloss-wave_50_6eac2c_500x100.png
+- app/assets/images/jquery-ui/ui-bg_gloss-wave_55_000000_500x100.png
+- app/assets/images/jquery-ui/ui-bg_gloss-wave_55_5c9ccc_500x100.png
+- app/assets/images/jquery-ui/ui-bg_gloss-wave_60_fece2f_500x100.png
+- app/assets/images/jquery-ui/ui-bg_gloss-wave_70_ffdd57_500x100.png
+- app/assets/images/jquery-ui/ui-bg_gloss-wave_75_2191c0_500x100.png
+- app/assets/images/jquery-ui/ui-bg_gloss-wave_85_9fda58_500x100.png
+- app/assets/images/jquery-ui/ui-bg_gloss-wave_90_fff9e5_500x100.png
+- app/assets/images/jquery-ui/ui-bg_gloss-wave_95_f6ecd5_500x100.png
+- app/assets/images/jquery-ui/ui-bg_highlight-hard_100_eeeeee_1x100.png
+- app/assets/images/jquery-ui/ui-bg_highlight-hard_100_f2f5f7_1x100.png
+- app/assets/images/jquery-ui/ui-bg_highlight-hard_100_f4f0ec_1x100.png
+- app/assets/images/jquery-ui/ui-bg_highlight-hard_100_f5f3e5_1x100.png
+- app/assets/images/jquery-ui/ui-bg_highlight-hard_100_f6f6f6_1x100.png
+- app/assets/images/jquery-ui/ui-bg_highlight-hard_100_f9f9f9_1x100.png
+- app/assets/images/jquery-ui/ui-bg_highlight-hard_100_fafaf4_1x100.png
+- app/assets/images/jquery-ui/ui-bg_highlight-hard_15_459e00_1x100.png
+- app/assets/images/jquery-ui/ui-bg_highlight-hard_15_888888_1x100.png
+- app/assets/images/jquery-ui/ui-bg_highlight-hard_20_0972a5_1x100.png
+- app/assets/images/jquery-ui/ui-bg_highlight-hard_30_285c00_1x100.png
+- app/assets/images/jquery-ui/ui-bg_highlight-hard_40_aaaaaa_1x100.png
+- app/assets/images/jquery-ui/ui-bg_highlight-hard_55_555555_1x100.png
+- app/assets/images/jquery-ui/ui-bg_highlight-hard_65_fee4bd_1x100.png
+- app/assets/images/jquery-ui/ui-bg_highlight-hard_70_000000_1x100.png
+- app/assets/images/jquery-ui/ui-bg_highlight-hard_75_f5f5b5_1x100.png
+- app/assets/images/jquery-ui/ui-bg_highlight-hard_95_cccccc_1x100.png
+- app/assets/images/jquery-ui/ui-bg_highlight-soft_100_dcd9de_1x100.png
+- app/assets/images/jquery-ui/ui-bg_highlight-soft_100_deedf7_1x100.png
+- app/assets/images/jquery-ui/ui-bg_highlight-soft_100_eae6ea_1x100.png
+- app/assets/images/jquery-ui/ui-bg_highlight-soft_100_eeeeee_1x100.png
+- app/assets/images/jquery-ui/ui-bg_highlight-soft_100_f6f6f6_1x100.png
+- app/assets/images/jquery-ui/ui-bg_highlight-soft_100_f9f9f9_1x100.png
+- app/assets/images/jquery-ui/ui-bg_highlight-soft_100_feeebd_1x100.png
+- app/assets/images/jquery-ui/ui-bg_highlight-soft_15_cc0000_1x100.png
+- app/assets/images/jquery-ui/ui-bg_highlight-soft_20_201913_1x100.png
+- app/assets/images/jquery-ui/ui-bg_highlight-soft_20_619226_1x100.png
+- app/assets/images/jquery-ui/ui-bg_highlight-soft_25_0073ea_1x100.png
+- app/assets/images/jquery-ui/ui-bg_highlight-soft_25_30273a_1x100.png
+- app/assets/images/jquery-ui/ui-bg_highlight-soft_25_67b021_1x100.png
+- app/assets/images/jquery-ui/ui-bg_highlight-soft_25_ffef8f_1x100.png
+- app/assets/images/jquery-ui/ui-bg_highlight-soft_33_003147_1x100.png
+- app/assets/images/jquery-ui/ui-bg_highlight-soft_33_3a8104_1x100.png
+- app/assets/images/jquery-ui/ui-bg_highlight-soft_35_222222_1x100.png
+- app/assets/images/jquery-ui/ui-bg_highlight-soft_35_adadad_1x100.png
+- app/assets/images/jquery-ui/ui-bg_highlight-soft_44_444444_1x100.png
+- app/assets/images/jquery-ui/ui-bg_highlight-soft_45_5f5964_1x100.png
+- app/assets/images/jquery-ui/ui-bg_highlight-soft_50_4eb305_1x100.png
+- app/assets/images/jquery-ui/ui-bg_highlight-soft_50_aaaaaa_1x100.png
+- app/assets/images/jquery-ui/ui-bg_highlight-soft_50_dddddd_1x100.png
+- app/assets/images/jquery-ui/ui-bg_highlight-soft_60_4ca20b_1x100.png
+- app/assets/images/jquery-ui/ui-bg_highlight-soft_60_dddddd_1x100.png
+- app/assets/images/jquery-ui/ui-bg_highlight-soft_75_cccccc_1x100.png
+- app/assets/images/jquery-ui/ui-bg_highlight-soft_75_ffe45c_1x100.png
+- app/assets/images/jquery-ui/ui-bg_highlight-soft_80_eeeeee_1x100.png
+- app/assets/images/jquery-ui/ui-bg_highlight-soft_95_ffedad_1x100.png
+- app/assets/images/jquery-ui/ui-bg_inset-hard_100_eeeeee_1x100.png
+- app/assets/images/jquery-ui/ui-bg_inset-hard_100_f5f8f9_1x100.png
+- app/assets/images/jquery-ui/ui-bg_inset-hard_100_fcfdfd_1x100.png
+- app/assets/images/jquery-ui/ui-bg_inset-hard_45_cd0a0a_1x100.png
+- app/assets/images/jquery-ui/ui-bg_inset-hard_55_ffeb80_1x100.png
+- app/assets/images/jquery-ui/ui-bg_inset-hard_75_999999_1x100.png
+- app/assets/images/jquery-ui/ui-bg_inset-soft_100_f4f0ec_1x100.png
+- app/assets/images/jquery-ui/ui-bg_inset-soft_10_201913_1x100.png
+- app/assets/images/jquery-ui/ui-bg_inset-soft_10_285c00_1x100.png
+- app/assets/images/jquery-ui/ui-bg_inset-soft_15_121212_1x100.png
+- app/assets/images/jquery-ui/ui-bg_inset-soft_15_2b2922_1x100.png
+- app/assets/images/jquery-ui/ui-bg_inset-soft_25_000000_1x100.png
+- app/assets/images/jquery-ui/ui-bg_inset-soft_30_f58400_1x100.png
+- app/assets/images/jquery-ui/ui-bg_inset-soft_30_ffffff_1x100.png
+- app/assets/images/jquery-ui/ui-bg_inset-soft_50_c9c9c9_1x100.png
+- app/assets/images/jquery-ui/ui-bg_loop_25_000000_21x21.png
+- app/assets/images/jquery-ui/ui-bg_white-lines_85_f7f7ba_40x100.png
+- app/assets/images/jquery-ui/ui-icons_000000_256x240.png
+- app/assets/images/jquery-ui/ui-icons_004276_256x240.png
+- app/assets/images/jquery-ui/ui-icons_00498f_256x240.png
+- app/assets/images/jquery-ui/ui-icons_0073ea_256x240.png
+- app/assets/images/jquery-ui/ui-icons_0078ae_256x240.png
+- app/assets/images/jquery-ui/ui-icons_056b93_256x240.png
+- app/assets/images/jquery-ui/ui-icons_070603_256x240.png
+- app/assets/images/jquery-ui/ui-icons_0a82eb_256x240.png
+- app/assets/images/jquery-ui/ui-icons_0b54d5_256x240.png
+- app/assets/images/jquery-ui/ui-icons_1f1f1f_256x240.png
+- app/assets/images/jquery-ui/ui-icons_217bc0_256x240.png
+- app/assets/images/jquery-ui/ui-icons_222222_256x240.png
+- app/assets/images/jquery-ui/ui-icons_228ef1_256x240.png
+- app/assets/images/jquery-ui/ui-icons_2694e8_256x240.png
+- app/assets/images/jquery-ui/ui-icons_2e83ff_256x240.png
+- app/assets/images/jquery-ui/ui-icons_3383bb_256x240.png
+- app/assets/images/jquery-ui/ui-icons_3572ac_256x240.png
+- app/assets/images/jquery-ui/ui-icons_3d3d3d_256x240.png
+- app/assets/images/jquery-ui/ui-icons_3d80b3_256x240.png
+- app/assets/images/jquery-ui/ui-icons_454545_256x240.png
+- app/assets/images/jquery-ui/ui-icons_469bdd_256x240.png
+- app/assets/images/jquery-ui/ui-icons_4b8e0b_256x240.png
+- app/assets/images/jquery-ui/ui-icons_4ca300_256x240.png
+- app/assets/images/jquery-ui/ui-icons_4eb305_256x240.png
+- app/assets/images/jquery-ui/ui-icons_5fa5e3_256x240.png
+- app/assets/images/jquery-ui/ui-icons_666666_256x240.png
+- app/assets/images/jquery-ui/ui-icons_6da8d5_256x240.png
+- app/assets/images/jquery-ui/ui-icons_70b2e1_256x240.png
+- app/assets/images/jquery-ui/ui-icons_72a7cf_256x240.png
+- app/assets/images/jquery-ui/ui-icons_72b42d_256x240.png
+- app/assets/images/jquery-ui/ui-icons_734d99_256x240.png
+- app/assets/images/jquery-ui/ui-icons_808080_256x240.png
+- app/assets/images/jquery-ui/ui-icons_847e71_256x240.png
+- app/assets/images/jquery-ui/ui-icons_888888_256x240.png
+- app/assets/images/jquery-ui/ui-icons_88a206_256x240.png
+- app/assets/images/jquery-ui/ui-icons_8DC262_256x240.png
+- app/assets/images/jquery-ui/ui-icons_8c291d_256x240.png
+- app/assets/images/jquery-ui/ui-icons_8d78a5_256x240.png
+- app/assets/images/jquery-ui/ui-icons_98d2fb_256x240.png
+- app/assets/images/jquery-ui/ui-icons_999999_256x240.png
+- app/assets/images/jquery-ui/ui-icons_9bcc60_256x240.png
+- app/assets/images/jquery-ui/ui-icons_9ccdfc_256x240.png
+- app/assets/images/jquery-ui/ui-icons_9fda58_256x240.png
+- app/assets/images/jquery-ui/ui-icons_a83300_256x240.png
+- app/assets/images/jquery-ui/ui-icons_a8a3ae_256x240.png
+- app/assets/images/jquery-ui/ui-icons_aaaaaa_256x240.png
+- app/assets/images/jquery-ui/ui-icons_add978_256x240.png
+- app/assets/images/jquery-ui/ui-icons_b83400_256x240.png
+- app/assets/images/jquery-ui/ui-icons_b8ec79_256x240.png
+- app/assets/images/jquery-ui/ui-icons_bbbbbb_256x240.png
+- app/assets/images/jquery-ui/ui-icons_bd7b00_256x240.png
+- app/assets/images/jquery-ui/ui-icons_c02669_256x240.png
+- app/assets/images/jquery-ui/ui-icons_c47a23_256x240.png
+- app/assets/images/jquery-ui/ui-icons_c98000_256x240.png
+- app/assets/images/jquery-ui/ui-icons_cb672b_256x240.png
+- app/assets/images/jquery-ui/ui-icons_cc0000_256x240.png
+- app/assets/images/jquery-ui/ui-icons_cccccc_256x240.png
+- app/assets/images/jquery-ui/ui-icons_cd0a0a_256x240.png
+- app/assets/images/jquery-ui/ui-icons_d19405_256x240.png
+- app/assets/images/jquery-ui/ui-icons_d8e7f3_256x240.png
+- app/assets/images/jquery-ui/ui-icons_e0fdff_256x240.png
+- app/assets/images/jquery-ui/ui-icons_e1e463_256x240.png
+- app/assets/images/jquery-ui/ui-icons_e3ddc9_256x240.png
+- app/assets/images/jquery-ui/ui-icons_e8e2b5_256x240.png
+- app/assets/images/jquery-ui/ui-icons_e9cd86_256x240.png
+- app/assets/images/jquery-ui/ui-icons_eb990f_256x240.png
+- app/assets/images/jquery-ui/ui-icons_ebccce_256x240.png
+- app/assets/images/jquery-ui/ui-icons_ed9f26_256x240.png
+- app/assets/images/jquery-ui/ui-icons_ededed_256x240.png
+- app/assets/images/jquery-ui/ui-icons_eeeeee_256x240.png
+- app/assets/images/jquery-ui/ui-icons_ef8c08_256x240.png
+- app/assets/images/jquery-ui/ui-icons_efec9f_256x240.png
+- app/assets/images/jquery-ui/ui-icons_f08000_256x240.png
+- app/assets/images/jquery-ui/ui-icons_f1fd86_256x240.png
+- app/assets/images/jquery-ui/ui-icons_f29a00_256x240.png
+- app/assets/images/jquery-ui/ui-icons_f2ec64_256x240.png
+- app/assets/images/jquery-ui/ui-icons_f35f07_256x240.png
+- app/assets/images/jquery-ui/ui-icons_f5e175_256x240.png
+- app/assets/images/jquery-ui/ui-icons_f7a50d_256x240.png
+- app/assets/images/jquery-ui/ui-icons_f9bd01_256x240.png
+- app/assets/images/jquery-ui/ui-icons_f9f2bd_256x240.png
+- app/assets/images/jquery-ui/ui-icons_fadc7a_256x240.png
+- app/assets/images/jquery-ui/ui-icons_fbc856_256x240.png
+- app/assets/images/jquery-ui/ui-icons_fbdb93_256x240.png
+- app/assets/images/jquery-ui/ui-icons_fcd113_256x240.png
+- app/assets/images/jquery-ui/ui-icons_fcdd4a_256x240.png
+- app/assets/images/jquery-ui/ui-icons_ff0084_256x240.png
+- app/assets/images/jquery-ui/ui-icons_ff7519_256x240.png
+- app/assets/images/jquery-ui/ui-icons_ffcf29_256x240.png
+- app/assets/images/jquery-ui/ui-icons_ffd27a_256x240.png
+- app/assets/images/jquery-ui/ui-icons_ffe180_256x240.png
+- app/assets/images/jquery-ui/ui-icons_ffeb33_256x240.png
+- app/assets/images/jquery-ui/ui-icons_ffffff_256x240.png
 - app/assets/javascripts/inline_forms/inline_forms.js
+- app/assets/stylesheets/inline_forms/_foundation_icons.scss
 - app/assets/stylesheets/inline_forms/devise.scss
 - app/assets/stylesheets/inline_forms/foundation_and_overrides.scss
 - app/assets/stylesheets/inline_forms/inline_forms.scss
+- app/assets/stylesheets/jquery_ui/jquery.ui.accordion.css.scss
+- app/assets/stylesheets/jquery_ui/jquery.ui.all.css.scss
+- app/assets/stylesheets/jquery_ui/jquery.ui.autocomplete.css.scss
+- app/assets/stylesheets/jquery_ui/jquery.ui.base.css.scss
+- app/assets/stylesheets/jquery_ui/jquery.ui.button.css.scss
+- app/assets/stylesheets/jquery_ui/jquery.ui.core.css.scss
+- app/assets/stylesheets/jquery_ui/jquery.ui.datepicker.css.scss
+- app/assets/stylesheets/jquery_ui/jquery.ui.dialog.css.scss
+- app/assets/stylesheets/jquery_ui/jquery.ui.menu.css.scss
+- app/assets/stylesheets/jquery_ui/jquery.ui.progressbar.css.scss
+- app/assets/stylesheets/jquery_ui/jquery.ui.resizable.css.scss
+- app/assets/stylesheets/jquery_ui/jquery.ui.selectable.css.scss
+- app/assets/stylesheets/jquery_ui/jquery.ui.slider.css.scss
+- app/assets/stylesheets/jquery_ui/jquery.ui.spinner.css.scss
+- app/assets/stylesheets/jquery_ui/jquery.ui.tabs.css.scss
+- app/assets/stylesheets/jquery_ui/jquery.ui.theme.css.scss
+- app/assets/stylesheets/jquery_ui/jquery.ui.tooltip.css.scss
+- app/assets/stylesheets/jquery_ui/themes/_jquery.ui.base.css.scss
+- app/assets/stylesheets/jquery_ui/themes/_jquery.ui.black-tie.css.scss
+- app/assets/stylesheets/jquery_ui/themes/_jquery.ui.blitzer.css.scss
+- app/assets/stylesheets/jquery_ui/themes/_jquery.ui.cupertino.css.scss
+- app/assets/stylesheets/jquery_ui/themes/_jquery.ui.dark-hive.css.scss
+- app/assets/stylesheets/jquery_ui/themes/_jquery.ui.dot-luv.css.scss
+- app/assets/stylesheets/jquery_ui/themes/_jquery.ui.eggplant.css.scss
+- app/assets/stylesheets/jquery_ui/themes/_jquery.ui.excite-bike.css.scss
+- app/assets/stylesheets/jquery_ui/themes/_jquery.ui.flick.css.scss
+- app/assets/stylesheets/jquery_ui/themes/_jquery.ui.hot-sneaks.css.scss
+- app/assets/stylesheets/jquery_ui/themes/_jquery.ui.humanity.css.scss
+- app/assets/stylesheets/jquery_ui/themes/_jquery.ui.le-frog.css.scss
+- app/assets/stylesheets/jquery_ui/themes/_jquery.ui.mint-choc.css.scss
+- app/assets/stylesheets/jquery_ui/themes/_jquery.ui.overcast.css.scss
+- app/assets/stylesheets/jquery_ui/themes/_jquery.ui.pepper-grinder.css.scss
+- app/assets/stylesheets/jquery_ui/themes/_jquery.ui.redmond.css.scss
+- app/assets/stylesheets/jquery_ui/themes/_jquery.ui.smoothness.css.scss
+- app/assets/stylesheets/jquery_ui/themes/_jquery.ui.south-street.css.scss
+- app/assets/stylesheets/jquery_ui/themes/_jquery.ui.start.css.scss
+- app/assets/stylesheets/jquery_ui/themes/_jquery.ui.sunny.css.scss
+- app/assets/stylesheets/jquery_ui/themes/_jquery.ui.swanky-purse.css.scss
+- app/assets/stylesheets/jquery_ui/themes/_jquery.ui.trontastic.css.scss
+- app/assets/stylesheets/jquery_ui/themes/_jquery.ui.ui-darkness.css.scss
+- app/assets/stylesheets/jquery_ui/themes/_jquery.ui.ui-lightness.css.scss
+- app/assets/stylesheets/jquery_ui/themes/_jquery.ui.vader.css.scss
 - app/controllers/concerns/cancan_concern.rb
 - app/controllers/concerns/versions_concern.rb
 - app/controllers/geo_code_curacao_controller.rb
@@ -244,10 +565,15 @@ files:
 - lib/inline_forms.rb
 - lib/inline_forms/form_element_from_callee.rb
 - lib/inline_forms/version.rb
+- lib/installer_templates/dartsass/devise_main.scss
+- lib/installer_templates/dartsass/inline_forms_dartsass_builds.rb
+- lib/installer_templates/dartsass/inline_forms_main.scss
 - lib/installer_templates/example_app_tests/test/example_app/example_integration_test_case.rb
+- lib/installer_templates/example_app_tests/test/integration/example_app_apartment_photos_pagination_test.rb
 - lib/installer_templates/example_app_tests/test/integration/example_app_guest_access_test.rb
 - lib/installer_templates/example_app_tests/test/integration/example_app_photos_test.rb
 - lib/installer_templates/example_app_tests/test/integration/example_app_routing_test.rb
+- lib/installer_templates/example_app_tests/test/integration/example_app_turbo_layout_test.rb
 - lib/installer_templates/example_app_tests/test/models/example_app_apartment_photo_test.rb
 - lib/installer_templates/example_app_tests/test/models/example_app_paper_trail_changeset_test.rb
 - lib/locales/inline_forms.en.yml