spina 2.15.0 → 2.16.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 3558f114de8005fc0c084368f65cd8dbae2f8b0bcc49db4e960d1c7a6222183e
-  data.tar.gz: '098bdbd62bce0981fc65f6b4ae681a9524d9cab0402495405f9212aa37a39cfd'
+  metadata.gz: 8740af9910fcafc714e8ebfe7c48e0676c696f8cc73aa0b2d5cfb13c832094e3
+  data.tar.gz: ca1863b0553c66be2487224afa9a4f037a8756b435d620b42293d435708941bb
 SHA512:
-  metadata.gz: 2fbf8a1433fdb7bcbe360d866559508d65c25dd15a0b3477fb99ea8fefc9c5cab9a83a4370e168f04243989c13276ab7c653f4a89f32e6c4c63001d06d3041c4
-  data.tar.gz: 7441777cda493884b34bde643c302f2bfef71ea3533616a0d7bb0e94445c8731dd7324fe25da3322afff142137e1bb62ed73f2ddde65cc707f02525f64af50c0
+  metadata.gz: 4cfff0e8aa2ad19e9e675ad359c7cc525c5782ba759b964a4d17bd9653cebeb113a4275bf08a8f058f841936c15d8f1efa2a0631ddd9e730d18e7363b9a649ea
+  data.tar.gz: ff06ff09cbced3560e43c69e86bda15f377e2faa290eb2362c4e270c54b337ec461ac14346c972459c242e181ce14e24f0127b239e0df7ecaea0676b2a669e3c

data/app/assets/builds/spina/tailwind.css

