spina-blocks 0.1.1 → 0.1.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 35c34a45bbece79b10d927e3af3bc38edc797da6ad4bcfa767876be2759a71be
-  data.tar.gz: 2bcfc10401d4a9ffddf03bacbb042424af538d7a1a1ca1bcd0bd1161afb7216b
+  metadata.gz: 8080a1b60cf27e9ce3dedd84b24c0eea3bd9059071f5a8983e09281168ab701a
+  data.tar.gz: 4e4e314f77217684b7608810db9c3c98db9955cdcb30dda6a1b3480724f57ae6
 SHA512:
-  metadata.gz: a84d4e1d580e4a1bbc5b5bbd20efa9898137efb226fe1b77851889981bfca5667db60f2082d6cfbcd18186dfed6a3f8cde4d15166beae1c71f19fcb334b9dd08
-  data.tar.gz: 8af333000b3fc5ec1c7f9f4968c3e0f55165d7923010cef8f7ece5b04dbdc62a1943f455af6cb19736be028ace28581cd686384e45d394604ebea8a6e38d325a
+  metadata.gz: d958eaac09962f67d5cf861e27123da4b43e26332533e06575e8adc6ec32e0cbf4855ace4dfc8f9ecc549de3ad712a36b46f60e1e392a7623539dc6c515b9e0b
+  data.tar.gz: 1e4bf92608f2ab86fc28de5ea7e4f220b46d987a4914901dc925d80392136532e8cf43632102599aa0613a24e7e2b9fad8e72d6d8838d8b9a9e425d53e3f1fa6

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

