RubyGems - rivet_cms - Versions diffs - 0.1.0.pre - Mend

rivet_cms 0.1.0.pre

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (58) hide show

checksums.yaml +7 -0
data/MIT-LICENSE +20 -0
data/README.md +28 -0
data/Rakefile +8 -0
data/app/assets/builds/rivet_cms.css +2 -0
data/app/assets/builds/rivet_cms.js +9536 -0
data/app/assets/builds/rivet_cms.js.map +7 -0
data/app/assets/stylesheets/rivet_cms/application.tailwind.css +25 -0
data/app/assets/stylesheets/rivet_cms/brand_colors.css +168 -0
data/app/controllers/rivet_cms/api/docs_controller.rb +38 -0
data/app/controllers/rivet_cms/application_controller.rb +5 -0
data/app/controllers/rivet_cms/components_controller.rb +7 -0
data/app/controllers/rivet_cms/content_types_controller.rb +61 -0
data/app/controllers/rivet_cms/dashboard_controller.rb +10 -0
data/app/controllers/rivet_cms/fields_controller.rb +109 -0
data/app/helpers/rivet_cms/application_helper.rb +7 -0
data/app/helpers/rivet_cms/brand_color_helper.rb +71 -0
data/app/helpers/rivet_cms/flash_helper.rb +37 -0
data/app/helpers/rivet_cms/sign_out_helper.rb +11 -0
data/app/javascript/controllers/content_type_form_controller.js +53 -0
data/app/javascript/controllers/field_layout_controller.js +709 -0
data/app/javascript/rivet_cms.js +29 -0
data/app/jobs/rivet_cms/application_job.rb +4 -0
data/app/mailers/rivet_cms/application_mailer.rb +6 -0
data/app/models/rivet_cms/application_record.rb +5 -0
data/app/models/rivet_cms/component.rb +4 -0
data/app/models/rivet_cms/content.rb +4 -0
data/app/models/rivet_cms/content_type.rb +40 -0
data/app/models/rivet_cms/content_value.rb +4 -0
data/app/models/rivet_cms/field.rb +82 -0
data/app/models/rivet_cms/field_values/base.rb +11 -0
data/app/models/rivet_cms/field_values/boolean.rb +4 -0
data/app/models/rivet_cms/field_values/integer.rb +4 -0
data/app/models/rivet_cms/field_values/string.rb +4 -0
data/app/models/rivet_cms/field_values/text.rb +4 -0
data/app/services/rivet_cms/open_api_generator.rb +245 -0
data/app/views/layouts/rivet_cms/application.html.erb +49 -0
data/app/views/rivet_cms/api/docs/show.html.erb +47 -0
data/app/views/rivet_cms/content_types/_form.html.erb +98 -0
data/app/views/rivet_cms/content_types/edit.html.erb +27 -0
data/app/views/rivet_cms/content_types/index.html.erb +151 -0
data/app/views/rivet_cms/content_types/new.html.erb +19 -0
data/app/views/rivet_cms/content_types/show.html.erb +147 -0
data/app/views/rivet_cms/dashboard/index.html.erb +263 -0
data/app/views/rivet_cms/fields/_form.html.erb +111 -0
data/app/views/rivet_cms/fields/edit.html.erb +25 -0
data/app/views/rivet_cms/fields/index.html.erb +126 -0
data/app/views/rivet_cms/fields/new.html.erb +25 -0
data/app/views/rivet_cms/shared/_navigation.html.erb +153 -0
data/config/i18n-tasks.yml +178 -0
data/config/locales/en.yml +14 -0
data/config/routes.rb +56 -0
data/db/migrate/20250317194359_create_core_tables.rb +90 -0
data/lib/rivet_cms/engine.rb +55 -0
data/lib/rivet_cms/version.rb +3 -0
data/lib/rivet_cms.rb +44 -0
data/lib/tasks/rivet_cms_tasks.rake +4 -0
metadata +231 -0

data/app/views/rivet_cms/fields/_form.html.erb ADDED Viewed

