maglevcms 2.1.0 → 3.0.0.beta1

data/app/frontend/editor/services/image.js

@@ -1,26 +0,0 @@
-export default (api) => ({
-  findAll: (page, perPage, query) => {
-    const options = { params: { page, perPage, query, assetType: 'image' } }
-    return api.get('/assets', options).then(({ data }) => data)
-  },
-
-  find: (id) => {
-    return api.get(`/assets/${id}`).then(({ data }) => data)
-  },
-
-  destroy: (id) => {
-    return api.destroy(`/assets/${id}`).then(({ data }) => data)
-  },
-
-  create: (attributes) => {
-    let formData = new FormData()
-    Object.entries(attributes).forEach(([key, value]) =>
-      formData.append(`asset[${key}]`, value)
-    )
-    return api.post('/assets', formData, {
-      headers: {
-        'Content-Type': 'multipart/form-data'
-      }
-    })
-  },
-})

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

@@ -1,21 +0,0 @@
-import * as api from './api'
-import buildSiteService from './site'
-import * as theme from './theme'
-import buildPageService from './page'
-import buildCollectionItemService from './collection-item'
-import buildImageService from './image'
-import * as section from './section'
-import * as block from './block'
-import * as livePreview from './live-preview'
-
-export default {
-  api,
-  site: buildSiteService(api),
-  theme,
-  page: buildPageService(api),
-  section,
-  block,
-  image: buildImageService(api),
-  livePreview,
-  collectionItem: buildCollectionItemService(api),
-}

data/app/frontend/editor/services/live-preview.js

@@ -1,131 +0,0 @@
-import router from '@/router'
-import store from '@/store'
-
-let iframe = null
-
-// === Section related actions ===
-export const addSection = (content, section, insertAt) => {
-  postMessage('section:add', { content, section, insertAt })
-}
-
-export const moveSection = (content, sectionId, targetSectionId, direction) => {
-  postMessage('section:move', {
-    content,
-    sectionId,
-    targetSectionId,
-    direction,
-  })
-}
-
-// the editor modifies the content of a section setting
-export const updateSection = (content, section, change) => {
-  postMessage('section:update', { content, section, change })
-}
-
-export const removeSection = (sectionId) => {
-  postMessage('section:remove', { sectionId })
-}
-
-export const pingSection = (sectionId) => {
-  if (!sectionId) return
-  postMessage('section:ping', { sectionId })
-}
-
-
-// === Block related actions ===
-export const addBlock = (content, section, sectionBlock) => {
-  postMessage('block:add', { content, section, sectionBlock })
-}
-
-export const moveBlock = (content, section) => {
-  postMessage('block:move', { content, section })
-}
-
-export const updateBlock = (content, section, sectionBlock, change) => {
-  postMessage('block:update', { content, section, sectionBlock, change })
-}
-
-export const removeBlock = (content, section, sectionBlockId) => {
-  postMessage('block:remove', { content, section, sectionBlockId })
-}
-
-export const simulateFakeScroll = () => {
-  notifyScrolling(null)
-}
-
-// === Other actions ===
-
-export const updateStyle = (content, style) => {
-  postMessage('style:update', { content, style })
-}
-
-// Start everything
-export const start = (newIframe) => {
-  // keep a reference to the current iframe
-  iframe = newIframe
-
-  // say hi to the iFrame by giving it the configuration
-  postMessage('config', {
-    primaryColor: store.state.editorSettings.primaryColor,
-    stickySectionIds: store.getters.stickySectionList.map(
-      (section) => section.id,
-    ),
-  })
-
-  // treat all the message coming from the iFrame
-  listenMessages()
-}
-
-const listenMessages = () => {
-  window.addEventListener('message', ({ data: { type, ...data } }) => {
-    // a message MUST have a type
-    if (!type) return
-
-    switch (type) {
-      case 'ready':
-        store.dispatch('markPreviewAsReady')
-        break
-      case 'scroll':
-        notifyScrolling(data.boundingRect)
-        break
-      case 'section:hover': {
-        store.dispatch('hoverSection', {
-          sectionId: data.sectionId,
-          sectionRect: data.sectionRect,
-          sectionOffsetTop: data.sectionOffsetTop, //sectionOffsetHeight,
-        })
-        break
-      }
-      case 'section:leave':
-        store.dispatch('leaveSection')
-        break
-      case 'section:setting:clicked':
-        openSettingPane('editSectionSetting', data)
-        break
-      case 'sectionBlock:setting:clicked':
-        openSettingPane('editSectionBlockSetting', data)
-        break
-      default:
-        break
-    }
-  })
-}
-
-const postMessage = (type, data) => {
-  if (!iframe) return null
-  iframe.contentWindow.postMessage({ type, ...(data || {}) }, '*')
-}
-
-const openSettingPane = (name, params) => {
-  let route = { name, params, hash: '#content' }
-  router.push(route).catch((err) => {
-    if (err.name !== 'NavigationDuplicated') throw err
-  })
-}
-
-export const notifyScrolling = (boundingRect) => {
-  const event = new CustomEvent('maglev:preview:scroll', {
-    detail: { boundingRect },
-  })
-  window.dispatchEvent(event)
-}

