maglevcms 1.2.2 → 1.3.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 248515cbe62cad407de20c6cffc54b333b764b997051916dcc25db54744536ae
-  data.tar.gz: 1d7b14f11bde0e7efb1eb88b8804dc5028b3d55da858e963e538c92640377b5c
+  metadata.gz: 0c3b9ff3b96ced9c9f3942ea0c0f26dfc29f9d82bccdb5e6077eea9cf0538c0a
+  data.tar.gz: 6973bba556d750a5e8caa6f80be7b57426cf4db7a919177e510c0d356645ee7c
 SHA512:
-  metadata.gz: b3409a4c7c5712a9e7bfa0541ca7d683e3ce17ace4a0113f9eaafeb2c3ad0d9a24a5bc07717f6ec2b5942a94539ebb9312a0cf18f3f9c9ec6bf1516e9b560dce
-  data.tar.gz: a72a1e948ef6d9ad0003c987a745959a2da567ad78d0db890e1b207f45c4a50d3c86629537bec27bd891d6f4e48f333a0cef22b9bfa3c72168ec64b9a3a5966e
+  metadata.gz: b7f5ba949b5a13eb50b9d3b4fcf042fad60766decb28d8ff16ee076cf4135264eac84ec6348776913d72c3f1bbd72b751576b7445db2f88b0a86e6d5165caf30
+  data.tar.gz: 783b36620b0733ca8387fefd08274f63a2e6c98b65e370572dc6f49f7d7db3c6ad6219c9d0f25a34027db00ca66a684963921777e0a2553fc55af3f121388468

data/app/components/maglev/content/builder.rb

@@ -11,7 +11,9 @@ module Maglev
         color: Maglev::Content::Color,
         select: Maglev::Content::Select,
         collection_item: Maglev::Content::CollectionItem,
-        icon: Maglev::Content::Icon
+        icon: Maglev::Content::Icon,
+        divider: Maglev::Content::Void,
+        hint: Maglev::Content::Void
       }.freeze
 
       def build(scope, content, setting)

data/app/components/maglev/content/checkbox.rb

@@ -4,7 +4,7 @@ module Maglev
   module Content
     class Checkbox < Base
       def true?
-        !!content
+        !!cast_content
       end
 
       def false?
@@ -14,6 +14,12 @@ module Maglev
       def to_s
         content
       end
+
+      private
+
+      def cast_content
+        @cast_content ||= ActiveModel::Type::Boolean.new.cast(content)
+      end
     end
   end
 end

data/app/components/maglev/content/void.rb

@@ -0,0 +1,11 @@
+# frozen_string_literal: true
+
+module Maglev
+  module Content
+    class Void < Base
+      def value
+        ''
+      end
+    end
+  end
+end

data/app/controllers/concerns/maglev/fetchers_concern.rb

@@ -30,7 +30,8 @@ module Maglev
         path: maglev_page_path_from_params,
         locale: content_locale,
         default_locale: default_content_locale,
-        fallback_to_default_locale: fallback_to_default_locale
+        fallback_to_default_locale: fallback_to_default_locale,
+        only_visible: maglev_rendering_mode == :live
       )
     end
 

data/app/controllers/concerns/maglev/rendering_concern.rb

@@ -11,8 +11,6 @@ module Maglev
     private
 
     def render_maglev_page
-      raise ActionController::UnknownFormat, 'Maglev renders HTML pages only' if request.format != 'html'
-
       fetch_maglev_page_content
 
       verify_canonical_path and return

data/app/controllers/maglev/editor_controller.rb

@@ -42,5 +42,9 @@ module Maglev
     def fallback_to_default_locale
       true
     end
+
+    def maglev_rendering_mode
+      :editor
+    end
   end
 end

data/app/frontend/editor/components/dynamic-form/dynamic-input.vue

@@ -1,7 +1,7 @@
 <template>
   <div>
     <text-input
-      :label="setting.label"
+      :label="label"
       :name="setting.id"
       :isFocused="isFocused"
       @blur="$emit('blur')"
@@ -13,7 +13,7 @@
       "
     />
     <textarea-input
-      :label="setting.label"
+      :label="label"
       :name="setting.id"
       :isFocused="isFocused"
       :rows="options.nbRows"
