maglevcms 1.4.0 → 1.5.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 03a2b641a732256c52996191d8b8b5acd6fade31e3da46c7400b4ddd19d572b8
-  data.tar.gz: 7707349dac583ee782baf2b5eb6e2b6c4007d0935529c301376a8876a6a985f4
+  metadata.gz: 8f2ab19ced5aac5add6f9567d35c4ff2afd691a9df28d6427848add5b4e485c8
+  data.tar.gz: 275f52591a49d27d99af9cd7d1d9e31204318c818cbc82bc02c7aba266336f23
 SHA512:
-  metadata.gz: 48519ed7bfc8b5281297b2996d92a11fa0f9114266e577d05953f507006be5a64d0619ee2cce6c56471c0c4776f3d0706822860f1161163a6ab52ec1e17add3a
-  data.tar.gz: ef616f5afbf2f8a25ffdf59cbb75cc72b0276f723ed68eca78bcc8c6bc9781fa54833dd7617a322a1f704807a4b06cf6d4c2e90bcc2058dcf1bd6c3f2a522fec
+  metadata.gz: d12fbd67952a61a321f253d6ec8ac8c97f981b880572bf3d8f1d65a95a825d29adba0041c53929c26a631a7f8e1f99e9bfbd907d82a53a263777ed9a751334f0
+  data.tar.gz: 0a149c32927a7f9f478f489b281957a1f7ec32b5c2ee2ac3f08cfd6fad1d51ac59a6bca6f660af64f35bdc7833bec98443f23d9807ef5e515a22d112dee01f4a

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

@@ -24,7 +24,7 @@ module Maglev
       end
 
       def to_s
-        url
+        url || ''
       end
 
       def tag(view_context, options = {})

data/app/controllers/maglev/api/assets_controller.rb

@@ -12,7 +12,7 @@ module Maglev
       end
 
       def show
-        @asset = resources.find(params[:id])
+        @asset = resources.find(resource_id)
       end
 
       def create
@@ -21,12 +21,12 @@ module Maglev
       end
 
       def update
-        resources.find(params[:id]).update!(asset_params)
+        resources.find(resource_id).update!(asset_params)
         head :ok
       end
 
       def destroy
-        resources.find(params[:id]).destroy!
+        resources.find(resource_id).destroy!
         head :no_content
       end
 

data/app/controllers/maglev/application_controller.rb

@@ -13,5 +13,10 @@ module Maglev
     def use_engine_vite?
       true
     end
+
+    def resource_id
+      # A standard UUID code contains 32 hex digits along with 4 "-"" symbols
+      Maglev.uuid_as_primary_key? && params[:id] ? params[:id][0..35] : params[:id]
+    end
   end
 end

data/app/controllers/maglev/assets_controller.rb

@@ -3,7 +3,7 @@
 module Maglev
   class AssetsController < ApplicationController
     def show
-      @asset = Maglev::Asset.find(params[:id])
+      @asset = Maglev::Asset.find(resource_id)
       send_data @asset.download, filename: @asset.filename, type: @asset.content_type
     end
   end

data/app/controllers/maglev/editor_controller.rb

@@ -9,7 +9,7 @@ module Maglev
     include Maglev::ContentLocaleConcern
 
     before_action :fetch_maglev_site, only: :show
-    before_action :ensure_content_locale_in_path, only: :show
+    before_action :ensure_path_and_content_locale, only: :show
     before_action :set_content_locale, only: :show
 
     helper_method :maglev_home_page_id
@@ -25,8 +25,10 @@ module Maglev
 
     private
 
-    def ensure_content_locale_in_path
-      redirect_to editor_path('index', locale: default_content_locale) if params[:locale].blank?
+    def ensure_path_and_content_locale
+      return unless params[:path].blank? || params[:locale].blank?
+
+      redirect_to default_maglev_editor_path
     end
 
     def maglev_home_page_id
@@ -46,5 +48,12 @@ module Maglev
     def maglev_rendering_mode
       :editor
     end
+
+    def default_maglev_editor_path
+      editor_path(
+        params[:path] || 'index',
+        locale: params[:locale] || default_content_locale
+      )
+    end
   end
 end

data/app/frontend/admin/controllers/screenshot_controller.js

@@ -21,7 +21,11 @@ export default class extends Controller {
       '[data-maglev-dropzone]',
     )
     this.sourceTarget.contentWindow