@@ -0,0 +1,111 @@
+<%= form_with(model: [content_type, field],
+               id: "field_form",
+               class: "space-y-8",
+               data: {
+                 controller: "field-form"
+               }) do |form| %>
+  <% if field.errors.any? %>
+    <div class="rounded-md bg-red-50 p-4 mb-6 border border-red-100">
+      <div class="flex">
+        <div class="flex-shrink-0">
+          <svg class="h-5 w-5 text-red-400" viewBox="0 0 20 20" fill="currentColor">
+            <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z" clip-rule="evenodd" />
+          </svg>
+        </div>
+        <div class="ml-3">
+          <h3 class="text-sm font-medium text-red-800">There were <%= pluralize(field.errors.count, "error") %> with this field:</h3>
+          <div class="mt-2 text-sm text-red-700">
+            <ul class="list-disc pl-5 space-y-1">
+              <% field.errors.full_messages.each do |message| %>
+                <li><%= message %></li>
+              <% end %>
+            </ul>
+          </div>
+        </div>
+      </div>
+    </div>
+  <% end %>
+  <div class="bg-white shadow-md rounded-lg overflow-hidden border border-gray-100">
+    <div class="px-6 py-5 border-b border-gray-200 bg-gray-50">
+      <h3 class="text-lg font-medium leading-6 text-gray-900"><%= field.new_record? ? "Add Field" : "Edit Field" %></h3>
+      <p class="mt-1 text-sm text-gray-500">
+        <%= field.new_record? ? "Configure the properties of your new field." : "Update the properties of this field." %>
+      </p>
+    </div>
+    <div class="px-6 py-6 space-y-8">
+      <div>
+        <%= form.label :name, class: "block text-sm font-medium text-gray-700 mb-1" %>
+        <div class="relative mt-1 group">
+          <%= form.text_field :name,
+              class: "block w-full pl-10 px-4 py-3 rounded-md border-gray-300 shadow-sm focus:ring-brand-500 focus:border-brand-500 sm:text-sm transition-all duration-200 group-hover:border-brand-300",
+              placeholder: "e.g. Title, Description, Image",
+              data: { field_form_target: "name" } %>
+          <div class="absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none">
+            <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-gray-400 group-hover:text-brand-500 transition-colors duration-200" viewBox="0 0 20 20" fill="currentColor">
+              <path d="M17.414 2.586a2 2 0 00-2.828 0L7 10.172V13h2.828l7.586-7.586a2 2 0 000-2.828z" />
+              <path fill-rule="evenodd" d="M2 6a2 2 0 012-2h4a1 1 0 010 2H4v10h10v-4a1 1 0 112 0v4a2 2 0 01-2 2H4a2 2 0 01-2-2V6z" clip-rule="evenodd" />
+            </svg>
+          </div>
+        </div>
+        <p class="mt-2 text-sm text-gray-500">The display name of the field.</p>
+      </div>
+      <div>
+        <%= form.label :field_type, class: "block text-sm font-medium text-gray-700 mb-1" %>
+        <div class="relative mt-1 group">
+          <%= form.select :field_type,
+              RivetCms::Field.field_types_for_select,
+              {},
+              class: "block w-full pl-10 px-4 py-3 rounded-md border-gray-300 shadow-sm focus:ring-brand-500 focus:border-brand-500 sm:text-sm transition-all duration-200 group-hover:border-brand-300" %>
+          <div class="absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none">
+            <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-gray-400 group-hover:text-brand-500 transition-colors duration-200" viewBox="0 0 20 20" fill="currentColor">
+              <path fill-rule="evenodd" d="M3 5a2 2 0 012-2h10a2 2 0 012 2v10a2 2 0 01-2 2H5a2 2 0 01-2-2V5zm11 1H6v8l4-2 4 2V6z" clip-rule="evenodd" />
+            </svg>
+          </div>
+        </div>
+        <p class="mt-2 text-sm text-gray-500">The type of data this field will store.</p>
+      </div>
+      <div>
+        <%= form.label :description, class: "block text-sm font-medium text-gray-700 mb-1" %>
+        <div class="relative mt-1 group">
+          <%= form.text_area :description,
+              rows: 3,
+              class: "block w-full pl-10 px-4 py-3 rounded-md border-gray-300 shadow-sm focus:ring-brand-500 focus:border-brand-500 sm:text-sm transition-all duration-200 group-hover:border-brand-300",
+              placeholder: "Optional description of this field" %>
+          <div class="absolute top-3 left-0 pl-3 flex items-start pointer-events-none">
+            <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-gray-400 group-hover:text-brand-500 transition-colors duration-200" viewBox="0 0 20 20" fill="currentColor">
+              <path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z" clip-rule="evenodd" />
+            </svg>
+          </div>
+        </div>
+        <p class="mt-2 text-sm text-gray-500">A helpful description for content editors.</p>
+      </div>
+      <div class="pt-2">
+        <div class="relative flex items-start">
+          <div class="flex items-center h-5">
+            <%= form.check_box :required,
+                class: "h-5 w-5 rounded border-gray-300 text-brand-600 focus:ring-brand-500 transition-all duration-200",
+                data: { field_form_target: "required" } %>
+          </div>
+          <div class="ml-3 text-sm">
+            <%= form.label :required, "Required Field", class: "font-medium text-gray-700" %>
+            <p class="text-gray-500">Make this field mandatory when creating or editing content.</p>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div class="flex justify-end pt-4 space-x-3">
+    <%= link_to content_type_fields_path(content_type),
+            class: "cursor-pointer rounded-md border border-gray-300 bg-white py-2 px-4 text-sm font-medium text-gray-700 shadow-sm hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:ring-2 focus:ring-brand-500 focus:ring-offset-2 transition-all duration-200" do %>
+      Cancel
+    <% end %>
+    <%= form.submit field.new_record? ? "Create Field" : "Update Field",
+                   class: "cursor-pointer inline-flex justify-center rounded-md border border-transparent bg-brand-600 py-2 px-4 text-sm font-medium text-white shadow-sm hover:bg-brand-700 focus:outline-none focus:ring-2 focus:ring-brand-500 focus:ring-offset-2 transition-all duration-200" %>
+  </div>
+<% end %>

