iron-cms 0.1.0

data/app/views/iron/content_types/index.html.erb

@@ -0,0 +1,28 @@
+<% content_for :title, "Content types" %>
+
+<div class="space-y-8">
+  <div class="flex justify-between items-center">
+    <h1 class="page-title">Content Types</h1>
+    <div class="flex items-center gap-2">
+      <%= link_to "Export",
+      export_schema_path,
+      class: "btn",
+      data: {
+        variant: "outline",
+        turbo: false,
+      } %>
+      <%= link_to "Import", schema_path, class: "btn", data: { variant: "outline" } %>
+      <%= link_to "New Content Type", new_content_type_path, class: "btn" %>
+    </div>
+  </div>
+
+  <div
+    id="content_types"
+    class="
+      bg-white dark:bg-stone-800/50 rounded-lg shadow-sm divide-y divide-stone-200
+      dark:divide-stone-700/20 overflow-hidden
+    "
+  >
+    <%= render @content_types %>
+  </div>
+</div>

data/app/views/iron/content_types/new.html.erb

@@ -0,0 +1,8 @@
+<% content_for :title, "New content type" %>
+
+<div class="">
+  <%= back_button_to "Content Types", content_types_path %>
+  <h1 class="page-title">New content type</h1>
+
+  <%= render "form", content_type: @content_type %>
+</div>

data/app/views/iron/content_types/show.html.erb

@@ -0,0 +1,49 @@
+<% content_for :title, "#{@content_type.name} content type" %>
+
+<div id="<%= dom_id @content_type %>">
+  <%= back_button_to "Content Types", content_types_path %>
+  <div class="flex justify-between">
+    <h1 class="page-title"><%= @content_type.name %></h1>
+    <div>
+      <%= link_to "Edit",
+      edit_content_type_path(@content_type),
+      class: "btn",
+      data: {
+        variant: "outline",
+      } %>
+      <div class="mt-4 inline-block ml-2">
+        <%= button_to "Destroy",
+        @content_type,
+        method: :delete,
+        class: "btn",
+        data: {
+          color: "destructive",
+        } %>
+      </div>
+    </div>
+  </div>
+  <p class="dark:text-stone-400"><%= @content_type.description %></p>
+  <p class="text-sm text-stone-500 dark:text-stone-400 mt-2">
+    Type: <%= badge @content_type.single? ? "Single" : "Collection", variant: @content_type.single? ? "blue" : "green" %>
+  </p>
+
+  <ul
+    id="fields"
+    class="
+      bg-white dark:bg-stone-800/50 rounded-lg shadow-sm divide-y divide-stone-200
+      dark:divide-stone-700/20 overflow-hidden mt-8
+    "
+    data-controller="sortable-list"
+  >
+    <% @content_type.field_definitions.each do |field_definition| %>
+      <%= render "iron/field_definitions/field_definition",
+      field_definition: field_definition %>
+    <% end %>
+  </ul>
+
+  <div class="mt-4">
+    <%= link_to "+ Add new field",
+    new_content_type_field_definition_path(@content_type),
+    class: "btn" %>
+  </div>
+</div>

data/app/views/iron/entries/_entry.html.erb

@@ -0,0 +1,17 @@
+<%# locals: (entry:) -%>
+
+<div id="<%= dom_id entry %>" class="relative">
+  <%= link_to edit_entry_path(entry), class: "block px-6 py-4 hover:bg-stone-50 dark:hover:bg-stone-800/50 transition-colors" do %>
+    <div class="flex items-start justify-between gap-4 pr-6">
+      <div class="flex flex-col sm:flex-row sm:items-center sm:gap-8 min-w-0 flex-1">
+        <div class="flex items-center gap-3 shrink-0">
+          <h3 class="text-base font-semibold text-stone-900 dark:text-white truncate"><%= entry.title %></h3>
+        </div>
+      </div>
+    </div>
+
+    <div class="absolute right-6 top-1/2 -translate-y-1/2 flex items-center gap-4">
+      <%= icon "chevron-right", class: "text-stone-400 dark:text-stone-500" %>
+    </div>
+  <% end %>
+</div>