@@ -1,5 +1,5 @@
 /*
-! tailwindcss v3.2.7 | MIT License | https://tailwindcss.com
+! tailwindcss v3.3.2 | MIT License | https://tailwindcss.com
 */
 
 /*
@@ -31,6 +31,7 @@
 3. Use a more readable tab size.
 4. Use the user's configured `sans` font-family by default.
 5. Use the user's configured `sans` font-feature-settings by default.
+6. Use the user's configured `sans` font-variation-settings by default.
 */
 
 html {
@@ -47,6 +48,8 @@ html {
   /* 4 */
   font-feature-settings: normal;
   /* 5 */
+  font-variation-settings: normal;
+  /* 6 */
 }
 
 /*
@@ -620,6 +623,9 @@ a, button {
   --tw-pan-y:  ;
   --tw-pinch-zoom:  ;
   --tw-scroll-snap-strictness: proximity;
+  --tw-gradient-from-position:  ;
+  --tw-gradient-via-position:  ;
+  --tw-gradient-to-position:  ;
   --tw-ordinal:  ;
   --tw-slashed-zero:  ;
   --tw-numeric-figure:  ;
@@ -667,6 +673,9 @@ a, button {
   --tw-pan-y:  ;
   --tw-pinch-zoom:  ;
   --tw-scroll-snap-strictness: proximity;
+  --tw-gradient-from-position:  ;
+  --tw-gradient-via-position:  ;
+  --tw-gradient-to-position:  ;
   --tw-ordinal:  ;
   --tw-slashed-zero:  ;
   --tw-numeric-figure:  ;
@@ -1779,10 +1788,7 @@ a, button {
   align-items: center;
   justify-content: center;
   position: fixed;
-  top: 0px;
-  right: 0px;
-  bottom: 0px;
-  left: 0px;
+  inset: 0px;
   z-index: 40;
   height: 100%;
   padding: 1.5rem;
@@ -1943,10 +1949,7 @@ trix-editor [data-trix-mutable]::selection,
 }
 
 .inset-0 {
-  top: 0px;
-  right: 0px;
-  bottom: 0px;
-  left: 0px;
+  inset: 0px;
 }
 
 .bottom-0 {
@@ -2066,6 +2069,14 @@ trix-editor [data-trix-mutable]::selection,
   margin-right: -1rem;
 }
 
+.-mt-0 {
+  margin-top: -0px;
+}
+
+.-mt-0\.5 {
+  margin-top: -0.125rem;
+}
+
 .-mt-4 {
   margin-top: -1rem;
 }
@@ -2110,6 +2121,10 @@ trix-editor [data-trix-mutable]::selection,
   margin-left: 2rem;
 }
 
+.ml-auto {
+  margin-left: auto;
+}
+
 .mr-1 {
   margin-right: 0.25rem;
 }
@@ -2266,6 +2281,10 @@ trix-editor [data-trix-mutable]::selection,
   width: 3.5rem;
 }
 
+.w-2\/3 {
+  width: 66.666667%;
+}
+
 .w-28 {
   width: 7rem;
 }
@@ -2842,13 +2861,13 @@ trix-editor [data-trix-mutable]::selection,
 }
 
 .from-spina-dark {
-  --tw-gradient-from: #3a3a70;
-  --tw-gradient-to: rgb(58 58 112 / 0);
+  --tw-gradient-from: #3a3a70 var(--tw-gradient-from-position);
+  --tw-gradient-to: rgb(58 58 112 / 0) var(--tw-gradient-to-position);
   --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
 }
 
 .to-spina-light {
-  --tw-gradient-to: #797ab8;
+  --tw-gradient-to: #797ab8 var(--tw-gradient-to-position);
 }
 
 .object-contain {
@@ -2971,6 +2990,10 @@ trix-editor [data-trix-mutable]::selection,
   padding-bottom: 1.25rem;
 }
 
+.pl-1 {
+  padding-left: 0.25rem;
+}
+
 .pl-10 {
   padding-left: 2.5rem;
 }
@@ -3600,10 +3623,7 @@ trix-editor [data-trix-mutable]::selection,
   }
 
   .md\:inset-0 {
-    top: 0px;
-    right: 0px;
-    bottom: 0px;
-    left: 0px;
+    inset: 0px;
   }
 
   .md\:-top-0 {
@@ -3769,13 +3789,13 @@ trix-editor [data-trix-mutable]::selection,
   }
 
   .md\:from-spina-dark {
-    --tw-gradient-from: #3a3a70;
-    --tw-gradient-to: rgb(58 58 112 / 0);
+    --tw-gradient-from: #3a3a70 var(--tw-gradient-from-position);
+    --tw-gradient-to: rgb(58 58 112 / 0) var(--tw-gradient-to-position);
     --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
   }
 
   .md\:to-spina-light {
-    --tw-gradient-to: #797ab8;
+    --tw-gradient-to: #797ab8 var(--tw-gradient-to-position);
   }
 
   .md\:p-3 {

data/app/assets/javascripts/spina/controllers/auto_file_upload_controller.js

@@ -0,0 +1,49 @@
+import { Controller } from "@hotwired/stimulus"
+
+export default class extends Controller {
+
+  start(event) {
+    const file = event.detail.file
+    if (!file) return
+
+    const trixId = event.detail.trixId
+    this.trixTargetId = trixId
+
+    // DataTransfer() avoids the "TypeError: Failed to set the 'files' property on 'HTMLInputElement': Failed to convert
+    // value to 'FileList'." error which occurs if you try to directly assign: `this.fileField.files = [file]`
+    // https://stackoverflow.com/questions/52078853/is-it-possible-to-update-filelist
+    const fileList = new DataTransfer()
+    fileList.items.add(file)
+    this.fileField.files = fileList.files
+
+    const changeEvent = new Event("input"); // This triggers the upload
+    this.fileField.dispatchEvent(changeEvent);
+  }
+
+  get fileField() {
+    return this.element.querySelector('form input.image-upload-file-field')
+  }
+
+  get form() {
+    return this.element.querySelector('form')
+  }
+
+  get trixTargetId() {
+    return this.element.querySelector('form > #trix_target_id').value
+  }
+
+  set trixTargetId(value) {
+    this.element.querySelector('form > #trix_target_id').value = value
+  }
+
+  #imageData(imageMeta) {
+    return {
+      filename: imageMeta.dataset.filename,
+      signedBlobId: imageMeta.dataset.signedBlobId,
+      imageId: imageMeta.dataset.imageId,
+      embeddedUrl: imageMeta.dataset.embeddedUrl,
+      thumbnail: imageMeta.dataset.thumbnail
+    }
+  }
+
+}

data/app/assets/javascripts/spina/controllers/editor_insert_images_controller.js

@@ -0,0 +1,38 @@
+import { Controller } from "@hotwired/stimulus"
+
+export default class extends Controller {
+
+  connect() {
+    // Gets triggered when refreshed by the ImagesController, and will process any images here
+    this.insertImages()
+  }
+
+  insertImages() {
+    const imagesMetadata = this.element.querySelectorAll('div.trix-insert-image')
+    imagesMetadata.forEach(tag => {
+      const imageData = this.#imageData(tag)
+      let insertImageEvent = new CustomEvent("media-picker:done", {detail: imageData})
+      const targetEditor = document.getElementById(this.trixTargetId)
+      this.trixTarget.dispatchEvent(insertImageEvent)
+    })
+  }
+
+  get trixTarget() {
+    return document.getElementById(this.trixTargetId)
+  }
+
+  get trixTargetId() {
+    return this.element.dataset.trixTargetId
+  }
+
+  #imageData(imageMeta) {
+    return {
+      filename: imageMeta.dataset.filename,
+      signedBlobId: imageMeta.dataset.signedBlobId,
+      imageId: imageMeta.dataset.imageId,
+      embeddedUrl: imageMeta.dataset.embeddedUrl,
+      thumbnail: imageMeta.dataset.thumbnail
+    }
+  }
+
+}

data/app/assets/javascripts/spina/controllers/repeater_controller.js

@@ -40,9 +40,11 @@ export default class extends Controller {
 
     // Insert button
     this.listTarget.insertAdjacentHTML('beforeend', this.buttonHTML(time))
-
     // Insert fields
-    this.contentTarget.insertAdjacentHTML('beforeend', html)
+    const parser = new DOMParser();
+    const docFields = parser.parseFromString(html, 'text/html');
+    this.contentTarget.appendChild(docFields.body.firstChild);
+
   }
 
   removeFields(event) {

data/app/assets/javascripts/spina/controllers/trix_controller.js

@@ -19,7 +19,7 @@ export default class extends Controller {
       }
     }.bind(this))
   }
-  
+
   insertEmbeddable(html) {
     let embeddable = new Trix.Attachment({
       content: html, 
@@ -38,7 +38,15 @@ export default class extends Controller {
     </span>`, contentType: "Spina::Image"})
     this.editor.insertAttachment(attachment)
   }
-  
+
+  fileAccept(event) {
+    const file = event.file
+    if(file) {
+      const startUploadEvent = new CustomEvent("auto-file-upload:start", { detail: { file, trixId: this.trixId }})
+      window.dispatchEvent(startUploadEvent)
+    }
+  }
+
   setAltText(event) {
     let alt = event.currentTarget.value
     let altLabel = alt
@@ -81,6 +89,10 @@ export default class extends Controller {
   get trixAttachment() {
     return this.getTrixAttachment(this.mutableImageAttachment.dataset.trixId)
   }
+
+  get trixId() {
+    return this.element.id
+  }
   
   get mutableImageAttachment() {
     return this.element.querySelector(`figure[data-trix-mutable][data-trix-content-type="Spina::Image"]`)

data/app/components/spina/forms/auto_file_upload_component.html.erb

@@ -0,0 +1,6 @@
+<div data-controller="auto-file-upload" data-action="auto-file-upload:start@window->auto-file-upload#start">
+  <%= render Spina::Forms::FileUploadComponent.new(origin: 'auto-file-upload', css_classes: 'hidden', turbo_frame: turbo_frame_id) %>
+  <turbo-frame id="auto-file-upload-images" data-trix-insert-target="">
+    <%= render Spina::Forms::EditorInsertImagesMetaComponent.new %>
+  </turbo-frame>
+</div>

data/app/components/spina/forms/auto_file_upload_component.rb

@@ -0,0 +1,15 @@
+module Spina
+  module Forms
+
+    # Meant to be a hidden component for facilitating quick file uploads from drag and drop or paste action within Trix
+    class AutoFileUploadComponent < ApplicationComponent
+      attr_reader :turbo_frame_id
+
+      def initialize
+        @turbo_frame_id = "auto-file-upload-images"
+      end
+
+    end
+
+  end
+end

data/app/components/spina/forms/editor_insert_images_meta_component.html.erb

@@ -0,0 +1,12 @@
+<div id="auto-uploaded-images" data-controller="editor-insert-images" data-trix-target-id="<%= trix_target_id %>">
+  <% @images.each do |image| %>
+    <div
+      class="hidden trix-insert-image"
+      data-image-id="<%= image.id %>"
+      data-signed-blob-id="<%= image.file.blob&.signed_id %>"
+      data-filename="<%= image.file.filename %>"
+      data-thumbnail="<%= helpers.thumbnail_url(image) %>"
+      data-embedded-url="<%= helpers.embedded_image_url(image) %>"
+    ></div>
+  <% end %>
+</div>

data/app/components/spina/forms/editor_insert_images_meta_component.rb

@@ -0,0 +1,12 @@
+module Spina
+  module Forms
+    class EditorInsertImagesMetaComponent < ApplicationComponent
+      attr_reader :images, :trix_target_id
+
+      def initialize(trix_target_id: nil, images:[])
+        @trix_target_id = trix_target_id
+        @images = images
+      end
+    end
+  end
+end

data/app/components/spina/forms/file_upload_component.html.erb

@@ -0,0 +1,14 @@
+<div data-controller="file-upload-component" class=<%= @css_classes %>>
+  <%= form_with model: [:admin, Spina::Image.new], url: helpers.spina.admin_images_path, data: {controller: "form loading-button", loading_message: t('spina.media_library.uploading'), action: "turbo:submit-end->loading-button#doneLoading", origin: origin, turbo_frame: turbo_frame} do |f| %>
+    <%= hidden_field_tag :origin, origin %>
+    <%= hidden_field_tag :trix_target_id, value: @trix_target_id %>
+    <%= f.hidden_field :media_folder_id, value: media_folder&.id %>
+
+    <%= f.file_field :files, multiple: true, accept: "image/*", id: file_field_id, class: 'image-upload-file-field hidden', data: {action: "loading-button#loading form#requestSubmit"} %>
+
+    <%= button_tag(type: "button", class: "font-medium w-full text-gray-600 text-sm hover:bg-gray-200 px-3 py-2 cursor-pointer rounded-lg flex items-center w-full", data: { controller:"delegate-click", action: "delegate-click#click", 'loading-button-target': "button", 'delegate-click-target': "##{file_field_id}" }) do %>
+      <%= helpers.heroicon("upload", style: :solid, class: "w-5 h-5 text-spina mr-2") %>
+      <%=t 'spina.media_library.upload_from_device' %>
+    <% end %>
+  <% end %>
+</div>

data/app/components/spina/forms/file_upload_component.rb

@@ -0,0 +1,19 @@
+module Spina
+  module Forms
+    class FileUploadComponent < ApplicationComponent
+      attr_reader :css_classes, :id, :origin, :file_field_id, :media_folder, :trix_id, :turbo_frame
+
+      def initialize(origin:, css_classes: '', id: nil, trix_target_id: nil, media_folder: nil, turbo_frame: nil)
+        @origin = origin
+        @css_classes = css_classes
+        @id = id || SecureRandom.uuid
+        @media_folder = media_folder
+        @trix_target_id = trix_target_id # If inserting an image into Trix, specifies which one receives it
+        @turbo_frame = turbo_frame
+
+        @file_field_id = "image_upload_file_field_#{@id}"
+      end
+
+    end
+  end
+end

data/app/components/spina/forms/text_field_component.rb

@@ -3,11 +3,12 @@ module Spina
     class TextFieldComponent < ApplicationComponent
       attr_accessor :f, :method, :size, :autofocus
 
-      def initialize(f, method, size: "md", autofocus: false)
+      def initialize(f, method, size: "md", autofocus: false, placeholder: nil)
         @f = f
         @method = method
         @size = size
         @autofocus = autofocus
+        @placeholder = placeholder
       end
 
       def controllers
@@ -42,7 +43,7 @@ module Spina
       end
 
       def placeholder
-        f.object.class.human_attribute_name(method)
+        @placeholder || f.object.class.human_attribute_name(method)
       end
     end
   end

data/app/components/spina/forms/trix_toolbar_component.html.erb

@@ -1,6 +1,6 @@
 <div class="relative sticky z-10 top-0 pt-4 bg-white trix-toolbar" id="<%= @trix_id %>">
   <div class="flex items-center flex-wrap" data-controller="reveal">
-    <div class="flex items-center bg-gray-200 rounded overflow-hidden mb-3 mr-3">
+    <div class="flex items-center bg-gray-200 rounded overflow-hidden mb-3 mr-3" data-trix-button-group="text-tools">
       <button type="button" class="hover:bg-gray-300 text-gray-700 w-9 h-9 flex items-center justify-center" data-trix-attribute="bold" data-trix-key="b" title="${Trix.config.lang.bold}" tabindex="-1">
         <svg class="w-4 h-4" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path d="M333.49 238a122 122 0 0 0 27-65.21C367.87 96.49 308 32 233.42 32H34a16 16 0 0 0-16 16v48a16 16 0 0 0 16 16h31.87v288H34a16 16 0 0 0-16 16v48a16 16 0 0 0 16 16h209.32c70.8 0 134.14-51.75 141-122.4 4.74-48.45-16.39-92.06-50.83-119.6zM145.66 112h87.76a48 48 0 0 1 0 96h-87.76zm87.76 288h-87.76V288h87.76a56 56 0 0 1 0 112z"/></svg>
       </button>
@@ -27,7 +27,7 @@
       </button>
     </div>
   
-    <div class="flex items-center bg-gray-200 rounded overflow-hidden mr-3 mb-3">
+    <div class="flex items-center bg-gray-200 rounded overflow-hidden mr-3 mb-3" data-trix-button-group="file-tools">
       
       <%= link_to helpers.spina.admin_media_picker_path(target: "insert_#{@trix_id}"), class: "hover:bg-gray-300 text-gray-700 w-9 h-9 flex items-center justify-center", data: {turbo_frame: "modal"} do %>
         <svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">

data/app/components/spina/media_picker/modal_component.html.erb

@@ -58,17 +58,7 @@
               <% end %>
             <% end %>
             
-            <%= form_with model: [:admin, Spina::Image.new], url: helpers.spina.admin_images_path, data: {controller: "form loading-button", loading_message: t('spina.media_library.uploading'), action: "turbo:submit-end->loading-button#doneLoading", turbo_frame: "media_picker"} do |f| %>
-              <%= hidden_field_tag :modal, true %>
-              <%= f.hidden_field :media_folder_id, value: @media_folder&.id %>
-              
-              <%= f.file_field :files, multiple: true, accept: "image/*", id: "new_image_file_field", class: 'hidden', data: {action: "loading-button#loading form#requestSubmit"} %>
-              
-              <button type="button" class="font-medium w-full text-gray-600 text-sm hover:bg-gray-200 px-3 py-2 cursor-pointer rounded-lg flex items-center w-full" data-controller="delegate-click" data-action="delegate-click#click" data-loading-button-target="button" data-delegate-click-target="#new_image_file_field">
-                <%= helpers.heroicon("upload", style: :solid, class: "w-5 h-5 text-spina mr-2") %>
-                <%=t 'spina.media_library.upload_from_device' %>
-              </button>
-            <% end %>
+            <%= render Spina::Forms::FileUploadComponent.new(origin: 'media-picker', media_folder: @media_folder, turbo_frame: 'media_picker') %>
           </div>
           
           <button type="button" class="btn btn-primary w-full mt-3" data-action="media-picker-modal#confirm modal#close">

data/app/components/spina/pages/actions_component.html.erb

@@ -40,7 +40,7 @@
         <% end %>
         
         <% if @page.deletable? %>
-          <%= button_to t('spina.pages.delete'), helpers.spina.admin_page_path(@page), method: :delete, class: "block w-full text-left px-4 py-2 text-sm leading-5 font-medium text-red-500 cursor-pointer bg-white hover:bg-red-100 hover:bg-opacity-50 hover:text-red-500 focus:outline-none focus:bg-gray-100 focus:text-gray-900", form: {data: {controller: "confirm", confirm_message: t('spina.pages.delete_confirmation', subject: @page.title)}} %>
+          <%= button_to t('spina.pages.delete'), helpers.spina.admin_page_path(@page), method: :delete, class: "block w-full text-left px-4 py-2 text-sm leading-5 font-medium text-red-500 cursor-pointer bg-white hover:bg-red-100 hover:bg-opacity-50 hover:text-red-500 focus:outline-none focus:bg-gray-100 focus:text-gray-900", form: {data: {controller: "confirm", confirm_message: t('spina.pages.delete_confirmation', subject: sanitize(@page.title))}} %>
         <% else %>
           <span class="block px-4 py-2 text-sm leading-5 text-gray-400"><%=t 'spina.pages.cannot_be_deleted' %></span>
         <% end %>

data/app/components/spina/pages/page_select_component.rb

@@ -12,7 +12,7 @@ module Spina::Pages
 
     def options
       Spina::Page.sort_by_ancestry(pages.arrange(order: :position)).map do |page|
-        page_menu_title = page.menu_title.indent(page.depth, "–")
+        page_menu_title = page.menu_title&.indent(page.depth, "–")
         [page_menu_title, page.id]
       end
     end

data/app/controllers/spina/admin/images_controller.rb

@@ -35,8 +35,15 @@ module Spina
           image
         end.compact
 
-        if params[:modal]
+        if params[:origin] == 'media-picker'
           redirect_to spina.admin_media_picker_path(media_folder_id: image_params[:media_folder_id])
+        elsif params[:origin] == 'auto-file-upload'
+          render turbo_stream: turbo_stream.update(
+            'auto-file-upload-images',
+            Spina::Forms::EditorInsertImagesMetaComponent
+              .new(images: @images, trix_target_id: params[:trix_target_id])
+              .render_in(view_context)
+          )
         else
           render turbo_stream: turbo_stream.prepend("images", partial: "image", collection: @images)
         end

data/app/controllers/spina/admin/navigation_items_controller.rb

@@ -4,14 +4,33 @@ module Spina
       before_action :set_navigation
 
       def new
-        @navigation_item = @navigation.navigation_items.new(parent_id: params[:parent_id])
+        @navigation_item = @navigation.navigation_items.new(parent_id: params[:parent_id], kind: params[:kind].presence || "page")
         @pages = Page.sorted.main.includes(:translations)
       end
 
       def create
-        @navigation_item = NavigationItem.new(navigation_item_params)
+        @navigation_item = @navigation.navigation_items.new(navigation_item_params)
         if @navigation_item.save
-          render turbo_stream: turbo_stream.append(@navigation_item.parent || @navigation, @navigation_item)
+          redirect_to spina.edit_admin_navigation_path(@navigation)
+        else
+          @pages = Page.sorted.main.includes(:translations)
+          render turbo_stream: turbo_stream.update(:navigation_item_form, partial: "form")
+        end
+      end
+
+      def edit
+        @navigation_item = NavigationItem.find(params[:id])
+        @pages = Page.sorted.main.includes(:translations)
+      end
+
+      def update
+        @navigation_item = NavigationItem.find(params[:id])
+
+        if @navigation_item.update(navigation_item_params)
+          redirect_to spina.edit_admin_navigation_path(@navigation)
+        else
+          @pages = Page.sorted.main.includes(:translations)
+          render turbo_stream: turbo_stream.update(:navigation_item_form, partial: "form")
         end
       end
 
@@ -23,13 +42,14 @@ module Spina
 
       private
 
-      def navigation_item_params
-        params.require(:navigation_item).permit(:page_id, :parent_id).merge(navigation_id: @navigation.id)
-      end
+        def navigation_item_params
+          params.require(:navigation_item).permit(:kind, :page_id, :parent_id, :url_title, :url).merge(navigation_id: @navigation.id)
+        end
+  
+        def set_navigation
+          @navigation = Navigation.find(params[:navigation_id])
+        end
 
-      def set_navigation
-        @navigation = Navigation.find(params[:navigation_id])
-      end
     end
   end
 end

data/app/models/spina/account.rb

@@ -72,9 +72,16 @@ module Spina
 
     def find_or_create_custom_pages(theme)
       theme.custom_pages.each do |page|
+        ancestry = nil
+
+        if page[:parent].present?
+          parent_page = Page.find_by(name: page[:parent])
+          ancestry = [parent_page&.ancestry, parent_page&.id].compact.join("/")
+        end
+        
         Page.where(name: page[:name])
           .first_or_create(title: page[:title])
-          .update(view_template: page[:view_template], deletable: page[:deletable])
+          .update(view_template: page[:view_template], deletable: page[:deletable], ancestry: ancestry)
       end
     end
 

data/app/models/spina/navigation_item.rb

@@ -1,7 +1,12 @@
 module Spina
   class NavigationItem < ApplicationRecord
-    belongs_to :navigation, touch: true
-    belongs_to :page
+    belongs_to :navigation, touch: true, class_name: "Spina::Navigation"
+    belongs_to :page, optional: true, class_name: "Spina::Page"
+    
+    # NavigationItems can be of two different kinds:
+    # - A link to a page
+    # - A link to a URL
+    enum(:kind, {page: "page", url: "url"}, default: :page, suffix: true)
 
     has_ancestry
 
@@ -11,8 +16,20 @@ module Spina
     scope :in_menu, -> { joins(:page).where(spina_pages: {show_in_menu: true}) }
     scope :active, -> { joins(:page).where(spina_pages: {active: true}) }
 
-    validates :page, uniqueness: {scope: :navigation}
+    validates :page, uniqueness: {scope: :navigation}, presence: true, if: :page_kind?
+    validates :url, presence: true, if: :url_kind?
+    validates :url_title, presence: true, if: :url_kind?
 
-    delegate :menu_title, :materialized_path, :draft?, :homepage?, to: :page
+    delegate :draft?, :homepage?, to: :page, allow_nil: true
+
+    def menu_title
+      return url_title if url_kind?
+      page&.menu_title
+    end
+    
+    def materialized_path
+      return url if url_kind?
+      page&.materialized_path
+    end
   end
 end

data/app/models/spina/page.rb

@@ -19,7 +19,7 @@ module Spina
     has_many :navigations, through: :navigation_items
 
     # Pages can belong to a resource
-    belongs_to :resource, optional: true, touch: true
+    belongs_to :resource, optional: true, touch: true, class_name: "Spina::Resource"
 
     scope :main, -> { where(resource_id: nil) }
     scope :regular_pages, -> { main }

data/app/views/layouts/spina/admin/admin.html.erb

@@ -13,6 +13,8 @@
   
   <!-- Make sure all modals are rendered in this frame -->
   <%= turbo_frame_tag "modal" %>
+
+  <%= render Spina::Forms::AutoFileUploadComponent.new %>
 <% end %>
 
 <%= render template: 'layouts/spina/admin/application' %>

data/app/views/spina/admin/attachments/index.html.erb

@@ -42,7 +42,7 @@
         
         <% if @attachments.next_page %>
           <%= turbo_frame_tag "attachments-#{@attachments.next_page}", data: {action: "turbo:frame-load->infinite-scroll#load"} do %>
-            <%= link_to t('spina.ui.load_more'), path_to_next_page(@attachments), class: 'hidden', data: {infinite_scroll_target: "button"} %>
+            <%= link_to t('spina.ui.load_more'), path_to_next_page(@attachments), class: "btn btn-default", data: {infinite_scroll_target: "button"} %>
           <% end %>
         <% end %>
       <% end %>

data/app/views/spina/admin/navigation_items/_form.html.erb

@@ -1,28 +1,39 @@
-<%= turbo_frame_tag dom_id(@navigation_item, :form) do %>
-  <%= form_with model: @navigation_item, url: spina.admin_navigation_navigation_items_path(@navigation), data: {turbo_frame: "_top", action: "turbo:submit-end->modal#close"} do |f| %>
+<%= turbo_frame_tag :navigation_item_form do %>
+  <%= form_with model: @navigation_item, url: [:admin, @navigation, @navigation_item], data: {turbo_frame: "_top"} do |f| %>
     <%= f.hidden_field :parent_id %>
+    <%= f.hidden_field :kind %>
     
     <div class="px-4 pt-5 pb-4 sm:p-6 sm:pb-4">
       <div class="sm:flex sm:items-start">
         <div class="w-full">
-          <h3 class="text-lg leading-6 font-medium text-gray-900" id="modal-headline">
-            <%=t 'spina.navigations.add_menu_item' %>
+          <h3 class="text-lg leading-6 font-medium text-gray-900 flex" id="modal-headline">
+            <%= @navigation_item.persisted? ? t('spina.navigations.edit_menu_item') : t('spina.navigations.add_menu_item') %>
           </h3>
-    
-          <div class="mt-3">
-            
-            <div class="border border-gray-300 rounded-md bg-white">
-              <%= render Spina::Pages::PageSelectComponent.new("navigation_item[page_id]", @pages, include_blank: t("spina.navigations.choose_page"), disabled: @navigation.navigation_items.pluck(:page_id)) %>
-            </div>
-            
+          
+          <% if @navigation_item.new_record? %>
+            <ul class="inline-flex flex-wrap w-auto rounded-md mt-2">
+              <%= render Spina::UserInterface::TabLinkComponent.new(new_admin_navigation_navigation_item_path(@navigation, parent_id: @navigation_item.parent_id, kind: 'page'), active: @navigation_item.page_kind?) do %>
+                <%= heroicon('document', style: :outline, class: 'w-4 h-4 mr-1 -mt-0.5') %>
+                <%=t "spina.navigation_items.page" %>
+              <% end %>
+              
+              <%= render Spina::UserInterface::TabLinkComponent.new(new_admin_navigation_navigation_item_path(@navigation, parent_id: @navigation_item.parent_id, kind: 'url'), active: @navigation_item.url_kind?) do %>
+                <%= heroicon('link', style: :outline, class: 'w-4 h-4 mr-1 -mt-0.5') %>
+                <%=t "spina.navigation_items.url" %>
+              <% end %>
+            </ul>
+          <% end %>
+          
+          <div>
+            <%= render partial: "#{@navigation_item.kind}_form", locals: {f: f} %>
           </div>
         </div>
       </div>
     </div>
-    
+      
     <div class="px-4 pb-5 py-3 sm:px-6 sm:flex sm:flex-row-reverse">
       <button type="submit" class="btn btn-primary w-full sm:w-auto sm:ml-2">
-        <%=t 'spina.navigations.add_menu_item' %>
+        <%= @navigation_item.persisted? ?  t('spina.ui.save_changes') : t('spina.navigations.add_menu_item') %>
       </button>
     
       <button type="button" class="btn btn-default w-full sm:w-auto mt-2 sm:mt-0" data-action="modal#close">

data/app/views/spina/admin/navigation_items/_navigation_item.html.erb

@@ -4,9 +4,17 @@
       <%= heroicon('menu-alt-4', style: :solid, class: 'w-4 h-4 -ml-1') %>  
     </div>
     
-    <div class="flex-1 truncate text-left"><%= navigation_item.menu_title %></div>
+    <div class="flex items-center w-2/3">
+      <div class="text-left truncate"><%= navigation_item.menu_title %></div>
+      
+      <% if navigation_item.url_kind? %>
+        <%= link_to navigation_item.url, target: :blank, class: "h-7 flex items-center pl-1 text-gray-400 hover:text-gray-700" do %>
+          <%= heroicon("external-link", style: :mini, class: "w-4 h-4") %>
+        <% end %>
+      <% end %>
+    </div>
     
-    <div data-controller="reveal" data-reveal-away-value class="relative h-full">
+    <div data-controller="reveal" data-reveal-away-value class="relative h-full ml-auto">
       <button type="button" data-action="reveal#toggle" class="h-full px-2 text-gray-400 hover:text-gray-700">
         <%= heroicon("dots-horizontal", class: "w-5 h-5") %>
       </button>
@@ -17,6 +25,11 @@
             <%= heroicon('plus', style: :mini, class: 'w-4 h-4 mr-2') %>
             <%=t 'spina.navigations.add_sub_item' %>
           <% end %>
+
+          <%= link_to spina.edit_admin_navigation_navigation_item_path(@navigation, id: navigation_item.id, locale: @locale), class: "px-3 py-1 text-xs leading-5 text-gray-200 hover:bg-gray-800 hover:text-white focus:outline-none flex items-center", data: {turbo_frame: "modal", action: "reveal#hide"} do %>
+            <%= heroicon('pencil-square', style: :mini, class: 'w-4 h-4 mr-2') %>
+            <%=t 'spina.navigations.edit_item' %>
+          <% end %>
           
           <%= button_to spina.admin_navigation_navigation_item_path(@navigation, navigation_item), method: :delete, class: "bg-transparent w-full text-left cursor-pointer font-medium px-3 py-1 text-xs leading-5 text-red-400 hover:bg-gray-800 hover:text-red-400 focus:outline-none flex items-center", form: {data: {action: "reveal#hide", controller: "confirm", confirm_message: t('spina.navigations.delete_item_confirmation_html')}} do %>
             <%= heroicon('trash', class: 'w-4 h-4 mr-2') %>

data/app/views/spina/admin/navigation_items/_page_form.html.erb

@@ -0,0 +1,5 @@
+<div class="mt-4">
+  <div class="border border-gray-300 rounded-md bg-white">
+    <%= render Spina::Pages::PageSelectComponent.new("navigation_item[page_id]", @pages, include_blank: t("spina.navigations.choose_page"), disabled: @navigation.navigation_items.pluck(:page_id), selected: @navigation_item.page_id) %>
+  </div>
+</div>

data/app/views/spina/admin/navigation_items/_url_form.html.erb

@@ -0,0 +1,13 @@
+<div class="flex items-center space-x-2 mt-3">
+  <div class="w-56">
+    <%= render Spina::Forms::TextFieldComponent.new(f, :url_title, autofocus: true, placeholder: t("spina.navigations.url_title_placeholder")) %>
+  </div>
+  
+  <div>
+    <%= heroicon("arrow-right", style: :mini, class: "w-4 h-4 text-gray-400") %>
+  </div>
+
+  <div class="w-full">
+    <%= render Spina::Forms::TextFieldComponent.new(f, :url, placeholder: t("spina.navigations.url_placeholder") ) %>
+  </div>
+</div>

data/app/views/spina/admin/navigation_items/edit.html.erb

@@ -0,0 +1,3 @@
+<%= render(Spina::UserInterface::ModalComponent.new) do %>
+  <%= render 'form' %>
+<% end %>

data/app/views/spina/admin/parts/texts/_form.html.erb

@@ -4,10 +4,10 @@
   <div class="mt-1 relative">
     <%= f.hidden_field :content, id: "#{f.object.object_id}_input" %>
 
-    <div class="relative form-textarea p-4 pt-0 shadow-sm max-w-5xl" data-controller="trix" id="<%= "insert_#{f.object.object_id}_trix-toolbar" %>" data-action="media-picker:done->trix#insertAttachment">      
+    <div class="relative form-textarea p-4 pt-0 shadow-sm max-w-5xl" data-controller="trix" id="<%= "insert_#{f.object.object_id}_trix-toolbar" %>" data-action="media-picker:done->trix#insertAttachment trix-file-accept->trix#fileAccept">
       <%= render Spina::Forms::TrixToolbarComponent.new("#{f.object.object_id}_trix-toolbar") %>
       
       <trix-editor class="prose prose-sm focus:outline-none max-w-3xl xl:border-r border-dashed border-gray-200 pr-3" toolbar="<%= f.object.object_id %>_trix-toolbar" input="<%= f.object.object_id %>_input" data-trix-target="editor" data-action="trix-file-accept->trix#preventDefault"></trix-editor>
     </div>
   </div>
-</div>
+</div>

data/config/locales/en.yml

@@ -225,9 +225,15 @@ en:
       delete_item: Delete item
       delete_item_confirmation_html: Are you sure you want to <span class='font-semibold'>delete</span> this menu item?
       description: Add and sort items as you see fit. You can add nested menu items, but don't have to.
+      edit_item: "Edit item"
       navigations: Navigations
       no_navigations: This website has no navigations yet. You can set one up in your theme configuration.
       sorting_saved: Sorting saved
+      url_placeholder: "https://"
+      url_title_placeholder: "Label"
+    navigation_items:
+      page: Page
+      url: URL
     notifications:
       alert: Oops! Something went wrong
       information: Information

data/config/locales/fr.yml

@@ -230,7 +230,7 @@ fr:
       choose_option: Choisir option
     pages:
       add_page_to: Ajouter la page à
-      add_translation: Ajouter traduction
+      add_translation: Ajouter traduction en %{language}
       advanced: Avancé
       cannot_be_deleted: Ne peut pas être supprimée
       change_order: "Changer l'ordre"
@@ -243,7 +243,7 @@ fr:
       delete_confirmation: 'Êtes-vous sûr de vouloir supprimer la page :  <strong>%{subject}</strong> ?'
       deleted: Supprimé
       done_changing_order: "Changement d'ordre effectué"
-      edit_translation: Modifier traduction
+      edit_translation: Modifier traduction en %{language}
       invisible_to_search_engines: "Votre site n'apparait pas sur les moteurs de recherche"
       invisible_to_search_engines_description: "Allez dans vos préférences pour activer l'indexation sur les moteurs de recherche."
       main_collection: Collection principale

data/config/locales/ru.yml

@@ -1,4 +1,11 @@
+---
 ru:
+  activemodel:
+    attributes:
+      spina/embeds/vimeo:
+        url: vimeo.com/...
+      spina/embeds/youtube:
+        url: youtube.com/watch?v=...
   activerecord:
     attributes:
       spina/account:
@@ -31,10 +38,12 @@ ru:
         name: Имя
       spina/navigation:
         auto_add_pages: Автоматически добавлять страницы
-        auto_add_pages_description: Новые страницы автоматически добавляются в эту навигацию.
+        auto_add_pages_description: Новые страницы автоматически добавляются в эту
+          навигацию.
         label: Метка
         pages: Страницы
-        pages_description: Выберите страницы, которые вы хотите использовать в этой навигации
+        pages_description: Выберите страницы, которые вы хотите использовать в этой
+          навигации
       spina/page:
         ancestry: Родительская страница
         created_at: Создано в
@@ -51,7 +60,8 @@ ru:
         no_parent: Нет родителя
         resource: Ресурс
         seo_title: SEO <title>
-        seo_title_description: Убедитесь, что ваш результат поиска хорошо выглядит в поисковых системах
+        seo_title_description: Убедитесь, что ваш результат поиска хорошо выглядит
+          в поисковых системах
         seo_title_placeholder: Это название используется в <title>-tag
         show_in_menu: Показать в навигации
         show_in_menu_description: При выключении эта страница не будет показана в
@@ -82,6 +92,12 @@ ru:
         password_description: Оставьте пустым, чтобы сохранить пароль
         role: Роль
         user: Пользователь
+    errors:
+      models:
+        spina/page:
+          attributes:
+            title:
+              blank: Требуется заголовок
     models:
       spina/attachment:
         few: Документа
@@ -103,6 +119,15 @@ ru:
         many: Пользователей
         one: Пользователь
         other: Пользователей
+  helpers:
+    label:
+      spina/embeds/button:
+        label: Метка кнопки
+        url: URL
+      spina/embeds/vimeo:
+        url: Vimeo URL
+      spina/embeds/youtube:
+        url: Youtube URL
   spina:
     accounts:
       contact_details: Контактная информация
@@ -120,6 +145,7 @@ ru:
       insert: Вставить документ
       insert_multiple: Вставить документы
       upload: Загрузить файлы
+      upload_one: Загрузить файл
     cancel: Отмена
     choose_from_library: Выбрать из библиотеки
     close: Закрыть
@@ -127,6 +153,9 @@ ru:
     delete_confirmation: Вы уверены, что хотите удалить <strong>%{subject}</strong>?
     edit: Редактировать
     edit_website: Редактировать сайт
+    embeds:
+      embed_a_component: Встроить компонент
+      embed_component: Встроить компонент
     forgot_password:
       expired: Срок действия вашего токена для сброса пароля истек
       mail_subject: Сбросить пароль
@@ -150,6 +179,7 @@ ru:
       insert_photo: Вставить фото
       insert_photos: Вставить фото
       link: Ссылка на сайт
+      missing_image: Отсутствует изображение
       new_folder: Новая папка
       organize: Организовать
       remove_image: Удалить изображение
@@ -189,9 +219,9 @@ ru:
       filename: Имя файла
       images: Изображения
       images_count:
-        one: "%{count} изображение"
         few: "%{count} изображения"
         many: "%{count} изображений"
+        one: "%{count} изображение"
         other: "%{count} изображений"
         zero: нет изображений
       insert: Вставить изображение
@@ -213,11 +243,11 @@ ru:
       delete_item: Удалить пункт
       delete_item_confirmation_html: Вы уверены, что хотите <span class='font-semibold'>удалить</span>
         этот пункт меню?
-      description: Добавляйте и сортируйте элементы по своему усмотрению. Вы можете добавлять элементы вложенного меню,
-        но не обязательно.
+      description: Добавляйте и сортируйте элементы по своему усмотрению. Вы можете
+        добавлять элементы вложенного меню, но не обязательно.
       navigations: Навигация
-      no_navigations: На этом веб-сайте еще нет навигации. Вы можете настроить её в своей
-        конфигурации темы.
+      no_navigations: На этом веб-сайте еще нет навигации. Вы можете настроить её
+        в своей конфигурации темы.
       sorting_saved: Сортировка сохранена
     notifications:
       alert: Упс! Что-то пошло не так
@@ -226,16 +256,21 @@ ru:
       wrong_username_or_password: Неправильная почта или пароль
     options:
       choose_option: Выберите вариант
+    page_translations:
+      delete: Удалить перевод (%{translation})
+      delete_confirmation: Вы уверены, что хотите удалить этот перевод <strong>(%{subject})</strong>?
+      deleted: Перевод удален
     pages:
       add_page_to: 'Добавить страницу в:'
       add_translation: Добавить перевод %{language}
       advanced: Дополнительно
       cannot_be_deleted: Страница не может быть удалена
       change_order: Изменить порядок
-      change_view_template: Change view template
+      change_view_template: Изменить шаблон представления
       change_view_template_confirmation: Вы уверены, что хотите сменить шаблон страницы?
         Содержимое страницы, которое не входит в новый шаблон, будет потеряно.
       concept: Концепция
+      couldnt_be_saved: Страница не может быть сохранена
       create: Создать страницу
       create_page: Создать %{template}
       delete: Удалить страницу
@@ -247,8 +282,8 @@ ru:
       invisible_to_search_engines_description: Перейти к вашим параметрам, чтобы активировать
         поисковые системы.
       main_collection: Основная коллекция
-      materialize_path_confirmation: Вы уверены, что хотите перестроить путь для
-        этой страницы?
+      materialize_path_confirmation: Вы уверены, что хотите перестроить путь для этой
+        страницы?
       missing_translations: Отсутствующие переводы
       move_page: Переместить страницу
       moved: Страница перемещена
@@ -272,6 +307,7 @@ ru:
       saved: Страница сохранена
       saving: Сохранение...
       search_engines: Поисковые системы
+      select_page: Выберите страницу
       show_in_menu: Невидимый
       skip_to_first_child: Переход на дочернюю страницу
       sorting_saved: Сортировка сохранена
@@ -318,8 +354,8 @@ ru:
       no_default_template: Нет шаблона по умолчанию
       saved: Коллекция страниц сохранена
       settings: "%{label} настройки"
-      settings_description: Перед всеми страницами в этой коллекции будет стоять
-        этот слаг.
+      settings_description: Перед всеми страницами в этой коллекции будет стоять этот
+        слаг.
     save: Сохранить
     search: Поиск...
     settings:
@@ -335,16 +371,38 @@ ru:
     ui:
       cancel: Отмена
       delete: Удалить
+      delete_item: Удалить %{item}
       load_more: Загрузи больше
       move_to: Перенести в
       new_entry: Новая запись
       optional: По желанию
+      or: или
       rename: Переименовать
+      replace: Заменить
       save_changes: Сохранить изменения
       saving: Сохранение...
+    user_mailer:
+      forgot_password:
+        button: Сбросить пароль
+        introduction: Недавно вы запросили сброс пароля для своей учетной записи Spina
+          CMS. Этот сброс пароля действителен только в течение следующих 2 часов.
+          Скопируйте и вставьте приведенный ниже URL-адрес в свой веб-браузер.
+        introduction_html: Недавно вы запросили сброс пароля для своей учетной записи
+          Spina CMS. Используйте кнопку ниже, чтобы сбросить его. <strong>Этот сброс
+          пароля действителен только в течение следующих 2 часов.</strong>
+        preheader: Воспользуйтесь этой ссылкой, чтобы сбросить пароль. Ссылка действительна
+          только 2 часа.
+        request_origin: В целях безопасности этот запрос был получен с устройства
+          %{platform} с использованием %{browser}. Если вы не запрашивали сброс пароля,
+          проигнорируйте это письмо.
+        salutation: Привет, %{name}
+        subject: Сбросить пароль
+        trouble: Если у вас возникли проблемы с кнопкой выше, скопируйте и вставьте
+          приведенный ниже URL-адрес в свой веб-браузер.
     users:
       authorization: Авторизация
-      authorization_description: Администраторы могут управлять пользователями. Обычные пользователи не могут.
+      authorization_description: Администраторы могут управлять пользователями. Обычные
+        пользователи не могут.
       cannot_be_created: Пользователь не сохранен
       delete: Удалить пользователя
       delete_confirmation_html: Вы уверены, что хотите удалить пользователя <strong>%{user}</strong>?
@@ -353,8 +411,9 @@ ru:
       never_logged_in: Никогда не входил в систему
       new: Новый пользователь
       profile: Профиль
-      profile_description: Эта информация будет использоваться для идентификации разных пользователей.
-        Пользователи будут использовать свой адрес электронной почты для входа в систему.
+      profile_description: Эта информация будет использоваться для идентификации разных
+        пользователей. Пользователи будут использовать свой адрес электронной почты
+        для входа в систему.
       save: Сохранить пользователя
       saved: Пользователь сохранен
     visit_page: Посетите страницу
@@ -363,6 +422,7 @@ ru:
       content: Содержание
       documents: Документы
       images: Картинки
+      main: Основное
       media_library: Медиа библиотека
       media_library_description: Здесь вы найдете все ваши изображения и документы
       pages: Страницы

data/db/migrate/17_add_custom_urls_to_spina_navigation_items.rb

@@ -0,0 +1,18 @@
+class AddCustomUrlsToSpinaNavigationItems < ActiveRecord::Migration[7.0]
+  def change
+    add_column :spina_navigation_items, :url, :string
+    add_column :spina_navigation_items, :url_title, :string
+    add_column :spina_navigation_items, :kind, :string, default: "page", null: false
+
+    reversible do |dir|
+      dir.up do
+        change_column_null :spina_navigation_items, :page_id, true
+      end
+
+      dir.down do
+        Spina::NavigationItem.where(page_id: nil).delete_all
+        change_column_null :spina_navigation_items, :page_id, false
+      end
+    end
+  end
+end

data/lib/generators/spina/install_generator.rb

@@ -46,10 +46,11 @@ module Spina
       account = ::Spina::Account.first
       return if account.theme.present? && (silent_install? || !no?("Theme '#{account.theme}' is set. Skip? [Yn]"))
 
+      default_theme = account.theme || themes.first
       theme = if talkative_install?
-        ask("What theme do you want to use?", limited_to: themes)
+        ask("What theme do you want to use?", limited_to: themes, default: default_theme)
       else
-        account.theme || themes.first
+        default_theme
       end
 
       account.update(theme: theme)

data/lib/generators/spina/tailwind_config_generator.rb

@@ -3,7 +3,13 @@ module Spina
     source_root File.expand_path("../templates", __FILE__)
 
     def create_tailwind_config_file
-      template "app/assets/config/spina/tailwind.config.js"
+      filename = "app/assets/config/spina/tailwind.config.js"
+      template filename
+      insert_into_file ".gitignore", <<~TEXT
+
+        # Ignore auto-generated Spina Tailwind CSS configuration
+        /#{filename}
+      TEXT
     end
   end
 end

data/lib/spina/version.rb

@@ -1,3 +1,3 @@
 module Spina
-  VERSION = "2.15.0"
+  VERSION = "2.16.0"
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: spina
 version: !ruby/object:Gem::Version
-  version: 2.15.0
+  version: 2.16.0
 platform: ruby
 authors:
 - Bram Jetten
-autorequire: 
+autorequire:
 bindir: bin
 cert_chain: []
-date: 2023-05-10 00:00:00.000000000 Z
+date: 2023-08-23 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -1191,11 +1191,13 @@ files:
 - app/assets/javascripts/spina/application.js
 - app/assets/javascripts/spina/controllers/application.js
 - app/assets/javascripts/spina/controllers/attachment_picker_controller.js
+- app/assets/javascripts/spina/controllers/auto_file_upload_controller.js
 - app/assets/javascripts/spina/controllers/autofocus_controller.js
 - app/assets/javascripts/spina/controllers/button_controller.js
 - app/assets/javascripts/spina/controllers/confetti_controller.js
 - app/assets/javascripts/spina/controllers/confirm_controller.js
 - app/assets/javascripts/spina/controllers/delegate_click_controller.js
+- app/assets/javascripts/spina/controllers/editor_insert_images_controller.js
 - app/assets/javascripts/spina/controllers/embed_controller.js
 - app/assets/javascripts/spina/controllers/embed_tag_controller.js
 - app/assets/javascripts/spina/controllers/exists_controller.js
@@ -1240,6 +1242,12 @@ files:
 - app/assets/stylesheets/spina/application.tailwind.css
 - app/assets/stylesheets/spina/fonts.css.erb
 - app/components/spina/application_component.rb
+- app/components/spina/forms/auto_file_upload_component.html.erb
+- app/components/spina/forms/auto_file_upload_component.rb
+- app/components/spina/forms/editor_insert_images_meta_component.html.erb
+- app/components/spina/forms/editor_insert_images_meta_component.rb
+- app/components/spina/forms/file_upload_component.html.erb
+- app/components/spina/forms/file_upload_component.rb
 - app/components/spina/forms/group_component.html.erb
 - app/components/spina/forms/group_component.rb
 - app/components/spina/forms/label_component.rb
@@ -1402,6 +1410,9 @@ files:
 - app/views/spina/admin/move_pages/new.html.erb
 - app/views/spina/admin/navigation_items/_form.html.erb
 - app/views/spina/admin/navigation_items/_navigation_item.html.erb
+- app/views/spina/admin/navigation_items/_page_form.html.erb
+- app/views/spina/admin/navigation_items/_url_form.html.erb
+- app/views/spina/admin/navigation_items/edit.html.erb
 - app/views/spina/admin/navigation_items/new.html.erb
 - app/views/spina/admin/navigations/_navigation.html.erb
 - app/views/spina/admin/navigations/edit.html.erb
@@ -1491,6 +1502,7 @@ files:
 - db/migrate/14_add_json_attributes_to_spina_pages.rb
 - db/migrate/15_add_slug_to_spina_resources.rb
 - db/migrate/16_add_ancestry_cache_columns_to_spina_pages.rb
+- db/migrate/17_add_custom_urls_to_spina_navigation_items.rb
 - db/migrate/1_create_spina_tables.rb
 - db/migrate/2_create_spina_translation_tables.rb
 - db/migrate/3_create_spina_navigations.rb
@@ -1566,8 +1578,8 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 3.1.6
-signing_key: 
+rubygems_version: 3.4.18
+signing_key:
 specification_version: 4
 summary: Spina
 test_files: []