data/app/views/rivet_cms/fields/edit.html.erb ADDED Viewed

@@ -0,0 +1,25 @@
+<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8 space-y-8">
+  <div class="sm:flex sm:items-center">
+    <div class="sm:flex-auto">
+      <div class="flex items-center">
+        <h1 class="text-2xl font-bold text-gray-900">Edit Field: <%= @field.name %></h1>
+        <span class="ml-3 inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium <%= @content_type.is_single ? 'bg-amber-100 text-amber-800 border border-amber-200' : 'bg-teal-100 text-teal-800 border border-teal-200' %>">
+          <%= @content_type.is_single ? "Single Type" : "Collection" %>
+        </span>
+      </div>
+      <p class="mt-2 text-sm text-gray-700">
+        Modify the properties of this field.
+      </p>
+    </div>
+    <div class="mt-4 sm:mt-0 sm:ml-16 sm:flex-none">
+      <%= link_to content_type_fields_path(@content_type), class: "inline-flex items-center rounded-md border border-gray-300 bg-white px-4 py-2 text-sm font-medium text-gray-700 shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-brand-500 focus:ring-offset-2" do %>
+        <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 mr-2 -ml-1 text-gray-500" viewBox="0 0 20 20" fill="currentColor">
+          <path fill-rule="evenodd" d="M9.707 16.707a1 1 0 01-1.414 0l-6-6a1 1 0 010-1.414l6-6a1 1 0 011.414 1.414L5.414 9H17a1 1 0 110 2H5.414l4.293 4.293a1 1 0 010 1.414z" clip-rule="evenodd" />
+        </svg>
+        Back
+      <% end %>
+    </div>
+  </div>
+  <%= render 'form', content_type: @content_type, field: @field %>
+</div>

data/app/views/rivet_cms/fields/index.html.erb ADDED Viewed