data/app/views/iron/entries/_entry_option.html.erb

@@ -0,0 +1,19 @@
+<%# locals: (entry:, reference_list_dom_id:, form_field_name:) -%>
+
+<div id="<%= dom_id entry %>" class="relative">
+  <%= link_to new_reference_path(
+          reference_list_dom_id:,
+          form_field_name:,
+          entry_id: entry
+        ),
+        data: { turbo_stream: true },
+        class: "block px-2 py-2 hover:bg-stone-50 dark:hover:bg-stone-700/50 transition-colors rounded-lg" do %>
+    <div class="flex items-start justify-between gap-4 pr-6">
+      <div class="flex flex-col sm:flex-row sm:items-center sm:gap-8 min-w-0 flex-1">
+        <div class="flex items-center gap-3 shrink-0">
+          <h3 class="text-base font-semibold text-stone-900 dark:text-white truncate"><%= entry.title %></h3>
+        </div>
+      </div>
+    </div>
+  <% end %>
+</div>

data/app/views/iron/entries/_form.html.erb

@@ -0,0 +1,63 @@
+<%# locals: (entry:, locale:) -%>
+
+<%= form_with(model: entry.persisted? ? entry : [ entry.content_type, entry ], class: "") do |form| %>
+  <%= hidden_field_tag :locale, locale.code %>
+
+  <div class="field-group">
+    <% entry.content_type.field_definitions.each do |definition| %>
+      <% field = entry.find_or_build_field(definition, locale) %>
+      <%= form.fields_for :fields, field do |builder| %>
+        <%= render "iron/entries/fields/#{field.type_handle}",
+        field: field,
+        builder: builder %>
+      <% end %>
+    <% end %>
+  </div>
+
+  <% if entry.content_type.web_publishing_enabled? %>
+    <fieldset class="mt-6">
+      <legend>Web Publishing</legend>
+
+      <div class="field">
+        <%= form.label :route, "Route" %>
+        <div>
+          <%= form.text_field :route,
+                          placeholder: "e.g., 'about' or 'company/team'",
+                          pattern: "[a-z0-9\\-\\/]*",
+                          title:
+                            "Only lowercase letters, numbers, hyphens and slashes allowed" %>
+          <% if entry.content_type.base_path.present? %>
+            <p class="text-sm text-stone-500 mt-1">
+              URL:
+              <%= entry.content_type.path_for(entry) || "/#{entry.content_type.base_path}/[route]" %>
+            </p>
+          <% else %>
+            <p class="text-sm text-stone-500 mt-1">
+              URL:
+              <%= entry.route.blank? ? "/" : "/#{entry.route}" %>
+            </p>
+          <% end %>
+          <%= form.error_for :route %>
+        </div>
+      </div>
+
+      <div class="field">
+        <%= form.label :use_as_index do %>
+          <%= form.check_box :use_as_index %>
+          Use as index page
+        <% end %>
+        <p class="text-sm text-stone-500 mt-1">
+          <% if entry.content_type.base_path.present? %>
+            Check this to make this entry available at /<%= entry.content_type.base_path %>/
+          <% else %>
+            Check this to make this entry the site home page at /
+          <% end %>
+        </p>
+      </div>
+    </fieldset>
+  <% end %>
+
+  <div class="mt-4">
+    <%= form.submit %>
+  </div>
+<% end %>

data/app/views/iron/entries/edit.html.erb