data/app/frontend/editor/services/page.js

@@ -1,107 +0,0 @@
-import {
-  normalize as coreNormalize,
-  denormalize as coreDenormalize,
-  schema,
-} from 'normalizr'
-import { pick } from '@/misc/utils'
-
-export const BLOCK_SCHEMA = new schema.Entity('blocks')
-export const SECTION_SCHEMA = new schema.Entity('sections', {
-  blocks: [BLOCK_SCHEMA],
-})
-export const PAGE_SCHEMA = new schema.Entity('page', {
-  sections: [SECTION_SCHEMA],
-})
-
-export const SETTING_ATTRIBUTES = [
-  'title',
-  'path',
-  'visible',
-  'seoTitle',
-  'ogTitle',
-  'ogDescription',
-  'ogImageUrl',
-  'metaDescription',
-  'lockVersion',
-]
-
-export default (api) => ({
-  isIndex: (page) => {
-    return page.path === 'index' || page.path === '/index'
-  },
-
-  build: () => {
-    return {
-      title: '',
-      path: '',
-      visible: true,
-      seoTitle: '',
-      metaDescription: '',
-    }
-  },
-
-  findAll: (filters) => {
-    console.log('[PageService] Fetching all the pages', filters)
-    const options = { params: filters || {} }
-
-    const sort = (pages) => {
-      return pages.sort((a, b) => {
-        if (a.path === 'index') return -1
-        if (b.path === 'index') return 1
-        return a.title.localeCompare(b.title)
-      })
-    }
-
-    return api.get('/pages', options).then(({ data }) => sort(data))
-  },
-
-  findById: (site, id) => {
-    if (id === 'index') id = site.homePageId
-
-    const safeId = String(id).replaceAll('/', '%2F')
-
-    console.log('[PageService] Fetching page by id', safeId)
-
-    return api.get(`/pages/${safeId}`).then(({ data }) => data)
-  },
-
-  create: (attributes) => {
-    console.log('[PageService] Creating page', attributes)
-    return api.post(`/pages`, { page: attributes })
-  },
-
-  update: (id, attributes, siteAttributes) => {
-    console.log('[PageService] Updating page #', id)
-    return api.put(`/pages/${id}`, { page: attributes, site: siteAttributes })
-  },
-
-  updateSettings: (id, attributes) => {
-    console.log('[PageService] Updating page settings #', id)
-    return api.put(`/pages/${id}`, {
-      page: pick(attributes, ...SETTING_ATTRIBUTES),
-    })
-  },
-
-  setVisible: (id, visible) => {
-    console.log('[PageService] Setting page visible setting #', id)
-    return api.put(`/pages/${id}`, { page: { visible } })
-  },
-
-  clone: (id) => {
-    console.log('[PageService] Cloning page #', id)
-    return api.post(`/pages/${id}/clones`, {}).then(({ data }) => data)
-  },
-
-  destroy: (id) => {
-    console.log('[PageService] Destroying page #', id)
-    return api.destroy(`/pages/${id}`)
-  },
-
-  normalize: (page) => {
-    return coreNormalize(page, PAGE_SCHEMA)
-  },
-
-  denormalize: (page, entities) => {
-    return coreDenormalize(page, PAGE_SCHEMA, entities)
-  },
-})