@@ -0,0 +1,126 @@
+<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-6 space-y-6">
+  <div class="sm:flex sm:items-center">
+    <div class="sm:flex-auto">
+      <div class="flex items-center">
+        <h1 class="text-2xl font-bold text-gray-900">Structure: <%= @content_type.name %></h1>
+        <span class="ml-3 inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium <%= @content_type.is_single ? 'bg-amber-100 text-amber-800 border border-amber-200' : 'bg-teal-100 text-teal-800 border border-teal-200' %>">
+          <%= @content_type.is_single ? "Single Type" : "Collection" %>
+        </span>
+      </div>
+      <p class="mt-2 text-sm text-gray-700">
+        Define the structure of your content type by adding and arranging fields.
+      </p>
+    </div>
+    <div class="mt-4 sm:mt-0 sm:ml-16 sm:flex-none">
+      <%= link_to new_content_type_field_path(@content_type), class: "inline-flex items-center px-4 py-2 border border-transparent text-sm font-medium rounded-md shadow-sm text-white bg-brand-600 hover:bg-brand-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-brand-500 transition-all duration-200" do %>
+        <svg xmlns="http://www.w3.org/2000/svg" class="-ml-1 mr-2 h-5 w-5" viewBox="0 0 20 20" fill="currentColor">
+          <path fill-rule="evenodd" d="M10 3a1 1 0 011 1v5h5a1 1 0 110 2h-5v5a1 1 0 11-2 0v-5H4a1 1 0 110-2h5V4a1 1 0 011-1z" clip-rule="evenodd" />
+        </svg>
+        Add Field
+      <% end %>
+      <%= link_to content_type_path(@content_type), class: "ml-3 inline-flex items-center rounded-md border border-gray-300 bg-white px-4 py-2 text-sm font-medium text-gray-700 shadow-sm hover:bg-gray- focus:outline-none focus:ring-2 focus:ring-brand-500 focus:ring-offset-2" do %>
+        <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 mr-2 -ml-1 text-gray-500" viewBox="0 0 20 20" fill="currentColor">
+          <path fill-rule="evenodd" d="M9.707 16.707a1 1 0 01-1.414 0l-6-6a1 1 0 010-1.414l6-6a1 1 0 011.414 1.414L5.414 9H17a1 1 0 110 2H5.414l4.293 4.293a1 1 0 010 1.414z" clip-rule="evenodd" />
+        </svg>
+        Back
+      <% end %>
+    </div>
+  </div>
+  <div class="mt-6 bg-white shadow-md rounded-lg overflow-hidden border border-gray-100">
+    <div class="px-4 py-4 border-b border-gray-200 bg-gray-50">
+      <h3 class="text-lg font-medium leading-6 text-gray-900">Fields</h3>
+      <p class="mt-1 text-sm text-gray-500">
+        Drag and drop to reorder fields. Click on a field to edit its properties.
+        <span class="block mt-1">To stack half-width fields, drag the second field slightly lower than the first. To place them side by side, make sure they're at the same vertical position.</span>
+      </p>
+    </div>
+    <% if @fields.any? %>
+      <div id="sortable-fields"
+          data-controller="field-layout"
+          data-field-layout-target="fieldContainer"
+          data-field-layout-content-type-id-value="<%= @content_type.to_param %>"
+          data-update-positions-path="<%= update_positions_content_type_fields_path(@content_type) %>"
+          data-content-type-id="<%= @content_type.to_param %>"
+          class="p-4 grid gap-3">
+        <% @fields.order(:position).each do |field| %>
+          <div class="field-item"
+              data-field-layout-target="field"
+              data-field-id="<%= field.to_param %>"
+              data-width="<%= field.width || 'full' %>"
+              data-row-group="<%= field.row_group || field.position %>"
+              data-position="<%= field.position %>"
+              data-update-width-path="<%= update_width_content_type_field_path(@content_type, field) %>">
+            <div class="flex items-center justify-between h-12 rounded-lg">
+              <div class="flex items-center flex-1">
+                <div class="cursor-move mr-3 text-gray-400 hover:text-gray-600">
+                  <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor">
+                    <path d="M10 6a2 2 0 110-4 2 2 0 010 4zM10 12a2 2 0 110-4 2 2 0 010 4zM10 18a2 2 0 110-4 2 2 0 010 4z" />
+                  </svg>
+                </div>
+                <div class="min-w-0 flex-1">
+                  <h4 class="text-sm font-medium text-gray-900 truncate"><%= field.name %></h4>
+                  <div class="flex items-center">
+                    <span class="inline-flex items-center rounded-full bg-gray-100 px-2 py-0.5 text-xs font-medium text-gray-800">
+                      <%= field.field_type_name %>
+                    </span>
+                    <% if field.required %>
+                      <span class="ml-2 inline-flex items-center rounded-full bg-red-100 px-2 py-0.5 text-xs font-medium text-red-800">
+                        Required
+                      </span>
+                    <% end %>
+                  </div>
+                </div>
+              </div>
+              <div class="flex items-center space-x-2">
+                <button type="button"
+                        class="toggle-width-button text-gray-500 hover:text-gray-700 transition-colors duration-150 p-1 hover:bg-gray-200 rounded-full"
+                        data-action="click->field-layout#toggleWidth">
+                  <span class="sr-only">Toggle width</span>
+                  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-5 w-5">
+                    <% if field.width == 'full' %>
+                      <path d="m15 15 6 6m-6-6v4.8m0-4.8h4.8"/><path d="M9 19.8V15m0 0H4.2M9 15l-6 6"/><path d="M15 9l6-6m-6 6V4.2m0 4.8h4.8"/><path d="M9 4.2V9m0 0H4.2M9 9 3 3"/>
+                    <% else %>
+                      <path d="m21 21-6-6m6 6v-4.8m0 4.8h-4.8"/><path d="M3 16.2V21m0 0h4.8M3 21l6-6"/><path d="M21 7.8V3m0 0h-4.8M21 3l-6 6"/><path d="M3 7.8V3m0 0h4.8M3 3l6 6"/>
+                    <% end %>
+                  </svg>
+                </button>
+                <%= link_to edit_content_type_field_path(@content_type, field), class: "text-amber-500 hover:text-amber-700 transition-colors duration-150 p-1 hover:bg-amber-100 rounded-full" do %>
+                  <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor">
+                    <path d="M13.586 3.586a2 2 0 112.828 2.828l-.793.793-2.828-2.828.793-.793zM11.379 5.793L3 14.172V17h2.828l8.38-8.379-2.83-2.828z" />
+                  </svg>
+                <% end %>
+                <%= button_to content_type_field_path(@content_type, field),
+                    method: :delete,
+                    class: "text-red-500 hover:text-red-700 transition-colors duration-150 p-1 hover:bg-red-100 rounded-full",
+                    form_class: "flex items-center",
+                    data: { confirm: "Are you sure you want to delete this field? This will also delete all associated data." } do %>
+                  <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor">
+                    <path fill-rule="evenodd" d="M9 2a1 1 0 00-.894.553L7.382 4H4a1 1 0 000 2v10a2 2 0 002 2h8a2 2 0 002-2V6a1 1 0 100-2h-3.382l-.724-1.447A1 1 0 0011 2H9zM7 8a1 1 0 012 0v6a1 1 0 11-2 0V8zm5-1a1 1 0 00-1 1v6a1 1 0 102 0V8a1 1 0 00-1-1z" clip-rule="evenodd" />
+                  </svg>
+                <% end %>
+              </div>
+            </div>
+          </div>
+        <% end %>
+      </div>
+    <% else %>
+      <div class="px-4 py-8 text-center">
+        <svg xmlns="http://www.w3.org/2000/svg" class="mx-auto h-12 w-12 text-gray-300" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2" />
+        </svg>
+        <h3 class="mt-2 text-sm font-medium text-gray-900">No fields</h3>
+        <p class="mt-1 text-sm text-gray-500">Get started by creating a new field.</p>
+        <div class="mt-6">
+          <%= link_to new_content_type_field_path(@content_type), class: "inline-flex items-center px-4 py-2 border border-transparent text-sm font-medium rounded-md shadow-sm text-white bg-brand-600 hover:bg-brand-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-brand-500 transition-all duration-200" do %>
+            <svg xmlns="http://www.w3.org/2000/svg" class="-ml-1 mr-2 h-5 w-5" viewBox="0 0 20 20" fill="currentColor">
+              <path fill-rule="evenodd" d="M10 3a1 1 0 011 1v5h5a1 1 0 110 2h-5v5a1 1 0 11-2 0v-5H4a1 1 0 110-2h5V4a1 1 0 011-1z" clip-rule="evenodd" />
+            </svg>
+            Add Field
+          <% end %>
+        </div>
+      </div>
+    <% end %>
+  </div>
+</div>