@@ -0,0 +1,52 @@
+<div class="py-4">
+  <%= back_button_to "#{@entry.content_type.name} entries",
+  content_type_entries_path(@entry.content_type) %>
+  <div class="flex justify-between">
+    <div>
+      <h1 class="page-title"><%= @entry.title %></h1>
+      <div class="flex gap-2">
+        <% if @entry.creator %>
+          <p class="text-sm text-stone-500">Created by
+            <span class="font-bold"><%= @entry.creator.name %></span>
+          </p>
+        <% end %>
+        <div class="text-sm text-stone-500">
+          Last updated:
+          <%= @entry.updated_at %>
+        </div>
+      </div>
+    </div>
+    <div class="flex items-center space-x-2">
+      <% if Iron::Locale.count > 1 %>
+        <%= form_with method: :get do |form| %>
+          <%= form.collection_select :locale,
+                                 Iron::Locale.all,
+                                 :code,
+                                 :name,
+                                 { selected: params[:locale] },
+                                 onchange: "this.form.requestSubmit()",
+                                 class: "select" %>
+        <% end %>
+      <% end %>
+      <% if @entry.content_type.web_publishing_enabled? && !@entry.route.nil? %>
+        <%= link_to "View",
+        @entry.path,
+        target: "_blank",
+        rel: "noopener",
+        class: "btn",
+        data: {
+          color: "secondary",
+        } %>
+      <% end %>
+      <%= button_to "Destroy",
+      entry_path(@entry),
+      method: :delete,
+      class: "btn",
+      data: {
+        color: "destructive",
+      } %>
+    </div>
+  </div>
+
+  <%= render "form", entry: @entry, locale: @locale %>
+</div>

data/app/views/iron/entries/entry.html.erb

@@ -0,0 +1,21 @@
+<% content_for :title, @content_type.name %>
+
+<div class="py-4">
+  <div class="flex justify-between">
+    <h1 class="page-title"><%= @content_type.name %></h1>
+    <% if Iron::Locale.count > 1 %>
+      <%= form_with method: :get do |form| %>
+        <%= form.collection_select :locale,
+                              Iron::Locale.all,
+                              :code,
+                              :name,
+                              { selected: params[:locale] },
+                              onchange: "this.form.requestSubmit()",
+                              class: "select" %>
+      <% end %>
+    <% end %>
+  </div>
+
+  <%= render "form", entry: @entry, locale: @locale %>
+</div>
+

data/app/views/iron/entries/fields/_block.html.erb

@@ -0,0 +1,92 @@
+<%# locals: (builder:, field:) -%>
+
+<% block = field %>
+
+<% if block.block_list.present? %>
+
+  <div
+    class="has-[>_.destroy:checked]:hidden flex items-start space-x-1"
+    data-sortable-list-target="item"
+  >
+    <%= builder.check_box :_destroy, class: "destroy hidden", data: { destroy: "" } %>
+    <button
+      type="button"
+      class="handle btn rounded-sm"
+      data-variant="plain"
+      data-sortable-list-target="handle"
+    >
+      <%= icon "grip-vertical" %>
+    </button>
+    <details class="group grow border border-stone-800 rounded-lg" open>
+      <summary
+        class="
+          relative flex items-center justify-between px-4 py-3 cursor-pointer
+          transition-all hover:bg-stone-800/50 rounded-t-lg select-none
+        "
+      >
+        <span class="font-medium text-base/6 sm:text-sm/5">
+          <%= block.definition.name %>
+        </span>
+        <div class="flex items-center gap-2">
+          <%= builder.label :_destroy, class: "btn", data: { variant: "plain", color: "destructive" } do %>
+            <%= icon "trash" %>
+          <% end %>
+          <%= icon "chevron-down", class: "transition-transform group-open:rotate-180" %>
+        </div>
+      </summary>
+
+      <%= builder.hidden_field :locale_id %>
+      <%= builder.hidden_field :rank, data: { sortable_list_target: "rank" } %>
+      <%= builder.hidden_field :definition_id %>
+      <%= builder.hidden_field :definition_type %>
+      <%= builder.hidden_field :type %>
+
+      <div class="p-4 space-y-4">
+        <% block.definition.field_definitions.each do |definition| %>
+          <% block_field = block.find_or_build_field(definition) %>
+          <%= builder.fields_for :fields, block_field do |field_builder| %>
+            <%= render "iron/entries/fields/#{block_field.type_handle}",
+            builder: field_builder,
+            field: block_field %>
+          <% end %>
+        <% end %>
+      </div>
+    </details>
+  </div>
+
+<% else %>
+
+  <fieldset class="border border-stone-800 p-4 rounded-lg">
+    <legend
+      class="px-2 bg-stone-700 rounded-sm font-medium text-base/6 sm:text-sm/5"
+    >
+      <%= block.definition.name %>
+    </legend>
+
+    <%= builder.hidden_field :locale_id %>
+    <%= builder.hidden_field :definition_id %>
+    <%= builder.hidden_field :definition_type %>
+    <%= builder.hidden_field :type %>
+
+    <% if block.definition.supported_block_definition.present? %>
+      <div class="space-y-4">
+        <% block.definition.supported_block_definition.field_definitions.each do |definition| %>
+          <% block_field = block.find_or_build_field(definition) %>
+          <%= builder.fields_for :fields, block_field do |field_builder| %>
+            <%= render "iron/entries/fields/#{block_field.type_handle}",
+            builder: field_builder,
+            field: block_field %>
+          <% end %>
+        <% end %>
+      </div>
+    <% else %>
+      <div class="flex gap-3 items-center">
+        <p class="text-red-400">Missing block definition!</p>
+        <%= link_to "Edit field definition",
+        edit_field_definition_path(block.definition),
+        class: "btn" %>
+      </div>
+    <% end %>
+  </fieldset>
+
+<% end %>