@@ -24,7 +24,7 @@
       "
     />
     <rich-text-input
-      :label="setting.label"
+      :label="label"
       :name="setting.id"
       :isFocused="isFocused"
       :lineBreak="options.lineBreak"
@@ -35,27 +35,27 @@
       v-if="setting.type == 'text' && options.html"
     />
     <image-input
-      :label="setting.label"
+      :label="label"
       :name="setting.id"
       :isFocused="isFocused"
       v-model="inputValue"
       v-if="setting.type == 'image'"
     />
     <icon-input
-      :label="setting.label"
+      :label="label"
       :name="setting.id"
       :isFocused="isFocused"
       v-model="inputValue"
       v-if="setting.type == 'icon'"
     />
     <checkbox-input
-      :label="setting.label"
+      :label="label"
       :name="setting.id"
       v-model="inputValue"
       v-if="setting.type == 'checkbox'"
     />
     <link-input
-      :label="setting.label"
+      :label="label"
       :name="setting.id"
       :isFocused="isFocused"
       :withText="options.withText"
@@ -63,26 +63,37 @@
       v-if="setting.type == 'link'"
     />
     <color-input
-      :label="setting.label"
+      :label="label"
       :name="setting.id"
       v-model="inputValue"
       :presets="options.presets"
       v-if="setting.type == 'color'"
     />
     <simple-select
-      :label="setting.label"
+      :label="label"
       :name="setting.id"
       v-model="inputValue"
       :selectOptions="options.selectOptions"
       v-if="setting.type == 'select'"
     />
     <collection-item-input
-      :label="setting.label"
+      :label="label"
       :name="setting.id"
       v-model="inputValue"
       :collection-id="options.collectionId"
       v-if="setting.type == 'collection_item'"
     />
+
+    <divider 
+      :text="label"
+      :withHint="options.withHint"
+      v-if="setting.type == 'divider'"
+    />
+
+    <hint 
+      :text="label"
+      v-if="setting.type == 'hint'"
+    />
   </div>
 </template>
 