@@ -0,0 +1,209 @@
+import { Controller } from "@hotwired/stimulus";
+import Sortable from "libraries/sortablejs";
+
+export default class extends Controller {
+  static get targets() {
+    return [
+      "list",
+      "hiddenFields",
+      "dropdown",
+      "addButton",
+      "emptyMessage",
+      "listItemTemplate",
+      "groupHeaderTemplate",
+      "dropdownOptionTemplate",
+      "dropdownEmptyTemplate",
+    ];
+  }
+
+  static get values() {
+    return {
+      blocks: Array, // [{id, title, templateName, templateTitle}]
+      selectedIds: Array, // [id, id, ...]
+    };
+  }
+
+  connect() {
+    // Sanitize: filter out any null/NaN/0 values from previously corrupted data
+    this.selectedIdsValue = this.selectedIdsValue.filter((id) => {
+      return id !== null && id !== undefined && !isNaN(id) && id > 0;
+    });
+
+    this.sortable = Sortable.create(this.listTarget, {
+      handle: "[data-sortable-handle]",
+      animation: 150,
+      onEnd: this.reorderHiddenFields.bind(this),
+    });
+    this.render();
+  }
+
+  disconnect() {
+    if (this.sortable) this.sortable.destroy();
+  }
+
+  // --- Actions ---
+
+  add(event) {
+    event.preventDefault();
+    const id = parseInt(event.currentTarget.dataset.blockId);
+    if (this.selectedIdsValue.indexOf(id) !== -1) return;
+
+    this.selectedIdsValue = this.selectedIdsValue.concat([id]);
+    this.render();
+    this.closeDropdown();
+  }
+
+  remove(event) {
+    event.preventDefault();
+    const id = parseInt(event.currentTarget.dataset.blockId);
+    this.selectedIdsValue = this.selectedIdsValue.filter((sid) => sid !== id);
+    this.render();
+  }
+
+  toggleDropdown(event) {
+    event.preventDefault();
+    event.stopPropagation();
+    const dropdown = this.dropdownTarget;
+    if (dropdown.style.display === "none" || dropdown.style.display === "") {
+      this.openDropdown();
+    } else {
+      this.closeDropdown();
+    }
+  }
+
+  closeOnOutsideClick(event) {
+    if (!this.element.contains(event.target)) {
+      this.closeDropdown();
+    }
+  }
+
+  // --- Rendering ---
+
+  render() {
+    this.renderList();
+    this.renderHiddenFields();
+    this.renderDropdown();
+    this.renderEmptyMessage();
+  }
+
+  renderList() {
+    this.listTarget.innerHTML = "";
+    this.selectedIdsValue.forEach((id) => {
+      const block = this.findBlock(id);
+      if (!block) return;
+      this.listTarget.appendChild(this.buildListItem(block));
+    });
+  }
+
+  renderHiddenFields() {
+    const fieldName = this.element.dataset.fieldName;
+    this.hiddenFieldsTarget.innerHTML = "";
+    if (this.selectedIdsValue.length === 0) {
+      // Empty sentinel: ensures the parameter is sent so Rails clears the array
+      const input = document.createElement("input");
+      input.type = "hidden";
+      input.name = fieldName;
+      input.value = "";
+      this.hiddenFieldsTarget.appendChild(input);
+    } else {
+      this.selectedIdsValue.forEach((id) => {
+        const input = document.createElement("input");
+        input.type = "hidden";
+        input.name = fieldName;
+        input.value = id;
+        this.hiddenFieldsTarget.appendChild(input);
+      });
+    }
+  }
+
+  renderDropdown() {
+    const availableBlocks = this.blocksValue.filter((b) => {
+      return this.selectedIdsValue.indexOf(b.id) === -1;
+    });
+
+    this.dropdownTarget.innerHTML = "";
+
+    if (availableBlocks.length === 0) {
+      const empty = this.dropdownEmptyTemplateTarget.content.cloneNode(true);
+      this.dropdownTarget.appendChild(empty);
+      return;
+    }
+
+    // Group by templateTitle
+    const groups = {};
+    availableBlocks.forEach((b) => {
+      const key = b.templateTitle || b.templateName || "Other";
+      if (!groups[key]) groups[key] = [];
+      groups[key].push(b);
+    });
+
+    Object.keys(groups)
+      .sort()
+      .forEach((groupName) => {
+        const header = this.groupHeaderTemplateTarget.content.cloneNode(true);
+        header.querySelector("[data-role='group-name']").textContent =
+          groupName;
+        this.dropdownTarget.appendChild(header);
+
+        groups[groupName].forEach((block) => {
+          const option =
+            this.dropdownOptionTemplateTarget.content.cloneNode(true);
+          const button = option.querySelector("button");
+          button.dataset.blockId = block.id;
+          option.querySelector("[data-role='title']").textContent = block.title;
+          this.dropdownTarget.appendChild(option);
+        });
+      });
+  }
+
+  renderEmptyMessage() {
+    if (this.hasEmptyMessageTarget) {
+      this.emptyMessageTarget.style.display =
+        this.selectedIdsValue.length === 0 ? "" : "none";
+    }
+  }
+
+  // --- Helpers ---
+
+  buildListItem(block) {
+    const fragment = this.listItemTemplateTarget.content.cloneNode(true);
+    const root = fragment.querySelector("[data-block-id]");
+    root.dataset.blockId = block.id;
+    fragment.querySelector("[data-role='title']").textContent = block.title;
+    fragment.querySelector("[data-role='template-label']").textContent =
+      "(" + (block.templateTitle || block.templateName) + ")";
+    fragment.querySelector(
+      "[data-action='block-collection#remove']",
+    ).dataset.blockId = block.id;
+    return fragment;
+  }
+
+  reorderHiddenFields() {
+    // :scope > selects only direct children, not nested buttons that also have data-block-id
+    const items = this.listTarget.querySelectorAll(":scope > [data-block-id]");
+    const ids = [];
+    items.forEach((el) => {
+      ids.push(parseInt(el.dataset.blockId));
+    });
+    this.selectedIdsValue = ids;
+    this.renderHiddenFields();
+  }
+
+  openDropdown() {
+    this.dropdownTarget.style.display = "block";
+    this._outsideClickHandler = this.closeOnOutsideClick.bind(this);
+    document.addEventListener("click", this._outsideClickHandler, true);
+  }
+
+  closeDropdown() {
+    this.dropdownTarget.style.display = "none";
+    if (this._outsideClickHandler) {
+      document.removeEventListener("click", this._outsideClickHandler, true);
+      this._outsideClickHandler = null;
+    }
+  }
+
+  findBlock(id) {
+    return this.blocksValue.find((b) => b.id === id);
+  }
+}