data/app/views/rivet_cms/fields/new.html.erb ADDED Viewed

@@ -0,0 +1,25 @@
+<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8 space-y-8">
+  <div class="sm:flex sm:items-center">
+    <div class="sm:flex-auto">
+      <div class="flex items-center">
+        <h1 class="text-2xl font-bold text-gray-900">Add Field: <%= @content_type.name %></h1>
+        <span class="ml-3 inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium <%= @content_type.is_single ? 'bg-amber-100 text-amber-800 border border-amber-200' : 'bg-teal-100 text-teal-800 border border-teal-200' %>">
+          <%= @content_type.is_single ? "Single Type" : "Collection" %>
+        </span>
+      </div>
+      <p class="mt-2 text-sm text-gray-700">
+        Add a new field to your content type structure.
+      </p>
+    </div>
+    <div class="mt-4 sm:mt-0 sm:ml-16 sm:flex-none">
+      <%= link_to content_type_fields_path(@content_type), class: "inline-flex items-center rounded-md border border-gray-300 bg-white px-4 py-2 text-sm font-medium text-gray-700 shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-brand-500 focus:ring-offset-2" do %>
+        <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 mr-2 -ml-1 text-gray-500" viewBox="0 0 20 20" fill="currentColor">
+          <path fill-rule="evenodd" d="M9.707 16.707a1 1 0 01-1.414 0l-6-6a1 1 0 010-1.414l6-6a1 1 0 011.414 1.414L5.414 9H17a1 1 0 110 2H5.414l4.293 4.293a1 1 0 010 1.414z" clip-rule="evenodd" />
+        </svg>
+        Back
+      <% end %>
+    </div>
+  </div>
+  <%= render 'form', content_type: @content_type, field: @field %>
+</div>

data/app/views/rivet_cms/shared/_navigation.html.erb ADDED Viewed