data/app/views/iron/entries/fields/_block_list.html.erb

@@ -0,0 +1,45 @@
+<%# locals: (builder:, field:) -%>
+
+<% block_list = field %>
+
+<fieldset class="border border-stone-800 p-4 rounded-lg">
+  <legend
+    class="px-2 bg-stone-700 rounded-sm font-medium text-base/6 sm:text-sm/5"
+  ><%= block_list.definition.name %></legend>
+
+  <%= builder.hidden_field :locale_id %>
+  <%= builder.hidden_field :definition_id %>
+  <%= builder.hidden_field :definition_type %>
+  <%= builder.hidden_field :type %>
+
+  <div
+    id="<%= dom_id(block_list.definition) %>"
+    class="space-y-4"
+    data-controller="sortable-list"
+  >
+    <% block_list.blocks.each  do |block| %>
+      <%= builder.fields_for :blocks, block do |block_builder| %>
+        <%= render "iron/entries/fields/block", builder: block_builder, field: block %>
+      <% end %>
+    <% end %>
+  </div>
+
+  <ul class="flex gap-2 mt-4">
+    <% block_list.definition.supported_block_definitions.each do |block_definition| %>
+      <li>
+        <%= link_to "+ #{block_definition.name}",
+        new_block_path(
+          block_list_field_definition_id: block_list.definition.id,
+          block_definition_id: block_definition.id,
+          locale_id: block_list.locale.id,
+          form_field_name: builder.field_name(:blocks_attributes),
+        ),
+        data: {
+          turbo_stream: true,
+        },
+        class: "btn" %>
+      </li>
+    <% end %>
+  </ul>
+
+</fieldset>

data/app/views/iron/entries/fields/_boolean.html.erb

@@ -0,0 +1,13 @@
+<%# locals: (builder:, field:) -%>
+
+<div class="field">
+  <%= builder.hidden_field :locale_id %>
+  <%= builder.hidden_field :definition_id %>
+  <%= builder.hidden_field :definition_type %>
+  <%= builder.hidden_field :type %>
+
+  <div class="flex items-center space-x-2">
+    <%= builder.check_box :value_boolean %>
+    <%= builder.label :value_boolean, field.definition.name %>
+  </div>
+</div>

data/app/views/iron/entries/fields/_date.html.erb

@@ -0,0 +1,11 @@
+<%# locals: (builder:, field:) -%>
+
+<div class="field">
+  <%= builder.hidden_field :locale_id %>
+  <%= builder.hidden_field :definition_id %>
+  <%= builder.hidden_field :definition_type %>
+  <%= builder.hidden_field :type %>
+
+  <%= builder.label :value_datetime, field.definition.name %>
+  <%= builder.datetime_field :value_datetime, class: "input" %>
+</div>

data/app/views/iron/entries/fields/_file.html.erb