data/app/frontend/editor/services/section.js

@@ -1,214 +0,0 @@
-import { isBlank, uuid8, camelize } from '@/misc/utils'
-import { normalize as coreNormalize } from 'normalizr'
-import { SECTION_SCHEMA } from './page'
-
-const NUMBER_OF_DEFAULT_BLOCKS = 3
-
-export const calculateMovingIndices = (sectionIds, sectionId, direction) => {
-  if (direction !== 'up' && direction !== 'down') return false
-
-  const fromIndex = sectionIds.indexOf(sectionId)
-  const toIndex = fromIndex + (direction === 'up' ? -1 : 1)
-
-  if (toIndex < 0 || toIndex > sectionIds.length - 1) return false
-
-  return { fromIndex, toIndex }
-}
-
-export const canBeAddedToPage = (newSectionDefinition, sections) => {
-  if (!newSectionDefinition.singleton) return true
-  return !sections.some((section) => newSectionDefinition.id === section.type)
-}
-
-export const normalize = (section) => {
-  return coreNormalize(section, SECTION_SCHEMA)
-}
-
-export const build = (definition, site) => {
-  const type = definition.id
-  const siteSection = site.sections.find(
-    (siteSection) => siteSection.type === type,
-  )
-  let settings, blocks
-
-  if (definition.siteScoped && !isBlank(siteSection)) {
-    settings = [].concat(siteSection.settings || [])
-    blocks = [].concat(siteSection.blocks || [])
-  } else {
-    settings = buildSettings(definition, definition.sample?.settings)
-    blocks = buildBlocks(definition)
-  }
-
-  return { id: uuid8(), type, settings, blocks }
-}
-
-export const getSettings = (definition, advanced) => {
-  const { settings } = definition
-  if (isBlank(settings)) return []
-  return settings.filter((setting) => {
-    const settingAdvanced = setting.options.advanced
-    return (advanced && settingAdvanced) || (!advanced && !settingAdvanced)
-  })
-}
-
-export const filterSettings = (settings, content) => {
-  return settings.filter((setting) => {
-    return (
-      !setting.options.if ||
-      content.find(({ id }) => id === setting.options.if)?.value
-    )
-  })
-}
-
-export const buildDefaultBlock = (blockType, { blocks: definitions }) => {
-  if (isBlank(definitions)) return null
-  let definition =
-    definitions.find((definition) => definition.type === blockType) ||
-    definitions[0]
-  return {
-    id: uuid8(),
-    type: definition.type,
-    settings: buildSettings(definition),
-  }
-}
-
-const buildSettings = (definition, sampleContent) => {
-  return definition.settings.map((setting) =>
-    buildSetting(
-      setting,
-      sampleContent ? sampleContent[camelize(setting.id)] : null,
-    ),
-  )
-}
-
-const buildSetting = (setting, sampleContent) => {
-  let value = sampleContent ?? setting.default
-  switch (setting.type) {
-    case 'image':
-      value = typeof value === 'string' ? { url: value } : value || {}
-      break
-    case 'link':
-      value =
-        typeof value === 'string' ? { linkType: 'url', href: value } : value
-      break
-  }
-  return { id: setting.id, value }
-}
-
-const buildBlocks = (definition) => {
-  if (!definition.sample?.blocks) return buildDefaultBlocks(definition)
-
-  let blockIds = {}
-
-  definition.sample.blocks.forEach((blockSample) => {
-    buildBlock(definition.blocks, blockSample, blockIds)
-  })
-
-  return Object.values(blockIds).filter((block) => block)
-}
-
-const buildBlock = (blockDefinitions, blockSample, blockIds, parentId) => {
-  const block = coreBuildBlock(blockDefinitions, blockSample, parentId)
-  if (!block) return
-  blockIds[block.id] = block
-
-  if (!blockSample.children) return
-
-  blockSample.children.forEach((childBlockSample) => {
-    buildBlock(blockDefinitions, childBlockSample, blockIds, block.id)
-  })
-}
-
-const coreBuildBlock = (blockDefinitions, blockSample, parentId) => {
-  let definition = blockDefinitions.find(
-    (definition) => definition.type === blockSample.type,
-  )
-  if (!definition) return null
-
-  let block = {
-    id: uuid8(),
-    type: definition.type,
-    settings: buildSettings(definition, blockSample.settings),
-  }
-
-  if (parentId) block.parentId = parentId
-
-  return block
-}
-
-const buildDefaultBlocks = (definition) => {
-  if (isBlank(definition.blocks)) return []
-  let blocks = []
-
-  Array.from({ length: NUMBER_OF_DEFAULT_BLOCKS }, () =>
-    blocks.push(buildDefaultBlock(null, definition)),
-  )
-  return blocks
-}
-
-export const getSectionLabel = (section, definition) => {
-  let label = null
-
-  definition.settings.some((setting) => {
-    const value = section.settings.find(
-      (contentSetting) => contentSetting.id === setting.id,
-    )?.value
-
-    if (value === undefined) return false
-
-    switch (setting.type) {
-      case 'text':
-        const doc = new DOMParser().parseFromString(value.replace(/<br\/?>/g, ' '), 'text/html')
-        label = doc.body.textContent
-        break
-      case 'link':
-        if (!isBlank(value?.text)) label = value.text
-        break
-      case 'collection_item':
-        if (!isBlank(value?.label)) label = value.label
-        break
-      default:
-        break
-    }
-
-    return !!label
-  })
-  return label
-}
-
-export const getBlockLabel = (block, definition, index) => {
-  let label, image
-  definition.settings.forEach((setting) => {
-    const value = block.settings.find(
-      (contentSetting) => contentSetting.id === setting.id,
-    )?.value
-    switch (setting.type) {
-      case 'text':
-        if (!label) {
-          label = value
-          if (setting.options.html) {
-            let doc = new DOMParser().parseFromString(value, 'text/html')
-            label = doc.body.textContent
-          }
-        }
-        break
-      case 'image':
-        if (!image) {
-          image = value?.url
-        }
-        break
-      case 'link':
-        if (!label && !isBlank(value?.text)) {
-          label = value.text
-        }
-        break
-      case 'collection_item':
-        if (!label && !isBlank(value?.label)) label = value.label
-        if (!image && !isBlank(value?.imageUrl)) image = value.imageUrl
-        break
-      default:
-        break
-    }
-  })
-  return [isBlank(label) ? `${definition.name} #${index}` : label, image]
-}

data/app/frontend/editor/services/site.js

@@ -1,21 +0,0 @@
-export default (api) => ({
-  find: async (locally) => {
-    // NOTE: we save a request to the API by attaching the site to the Window object
-    if (locally) return window.site
-
-    console.log('[SiteService] Fetching current site')
-
-    return api.get(`/site`).then(({ data }) => data)
-  },
-  updateStyle(style) {
-    return api.put(`/style`, { site: { style } }).then((response) => {
-      return response.headers['lock-version']
-    })
-  },
-  publish({ pageId }) {
-    return api.post(`/publication`, { page_id: pageId }).then(({ data }) => data)
-  },
-  getLastPublication({ pageId }) {
-    return api.get('/publication', { params: { page_id: pageId }}).then(({ data }) => data)
-  },
-})

data/app/frontend/editor/services/theme.js

@@ -1,9 +0,0 @@
-export const buildCategories = (theme) => {
-  return theme.sectionCategories.map((category) => ({
-    id: category.id,
-    name: category.name,
-    children: theme.sections
-      .filter((section) => section.category == category.id)
-      .sort((a, b) => a.name.localeCompare(b.name)),
-  }))
-}