data/app/controllers/spina/blocks/admin/blocks_controller.rb

@@ -27,6 +27,7 @@ module Spina
         end
 
         def new
+          @block_templates = current_theme.try(:block_templates) || []
           @block = Spina::Blocks::Block.new(block_template: params[:block_template])
         end
 
@@ -35,6 +36,7 @@ module Spina
           if @block.save
             redirect_to spina.edit_blocks_admin_block_url(@block)
           else
+            @block_templates = current_theme.try(:block_templates) || []
             render turbo_stream: turbo_stream.update(
               helpers.dom_id(@block, :new_block_form),
               partial: 'new_block_form'

data/app/models/spina/parts/block_collection.rb

@@ -7,6 +7,11 @@ module Spina
 
       attr_accessor :options
 
+      # Defense: strip nils, zeros, and blanks that may sneak in from form submissions
+      def block_ids=(value)
+        super(Array(value).reject(&:blank?).map(&:to_i).reject(&:zero?).uniq)
+      end
+
       def content
         return [] if block_ids.blank?
 

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

@@ -1,24 +1,108 @@
-<div class="mt-6">
+<%
+  blocks = Spina::Blocks::Block.active.sorted
+  selected_ids = f.object.block_ids || []
+  field_name = "#{f.object_name}[block_ids][]"
+
+  # Build block_templates title lookup from current theme
+  template_titles = {}
+  if defined?(current_theme) && current_theme.respond_to?(:block_templates)
+    current_theme.block_templates.each do |bt|
+      template_titles[bt[:name].to_s] = bt[:title].to_s
+    end
+  end
+
+  # Build JSON data for Stimulus controller
+  blocks_json = blocks.map { |b|
+    {
+      id: b.id,
+      title: b.title,
+      templateName: b.block_template.to_s,
+      templateTitle: template_titles[b.block_template.to_s] || b.block_template.to_s.titleize
+    }
+  }
+%>
+
+<div class="mt-6"
+     data-controller="block-collection"
+     data-block-collection-blocks-value="<%= blocks_json.to_json %>"
+     data-block-collection-selected-ids-value="<%= selected_ids.to_json %>"
+     data-field-name="<%= field_name %>">
+
   <label class="block text-sm leading-5 font-medium text-gray-700"><%= f.object.title %></label>
   <% if f.object.hint.present? %>
-    <div class="text-gray-400 text-sm"><%= f.object.hint %></div>
+    <div class="text-gray-400 text-sm mb-2"><%= f.object.hint %></div>
   <% end %>
-  <div class="mt-1">
-    <% blocks = Spina::Blocks::Block.active.sorted %>
-    <% selected_ids = f.object.block_ids || [] %>
-    <div class="space-y-2">
-      <% blocks.each do |block| %>
-        <label class="flex items-center space-x-2 cursor-pointer">
-          <input type="checkbox"
-                 name="<%= f.object_name %>[block_ids][]"
-                 value="<%= block.id %>"
-                 <%= 'checked' if selected_ids.include?(block.id) %>
-                 class="form-checkbox rounded text-spina border-gray-300">
-          <span class="text-sm text-gray-700"><%= block.title %></span>
-          <span class="text-xs text-gray-400">(<%= block.block_template %>)</span>
-        </label>
-      <% end %>
+
+  <%# Empty state message %>
+  <div data-block-collection-target="emptyMessage"
+       class="text-sm text-gray-400 italic py-3"
+       style="<%= selected_ids.any? ? 'display:none' : '' %>">
+    No blocks selected. Click &ldquo;Add block&rdquo; to get started.
+  </div>
+
+  <%# Sortable list of selected blocks (rendered by Stimulus) %>
+  <div data-block-collection-target="list" class="space-y-1 mb-3"></div>
+
+  <%# Hidden fields container (rendered by Stimulus) %>
+  <div data-block-collection-target="hiddenFields"></div>
+
+  <%# Add block button + dropdown %>
+  <div class="relative inline-block">
+    <button type="button"
+            data-action="block-collection#toggleDropdown"
+            data-block-collection-target="addButton"
+            class="inline-flex items-center px-3 py-1.5 border border-gray-300 shadow-sm text-sm font-medium rounded-md text-gray-700 bg-white hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-spina">
+      <svg class="w-4 h-4 mr-1.5 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6v6m0 0v6m0-6h6m-6 0H6"/>
+      </svg>
+      Add block
+    </button>
+
+    <div data-block-collection-target="dropdown"
+         style="display:none"
+         class="absolute z-10 mt-1 w-64 bg-white border border-gray-200 rounded-md shadow-lg py-1 max-h-60 overflow-y-auto">
     </div>
-    <input type="hidden" name="<%= f.object_name %>[block_ids][]" value="">
   </div>
+
+  <%# ===== Templates for Stimulus controller ===== %>
+
+  <%# Selected block list item %>
+  <template data-block-collection-target="listItemTemplate">
+    <div class="flex items-center bg-white border border-gray-200 rounded-md px-3 py-2 shadow-sm group" data-block-id="">
+      <button type="button" data-sortable-handle class="mr-2 text-gray-300 hover:text-gray-500 cursor-grab" title="Drag to reorder">
+        <svg class="w-4 h-4" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
+          <path d="M432 288H16c-8.8 0-16 7.2-16 16v16c0 8.8 7.2 16 16 16h416c8.8 0 16-7.2 16-16v-16c0-8.8-7.2-16-16-16zm0-112H16c-8.8 0-16 7.2-16 16v16c0 8.8 7.2 16 16 16h416c8.8 0 16-7.2 16-16v-16c0-8.8-7.2-16-16-16z"/>
+        </svg>
+      </button>
+      <div class="flex-1 min-w-0">
+        <span class="text-sm font-medium text-gray-800 truncate" data-role="title"></span>
+        <span class="ml-2 text-xs text-gray-400" data-role="template-label"></span>
+      </div>
+      <button type="button" class="ml-2 text-gray-300 hover:text-red-500 transition-colors"
+              data-action="block-collection#remove" data-block-id="" title="Remove">
+        <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/>
+        </svg>
+      </button>
+    </div>
+  </template>
+
+  <%# Dropdown group header %>
+  <template data-block-collection-target="groupHeaderTemplate">
+    <div class="px-3 py-1.5 text-xs font-semibold text-gray-400 uppercase tracking-wider" data-role="group-name"></div>
+  </template>
+
+  <%# Dropdown option (available block) %>
+  <template data-block-collection-target="dropdownOptionTemplate">
+    <button type="button"
+            class="w-full text-left px-3 py-2 text-sm text-gray-700 hover:bg-gray-100 flex items-center"
+            data-action="block-collection#add" data-block-id="">
+      <span data-role="title"></span>
+    </button>
+  </template>
+
+  <%# Dropdown empty state %>
+  <template data-block-collection-target="dropdownEmptyTemplate">
+    <div class="px-3 py-2 text-sm text-gray-400 italic">All blocks added</div>
+  </template>
 </div>

data/app/views/spina/blocks/admin/blocks/_new_block_form.html.erb

@@ -1,15 +1,23 @@
 <%= turbo_frame_tag dom_id(@block, :new_block_form) do %>
   <%= form_with model: @block, url: spina.blocks_admin_blocks_path, data: {turbo_frame: "_top"} do |f| %>
-    <%= f.hidden_field :block_template %>
-
     <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.blocks.new') %>
-            <span class="text-gray-400 text-sm">(<%= f.object.block_template %>)</span>
           </h3>
 
+          <div class="mt-4">
+            <label for="block_block_template" class="block text-sm font-medium text-gray-700 mb-1">
+              <%= t('spina.blocks.block_type') %>
+            </label>
+            <%= f.select :block_template,
+                  @block_templates.map { |bt| [bt[:title], bt[:name]] },
+                  { include_blank: t('spina.blocks.select_block_type') },
+                  class: "block w-full rounded-md border-gray-300 shadow-xs focus:border-blue-500 focus:ring-blue-500 text-sm",
+                  required: true %>
+          </div>
+
           <div class="mt-3">
             <%= render Spina::Forms::TextFieldComponent.new(f, :title, size: 'lg', autofocus: true) %>
           </div>

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

@@ -2,48 +2,63 @@
   <% header.with_actions do %>
     <% block_templates = current_theme.try(:block_templates) || [] %>
     <% if block_templates.any? %>
-      <div class="relative" data-controller="reveal" data-reveal-away-value>
-        <button type="button" class="btn btn-primary" data-action="reveal#toggle">
-          <%= heroicon('plus', style: :mini, class: 'w-4 h-4 mr-1 -ml-1') %>
-          <%= t('spina.blocks.new') %>
-        </button>
+      <%= link_to spina.new_blocks_admin_block_path,
+            class: "btn btn-primary",
+            data: {turbo_frame: "modal"} do %>
+        <%= heroicon('plus', style: :mini, class: 'w-4 h-4 mr-1 -ml-1') %>
+        <%= t('spina.blocks.new') %>
+      <% end %>
+    <% end %>
+  <% end %>
+
+  <% header.with_navigation do %>
+    <% if @block_templates.any? %>
+      <nav class="-mb-1 md:-mb-3 mt-4">
+        <div class="relative inline-block" data-controller="reveal" data-reveal-away-value>
+          <button type="button"
+                  class="inline-flex items-center px-3 py-1.5 rounded-md text-sm font-medium bg-white border border-gray-300 text-gray-700 shadow-xs hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500"
+                  data-action="reveal#toggle">
+            <% if @current_block_template.present? %>
+              <% current_bt = @block_templates.find { |bt| bt[:name].to_s == @current_block_template } %>
+              <%= current_bt ? current_bt[:title] : @current_block_template %>
+            <% else %>
+              <%= heroicon('squares-2x2', class: 'h-4 w-4 mr-1.5 -ml-0.5 opacity-75') %>
+              <%= t('spina.blocks.all') %>
+            <% end %>
+            <%= heroicon('chevron-down', style: :mini, class: 'w-4 h-4 ml-1.5 -mr-0.5 opacity-50') %>
+          </button>
 
-        <div hidden data-reveal data-transition class="origin-top-right absolute right-0 mt-2 w-56 rounded-md shadow-lg border border-gray-200 z-30">
-          <div class="rounded-md bg-white shadow-xs py-1">
-            <% block_templates.each do |bt| %>
-              <%= link_to spina.new_blocks_admin_block_path(block_template: bt[:name]),
-                    class: "block px-4 py-2 text-sm font-medium leading-5 text-gray-700 hover:bg-gray-100 hover:text-gray-900",
-                    data: {turbo_frame: "modal", action: "reveal#hide"} do %>
-                <%= bt[:title] %>
-                <% if bt[:description].present? %>
-                  <span class="text-gray-400 text-xs block"><%= bt[:description] %></span>
+          <div hidden data-reveal data-transition class="origin-top-left absolute left-0 mt-2 w-56 rounded-md shadow-lg border border-gray-200 z-30">
+            <div class="rounded-md bg-white shadow-xs py-1">
+              <%= link_to spina.blocks_admin_blocks_path,
+                    class: "flex items-center px-4 py-2 text-sm font-medium leading-5 #{@current_block_template.nil? ? 'text-blue-600 bg-blue-50' : 'text-gray-700 hover:bg-gray-100 hover:text-gray-900'}",
+                    data: {action: "reveal#hide"} do %>
+                <%= heroicon('squares-2x2', class: 'h-4 w-4 mr-2 opacity-75') %>
+                <%= t('spina.blocks.all') %>
+                <% if @current_block_template.nil? %>
+                  <%= heroicon('check', style: :mini, class: 'w-4 h-4 ml-auto opacity-75') %>
                 <% end %>
               <% end %>
-            <% end %>
+
+              <div class="border-t border-gray-100 my-1"></div>
+
+              <% @block_templates.each do |bt| %>
+                <% active = @current_block_template == bt[:name].to_s %>
+                <%= link_to spina.blocks_admin_blocks_path(block_template: bt[:name]),
+                      class: "flex items-center px-4 py-2 text-sm font-medium leading-5 #{active ? 'text-blue-600 bg-blue-50' : 'text-gray-700 hover:bg-gray-100 hover:text-gray-900'}",
+                      data: {action: "reveal#hide"} do %>
+                  <span class="flex-1"><%= bt[:title] %></span>
+                  <% if active %>
+                    <%= heroicon('check', style: :mini, class: 'w-4 h-4 ml-2 opacity-75') %>
+                  <% end %>
+                <% end %>
+              <% end %>
+            </div>
           </div>
         </div>
-      </div>
+      </nav>
     <% end %>
   <% end %>
-
-  <% header.with_navigation do %>
-    <nav class="-mb-1 md:-mb-3 mt-4">
-      <ul class="inline-flex flex-wrap w-auto rounded-md bg-white">
-        <%= render Spina::UserInterface::TabLinkComponent.new(spina.blocks_admin_blocks_path, active: @current_block_template.nil?) do %>
-          <%= heroicon('squares-2x2', class: 'h-4 w-4 mr-1 -ml-1 opacity-75') %>
-          <%= t('spina.blocks.all') %>
-        <% end %>
-
-        <% @block_templates.each do |bt| %>
-          <%= render Spina::UserInterface::TabLinkComponent.new(
-                spina.blocks_admin_blocks_path(block_template: bt[:name]),
-                active: @current_block_template == bt[:name].to_s) do %>
-            <%= bt[:title] %>
-          <% end %>
-        <% end %>
-      </ul>
-    </nav>
-  <% end %>
 <% end %>
 
 <% if @blocks.any? %>

data/config/locales/en.yml

@@ -17,6 +17,8 @@ en:
       category: "Category"
       no_category: "— No category —"
       select_block: "— Select block —"
+      block_type: "Block type"
+      select_block_type: "— Select block type —"
       no_blocks_yet: "No blocks yet. Create your first block to get started."
       inactive: "Inactive"
       uncategorized: "Uncategorized"

data/lib/spina/blocks/engine.rb

@@ -34,6 +34,17 @@ module Spina
         end
       end
 
+      initializer 'spina.blocks.importmap', before: 'spina.blocks.register_parts' do
+        Spina.config.importmap.draw do
+          pin_all_from Spina::Blocks::Engine.root.join('app/assets/javascripts/spina/controllers'),
+                       under: 'controllers', to: 'spina/controllers'
+        end
+      end
+
+      initializer 'spina.blocks.assets.precompile' do |app|
+        app.config.assets.precompile += %w[spina/controllers/block_collection_controller.js] if defined?(Sprockets)
+      end
+
       initializer 'spina.blocks.register_parts' do
         config.to_prepare do
           ::Spina::Part.register(
@@ -54,6 +65,7 @@ module Spina
       initializer 'spina.blocks.tailwind_content' do
         ::Spina.config.tailwind_content << "#{Spina::Blocks::Engine.root}/app/views/**/*.*"
         ::Spina.config.tailwind_content << "#{Spina::Blocks::Engine.root}/app/helpers/**/*.*"
+        ::Spina.config.tailwind_content << "#{Spina::Blocks::Engine.root}/app/assets/javascripts/**/*.js"
       end
 
       initializer 'spina.blocks.i18n' do

data/lib/spina/blocks/version.rb

@@ -2,6 +2,6 @@
 
 module Spina
   module Blocks
-    VERSION = '0.1.1'
+    VERSION = '0.1.2'
   end
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: spina-blocks
 version: !ruby/object:Gem::Version
-  version: 0.1.1
+  version: 0.1.2
 platform: ruby
 authors:
 - Konstantin Kanashchuk
@@ -34,6 +34,7 @@ extra_rdoc_files: []
 files:
 - README.md
 - Rakefile
+- app/assets/javascripts/spina/controllers/block_collection_controller.js
 - app/controllers/spina/blocks/admin/blocks_controller.rb
 - app/controllers/spina/blocks/admin/categories_controller.rb
 - app/controllers/spina/blocks/admin/page_blocks_controller.rb