@@ -0,0 +1,60 @@
+<%# locals: (builder:, field:) -%>
+
+<div class="field" data-controller="file-upload">
+  <%= builder.hidden_field :locale_id %>
+  <%= builder.hidden_field :definition_id %>
+  <%= builder.hidden_field :definition_type %>
+  <%= builder.hidden_field :type %>
+
+  <%= builder.label :file do %>
+    <%= field.definition.name %>
+  <% end %>
+  <% if field.definition.file_scope == "specific" %>
+    <p class="text-xs text-stone-500 mt-1 mb-2">
+      <%= field.definition.validation_description %>
+    </p>
+  <% end %>
+  <div
+    class="
+      flex items-center justify-center w-96 h-60 rounded-lg overflow-hidden
+      bg-stone-700
+    "
+  >
+    <% if field.file.attached? && field.valid? %>
+      <%= image_tag field.file,
+      class: "h-full w-full object-cover object-center",
+      data: {
+        file_upload_target: "preview",
+      } %>
+    <% else %>
+      <p data-file-upload-target="placeholder">No file attached</p>
+      <img
+        aria-hidden="true"
+        alt="<%= field.definition.name %> preview"
+        class="h-full w-full object-cover object-center hidden"
+        data-file-upload-target="preview"
+      >
+    <% end %>
+  </div>
+  <%= builder.label :file, "Change", class: "btn mt-2" %>
+  <%= builder.file_field :file,
+                     class: "hidden",
+                     accept:
+                       (
+                         if field.definition.file_scope == "specific"
+                           field
+                             .definition
+                             .accepted_extensions
+                             &.map { |ext| ".#{ext}" }
+                             &.join(",")
+                         else
+                           nil
+                         end
+                       ),
+                     data: {
+                       action: "file-upload#preview",
+                     } %>
+  <% if field.errors.any? %>
+    <p class="text-sm text-red-600 mt-1"><%= field.errors.full_messages.join(", ") %></p>
+  <% end %>
+</div>

data/app/views/iron/entries/fields/_number.html.erb

@@ -0,0 +1,11 @@
+<%# locals: (builder:, field:) -%>
+
+<div class="field">
+  <%= builder.hidden_field :locale_id %>
+  <%= builder.hidden_field :definition_id %>
+  <%= builder.hidden_field :definition_type %>
+  <%= builder.hidden_field :type %>
+
+  <%= builder.label :value_float, field.definition.name %>
+  <%= builder.number_field :value_float %>
+</div>

data/app/views/iron/entries/fields/_reference.html.erb

@@ -0,0 +1,12 @@
+<%# locals: (builder:, field:) -%>
+
+<div class="field">
+  <%= builder.hidden_field :locale_id %>
+  <%= builder.hidden_field :definition_id %>
+  <%= builder.hidden_field :definition_type %>
+  <%= builder.hidden_field :type %>
+
+  <%= builder.label :referenced_entry_id, field.definition.name %>
+  <% entries = Iron::Entry.with_content_type(field.definition.supported_content_types.pluck(:id)) %>
+  <%= builder.collection_select :referenced_entry_id, entries, :id, :title, { include_blank: "Select an entry" }, { class: "select" } %>
+</div>

data/app/views/iron/entries/fields/_reference_item.html.erb

@@ -0,0 +1,28 @@
+<%# locals: (builder:, reference:) -%>
+
+<div
+  class="relative has-[>_.destroy:checked]:hidden flex items-center space-x-1"
+  data-sortable-list-target="item"
+>
+  <%= builder.check_box :_destroy, class: "destroy hidden", data: { destroy: "" } %>
+  <button
+    type="button"
+    class="handle btn"
+    data-variant="plain"
+    data-sortable-list-target="handle"
+  >
+    <%= icon "grip-vertical" %>
+  </button>
+  <div class="flex items-center justify-between w-full">
+    <%= builder.hidden_field :rank, data: { sortable_list_target: "rank" } %>
+    <%= builder.hidden_field :entry_id %>
+
+    <p><%= reference.entry.title %></p>
+
+    <div class="">
+      <%= builder.label :_destroy, class: "btn", data: { variant: "plain", color: "destructive" } do %>
+        <%= icon "trash" %>
+      <% end %>
+    </div>
+  </div>
+</div>

data/app/views/iron/entries/fields/_reference_list.html.erb