-      .html2canvas(realSource, { allowTaint: true, logging: true, useCORS: true })
+      .html2canvas(realSource, {
+        allowTaint: true,
+        logging: true,
+        useCORS: true,
+      })
       .then((canvas) => {
         this.outputTarget.src = canvas.toDataURL() // for debugging purpose
         axios

data/app/frontend/editor/App.vue

@@ -1,7 +1,7 @@
 <template>
   <div>
     <router-view />
-    <modal-root />
+    <uikit-modal-root />
   </div>
 </template>
 

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

@@ -1,6 +1,6 @@
 <template>
   <div>
-    <text-input
+    <uikit-text-input
       :label="label"
       :name="setting.id"
       :isFocused="isFocused"
@@ -12,7 +12,7 @@
         parseInt(options.nbRows || 1) < 2
       "
     />
-    <textarea-input
+    <uikit-textarea-input
       :label="label"
       :name="setting.id"
       :isFocused="isFocused"
@@ -23,7 +23,7 @@
         setting.type == 'text' && !options.html && parseInt(options.nbRows) > 1
       "
     />
-    <rich-text-input
+    <uikit-rich-text-input
       :label="label"
       :name="setting.id"
       :isFocused="isFocused"
@@ -34,27 +34,27 @@
       v-model="inputValue"
       v-if="setting.type == 'text' && options.html"
     />
-    <image-input
+    <uikit-image-input
       :label="label"
       :name="setting.id"
       :isFocused="isFocused"
       v-model="inputValue"
       v-if="setting.type == 'image'"
     />
-    <icon-input
+    <uikit-icon-input
       :label="label"
       :name="setting.id"
       :isFocused="isFocused"
       v-model="inputValue"
       v-if="setting.type == 'icon'"
     />
-    <checkbox-input
+    <uikit-checkbox-input
       :label="label"
       :name="setting.id"
       v-model="inputValue"
       v-if="setting.type == 'checkbox'"
     />
-    <link-input
+    <uikit-link-input
       :label="label"
       :name="setting.id"
       :isFocused="isFocused"
@@ -62,21 +62,21 @@
       v-model="inputValue"
       v-if="setting.type == 'link'"
     />
-    <color-input
+    <uikit-color-input
       :label="label"
       :name="setting.id"
       v-model="inputValue"
       :presets="options.presets"
       v-if="setting.type == 'color'"
     />
-    <simple-select
+    <uikit-simple-select
       :label="label"
       :name="setting.id"
       v-model="inputValue"
       :selectOptions="options.selectOptions"
       v-if="setting.type == 'select'"
     />
-    <collection-item-input
+    <uikit-collection-item-input
       :label="label"
       :name="setting.id"
       v-model="inputValue"
@@ -84,16 +84,13 @@
       v-if="setting.type == 'collection_item'"
     />
 
-    <divider 
+    <uikit-divider
       :text="label"
       :withHint="options.withHint"
       v-if="setting.type == 'divider'"
     />
 
-    <hint 
-      :text="label"
-      v-if="setting.type == 'hint'"
-    />
+    <uikit-hint :text="label" v-if="setting.type == 'hint'" />
   </div>
 </template>
 
@@ -104,15 +101,17 @@ export default {
     setting: { type: Object, default: () => ({ type: 'text' }) },
     content: { type: Array, required: true },
     isFocused: { type: Boolean, default: false },
-    i18nScope: { type: String, required: false }
+    i18nScope: { type: String, required: false },
   },
   computed: {
     label() {
-      // i18n key examples: 
+      // 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
+      const translation = !this.isBlank(this.i18nScope)
+        ? this.$st(i18nKey)
+        : null
       return translation || this.setting.label
     },
     options() {

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

@@ -25,7 +25,7 @@ export default {
     settings: { type: Array, default: () => [] },
     content: { type: Array, default: () => [] },
     focusedSetting: { type: String, default: undefined },
-    i18nScope: { type: String, required: false }
+    i18nScope: { type: String, required: false },
   },
   methods: {
     onChange(change) {

data/app/frontend/editor/components/header-nav/device-toggler.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="flex items-center">
-    <icon
+    <uikit-icon
       v-for="(icon, index) in icons"
       :key="icon.device"
       :name="icon.name"

data/app/frontend/editor/components/header-nav/index.vue

@@ -18,9 +18,9 @@
           }"
         >
           <span>{{ $t('headerNav.pages') }}</span>
-          <page-icon class="ml-4" :page="currentPage" />
+          <uikit-page-icon class="ml-4" :page="currentPage" />
           <span class="ml-2">{{ currentPage.title }}</span>
-          <icon name="arrow-down-s-line" class="ml-3" />
+          <uikit-icon name="arrow-down-s-line" class="ml-3" />
         </router-link>
 
         <separator />
@@ -33,7 +33,7 @@
             'bg-editor-primary bg-opacity-5': isEditPageActive,
           }"
         >
-          <icon name="settings-4-line" size="1.25rem" />
+          <uikit-icon name="settings-4-line" size="1.25rem" />
           <span class="ml-2">{{ $t('headerNav.pageSettings') }}</span>
         </router-link>
 

data/app/frontend/editor/components/header-nav/locale-toggler/index.vue

@@ -1,13 +1,13 @@
 <template>
   <div>
-    <dropdown placement="bottom" ref="dropdown" class="h-full flex">
+    <uikit-dropdown placement="bottom" ref="dropdown" class="h-full flex">
       <template v-slot:button>
         <button
           class="h-full w-full px-6 hover:bg-editor-primary hover:bg-opacity-5 transition-colors duration-200 flex items-center focus:outline-none focus:none"
         >
-          <icon name="ri-global-line" class="mr-2" />
+          <uikit-icon name="ri-global-line" class="mr-2" />
           <span class="mr-1">{{ currentLabel }}</span>
-          <icon name="arrow-down-s-line" />
+          <uikit-icon name="arrow-down-s-line" />
         </button>
       </template>
       <template v-slot:content>
@@ -20,7 +20,7 @@
           />
         </div>
       </template>
-    </dropdown>
+    </uikit-dropdown>
   </div>
 </template>
 

data/app/frontend/editor/components/header-nav/preview-toggler.vue

@@ -1,12 +1,12 @@
 <template>
   <div>
-    <dropdown placement="bottom" ref="dropdown" class="h-full flex">
+    <uikit-dropdown placement="bottom" ref="dropdown" class="h-full flex">
       <template v-slot:button>
         <button
           class="h-full w-full px-6 hover:bg-editor-primary hover:bg-opacity-5 transition-colors duration-200 flex items-center focus:outline-none focus:none"
         >
           <span>{{ $t('headerNav.previewToggler.button') }}</span>
-          <icon name="arrow-down-s-line" />
+          <uikit-icon name="arrow-down-s-line" />
         </button>
       </template>
       <template v-slot:content>
@@ -22,7 +22,7 @@
           }}</a>
         </div>
       </template>
-    </dropdown>
+    </uikit-dropdown>
   </div>
 </template>
 

data/app/frontend/editor/components/header-nav/publish-button.vue

@@ -22,14 +22,14 @@
       :disabled="isInProgress || hasModifiedSections"
     >
       <span class="flex items-center justify-center space-x-2">
-        <icon
+        <uikit-icon
           icon="circle-notch"
           name="ri-loader-4-line"
           spin
           v-if="isInProgress"
         />
-        <icon name="ri-check-line" v-if="isSuccess" />
-        <icon name="ri-alert-line" v-if="isFail" />
+        <uikit-icon name="ri-check-line" v-if="isSuccess" />
+        <uikit-icon name="ri-alert-line" v-if="isFail" />
         <span>{{ label }}</span>
       </span>
     </button>

data/app/frontend/editor/components/header-nav/save-button.vue

@@ -1,5 +1,5 @@
 <template>
-  <submit-button
+  <uikit-submit-button
     type="button"
     class="block text-white bg-opacity-95 hover:bg-opacity-100 transition-colors duration-200"
     :class="{

data/app/frontend/editor/components/icon-library/index.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="space-y-2">
     <div>
-      <search-input @search="(q) => (query = q)" />
+      <uikit-search-input @search="(q) => (query = q)" />
     </div>
     <div class="overflow-y-auto h-64">
       <div class="grid grid-cols-6 gap-2 pt-2 pb-8">

data/app/frontend/editor/components/image-library/index.vue

@@ -6,7 +6,7 @@
         @uploaded="refresh"
         class="flex-shrink-0"
       />
-      <search-input
+      <uikit-search-input
         class="w-72 ml-auto"
         :placeholder="$t('imageLibrary.searchPlaceholder')"
         @search="search"
@@ -31,7 +31,7 @@
           />
         </transition>
       </div>
-      <pagination
+      <uikit-pagination
         labelI18nKey="imageLibrary.pagination.label"
         noItemsI18nKey="imageLibrary.pagination.noItems"
         :activePage="activePage"

data/app/frontend/editor/components/image-library/list-item.vue

@@ -24,7 +24,7 @@
               class="px-1 py-1 bg-white rounded-full flex items-center justify-center text-gray-900 ml-auto"
               @click="() => (this.askingForRemoval = true)"
             >
-              <icon name="delete-bin-line" size="1rem" />
+              <uikit-icon name="delete-bin-line" size="1rem" />
             </button>
           </div>
         </transition>

data/app/frontend/editor/components/image-library/uploader.vue

@@ -1,6 +1,6 @@
 <template>
   <div>
-    <submit-button
+    <uikit-submit-button
       type="button"
       class="rounded-sm text-white py-2 px-4"
       defaultColorClass="bg-editor-primary"

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

@@ -7,13 +7,18 @@
     >
       <slot name="header">HINT</slot>
       <button class="ml-auto">
-        <icon
+        <uikit-icon
           name="arrow-up-s-line"
           size="1.5rem"
           class="ml-auto"
           v-if="show"
         />
-        <icon name="arrow-down-s-line" size="1.5rem" class="ml-auto" v-else />
+        <uikit-icon
+          name="arrow-down-s-line"
+          size="1.5rem"
+          class="ml-auto"
+          v-else
+        />
       </button>
     </div>
     <transition
@@ -35,7 +40,7 @@
 
 <script>
 export default {
-  name: 'Accordion',
+  name: 'UIKitAccordion',
   props: {
     headerClass: { type: String, default: '' },
   },

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

@@ -20,7 +20,7 @@
 
 <script>
 export default {
-  name: 'CheckboxInput',
+  name: 'UIKitCheckboxInput',
   props: {
     label: { type: String, default: 'Label' },
     name: { type: String, default: 'text' },

data/app/frontend/editor/components/kit/collection-item-input.vue

@@ -4,7 +4,7 @@
       {{ label }}
     </label>
 
-    <select-input
+    <uikit-select-input
       :withLabel="false"
       :placeholder="$t(`collectionItemInput.select.placeholder`)"
       :searchEnabled="true"
@@ -16,7 +16,10 @@
       v-model="selectedCollectionItem"
     >
       <template v-slot:value>
-        <div class="flex items-center flex-grow-0 overflow-x-hidden" :title="selectedCollectionItem.label">
+        <div
+          class="flex items-center flex-grow-0 overflow-x-hidden"
+          :title="selectedCollectionItem.label"
+        >
           <div
             class="h-10 w-10 bg-gray-400 mr-3"
             v-if="selectedCollectionItem.imageUrl"
@@ -37,7 +40,7 @@
           <span class="truncate font-bold">{{ item.label }}</span>
         </div>
       </template>
-    </select-input>
+    </uikit-select-input>
   </div>
 </template>
 
@@ -45,7 +48,7 @@
 import { camelizeKeys } from '@/misc/utils'
 
 export default {
-  name: 'CollectionItemInput',
+  name: 'UIKitCollectionItemInput',
   props: {
     label: { type: String, default: 'Label' },
     name: { type: String, default: 'image' },

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

@@ -1,11 +1,14 @@
 <template>
   <div class="relative">
-    <div 
-      class="absolute left-3 top-2 w-6 h-6 rounded-sm border border-gray-200" 
+    <div
+      class="absolute left-3 top-2 w-6 h-6 rounded-sm border border-gray-200"
       :class="{ 'bg-checkerboard': isTransparent }"
-      :style="{ 'background-color': styleRgbaColor }"></div>
+      :style="{ 'background-color': styleRgbaColor }"
+    ></div>
 
-    <span class="absolute left-11 top-1.5 font-bold text-gray-900 text-lg">#</span>
+    <span class="absolute left-11 top-1.5 font-bold text-gray-900 text-lg"
+      >#</span
+    >
 
     <input
       type="text"
@@ -14,17 +17,17 @@
       class="py-2 pl-14 rounded bg-gray-100 text-gray-800 focus:outline-none focus:ring placeholder-gray-500 font-normal"
       :class="{
         'pr-8': hasPresets,
-        'pr-2': !hasPresets
+        'pr-2': !hasPresets,
       }"
       autocomplete="off"
-      minlength="4" 
+      minlength="4"
       maxlength="8"
       size="7"
     />
 
-    <preset-dropdown 
-      v-model="updatableValue" 
-      :presets="presets" 
+    <preset-dropdown
+      v-model="updatableValue"
+      :presets="presets"
       v-if="hasPresets"
     />
   </div>
@@ -56,7 +59,9 @@ export default {
       return colorVariableToRgb(this.value)
     },
     styleRgbaColor() {
-      const color = this.isTransparent ? { r: 255, g: 255, b: 255 } : (this.rgbColor || { r: 0, g: 0, b: 0 })
+      const color = this.isTransparent
+        ? { r: 255, g: 255, b: 255 }
+        : this.rgbColor || { r: 0, g: 0, b: 0 }
       return `rgba(${color.r}, ${color.g}, ${color.b}, 1)`
     },
     isTransparent() {
@@ -79,7 +84,7 @@ export default {
       var value = event.target.value.replace('#', '')
       if (value.length > 0) value = `#${value}`
       this.$emit('input', value)
-    }
-  }
+    },
+  },
 }
 </script>

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

@@ -1,23 +1,23 @@
 <template>
-  <div 
+  <div
     class="self-center cursor-pointer p-0.5 rounded-sm"
     @click="selectPreset"
-  > 
+  >
     <div
       class="flex items-center justify-center w-6 h-6 rounded-sm transition transform duration-200 ease-in-out hover:scale-110 select-none text-white"
-      :class="{ 
+      :class="{
         'border border-gray-300 text-gray-800': isWhite,
         'bg-checkerboard': isTransparent,
       }"
       :style="{ 'background-color': hexColor }"
     >
-      <icon name="ri-check-line" size="1rem" v-if="selected" />
+      <uikit-icon name="ri-check-line" size="1rem" v-if="selected" />
     </div>
   </div>
 </template>
 
 <script>
-import { hexToRgb, colorVariableToHex, colorVariableToRgb } from '@/misc/utils'
+import { colorVariableToHex, colorVariableToRgb } from '@/misc/utils'
 
 export default {
   name: 'PresetButton',
@@ -31,13 +31,17 @@ export default {
     },
     hexColor() {
       return colorVariableToHex(this.preset)
-    },    
+    },
     rgbColor() {
       return colorVariableToRgb(this.preset)
     },
     isWhite() {
       if (!this.rgbColor) return true
-      return this.rgbColor.r === 255 && this.rgbColor.g === 255 && this.rgbColor.b === 255
+      return (
+        this.rgbColor.r === 255 &&
+        this.rgbColor.g === 255 &&
+        this.rgbColor.b === 255
+      )
     },
     isTransparent() {
       return this.hexColor === ''
@@ -46,12 +50,12 @@ export default {
       if (!this.selected) return 'transparent'
       let color = this.isWhite ? { r: 0, g: 0, b: 0 } : this.rgbColor
       return `rgba(${color.r}, ${color.g}, ${color.b}, 0.40)`
-    }
+    },
   },
   methods: {
     selectPreset() {
       this.$emit('input', this.hexColor)
-    }
-  }
+    },
+  },
 }
 </script>

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

@@ -1,22 +1,23 @@
 <template>
-  <dropdown v-on="$listeners" class="absolute top-1.5 right-1">
+  <uikit-dropdown v-on="$listeners" class="absolute top-1.5 right-1">
     <template v-slot:button>
       <button
         class="px-1 py-1 hover:text-gray-900 focus:outline-none transition-colors duration-200"
       >
-        <icon name="ri-palette-line" size="1.25rem" />
+        <uikit-icon name="ri-palette-line" size="1.25rem" />
       </button>
     </template>
     <template v-slot:content>
       <div class="flex flex-wrap gap-1">
-        <preset-button 
-          v-for="preset in presets" 
+        <preset-button
+          v-for="preset in presets"
           v-model="updatableValue"
           :preset="preset"
-          :key="preset" />
+          :key="preset"
+        />
       </div>
     </template>
-  </dropdown>
+  </uikit-dropdown>
 </template>
 
 <script>
@@ -41,6 +42,6 @@ export default {
         this.$emit('input', color)
       },
     },
-  }
+  },
 }
 </script>