@@ -93,8 +104,17 @@ export default {
     setting: { type: Object, default: () => ({ type: 'text' }) },
     content: { type: Array, required: true },
     isFocused: { type: Boolean, default: false },
+    i18nScope: { type: String, required: false }
   },
   computed: {
+    label() {
+      // i18n key examples: 
+      // - themes.simple.style.settings.main_color
+      // - themes.simple.sections.navbar_01.settings.title
+      const i18nKey = `${this.i18nScope}.${this.setting.id}`
+      const translation = !this.isBlank(this.i18nScope) ? this.$st(i18nKey) : null
+      return translation || this.setting.label
+    },
     options() {
       return this.setting.options
     },

data/app/frontend/editor/components/dynamic-form/index.vue

@@ -7,6 +7,7 @@
       :setting="setting"
       :content="content"
       :isFocused="focusedSetting === setting.id"
+      :i18nScope="i18nScope"
       @blur="$emit('blur')"
       @change="onChange"
     />
@@ -24,6 +25,7 @@ export default {
     settings: { type: Array, default: () => [] },
     content: { type: Array, default: () => [] },
     focusedSetting: { type: String, default: undefined },
+    i18nScope: { type: String, required: false }
   },
   methods: {
     onChange(change) {

data/app/frontend/editor/components/kit/color-input/core-input.vue

@@ -76,7 +76,7 @@ export default {
   },
   methods: {
     updateInput(event) {
-      var value = event.target.value
+      var value = event.target.value.replace('#', '')
       if (value.length > 0) value = `#${value}`
       this.$emit('input', value)
     }

data/app/frontend/editor/components/kit/color-input.vue

@@ -5,7 +5,7 @@
       :for="name"
       v-if="showLabel"
     >
-      <span>{{ label }}</span>
+      <span class="pr-2">{{ label }}</span>
       <core-input :presets="presets" v-model="updatableValue" />
     </label>
   </div>

data/app/frontend/editor/components/kit/divider.vue

@@ -0,0 +1,22 @@
+<template>
+  <div :class="{ 'pt-4': withHint, 'pt-4 pb-2': !withHint }">
+    <div class="relative">
+      <div class="absolute inset-0 flex items-center" aria-hidden="true">
+        <div class="w-full border-t border-gray-200"></div>
+      </div>
+      <div class="relative flex justify-center">
+        <span class="bg-white px-3 leading-6 text-gray-800">{{ text }}</span>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'Divider',
+  props: {
+    text: { type: String, default: 'Text goes here' },
+    withHint: { type: Boolean, default: false }
+  }
+}
+</script>

data/app/frontend/editor/components/kit/hint.vue

@@ -0,0 +1,12 @@
+<template>
+  <div class="text-gray-600 text-sm">{{ text }}</div>
+</template>
+
+<script>
+export default {
+  name: 'Hint',
+  props: {
+    text: { type: String, default: 'Hint goes here' },
+  }
+}
+</script>

data/app/frontend/editor/components/kit/index.js

@@ -23,6 +23,8 @@ import ColorInput from './color-input.vue'
 import SimpleSelect from './simple-select.vue'
 import CollectionItemInput from './collection-item-input.vue'
 import ListItemButton from './list-item-button.vue'
+import Divider from './divider.vue'
+import Hint from './hint.vue'
 
 Vue.component('icon', Icon)
 Vue.component('v-popoper', VPopover)
@@ -48,3 +50,5 @@ Vue.component('color-input', ColorInput)
 Vue.component('simple-select', SimpleSelect)
 Vue.component('collection-item-input', CollectionItemInput)
 Vue.component('list-item-button', ListItemButton)
+Vue.component('divider', Divider)
+Vue.component('hint', Hint)

data/app/frontend/editor/components/page/form/seo.vue

@@ -86,7 +86,7 @@ export default {
         return { url: this.page.ogImageUrl }
       },
       set(ogImage) {
-        this.$emit('on-change', { ogImageUrl: ogImage.url })
+        this.$emit('on-change', { ogImageUrl: ogImage?.url ?? null })
       },
     },
   },

data/app/frontend/editor/components/section-block-pane/setting-list.vue

@@ -5,6 +5,7 @@
     :settings="sectionBlockSettings"
     :content="currentSectionBlockContent"
     :focusedSetting="settingId"
+    :i18nScope="i18nScope"
     @blur="onBlur"
     @change="updateSectionBlockContent"
   />
@@ -31,6 +32,9 @@ export default {
             this.currentSectionBlockContent,
           )
     },