@@ -0,0 +1,44 @@
+<%# locals: (builder:, field:) -%>
+
+<% reference_list = field %>
+<% reference_list_dom_id = dom_id(reference_list, unique_id) %>
+
+<fieldset class="border border-stone-800 p-4 rounded-lg">
+  <legend
+    class="px-2 bg-stone-700 rounded-sm font-medium text-base/6 sm:text-sm/5"
+  ><%= reference_list.definition.name %></legend>
+
+  <%= builder.hidden_field :locale_id %>
+  <%= builder.hidden_field :definition_id %>
+  <%= builder.hidden_field :definition_type %>
+  <%= builder.hidden_field :type %>
+
+  <div
+    id="<%= reference_list_dom_id %>"
+    class="space-y-4"
+    data-controller="sortable-list"
+  >
+    <% reference_list.references.each  do |reference| %>
+      <%= builder.fields_for :references, reference do |reference_builder| %>
+        <%= render "iron/entries/fields/reference_item", builder: reference_builder, reference: reference %>
+      <% end %>
+    <% end %>
+  </div>
+
+  <div>
+      <%= builder.collection_select :value_entry_id, Iron::Entry.all, :id, :title, { include_blank: "Select an entry" }, { class: "select" } if false %>
+
+      <div>
+        <% picker_id = "picker_#{reference_list_dom_id}" %>
+        <button type="button" popovertarget="<%= picker_id %>">Add</button>
+        <div id="<%= picker_id %>" popover class="rounded-lg overflow-hidden mt-2 bg-stone-800/90 backdrop-blur-xs shadow-sm w-sm [position-area:bottom_span-right]">
+          <%= turbo_frame_tag "entries_picker", src: entries_search_path(
+            reference_list_field_definition_id: reference_list.definition.id,
+            reference_list_dom_id: reference_list_dom_id,
+            form_field_name: builder.field_name(:references_attributes),
+          ) do %>
+          <% end %>
+        </div>
+      </div>
+  </div>
+</fieldset>

data/app/views/iron/entries/fields/_rich_text_area.html.erb

@@ -0,0 +1,13 @@
+<%# locals: (builder:, field:) -%>
+
+<div class="field">
+  <%= builder.hidden_field :locale_id %>
+  <%= builder.hidden_field :definition_id %>
+  <%= builder.hidden_field :definition_type %>
+  <%= builder.hidden_field :type %>
+
+  <%= builder.label :rich_text, field.definition.name %>
+  <div data-controller="trix">
+    <%= builder.rich_textarea :rich_text, class: "input prose prose-stone dark:prose-invert min-h-56 max-w-none" %>
+  </div>
+</div>

data/app/views/iron/entries/fields/_text_area.html.erb

@@ -0,0 +1,11 @@
+<%# locals: (builder:, field:) -%>
+
+<div class="field">
+  <%= builder.hidden_field :locale_id %>
+  <%= builder.hidden_field :definition_id %>
+  <%= builder.hidden_field :definition_type %>
+  <%= builder.hidden_field :type %>
+
+  <%= builder.label :value_text, field.definition.name %>
+  <%= builder.textarea :value_text, rows: 3 %>
+</div>

data/app/views/iron/entries/fields/_text_field.html.erb

@@ -0,0 +1,28 @@
+<%# locals: (builder:, field:) -%>
+
+<div class="field">
+  <%= builder.hidden_field :locale_id %>
+  <%= builder.hidden_field :definition_id %>
+  <%= builder.hidden_field :definition_type %>
+  <%= builder.hidden_field :type %>
+
+  <%= builder.label :value_string do %>
+    <%= field.definition.name %>
+    <% if field.definition.required %>
+      <span class="text-red-500 ml-1">*</span>
+    <% end %>
+  <% end %>
+  <% if field.definition.allowed_values.present? %>
+    <%= builder.select :value_string,
+                   field.definition.allowed_values,
+                   { include_blank: true },
+                   { class: "select" } %>
+  <% else %>
+    <%= builder.text_field :value_string %>
+  <% end %>
+  <% if field.errors.any? %>
+    <div class="text-red-500 text-sm font-medium mt-1">
+      <%= field.errors.full_messages.join(", ") %>
+    </div>
+  <% end %>
+</div>