@@ -0,0 +1,153 @@
+<nav class="bg-white shadow-sm border-b border-gray-200 py-2">
+  <div class="w-full px-4 sm:px-6 lg:px-8">
+    <div class="flex h-16 justify-between items-center">
+      <div class="flex-shrink-0 flex items-center">
+        <%= link_to dashboard_path do %>
+          <h1 class="text-xl font-bold text-gray-900 flex items-center">
+            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-boxes mr-2 text-brand-600">
+              <path d="M2.97 12.92A2 2 0 0 0 2 14.63v3.24a2 2 0 0 0 .97 1.71l3 1.8a2 2 0 0 0 2.06 0L12 19v-5.5l-5-3-4.03 2.42Z"/>
+              <path d="m7 16.5-4.74-2.85"/>
+              <path d="m7 16.5 5-3"/>
+              <path d="M7 16.5v5.17"/>
+              <path d="M12 13.5V19l3.97 2.38a2 2 0 0 0 2.06 0l3-1.8a2 2 0 0 0 .97-1.71v-3.24a2 2 0 0 0-.97-1.71L17 10.5l-5 3Z"/>
+              <path d="m17 16.5-5-3"/>
+              <path d="m17 16.5 4.74-2.85"/>
+              <path d="M17 16.5v5.17"/>
+              <path d="M7.97 4.42A2 2 0 0 0 7 6.13v4.37l5 3 5-3V6.13a2 2 0 0 0-.97-1.71l-3-1.8a2 2 0 0 0-2.06 0l-3 1.8Z"/>
+              <path d="M12 8 7.26 5.15"/>
+              <path d="m12 8 4.74-2.85"/>
+              <path d="M12 13.5V8"/>
+            </svg>
+            <span class="font-passion-one text-3xl">RivetCMS</span>
+          </h1>
+        <% end %>
+      </div>
+      <div class="hidden lg:flex lg:justify-center lg:flex-1 lg:items-center">
+        <div class="flex space-x-3 xl:space-x-4 2xl:space-x-6">
+          <%= link_to dashboard_path, class: current_page?(dashboard_path) ? "inline-flex items-center border-b-2 border-brand-600 px-1 pt-1 text-sm font-medium text-brand-700" : "inline-flex items-center border-b-2 border-transparent px-1 pt-1 text-sm font-medium text-gray-600 hover:border-gray-300 hover:text-gray-800" do %>
+            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-home mr-1"><path d="m3 9 9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"/><polyline points="9 22 9 12 15 12 15 22"/></svg>
+            <span><%= t(".dashboard") %></span>
+          <% end %>
+          <%= link_to "#", class: controller_name == 'contents' ? "inline-flex items-center border-b-2 border-brand-600 px-1 pt-1 text-sm font-medium text-brand-700" : "inline-flex items-center border-b-2 border-transparent px-1 pt-1 text-sm font-medium text-gray-600 hover:border-gray-300 hover:text-gray-800" do %>
+            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file-text mr-1"><path d="M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z"/><polyline points="14 2 14 8 20 8"/><line x1="16" x2="8" y1="13" y2="13"/><line x1="16" x2="8" y1="17" y2="17"/><line x1="10" x2="8" y1="9" y2="9"/></svg>
+            <span><%= t(".content") %></span>
+          <% end %>
+          <%= link_to content_types_path, class: controller_name == 'content_types' ? "inline-flex items-center border-b-2 border-brand-600 px-1 pt-1 text-sm font-medium text-brand-700" : "inline-flex items-center border-b-2 border-transparent px-1 pt-1 text-sm font-medium text-gray-600 hover:border-gray-300 hover:text-gray-800" do %>
+            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-layers mr-1"><polygon points="12 2 2 7 12 12 22 7 12 2"/><polyline points="2 17 12 22 22 17"/><polyline points="2 12 12 17 22 12"/></svg>
+            <span class="xl:inline hidden"><%= t(".content_types") %></span>
+            <span class="xl:hidden"><%= t(".content_types_short") %></span>
+          <% end %>
+          <%= link_to components_path, class: controller_name == 'components' ? "inline-flex items-center border-b-2 border-brand-600 px-1 pt-1 text-sm font-medium text-brand-700" : "inline-flex items-center border-b-2 border-transparent px-1 pt-1 text-sm font-medium text-gray-600 hover:border-gray-300 hover:text-gray-800" do %>
+            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-layout-grid mr-1"><rect width="7" height="7" x="3" y="3" rx="1"/><rect width="7" height="7" x="14" y="3" rx="1"/><rect width="7" height="7" x="14" y="14" rx="1"/><rect width="7" height="7" x="3" y="14" rx="1"/></svg>
+            <span class="xl:inline hidden"><%= t(".components") %></span>
+            <span class="xl:hidden"><%= t(".components_short") %></span>
+          <% end %>
+          <%= link_to "#", class: "inline-flex items-center border-b-2 border-transparent px-1 pt-1 text-sm font-medium text-gray-600 hover:border-gray-300 hover:text-gray-800" do %>
+            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-image mr-1"><rect width="18" height="18" x="3" y="3" rx="2" ry="2"/><circle cx="9" cy="9" r="2"/><path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21"/></svg>
+            <span><%= t(".media") %></span>
+          <% end %>
+          <%= link_to "#", class: controller_name == 'users' ? "inline-flex items-center border-b-2 border-brand-600 px-1 pt-1 text-sm font-medium text-brand-700" : "inline-flex items-center border-b-2 border-transparent px-1 pt-1 text-sm font-medium text-gray-600 hover:border-gray-300 hover:text-gray-800" do %>
+            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-users mr-1"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M22 21v-2a4 4 0 0 0-3-3.87"/><path d="M16 3.13a4 4 0 0 1 0 7.75"/></svg>
+            <span><%= t(".users") %></span>
+          <% end %>
+          <%= link_to api_docs_path, class: "inline-flex items-center border-b-2 border-transparent px-1 pt-1 text-sm font-medium text-gray-600 hover:border-gray-300 hover:text-gray-800", target: "_blank" do %>
+            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-book-open mr-1"><path d="M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z"/><path d="M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z"/></svg>
+            <span class="xl:inline hidden"><%= t(".api_docs") %></span>
+          <% end %>
+        </div>
+      </div>
+      <!-- Right side icons -->
+      <div class="flex items-center space-x-4">
+        <!-- Pro version link -->
+        <a href="#" class="inline-flex items-center rounded-md bg-gray-800 px-3 py-1.5 text-sm font-medium text-white shadow-sm hover:bg-gray-700 transition-colors">
+          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles mr-1"><path d="m12 3-1.912 5.813a2 2 0 0 1-1.275 1.275L3 12l5.813 1.912a2 2 0 0 1 1.275 1.275L12 21l1.912-5.813a2 2 0 0 1 1.275-1.275L21 12l-5.813-1.912a2 2 0 0 1-1.275-1.275L12 3Z"/><path d="M5 3v4"/><path d="M19 17v4"/><path d="M3 5h4"/><path d="M17 19h4"/></svg>
+          <span class="md:hidden">Upgrade</span><span class="hidden md:inline">Upgrade to Pro</span>
+        </a>
+        <!-- Help button -->
+        <button type="button" class="rounded-full bg-brand-50 p-1 text-brand-600 hover:bg-brand-100 focus:outline-none focus:ring-2 focus:ring-brand-500 focus:ring-offset-2">
+          <span class="sr-only">View help</span>
+          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-badge-help"><path d="M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z"/><path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"/><line x1="12" x2="12.01" y1="17" y2="17"/></svg>
+        </button>
+        <div class="relative">
+          <button type="button" class="flex rounded-full bg-brand-50 text-sm focus:outline-none focus:ring-2 focus:ring-brand-500 focus:ring-offset-2" id="user-menu-button" aria-expanded="false" aria-haspopup="true">
+            <span class="sr-only">Open user menu</span>
+            <span class="inline-flex h-8 w-8 items-center justify-center rounded-full bg-white border border-brand-100">
+              <span class="text-sm font-medium leading-none text-brand-700">
+              </span>
+            </span>
+          </button>
+        </div>
+        <!-- Mobile menu button -->
+        <div class="lg:hidden">
+          <button type="button" class="inline-flex items-center justify-center rounded-md p-2 text-gray-500 hover:bg-gray-100 hover:text-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-brand-500" aria-controls="mobile-menu" aria-expanded="false">
+            <span class="sr-only">Open main menu</span>
+            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-menu block h-6 w-6">
+              <line x1="4" x2="20" y1="12" y2="12" />
+              <line x1="4" x2="20" y1="6" y2="6" />
+              <line x1="4" x2="20" y1="18" y2="18" />
+            </svg>
+          </button>
+        </div>
+      </div>
+    </div>
+  </div>
+  <!-- Mobile menu, show/hide based on menu state. -->
+  <div class="hidden lg:hidden" id="mobile-menu">
+    <div class="space-y-1 pb-3 pt-2">
+      <%= link_to dashboard_path, class: current_page?(dashboard_path) ? "block border-l-4 border-brand-600 bg-brand-50 py-2 pl-3 pr-4 text-base font-medium text-brand-700" : "block border-l-4 border-transparent py-2 pl-3 pr-4 text-base font-medium text-gray-600 hover:border-gray-300 hover:bg-gray-50 hover:text-gray-800" do %>
+        <div class="flex items-center">
+          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-home mr-2"><path d="m3 9 9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"/><polyline points="9 22 9 12 15 12 15 22"/></svg>
+          Dashboard
+        </div>
+      <% end %>
+      <%= link_to "#", class: controller_name == 'contents' ? "block border-l-4 border-brand-600 bg-brand-50 py-2 pl-3 pr-4 text-base font-medium text-brand-700" : "block border-l-4 border-transparent py-2 pl-3 pr-4 text-base font-medium text-gray-600 hover:border-gray-300 hover:bg-gray-50 hover:text-gray-800" do %>
+        <div class="flex items-center">
+          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file-text mr-2"><path d="M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z"/><polyline points="14 2 14 8 20 8"/><line x1="16" x2="8" y1="13" y2="13"/><line x1="16" x2="8" y1="17" y2="17"/><line x1="10" x2="8" y1="9" y2="9"/></svg>
+          Content
+        </div>
+      <% end %>
+      <%= link_to content_types_path, class: controller_name == 'content_types' ? "block border-l-4 border-brand-600 bg-brand-50 py-2 pl-3 pr-4 text-base font-medium text-brand-700" : "block border-l-4 border-transparent py-2 pl-3 pr-4 text-base font-medium text-gray-600 hover:border-gray-300 hover:bg-gray-50 hover:text-gray-800" do %>
+        <div class="flex items-center">
+          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-layers mr-2"><polygon points="12 2 2 7 12 12 22 7 12 2"/><polyline points="2 17 12 22 22 17"/><polyline points="2 12 12 17 22 12"/></svg>
+          Content Types
+        </div>
+      <% end %>
+      <%= link_to components_path, class: controller_name == 'components' ? "block border-l-4 border-brand-600 bg-brand-50 py-2 pl-3 pr-4 text-base font-medium text-brand-700" : "block border-l-4 border-transparent py-2 pl-3 pr-4 text-base font-medium text-gray-600 hover:border-gray-300 hover:bg-gray-50 hover:text-gray-800" do %>
+        <div class="flex items-center">
+          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-layout-grid mr-2"><rect width="7" height="7" x="3" y="3" rx="1"/><rect width="7" height="7" x="14" y="3" rx="1"/><rect width="7" height="7" x="14" y="14" rx="1"/><rect width="7" height="7" x="3" y="14" rx="1"/></svg>
+          Components
+        </div>
+      <% end %>
+      <%= link_to "#", class: "block border-l-4 border-transparent py-2 pl-3 pr-4 text-base font-medium text-gray-600 hover:border-gray-300 hover:bg-gray-50 hover:text-gray-800" do %>
+        <div class="flex items-center">
+          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-image mr-2"><rect width="18" height="18" x="3" y="3" rx="2" ry="2"/><circle cx="9" cy="9" r="2"/><path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21"/></svg>
+          Media Library
+        </div>
+      <% end %>
+      <%= link_to "#", class: controller_name == 'users' ? "block border-l-4 border-brand-600 bg-brand-50 py-2 pl-3 pr-4 text-base font-medium text-brand-700" : "block border-l-4 border-transparent py-2 pl-3 pr-4 text-base font-medium text-gray-600 hover:border-gray-300 hover:bg-gray-50 hover:text-gray-800" do %>
+        <div class="flex items-center">
+          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-users mr-2"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M22 21v-2a4 4 0 0 0-3-3.87"/><path d="M16 3.13a4 4 0 0 1 0 7.75"/></svg>
+          Users
+        </div>
+      <% end %>
+      <%= link_to api_docs_path, class: "block border-l-4 border-transparent py-2 pl-3 pr-4 text-base font-medium text-gray-600 hover:border-gray-300 hover:bg-gray-50 hover:text-gray-800", target: "_blank" do %>
+        <div class="flex items-center">
+          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-book-open mr-2"><path d="M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z"/><path d="M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z"/></svg>
+          API Docs
+        </div>
+      <% end %>
+      <div class="mt-4 border-t border-gray-200 pt-4 px-3">
+        <a href="#" class="flex items-center justify-center rounded-md bg-gray-800 !bg-gray-800 px-3 py-2 text-base font-medium text-white shadow-sm hover:bg-gray-700 !hover:bg-gray-700 transition-colors">
+          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles mr-2"><path d="m12 3-1.912 5.813a2 2 0 0 1-1.275 1.275L3 12l5.813 1.912a2 2 0 0 1 1.275 1.275L12 21l1.912-5.813a2 2 0 0 1 1.275-1.275L21 12l-5.813-1.912a2 2 0 0 1-1.275-1.275L12 3Z"/><path d="M5 3v4"/><path d="M19 17v4"/><path d="M3 5h4"/><path d="M17 19h4"/></svg>
+          Upgrade to Pro
+        </a>
+      </div>
+    </div>
+  </div>
+</nav>