maglevcms 2.0.0 → 3.0.0.beta1

data/app/services/maglev/publish_service.rb

@@ -0,0 +1,30 @@
+# frozen_string_literal: true
+
+module Maglev
+  class PublishService
+    include Injectable
+
+    argument :site
+    argument :page
+
+    def call
+      ActiveRecord::Base.transaction do
+        publish_container_sections!(site)
+        publish_container_sections!(page)
+      end
+      true
+    end
+
+    private
+
+    def publish_container_sections!(container)
+      store = find_or_build_published_store(container)
+      store.sections_translations = container.sections_translations
+      store.save!
+    end
+
+    def find_or_build_published_store(container)
+      container.sections_content_stores.find_or_initialize_by(container: container, published: true)
+    end
+  end
+end

data/app/services/maglev/reset_section_content.rb

@@ -0,0 +1,64 @@
+# frozen_string_literal: true
+
+module Maglev
+  # Reset the content of a section type across a site and its pages
+  class ResetSectionContent
+    include Injectable
+
+    argument :site
+    argument :theme
+    argument :type
+
+    def call
+      validate_section_type!
+
+      @count = 0
+
+      reset_content
+
+      @count
+    end
+
+    private
+
+    def validate_section_type!
+      return if theme.sections.find(type)
+
+      raise Maglev::Errors::UnknownSection,
+            "Section type '#{type}' doesn't exist in the theme"
+    end
+
+    def reset_content
+      ActiveRecord::Base.transaction do
+        reset_resource_content(site)
+        site_pages.find_each do |page|
+          reset_resource_content(page)
+        end
+      end
+    end
+
+    def reset_resource_content(resource)
+      site.each_locale do
+        @count += reset_sections_content_of_type(resource.find_sections_by_type(type), type)
+      end
+
+      resource.save!
+    end
+
+    def reset_sections_content_of_type(sections, type)
+      return 0 if sections.blank?
+
+      sections.map do |section|
+        section.replace(build_default_content(type))
+      end.size
+    end
+
+    def build_default_content(type)
+      theme.sections.find(type).build_default_content
+    end
+
+    def site_pages
+      Maglev::Page
+    end
+  end
+end

data/app/services/maglev/search_pages.rb

@@ -15,9 +15,13 @@ module Maglev
     argument :q, default: nil
     argument :content_locale
     argument :default_locale
+    argument :with_static_pages, default: true
+    argument :index_first, default: false
 
     def call
-      id.nil? ? all_pages : single_page
+      return single_page if id.present?
+
+      with_static_pages ? all_pages : find_persisted_pages
     end
 
     protected
@@ -33,7 +37,7 @@ module Maglev
     end
 
     def find_persisted_pages
-      q ? resources.search(q, content_locale) : resources.all
+      resources.search(q, content_locale, index_first: index_first)
     end
 
     def find_static_pages

data/app/services/maglev/setup_pages.rb

@@ -6,55 +6,76 @@ module Maglev
   class SetupPages
     include Injectable
 
-    dependency :persist_page, class: Maglev::PersistPage
+    dependency :create_page, class: Maglev::CreatePageService
+    dependency :add_section, class: Maglev::Content::AddSectionService
 
     argument :site
     argument :theme
 
     def call
       pages&.map do |page_attributes|
-        create_page(
-          attributes_in_all_locales(page_attributes.with_indifferent_access)
-        )
+        create_page_with_sections(page_attributes)
       end
     end
 
     private
 
     def pages
-      theme&.pages
+      theme&.pages&.map(&:with_indifferent_access)
     end
 