+    i18nScope() {
+      return `${this.currentSectionBlockI18nScope}.settings`
+    }
   },
   methods: {
     ...mapActions(['updateSectionBlockContent']),

data/app/frontend/editor/components/section-highlighter/top-left-actions.vue

@@ -4,7 +4,7 @@
       class="bg-editor-primary text-white py-1 px-3 rounded-l-2xl text-xs flex items-center"
       :class="{ 'rounded-r-2xl': !displayMoveArrows }"
     >
-      <span>{{ hoveredSection.name }}</span>
+      <span>{{ name }}</span>
     </div>
     <button
       type="button"
@@ -34,6 +34,12 @@ export default {
     hoveredSection: { type: Object },
   },
   computed: {
+    name() {
+      return this.$st(`${this.currentI18nScope}.sections.${this.sectionType}.name`) || this.hoveredSection.name
+    },
+    sectionType() {
+      return this.hoveredSection.definition.id
+    },
     displayMoveArrows() {
       return !this.currentSection && !this.hoveredSection.definition.insertAt
     },

data/app/frontend/editor/components/section-list/list-item.vue

@@ -6,7 +6,7 @@
       :to="{ name: 'editSection', params: { sectionId: section.id } }"
       class="flex items-center"
     >
-      <span>{{ section.name | truncate(40) }}</span>
+      <span>{{ name | truncate(40) }}</span>
     </router-link>
     <confirmation-button @confirm="removeSection(section.id)" v-on="$listeners">
       <button
@@ -26,6 +26,11 @@ export default {
   props: {
     section: { type: Object, required: true },
   },
+  computed: {
+    name() {
+      return this.$st(`${this.currentI18nScope}.sections.${this.section.type}.name`) || this.section.name
+    }
+  },
   methods: {
     ...mapActions(['removeSection']),
   },

data/app/frontend/editor/components/section-pane/index.vue

@@ -62,6 +62,7 @@ export default {
     },
     blocksLabel() {
       return (
+        this.$st(`${this.currentSectionI18nScope}.blocks.label`) ||
         this.currentSectionDefinition.blocksLabel ||
         this.$t('sectionPane.tabs.blocks')
       )
@@ -70,7 +71,7 @@ export default {
       return this.currentSectionDefinition.blocksPresentation === 'tree'
         ? BlockTree
         : BlockList
-    },
+    }
   },
   methods: {
     findTabIndexFromRoute() {

data/app/frontend/editor/components/section-pane/setting-list.vue

@@ -5,6 +5,7 @@
     :settings="sectionSettings"
     :content="currentSectionContent"
     :focusedSetting="settingId"
+    :i18nScope="i18nScope"
     @blur="onBlur"
     @change="updateSectionContent"
   />
@@ -31,6 +32,9 @@ export default {
             this.currentSectionContent,
           )
     },
+    i18nScope() {
+      return `${this.currentSectionI18nScope}.settings`
+    }
   },
   methods: {
     ...mapActions(['updateSectionContent']),

data/app/frontend/editor/components/style-pane/index.vue

@@ -5,6 +5,7 @@
         parentKey="style"
         :settings="styleSettings"
         :content="style"
+        :i18nScope="i18nScope"
         @change="onChange"
       />
     </div>
@@ -28,6 +29,9 @@ export default {
     styleSettings() {
       return this.currentTheme.styleSettings
     },
+    i18nScope() {
+      return `${this.currentStyleI18nScope}.settings`
+    }
   },
   methods: {
     ...mapActions(['previewStyle']),

data/app/frontend/editor/locales/editor.fr.json

@@ -24,6 +24,7 @@
   "sidebarNav": {
     "addNewSectionTooltip": "Ajouter une nouvelle section au bas de la page",
     "managePageSectionsTooltip": "Gérer les sections de la page",
+    "editStyleTooltip": "Modifier le style du site",
     "openImageLibraryTooltip": "Ouvrir la galerie d'images",
     "leaveEditorTooltip": "Retour vers l'application principale"
   },
@@ -103,7 +104,7 @@
     "tabs": {
       "settings": "Contenu",
       "blocks": "Blocs",
-      "advanced": "Paramètres avancés"
+      "advanced": "Paramètres"
     },
     "blockList": {
       "add": "Ajouter un nouvel élément"
@@ -112,12 +113,17 @@
   "sectionBlockPane": {
     "tabs": {
       "settings": "Contenu",
-      "advanced": "Paramètres avancés"
+      "advanced": "Paramètres"
     }
   },
   "themeSectionList": {
     "emptyCategory": "Aucune section"
   },
+  "style": {
+    "edit": {
+      "title": "Styler site"
+    }
+  },
   "imageInput": {
     "addButton": "Ajouter une image",
     "replaceButton": "Remplacer l'image",

data/app/frontend/editor/mixins/global.js

@@ -16,9 +16,15 @@ Vue.mixin({
     currentSite() {
       return this.$store.state.site
     },
+    currentI18nScope() {
+      return `themes.${this.currentTheme.id}`
+    },
     currentStyle() {
       return this.$store.state.style
     },
+    currentStyleI18nScope() {
+      return `${this.currentI18nScope}.style`
+    },
     currentLocale() {
       return this.$store.state.locale
     },
@@ -34,6 +40,9 @@ Vue.mixin({
     currentSection() {
       return this.$store.state.section
     },
+    currentSectionI18nScope() {
+      return `${this.currentI18nScope}.sections.${this.currentSection.type}`
+    },
     currentSectionList() {
       return this.$store.getters.sectionList
     },
@@ -55,6 +64,9 @@ Vue.mixin({
     currentSectionBlock() {
       return this.$store.state.sectionBlock
     },
+    currentSectionBlockI18nScope() {
+      return `${this.currentSectionI18nScope}.blocks.${this.currentSectionBlock.type}`
+    },
     currentSectionBlockIndex() {
       return this.$store.getters.sectionBlockIndex
     },
@@ -120,5 +132,9 @@ Vue.mixin({
     closeModal() {
       ModalBus.$emit('close')
     },
+    $st(key) {
+      // console.log('$st', key, this.$te(key) ? this.$t(key) : null)
+      return this.$te(key) ? this.$t(key) : null
+    }
   },
 })

data/app/frontend/editor/router/index.js

@@ -15,7 +15,7 @@ const router = new VueRouter({
 router.beforeEach((to, from, next) => {
   // The router hasn't found a component to display so get back
   // to the screen without any UI drawer opened.
-  if (to.matched.length === 0) {
+  if (to.matched.length === 0)
     return next({
       name: 'editPage',
       params: {
@@ -23,7 +23,6 @@ router.beforeEach((to, from, next) => {
         locale: store.state.locale,
       },
     })
-  }
 
   // When an user wants to edit another page or to edit the current page
   // in a different locale, the router detects it and dispatch the new

data/app/frontend/editor/views/content-pane.vue

@@ -53,10 +53,10 @@ export default {
       else return null
     },
     sectionTitle() {
-      return this.currentSectionDefinition?.name
+      return this.$st(`${this.currentSectionI18nScope}.name`) || this.currentSectionDefinition?.name
     },
     sectionBlockTitle() {
-      return (
+      return this.$st(`${this.currentSectionI18nScope}.blocks.label`) || (
         this.currentSectionBlockDefinition?.name +
         ' ' +
         `#${this.currentSectionBlockIndex}`

data/app/models/concerns/maglev/translatable.rb

@@ -11,6 +11,10 @@ module Maglev
       public_send("#{attr}_translations")
     end
 
+    def translate_attr_in(attr, locale, source_locale)
+      translations_for(attr)[locale.to_s] ||= translations_for(attr)[source_locale.to_s]
+    end
+
     class_methods do
       def order_by_translated(attr, direction)
         order(Arel.sql("#{attr}_translations->>'#{Maglev::I18n.current_locale}'") => direction)

data/app/models/maglev/page.rb

@@ -34,5 +34,11 @@ module Maglev
     def static?
       false
     end
+
+    def translate_in(locale, source_locale)
+      %i[title sections seo_title meta_description og_title og_description og_image_url].each do |attr|
+        translate_attr_in(attr, locale, source_locale)
+      end
+    end
   end
 end

data/app/models/maglev/section/setting.rb

@@ -10,7 +10,7 @@ class Maglev::Section::Setting
 
   ## validations ##
   validates :id, :label, :type, :default, 'maglev/presence': true
-  validates :type, inclusion: { in: %w[text image checkbox link color select collection_item icon] }
+  validates :type, inclusion: { in: %w[text image checkbox link color select collection_item icon divider hint] }
 
   ## methods ##
 

data/app/models/maglev/site/locales_concern.rb

@@ -12,6 +12,13 @@ module Maglev::Site::LocalesConcern
     validates :locales, 'maglev/collection': true, length: { minimum: 1 }
   end
 
+  def add_locale(locale)
+    return nil if locale_prefixes.include?(locale.prefix.to_sym)
+
+    locales << locale
+    locales
+  end
+
   def default_locale
     locales.first
   end

data/app/models/maglev/site.rb

@@ -21,5 +21,9 @@ module Maglev
     def find_section(type)
       sections&.find { |section| section['type'] == type }
     end
+
+    def translate_in(locale, source_locale)
+      translate_attr_in(:sections, locale, source_locale)
+    end
   end
 end

data/app/models/maglev/theme/style_setting.rb

@@ -10,7 +10,7 @@ class Maglev::Theme::StyleSetting
 
   ## validations ##
   validates :id, :label, :type, :default, 'maglev/presence': true
-  validates :type, inclusion: { in: %w[text color select checkbox] }
+  validates :type, inclusion: { in: %w[text color select checkbox divider hint] }
 
   ## methods ##
 

data/app/services/maglev/add_site_locale.rb

@@ -0,0 +1,64 @@
+# frozen_string_literal: true
+
+module Maglev
+  # Add a locale (instace of Maglev::Site::Locale) to a site
+  class AddSiteLocale
+    include Injectable
+
+    argument :site
+    argument :locale
+
+    def call
+      return if locale.blank? || !site.add_locale(locale)
+
+      ActiveRecord::Base.transaction do
+        unsafe_call
+      end
+    end
+
+    protected
+
+    def unsafe_call
+      # Set a default content for site_scoped sections
+      apply_to_site
+
+      site.save! # persist the new locale
+
+      # add a default content in the new locale to all the pages of the site
+      # based on the default locale. Also take care of the path.
+      apply_to_pages
+
+      true
+    end
+
+    def apply_to_site
+      Maglev::I18n.with_locale(locale.prefix) do
+        site.translate_in(locale.prefix, site.default_locale_prefix)
+      end
+    end
+
+    def apply_to_pages
+      resources.find_each do |page|
+        # the path will be the same as in the default locale
+        Maglev::I18n.with_locale(locale.prefix) do
+          page.path = default_page_path(page)
+        end
+
+        # set a default content which will be the same as in the default locale
+        page.translate_in(locale.prefix, site.default_locale_prefix)
+
+        page.save!
+      end
+    end
+
+    def default_page_path(page)
+      # we can't rely on page.default_path because the service can be called outside a HTTP request
+      # and so we don't know for sure if Maglev::I18n.default_locale has been correctly set.
+      page.paths.find_by(locale: site.default_locale.prefix)&.value
+    end
+
+    def resources
+      ::Maglev::Page
+    end
+  end
+end

data/app/services/maglev/app_container.rb

@@ -31,6 +31,7 @@ module Maglev
     dependency :persist_section_screenshot, class: Maglev::PersistSectionScreenshot,
                                             depends_on: %i[fetch_theme fetch_section_screenshot_path]
 
+    dependency :add_site_locale,            class: Maglev::AddSiteLocale
     dependency :change_site_locales,        class: Maglev::ChangeSiteLocales
 
     dependency :fetch_page,                 class: Maglev::FetchPage, depends_on: :fetch_site

data/app/services/maglev/change_site_locales.rb

@@ -2,7 +2,7 @@
 
 module Maglev
   # Change the locales of a site.
-  # The new locales are an array of maps with 2 required keys: :name & :prefix.
+  # The new locales are an array of Maglev::Site::Locale objects
   class ChangeSiteLocales
     include Injectable
 

data/app/services/maglev/fetch_page.rb

@@ -10,6 +10,7 @@ module Maglev
     argument :locale
     argument :default_locale
     argument :fallback_to_default_locale, default: false
+    argument :only_visible, default: false
 
     def call
       page = fetch_page(path, locale)
@@ -20,7 +21,12 @@ module Maglev
     protected
 
     def fetch_page(path, locale)
-      Maglev::Page.by_path(path || 'index', locale).first
+      page = pages.by_path(path || 'index', locale).first
+      !only_visible || (page&.visible? && only_visible) ? page : nil
+    end
+
+    def pages
+      Maglev::Page
     end
   end
 end

data/app/services/maglev/fetch_section_screenshot_path.rb

@@ -11,7 +11,7 @@ module Maglev
 
     def call
       path = "#{fetch_sections_path.call(theme: theme)}/#{section.category}/#{section.id}.jpg"
-      absolute ? "#{Rails.root}/public/#{path}" : "/#{path}"
+      absolute ? Rails.root.join("public/#{path}").to_s : "/#{path}"
     end
   end
 end

data/app/services/maglev/get_page_fullpath.rb

@@ -44,7 +44,7 @@ module Maglev
 
     def build_fullpath(base_url, path)
       fullpath = [base_url]
-      fullpath.push(locale) unless same_as_default_locale?
+      fullpath.push(locale) if prefix_by_default_locale?
       fullpath.push(path) unless path == 'index' # for SEO purpose)
       fullpath.push(nil) if fullpath == [nil] # avoid "" as the fullpath
       fullpath.join('/')
@@ -54,6 +54,10 @@ module Maglev
       @site ||= fetch_site.call
     end
 
+    def prefix_by_default_locale?
+      !same_as_default_locale?
+    end
+
     def same_as_default_locale?
       locale.to_s == default_locale.to_s
     end

data/lib/maglev/engine.rb

@@ -54,7 +54,9 @@ module Maglev
                                     urls: ["/#{vite_ruby.config.public_output_dir}"],
                                     root: root.join(vite_ruby.config.public_dir),
                                     header_rules: [
-                                      [:all, { "Access-Control-Allow-Origin": '*' }]
+                                      # rubocop:disable Style/StringHashKeys
+                                      [:all, { 'Access-Control-Allow-Origin' => '*' }]
+                                      # rubocop:enable Style/StringHashKeys
                                     ]
       else
         # mostly when running the application in production behind NGINX or APACHE
@@ -63,7 +65,9 @@ module Maglev
                                      urls: ["/#{vite_ruby.config.public_output_dir}"],
                                      root: root.join(vite_ruby.config.public_dir),
                                      header_rules: [
-                                       [:all, { "Access-Control-Allow-Origin": '*' }]
+                                       # rubocop:disable Style/StringHashKeys
+                                       [:all, { 'Access-Control-Allow-Origin' => '*' }]
+                                       # rubocop:enable Style/StringHashKeys
                                      ]
       end
     end

data/lib/maglev/preview_constraint.rb

@@ -4,6 +4,8 @@ require 'uri'
 
 module Maglev
   class PreviewConstraint
+    CRAWLER_USER_AGENTS = /Googlebot|Twitterbot|facebookexternalhit/o.freeze
+
     attr_reader :preview_host
 
     def initialize(preview_host: nil)
@@ -11,7 +13,7 @@ module Maglev
     end
 
     def matches?(request)
-      %i[html xml].include?(request.format.symbol) && (!preview_host || preview_host == request.host)
+      (accepted_format?(request) || crawler?(request)) && match_host?(request)
     end
 
     protected
@@ -21,5 +23,17 @@ module Maglev
 
       URI.parse(Maglev.config.preview_host).host # make sure we get only the host here
     end
+
+    def accepted_format?(request)
+      %i[html xml].include?(request.format.symbol)
+    end
+
+    def crawler?(request)
+      request.format.symbol.nil? && CRAWLER_USER_AGENTS.match?(request.user_agent)
+    end
+
+    def match_host?(request)
+      !preview_host || preview_host == request.host
+    end
   end
 end

data/lib/maglev/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module Maglev
-  VERSION = '1.2.2'
+  VERSION = '1.3.0'
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: maglevcms
 version: !ruby/object:Gem::Version
-  version: 1.2.2
+  version: 1.3.0
 platform: ruby
 authors:
 - Didier Lafforgue
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2023-09-08 00:00:00.000000000 Z
+date: 2023-10-02 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jbuilder
@@ -133,6 +133,7 @@ files:
 - app/components/maglev/content/link.rb
 - app/components/maglev/content/select.rb
 - app/components/maglev/content/text.rb
+- app/components/maglev/content/void.rb
 - app/components/maglev/page_component.rb
 - app/components/maglev/section_component.rb
 - app/components/maglev/tag_helper.rb
@@ -551,7 +552,9 @@ files:
 - app/frontend/editor/components/kit/color-input/preset-button.vue
 - app/frontend/editor/components/kit/color-input/preset-dropdown.vue
 - app/frontend/editor/components/kit/confirmation-button.vue
+- app/frontend/editor/components/kit/divider.vue
 - app/frontend/editor/components/kit/dropdown.vue
+- app/frontend/editor/components/kit/hint.vue
 - app/frontend/editor/components/kit/icon-input.vue
 - app/frontend/editor/components/kit/icon.vue
 - app/frontend/editor/components/kit/image-input.vue
@@ -730,6 +733,7 @@ files:
 - app/services/concerns/maglev/get_page_sections/transform_collection_item_concern.rb
 - app/services/concerns/maglev/get_page_sections/transform_link_concern.rb
 - app/services/concerns/maglev/get_page_sections/transform_text_concern.rb
+- app/services/maglev/add_site_locale.rb
 - app/services/maglev/app_container.rb
 - app/services/maglev/change_site_locales.rb
 - app/services/maglev/clone_page.rb
@@ -845,7 +849,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 3.2.32
+rubygems_version: 3.3.26
 signing_key:
 specification_version: 4
 summary: Page builder Ruby on Rails