-    def create_page(page_attributes)
-      persist_page.call(
+    def create_page_with_sections(page_attributes)
+      page = create_page.call(
         site: site,
-        site_attributes: site_attributes_from(page_attributes),
-        theme: theme,
-        page: Maglev::Page.new,
-        page_attributes: page_attributes
+        attributes: attributes_in_all_locales(page_attributes)
       )
+
+      throw ActiveRecord::StatementInvalid.new(page.errors.full_messages.join(', ')) if page.errors.any?
+
+      add_sections(page, page_attributes)
+
+      page
     end
 
-    def site_attributes_from(page_attributes)
-      if page_attributes.include?(:sections_translations)
-        { sections_translations: site_sections_translations(page_attributes) }
-      else
-        { sections: select_site_scoped_sections(page_attributes[:sections]) }
-      end.compact || {}
+    def add_sections(page, page_attributes)
+      value_in_all_locales(page_attributes[:sections]).each do |locale, sections_attributes|
+        next if sections_attributes.blank?
+
+        Maglev::I18n.with_locale(locale) do
+          add_sections_in_page(page, sections_attributes)
+        end
+      end
+
+      page.save!
+      site.save!
     end
 
-    def site_sections_translations(page_attributes)
-      sections_translations = page_attributes[:sections_translations].transform_values do |sections|
-        select_site_scoped_sections(sections)
+    def add_sections_in_page(page, sections_attributes)
+      sections_attributes.each do |section_attributes|
+        add_section_in_page(page, section_attributes)
       end
-      sections_translations.any? { |_, sections| sections.blank? } ? nil : sections_translations
+    end
+
+    def add_section_in_page(page, attributes)
+      add_section.call(
+        theme: theme,
+        site: site,
+        page: page,
+        section_type: attributes.fetch('type', nil),
+        content: attributes,
+        dry_run: true
+      )
     end
 
     def attributes_in_all_locales(attributes)
       {
         title_translations: value_in_all_locales(attributes[:title]),
-        sections_translations: value_in_all_locales(attributes[:sections]),
-        path: value_in_all_locales(attributes[:path])
+        path: value_in_all_locales(attributes[:path]),
+        seo_title_translations: value_in_all_locales(attributes[:seo_title]),
+        meta_description_translations: value_in_all_locales(attributes[:meta_description]),
+        og_title_translations: value_in_all_locales(attributes[:og_title]),
+        og_description_translations: value_in_all_locales(attributes[:og_description]),
+        og_image_url_translations: value_in_all_locales(attributes[:og_image_url])
       }
     end
 
@@ -70,15 +91,5 @@ module Maglev
     def fill_translations(value)
       site.locale_prefixes.index_with { |_locale| value }
     end
-
-    def select_site_scoped_sections(sections)
-      (sections || []).find_all do |section|
-        definition = theme.sections.find(section['type'])
-
-        raise "[Maglev] Unknown section type: #{section['type']}" unless definition
-
-        definition.site_scoped?
-      end
-    end
   end
 end

data/app/types/maglev/locales_type.rb

@@ -0,0 +1,9 @@
+# frozen_string_literal: true
+
+module Maglev
+  class LocalesType < ActiveRecord::Type::Json
+    def deserialize(value)
+      (super || []).map { |attributes| Maglev::Site::Locale.new(**attributes.symbolize_keys) }
+    end
+  end
+end

data/app/views/layouts/maglev/editor/_sidebar.html.erb

@@ -0,0 +1,39 @@
+<% sidebar.with_link(
+  path: editor_pages_path(maglev_editing_route_context), 
+  icon: 'file_copy', 
+  active: controller_name == 'pages',
+  options: {
+    data: { controller: 'prevent-same-path' }
+  }
+) %>
+
+<% sidebar.with_link(
+  path: editor_sections_path(maglev_editing_route_context), 
+  icon: 'stack',
+  active: controller_name == 'sections'
+) %>
+
+<% sidebar.with_link(
+  path: edit_editor_style_path(maglev_editing_route_context), 
+  icon: 'drop',
+  active: controller_name == 'style',
+  options: {
+    icon_size: '1.25rem'
+  }
+) if maglev_theme.style? %>
+
+<% sidebar.with_link(
+  path: editor_assets_path, 
+  icon: 'image',
+  options: {
+    data: { turbo_frame: 'modal' }
+  }
+) %>
+
+<% sidebar.with_link(
+  path: editor_leave_path, 
+  icon: 'logout',
+  options: {
+    position: :bottom
+  }
+) %>

data/app/views/layouts/maglev/editor/_topbar.html.erb

@@ -0,0 +1,45 @@
+<% topbar.with_logo(
+  root_path: editor_real_root_path(maglev_editing_route_context), 
+  logo_url: maglev_editor_logo_url) 
+%>
+
+<% topbar.with_page_info do %>
+  <%= render Maglev::Uikit::AppLayout::Topbar::PageInfoComponent.new(
+    page: current_maglev_page,
+    paths: {
+      edit: edit_editor_page_path(current_maglev_page, maglev_editing_route_context),
+      preview: current_maglev_page_urls[:preview],
+      clone: editor_page_clone_path(current_maglev_page, maglev_editing_route_context),
+      delete: editor_page_path(current_maglev_page, maglev_editing_route_context)
+    },
+    live_page_url: current_maglev_page_urls[:live],
+    prefix_page_path: default_content_locale? ? '' : "#{content_locale}/"
+  ) %>
+<% end %>
+
+<% topbar.with_actions do %>
+  <%= render Maglev::Uikit::LocaleSwitcherComponent.new(
+    locales: maglev_site.locales.map do |locale|
+      { 
+        label: locale.label, 
+        value: locale.prefix, 
+        path: editor_real_root_path(maglev_editing_route_context(locale: locale.prefix)),
+        data_attributes: maglev_page_preview_reload_data
+      }
+    end,
+    current_locale: Maglev::I18n.current_locale,
+  ) if maglev_site.many_locales? %>
+
+  <div class="flex items-center h-full px-4">
+    <%= button_to editor_publication_path(maglev_editing_route_context), 
+      method: :post, 
+      class: maglev_button_classes(color: :primary, size: :medium),
+      form_class: 'group/form is-default',
+      data: { controller: 'submit-button' } do %>
+      <%= maglev_button_label(
+        t('maglev.editor.header_nav.publish_button.default'),
+        pending: t('maglev.editor.header_nav.publish_button.in_progress'),
+        )%>
+    <% end %>
+  </div>
+<% end %>

data/app/views/layouts/maglev/editor/application.html.erb

@@ -0,0 +1,67 @@
+<html lang="<%= I18n.locale %>">
+  <head>
+    <title><%= maglev_editor_title %></title>
+    <meta name="view-transition" content="same-origin" />
+    <meta name="turbo-refresh-method" content="morph">
+
+    <meta name="content-locale" content="<%= content_locale %>">
+    <meta name="page-preview-url" content="<%= current_maglev_page_urls[:preview] %>">
+    
+    <%= csrf_meta_tags %>
+    <%= csp_meta_tag %>
+    
+    <% if maglev_disable_turbo_cache? %>
+      <meta name="turbo-cache-control" content="no-cache">
+    <% end %>
+
+    <%= stylesheet_link_tag "maglev/application", "maglev/tailwind", "data-turbo-track": "reload" %>
+
+    <%= maglev_editor_javascript_tags %>
+
+    <%= favicon_link_tag maglev_favicon_url %>
+
+    <style>
+      :root {
+        --editor-color-primary: <%= maglev_primary_hex_color %>;
+        --editor-color-primary-rgb: <%= maglev_primary_rgb_color.join(' ') %>;
+      }
+    </style>
+
+    <%= render 'layouts/maglev/editor/head' %>
+  </head>
+  <body 
+    class="h-full overflow-y-hidden font-nunito group/device group/page-layout" 
+    data-controller="editor-preview-notification-center"
+    data-editor-preview-notification-center-section-path-value="<%= edit_editor_section_path(':section_id', maglev_editing_route_context) %>"
+    data-editor-preview-notification-center-section-block-path-value="<%= edit_editor_section_block_path(':section_id', ':section_block_id', maglev_editing_route_context) %>"
+    data-action="
+      client:sectionBlock:clicked@window->editor-preview-notification-center#editSectionBlock
+      client:section:setting:clicked@window->editor-preview-notification-center#editSection
+      client:sectionBlock:setting:clicked@window->editor-preview-notification-center#editSection
+    "
+  >
+    <div id="root">
+      <%= render Maglev::Uikit::AppLayout::LayoutComponent.new(page: current_maglev_page, root_path: editor_real_root_path(maglev_editing_route_context)) do |layout| %>
+        <% layout.with_topbar do |topbar| %>
+          <%= render 'layouts/maglev/editor/topbar', topbar: topbar %>
+        <% end %>
+
+        <% layout.with_sidebar do |sidebar| %>
+          <%= render 'layouts/maglev/editor/sidebar', sidebar: sidebar %>
+        <% end %>      
+      <% end %>
+      
+      <%= turbo_frame_tag "page-layout" do %>
+        <%= yield %>
+      <% end %>      
+
+      <%= render 'maglev/editor/sections/toolbar_list' %>
+    </div>
+
+    <%= render 'maglev/editor/pages/preview' %>
+
+    <%= turbo_frame_tag "modal" do %>
+      <%= yield :modal %> 
+    <% end %>
+  </body>
+</html>

data/app/views/maglev/editor/assets/_list.html.erb

@@ -0,0 +1,33 @@
+<%= turbo_frame_tag 'asset-search-results' do %>
+    <div class="w-[51rem] h-128 overflow-y-auto">
+      <% if @assets.any? %>
+        <%= render Maglev::Uikit::ImageLibrary::ListComponent.new do |component| %>
+          <% @assets.each do |asset| %>
+            <% component.with_image(
+              image: {
+                id: asset.id,
+                filename: asset.filename,
+                image_url: public_asset_url(asset, host: maglev_config.asset_host, only_path: maglev_config.asset_host.blank?),                  
+                width: asset.width,
+                height: asset.height,
+                byte_size: asset.byte_size,
+              },
+              delete_path: editor_asset_path(asset, **maglev_editing_route_context, **query_params(pagination: true)),
+              picker_attributes: { picker: params[:picker], source: params[:source] }.compact_blank
+            ) %>
+          <% end %>
+        <% end %>
+      <% else %>
+        <div class="flex items-center justify-center h-full">
+          <p class="text-gray-500">
+            <%= t('maglev.editor.image_library.pagination.no_items') %>
+          </p>
+        </div>
+      <% end %>
+    </div>
+
+    <div class="flex items-center pt-3">
+      <%= render Maglev::Uikit::PaginationComponent.new(pagy: @pagy, hidden_if_single_page: false) %>
+    </div>
+  </div>
+<% end %>

data/app/views/maglev/editor/assets/index.html.erb

@@ -0,0 +1,29 @@
+<%= turbo_frame_tag 'modal' do %>
+  <%= render Maglev::Uikit::ModalComponent.new(id: 'assets-modal', open: true) do |modal| %>    
+    <% modal.with_title_content t("maglev.editor.image_library.#{'picker_' if params[:picker]}title") %>
+    <% modal.with_notification_content maglev_flash_message %>
+
+    <div class="space-y-5">
+      <div class="flex items-center">
+        <div>
+          <%= render Maglev::Uikit::Form::SearchFormComponent.new(
+            name: 'query', 
+            value: params[:query], 
+            search_path: editor_assets_path(query_params), 
+            options: {
+              placeholder: t('maglev.editor.image_library.search_placeholder'),
+              data: { turbo_frame: 'asset-search-results' }
+            }) %>
+          
+        </div>
+        <div class="ml-auto">
+          <%= render Maglev::Uikit::ImageLibrary::UploaderComponent.new(
+            create_path: editor_assets_path,
+            refresh_path: editor_assets_path(query_params)
+          ) %>
+        </div>
+      </div>
+
+      <%= render 'list', assets: @assets, pagy: @pagy %>
+  <% end %>
+<% end %>

data/app/views/maglev/editor/combobox/collection_items/index.turbo_stream.erb

@@ -0,0 +1,18 @@
+<%= turbo_stream.update params[:turbo_frame], method: 'morph' do %>
+  <%= render Maglev::Uikit::Form::Combobox::ListComponent.new do |component| %>
+    <% @items.each do |item| %>
+      <% if item.image_url.present? %>
+        <%= component.with_option(id: item.id, label: item.label) do %>
+          <div class="flex items-center gap-2">
+            <div class="h-10 w-10 rounded-md bg-gray-100 outline -outline-offset-1 outline-black/5">
+              <%= image_tag item.image_url, class: 'h-full w-full object-contain', data: { controller: 'broken-image' } %>
+            </div>
+            <div class="truncate"><%= item.label %></div>
+          </div>
+        <% end %>        
+      <% else %>
+        <%= component.with_option(id: item.id, label: item.label) %>
+      <% end %>
+    <% end %>
+  <% end %>
+<% end %>

data/app/views/maglev/editor/combobox/pages/index.turbo_stream.erb

@@ -0,0 +1,7 @@
+<%= turbo_stream.update params[:turbo_frame], method: 'morph' do %>
+  <%= render Maglev::Uikit::Form::Combobox::ListComponent.new do |component| %>
+    <% @pages.each do |page| %>
+      <%= component.with_option(id: page.id, label: page.title.presence || page.default_title) %>        
+    <% end %>
+  <% end %>
+<% end %>

data/app/views/maglev/editor/home/index.html.erb

@@ -0,0 +1 @@
+<p class="text-green-500">Hello world!!!!</p>

data/app/views/maglev/editor/icons/_list.html.erb

@@ -0,0 +1,27 @@
+<div class="overflow-y-auto h-64 w-102">
+  <% if icons.any? %>  
+    <div class="grid grid-cols-6 gap-2 pt-2 pb-8">
+      <% icons.each do |icon| %>
+        <div class="flex justify-center">
+          <%= tag.div(
+            class: 'cursor-pointer text-gray-900 h-12 w-12 flex items-center justify-center rounded hover:bg-gray-900 hover:text-white hover:shadow-lg transition transform duration-200 ease-in-out hover:scale-125',
+            data: {
+              controller: 'dispatcher',
+              action: 'click->dispatcher#trigger click->uikit-modal#close',
+              dispatcher_event_name_value: "icon-selected-#{query_params[:source]}",
+              dispatcher_payload_value: { icon: icon }.to_json
+            }
+          ) do %>
+            <%= tag.i(class: class_names('text-3xl', icon)) %>
+          <% end %>
+        </div>
+      <% end %>
+    </div>
+  <% else %>
+    <div class="flex items-center justify-center h-full">
+      <p class="text-gray-500">
+        <%= t('maglev.editor.icon_library.no_items') %>
+      </p>
+    </div>
+  <% end %>
+</div>

data/app/views/maglev/editor/icons/index.html.erb

@@ -0,0 +1,23 @@
+<%= turbo_frame_tag 'modal' do %>
+  <%= render Maglev::Uikit::ModalComponent.new(id: 'icons-modal', open: true) do |modal| %>    
+    <% modal.with_title_content t("maglev.editor.icon_library.title") %>
+    
+    <div class="space-y-5">
+      <div class="flex w-full">
+        <%= render Maglev::Uikit::Form::SearchFormComponent.new(
+          name: 'query', 
+          value: params[:query], 
+          search_path: editor_icons_path, 
+          options: {
+            class_names: 'w-full',
+            placeholder: t('maglev.editor.icon_library.search_placeholder'),
+            data: { turbo_frame: 'icon-search-results' }
+          }) do %>
+            <%= hidden_field_tag 'source', params[:source] %>
+          <% end %>
+      </div>
+
+      <%= render 'list', icons: @icons %>
+    </div>
+  <% end %>
+<% end %>

data/app/views/maglev/editor/links/edit/_email.html.erb

@@ -0,0 +1,5 @@
+<div class="mt-2 grid grid-cols-1 gap-4"> 
+  <%= f.hidden_field :link_type, value: 'email' %>
+
+  <%= f.text_field :email %>
+</div>

data/app/views/maglev/editor/links/edit/_page.html.erb

@@ -0,0 +1,29 @@
+<div class="mt-2 grid grid-cols-1 gap-4">
+  <%= f.hidden_field :link_type, value: 'page' %>
+
+  <%= f.combobox :link_id, 
+      search_path: editor_combobox_pages_path, 
+      selected_label: @link.link_label || @page&.title,
+      label_name: "link[link_label]",
+      placeholder: t('maglev.editor.links.edit.page.placeholder'),
+      html_options: {     
+        data: {
+          action: 'uikit-form-combobox:change->form-refresh#refresh'
+        }   
+      }
+  %>
+
+  <%= f.hidden_field :href, value: "/#{@page.path}" if @page %>
+  <%= f.hidden_field :link_type, value: 'static_page' if @page&.static? %>
+  
+  <% if @page && @sections.any? %>
+    <%= f.select :section_id, 
+        @sections.map { |section| [section[:name], section[:id]] },
+        prompt: t('maglev.editor.links.edit.page.section_prompt')
+    %>
+  <% else %>
+    <%= f.hidden_field :section_id, value:nil %>
+  <% end %>
+  
+  <%= f.check_box :open_new_window %>
+</div>

data/app/views/maglev/editor/links/edit/_tabs.html.erb

@@ -0,0 +1,11 @@
+<%= render Maglev::Uikit::TabsComponent.new(container_classes: 'w-full h-full flex flex-col', disable_inputs: true) do |tabs| %>
+  <% tabs.with_tab(label: t('maglev.editor.links.edit.tabs.page'), active: @link.page_type?) do %>
+    <%= render 'maglev/editor/links/edit/page', f: f %>
+  <% end %>
+  <% tabs.with_tab(label: t('maglev.editor.links.edit.tabs.url'), active: @link.url_type?) do %>
+    <%= render 'maglev/editor/links/edit/url', f: f %>
+  <% end %>
+  <% tabs.with_tab(label: t('maglev.editor.links.edit.tabs.email'), active: @link.email_type?) do %>
+    <%= render 'maglev/editor/links/edit/email', f: f %>
+  <% end %>
+<% end %>

data/app/views/maglev/editor/links/edit/_url.html.erb

@@ -0,0 +1,7 @@
+<div class="mt-2 grid grid-cols-1 gap-4">
+  <%= f.hidden_field :link_type, value: 'url' %>
+
+  <%= f.text_field :url_href %>
+
+  <%= f.check_box :open_new_window %>
+</div>

data/app/views/maglev/editor/links/edit.html.erb

@@ -0,0 +1,31 @@
+<%= turbo_frame_tag 'modal' do %>
+  <%= render Maglev::Uikit::ModalComponent.new(id: 'link-modal', open: true, focus: false) do |modal| %>    
+    <% modal.with_title_content t("maglev.editor.links.edit.title") %>
+    <% modal.with_notification_content maglev_flash_message %>
+
+    <%= form_with model: @link,    
+      url: editor_link_path, 
+      method: :put,
+      id: 'link-form',
+      scope: 'link',
+      data: { 
+        controller: 'form-refresh',
+        action: 'turbo:submit-end->uikit-modal#close'
+      } do |f| %>
+      <%= hidden_field_tag :input_name, params[:input_name] %>
+
+      <%= render 'maglev/editor/links/edit/tabs', f: f %>
+
+      <% content_for :form_actions do %>
+        <button class='<%= maglev_button_classes(color: :secondary) %>' data-action="click->uikit-modal#close">
+          Cancel
+        </button>
+        <%= f.submit 'Select', form: 'link-form', class: maglev_button_classes %>
+      <% end %>
+    <% end %>
+
+    <% modal.with_footer do %>
+      <%= yield :form_actions %>
+    <% end %>
+  <% end %>
+<% end %>

data/app/views/maglev/editor/links/update.turbo_stream.erb

@@ -0,0 +1,9 @@
+<%= turbo_stream.update "#{input_id}-frame", method: 'morph' do %>
+  <%= render Maglev::Uikit::Form::LinkComponent.link_type_component(
+      input_name: params[:input_name],
+      value: @link.to_component_params, 
+      path: edit_editor_link_path(link: @link.to_component_params, input_name: params[:input_name])
+    ) %>
+<% end %>
+
+<%= turbo_stream.dispatch_event "link-selected-#{input_id}", payload: @link.to_component_params.to_json %>