maglevcms 2.1.0 → 3.0.0.beta1

data/app/frontend/editor/store/__tests__/getters.spec.js

@@ -1,158 +0,0 @@
-import Vuex from 'vuex'
-import { describe, vi } from 'vitest'
-import { createLocalVue } from '@vue/test-utils'
-import defaultState from '@/store/default-state'
-import buildGetters from '@/store/getters'
-import buildMutations from '@/store/mutations'
-import MockedServices from '@/spec/__mocks__/services'
-import { page, normalizedPage } from '@/spec/__mocks__/page'
-import { site } from '@/spec/__mocks__/site'
-import { theme } from '@/spec/__mocks__/theme'
-
-const localVue = createLocalVue()
-localVue.use(Vuex)
-
-describe('Getters', () => {
-  let store = null
-  let mockedServices = null
-
-  beforeEach(() => {
-    mockedServices = { ...MockedServices }
-    store = new Vuex.Store({
-      state: {
-        ...defaultState,
-        theme: { ...theme },
-      },
-      getters: buildGetters(mockedServices),
-      mutations: buildMutations(mockedServices),
-    })
-    store.commit('SET_SITE', site)
-  })
-
-  describe('#currentPagePath', () => {
-    let freshNormalizedPage = null
-    beforeEach(() => {
-      freshNormalizedPage = structuredClone(normalizedPage)
-      mockedServices.page.normalize = vi.fn(() => freshNormalizedPage)
-    })
-    describe('Given this is the home page', () => {
-      it('returns the path of the page', () => {
-        store.commit('SET_PAGE', page)
-        expect(store.getters.currentPagePath).toStrictEqual('/index')
-      })
-    })
-    describe('Given this is a random page', () => {
-      it('returns the path of the page', () => {
-        freshNormalizedPage.entities.page['1'].path = '/bonjour'
-        freshNormalizedPage.entities.page['1'].liveUrl = '/fr/bonjour'
-        store.commit('SET_PAGE', page)
-        expect(store.getters.currentPagePath).toStrictEqual('/fr/bonjour')
-      })
-    })
-    describe('Given the liveUrl contains the domain name', () => {
-      it('returns the path of the page', () => {
-        freshNormalizedPage.entities.page['1'].liveUrl = 'https://example.com:8080/fr'
-        freshNormalizedPage.entities.page['1'].path = 'index'
-        store.commit('SET_PAGE', page)
-        expect(store.getters.currentPagePath).toStrictEqual('/fr/index')
-      })
-    })
-  })
-
-  describe('#currentPageUrl', () => {
-    let freshNormalizedPage = null
-    beforeEach(() => {
-      freshNormalizedPage = structuredClone(normalizedPage)
-      mockedServices.page.normalize = vi.fn(() => freshNormalizedPage)
-    })
-    describe('Given the page live URL is not prefixed with the base URL', () => {
-      it('returns the url of the page', () => {
-        freshNormalizedPage.entities.page['1'].liveUrl = '/hello-world'
-        store.commit('SET_PAGE', page)
-        expect(store.getters.currentPageUrl).toStrictEqual('http://localhost:3000/hello-world')
-      })
-    })
-    describe('Given the page live URL is prefixed with the base URL', () => {
-      it('returns the url of the page', () => {
-        freshNormalizedPage.entities.page['1'].liveUrl = 'https://example.com:8080/fr'
-        store.commit('SET_PAGE', page)
-        expect(store.getters.currentPageUrl).toStrictEqual('https://example.com:8080/fr')
-      })
-    })
-  })
-
-  describe('#content', () => {
-    it('returns the content of the sections for the page', () => {
-      mockedServices.page.denormalize = vi.fn(() => page)
-      expect(
-        store.getters.content.pageSections.map((section) => section.id),
-      ).toStrictEqual(['GrYZW-VP', '8hKSujtd', 'xM6f-kyh'])
-      expect(
-        store.getters.content.siteSections.map((section) => section.id),
-      ).toStrictEqual([])
-    })
-    it('returns the site content sections since they have been touched', () => {
-      store.commit('TOUCH_SECTION', 'GrYZW-VP')
-      mockedServices.page.denormalize = vi.fn(() => page)
-      expect(
-        store.getters.content.pageSections.map((section) => section.id),
-      ).toStrictEqual(['GrYZW-VP', '8hKSujtd', 'xM6f-kyh'])
-      expect(
-        store.getters.content.siteSections.map((section) => section.id),
-      ).toStrictEqual(['GrYZW-VP'])
-    })
-  })
-
-  describe('#defaultPageAttributes', () => {
-    describe("Given the page hasn't been translated", () => {
-      it('returns the title + path', () => {
-        const newNormalizedPage = { ...normalizedPage }
-        newNormalizedPage.entities.page['1'].translated = false
-        mockedServices.page.normalize = vi.fn(() => normalizedPage)
-        store.commit('SET_PAGE', page)
-        expect(store.getters.defaultPageAttributes).toStrictEqual({
-          title: 'Home page',
-          path: 'index',
-        })
-      })
-    })
-    describe('Given the page has been translated', () => {
-      it('returns an empty object', () => {
-        const newNormalizedPage = { ...normalizedPage }
-        newNormalizedPage.entities.page['1'].translated = true
-        mockedServices.page.normalize = vi.fn(() => normalizedPage)
-        store.commit('SET_PAGE', page)
-        expect(store.getters.defaultPageAttributes).toStrictEqual({})
-      })
-    })
-  })
-
-  describe('#sectionList', () => {
-    it('returns a list of objects (id, type, name, viewportFixedPosition)', () => {
-      mockedServices.page.denormalize = vi.fn(() => page)
-      expect(store.getters.sectionList).toStrictEqual([
-        {
-          id: 'GrYZW-VP',
-          type: 'navbar_01',
-          name: 'Navbar 01',
-          label: undefined,
-          viewportFixedPosition: false,
-        },
-        {
-          id: '8hKSujtd',
-          type: 'content_01',
-          name: 'Content #1',
-          label: undefined,
-          viewportFixedPosition: false,
-        },
-        {
-          id: 'xM6f-kyh',
-          type: 'list_01',
-          name: 'List #1',
-          label: undefined,
-          viewportFixedPosition: false,
-        },
-      ])
-    })
-  })
-})

data/app/frontend/editor/store/actions/__tests__/page.spec.js

@@ -1,97 +0,0 @@
-import Vuex from 'vuex'
-import { vi } from 'vitest'
-import { createLocalVue } from '@vue/test-utils'
-import defaultState from '@/store/default-state'
-import buildActions from '@/store/actions'
-import buildGetters from '@/store/getters'
-import buildMutations from '@/store/mutations'
-import MockedServices from '@/spec/__mocks__/services'
-import { page, normalizedPage } from '@/spec/__mocks__/page'
-import { site } from '@/spec/__mocks__/site'
-import { theme } from '@/spec/__mocks__/theme'
-
-const localVue = createLocalVue()
-localVue.use(Vuex)
-
-describe('Page Actions', () => {
-  let mockedServices = null
-  let store = null
-
-  beforeEach(() => {
-    mockedServices = { ...MockedServices }
-    store = new Vuex.Store({
-      state: {
-        ...defaultState,
-        theme: { ...theme },
-        site,
-      },
-      actions: buildActions(mockedServices),
-      getters: buildGetters(mockedServices),
-      mutations: buildMutations(mockedServices),
-    })
-  })
-
-  describe('#persistPage', () => {
-    it('calls the API with both site and page attributes', async () => {
-      mockedServices.site.find = vi.fn(async () => site)
-      mockedServices.page.normalize = vi.fn(() => normalizedPage)
-      mockedServices.page.denormalize = vi.fn(() => page)
-      mockedServices.page.findById = vi.fn(async () => page)
-      mockedServices.page.update = vi.fn(async () => ({
-        response: { status: 200 },
-      }))
-      store.commit('SET_PAGE', page)
-      await store.dispatch('persistPage')
-      expect(mockedServices.page.update).toHaveBeenCalledWith(
-        1,
-        {
-          sections: expect.any(Array),
-          lockVersion: 1,
-        },
-        {
-          style: null,
-        },
-      )
-      expect(store.state.ui.saveButtonState).toEqual('success')
-    })
-    it('calls the API without the site attributes because no site scoped section has been modified', async () => {
-      mockedServices.site.find = vi.fn(async () => site)
-      mockedServices.page.normalize = vi.fn(() => normalizedPage)
-      mockedServices.page.denormalize = vi.fn(() => page)
-      mockedServices.page.findById = vi.fn(async () => page)
-      mockedServices.page.update = vi.fn(async () => ({
-        response: { status: 200 },
-      }))
-      store.commit('SET_PAGE', page)
-      store.commit('TOUCH_SECTION', 'GrYZW-VP')
-      await store.dispatch('persistPage')
-      expect(mockedServices.page.update).toHaveBeenCalledWith(
-        1,
-        {
-          sections: expect.any(Array),
-          lockVersion: 1,
-        },
-        {
-          sections: expect.any(Array),
-          lockVersion: 1,
-          style: null,
-        },
-      )
-      expect(store.state.touchedSections).toEqual([])
-      expect(store.state.ui.saveButtonState).toEqual('success')
-    })
-  })
-
-  describe('#setCurrentPageSettings', () => {
-    it('does stuff', async () => {
-      mockedServices.page.normalize = vi.fn(() => normalizedPage)
-      store.commit('SET_PAGE', page)
-      await store.dispatch('setCurrentPageSettings', {
-        title: 'UPDATED TITLE',
-        lockVersion: 2,
-      })
-      expect(store.state.page.title).toEqual('UPDATED TITLE')
-      expect(store.state.page.lockVersion).toEqual(2)
-    })
-  })
-})

data/app/frontend/editor/store/actions/__tests__/section-block.spec.js

@@ -1,105 +0,0 @@
-import Vuex from 'vuex'
-import { vi } from 'vitest'
-import { createLocalVue } from '@vue/test-utils'
-import defaultState from '@/store/default-state'
-import buildActions from '@/store/actions'
-import buildGetters from '@/store/getters'
-import buildMutations from '@/store/mutations'
-import MockedServices from '@/spec/__mocks__/services'
-import { page, normalizedPage, pageSections } from '@/spec/__mocks__/page'
-import {
-  normalizedNavContentSection,
-  navContentSectionBlock,
-} from '@/spec/__mocks__/section'
-import { site } from '@/spec/__mocks__/site'
-import { theme } from '@/spec/__mocks__/theme'
-
-const localVue = createLocalVue()
-localVue.use(Vuex)
-
-describe('SectionBlock Actions', () => {
-  let mockedServices = null
-  let store = null
-
-  beforeEach(() => {
-    mockedServices = { ...MockedServices }
-    store = new Vuex.Store({
-      state: {
-        ...defaultState,
-        theme: { ...theme },
-        site,
-      },
-      actions: buildActions(mockedServices),
-      getters: buildGetters(mockedServices),
-      mutations: buildMutations(mockedServices),
-    })
-  })
-
-  describe('#addSectionBlock', () => {
-    it('marks the current section as touched', async () => {
-      mockedServices.page.normalize = vi.fn(() => normalizedPage)
-      mockedServices.page.denormalize = vi.fn(() => page)
-      mockedServices.section.normalize = vi.fn(
-        () => normalizedNavContentSection,
-      )
-      mockedServices.section.buildDefaultBlock = vi.fn(
-        () => navContentSectionBlock,
-      )
-      store.commit('SET_PAGE', page)
-      store.commit('SET_SECTION', pageSections[0])
-      await store.dispatch('addSectionBlock', {
-        blockType: 'navbar_item',
-        parentId: null,
-      })
-      expect(store.state.touchedSections).toStrictEqual(['GrYZW-VP'])
-    })
-  })
-
-  describe('#removeSectionBlock', () => {
-    it('marks the current section as touched', async () => {
-      mockedServices.page.normalize = vi.fn(() => normalizedPage)
-      mockedServices.page.denormalize = vi.fn(() => page)
-      mockedServices.section.normalize = vi.fn(
-        () => normalizedNavContentSection,
-      )
-      store.commit('SET_PAGE', page)
-      store.commit('SET_SECTION', pageSections[0])
-      await store.dispatch('removeSectionBlock', 'RiEo8C3f')
-      expect(store.state.touchedSections).toStrictEqual(['GrYZW-VP'])
-    })
-  })
-
-  describe('#sortSectionBlocks', () => {
-    it('marks the current section as touched', async () => {
-      mockedServices.page.normalize = vi.fn(() => normalizedPage)
-      mockedServices.page.denormalize = vi.fn(() => page)
-      mockedServices.section.normalize = vi.fn(
-        () => normalizedNavContentSection,
-      )
-      store.commit('SET_PAGE', page)
-      store.commit('SET_SECTION', pageSections[0])
-      await store.dispatch('sortSectionBlocks', [
-        { id: 'P1fGieWs' },
-        { id: 'RiEo8C3f' },
-        { id: 'sDo-Dg85' },
-        { id: 'K-C_zRcH' },
-      ])
-      expect(store.state.touchedSections).toStrictEqual(['GrYZW-VP'])
-    })
-  })
-
-  describe('#updateSectionBlockContent', () => {
-    it('marks the current section as touched', async () => {
-      mockedServices.page.normalize = vi.fn(() => normalizedPage)
-      mockedServices.page.denormalize = vi.fn(() => page)
-      mockedServices.section.normalize = vi.fn(
-        () => normalizedNavContentSection,
-      )
-      store.commit('SET_PAGE', page)
-      store.commit('SET_SECTION', pageSections[0])
-      store.commit('SET_SECTION_BLOCK', pageSections[0].blocks[0])
-      await store.dispatch('updateSectionBlockContent', {})
-      expect(store.state.touchedSections).toStrictEqual(['GrYZW-VP'])
-    })
-  })
-})

data/app/frontend/editor/store/actions/__tests__/section.spec.js

@@ -1,62 +0,0 @@
-import Vuex from 'vuex'
-import { vi } from 'vitest'
-import { createLocalVue } from '@vue/test-utils'
-import defaultState from '@/store/default-state'
-import buildActions from '@/store/actions'
-import buildGetters from '@/store/getters'
-import buildMutations from '@/store/mutations'
-import MockedServices from '@/spec/__mocks__/services'
-import { page, normalizedPage, pageSections } from '@/spec/__mocks__/page'
-import {
-  simpleContentSection,
-  normalizedSimpleContentSection,
-} from '@/spec/__mocks__/section'
-import { site } from '@/spec/__mocks__/site'
-import { theme } from '@/spec/__mocks__/theme'
-
-const localVue = createLocalVue()
-localVue.use(Vuex)
-
-describe('Section Actions', () => {
-  let mockedServices = null
-  let store = null
-
-  beforeEach(() => {
-    mockedServices = { ...MockedServices }
-    store = new Vuex.Store({
-      state: {
-        ...defaultState,
-        theme: { ...theme },
-        site,
-      },
-      actions: buildActions(mockedServices),
-      getters: buildGetters(mockedServices),
-      mutations: buildMutations(mockedServices),
-    })
-  })
-
-  describe('#addSection', () => {
-    it('marks the new section as touched', async () => {
-      mockedServices.section.build = vi.fn(() => simpleContentSection)
-      mockedServices.page.normalize = vi.fn(() => normalizedPage)
-      mockedServices.page.denormalize = vi.fn(() => page)
-      mockedServices.section.normalize = vi.fn(
-        () => normalizedSimpleContentSection,
-      )
-      store.commit('SET_PAGE', page)
-      await store.dispatch('addSection', {
-        sectionDefinition: theme.sections[0],
-        insertAt: 'bottom',
-      })
-      expect(store.state.touchedSections).toStrictEqual(['NEW-CONTENT-1'])
-    })
-  })
-
-  describe('#updateSectionContent', () => {
-    it('marks the modified section as touched', async () => {
-      store.commit('SET_SECTION', pageSections[0])
-      await store.dispatch('updateSectionContent', {})
-      expect(store.state.touchedSections).toStrictEqual(['GrYZW-VP'])
-    })
-  })
-})

data/app/frontend/editor/store/actions/index.js

@@ -1,35 +0,0 @@
-import buildSiteActions from './site'
-import buildPageActions from './page'
-import buildSectionActions from './section'
-import buildSectionBlockActions from './section-block'
-
-export default (services) => ({
-  setDevice({ commit }, value) {
-    commit('SET_DEVICE', value)
-    commit('SET_HOVERED_SECTION', null)
-  },
-  setTheme({ commit }, theme) {
-    commit('SET_THEME', theme)
-  },
-  setLocale({ commit }, locale) {
-    services.api.setLocale(locale)
-    commit('SET_LOCALE', locale)
-  },
-  markPreviewAsReady({ commit }) {
-    commit('MARK_PREVIEW_AS_READY')
-  },
-  resetPreview({ commit }) {
-    commit('RESET_PREVIEW')
-  },
-  fetchEditorSettings({ commit }) {
-    commit('SET_EDITOR_SETTINGS', {
-      logoUrl: window.logoUrl,
-      primaryColor: window.primaryColor,
-      sitePublishable: window.sitePublishable,
-    })
-  },
-  ...buildSiteActions(services),
-  ...buildPageActions(services),
-  ...buildSectionActions(services),
-  ...buildSectionBlockActions(services),
-})

data/app/frontend/editor/store/actions/page.js

@@ -1,66 +0,0 @@
-import { isBlank } from '@/misc/utils'
-
-export default (services) => ({
-  // editPage : Action triggered when the user wants to edit another page
-  // or to change the locale of the current page.
-  editPage({ state, dispatch }, { id, locale }) {
-    console.log('editPage', id, locale)
-
-    // display the loader
-    dispatch('resetPreview')
-
-    if (state.locale !== locale) {
-      dispatch('setLocale', locale)
-      Promise.all([dispatch('fetchPage', id), dispatch('fetchSite')])
-    } else dispatch('fetchPage', id)
-  },
-
-  // Set page
-  setPage({ commit }, page) {
-    commit('SET_PAGE', page)
-  },
-  // Fetch a page from an id (or a path)
-  async fetchPage({ commit, state: { site } }, id) {
-    return services.page
-      .findById(site, id)
-      .then((page) => commit('SET_PAGE', page))
-  },
-  // Persist the content of a page (including or not the site content)
-  async persistPage({
-    commit,
-    dispatch,
-    state: { page, site, style },
-    getters: { content, defaultPageAttributes },
-  }) {
-    commit('SET_SAVE_BUTTON_STATE', 'inProgress')
-
-    const pageAttributes = {
-      sections: content.pageSections,
-      lockVersion: page.lockVersion,
-      ...defaultPageAttributes,
-    }
-    const siteAttributes = isBlank(content.siteSections)
-      ? { style }
-      : {
-          sections: content.siteSections,
-          lockVersion: site.lockVersion,
-          style,
-        }
-
-    return services.page
-      .update(page.id, pageAttributes, siteAttributes)
-      .then(() => {
-        commit('SET_SAVE_BUTTON_STATE', 'success')
-        commit('RESET_TOUCHED_SECTIONS')
-        Promise.all([dispatch('fetchPage', page.id), dispatch('fetchSite')])
-      })
-      .catch(({ response: { status } }) => {
-        commit('SET_SAVE_BUTTON_STATE', 'fail')
-        console.log('[Maglev] could not save the page', status)
-        if (status === 409) commit('OPEN_ERROR_MODAL', 'staleRecord')
-      })
-  },
-  setCurrentPageSettings({ commit }, pageSettings) {
-    commit('SET_PAGE_SETTINGS', pageSettings)
-  },
-})

data/app/frontend/editor/store/actions/section-block.js

@@ -1,57 +0,0 @@
-export default (services) => ({
-  fetchSectionBlock({ commit, state: { sections, sectionBlocks } }, id) {
-    const sectionBlock = sectionBlocks[id]
-    if (sectionBlock) {
-      const section = Object.values(sections).find(
-        (section) => (section.blocks || []).indexOf(sectionBlock?.id) !== -1,
-      )
-      commit('SET_SECTION', section) // NOTE: order is important here
-      commit('SET_SECTION_BLOCK', sectionBlock)
-    }
-    return sectionBlock
-  },
-  addSectionBlock(
-    { commit, getters, state: { section, sectionDefinition } },
-    { blockType, parentId },
-  ) {
-    const sectionBlock = services.section.buildDefaultBlock(
-      blockType,
-      sectionDefinition,
-    )
-    if (parentId) sectionBlock.parentId = parentId
-    commit('ADD_SECTION_BLOCK', sectionBlock)
-    commit('TOUCH_SECTION', section.id)
-    services.livePreview.addBlock(
-      getters.content,
-      getters.denormalizedSection,
-      sectionBlock,
-    )
-  },
-  removeSectionBlock({ commit, getters, state: { section } }, id) {
-    commit('REMOVE_SECTION_BLOCK', id)
-    commit('TOUCH_SECTION', section.id)
-    services.livePreview.removeBlock(
-      getters.content,
-      getters.denormalizedSection,
-      id,
-    )
-  },
-  sortSectionBlocks({ commit, getters, state: { section } }, change) {
-    commit('SORT_SECTION_BLOCKS', change)
-    commit('TOUCH_SECTION', section.id)
-    services.livePreview.moveBlock(getters.content, getters.denormalizedSection)
-  },
-  updateSectionBlockContent(
-    { commit, getters, state: { section, sectionBlock } },
-    change,
-  ) {
-    commit('UPDATE_SECTION_BLOCK_CONTENT', change)
-    commit('TOUCH_SECTION', section.id)
-    services.livePreview.updateBlock(
-      getters.content,
-      getters.denormalizedSection,
-      sectionBlock,
-      change,
-    )
-  },
-})

data/app/frontend/editor/store/actions/section.js

@@ -1,75 +0,0 @@
-import { isBlank } from '@/misc/utils'
-
-export default (services) => ({
-  fetchSection({ commit, state: { sections } }, id) {
-    const section = sections[id]
-    commit('SET_SECTION', section)
-    return section
-  },
-  hoverSection({ commit }, hoveredSection) {
-    commit('SET_HOVERED_SECTION', hoveredSection)
-  },
-  leaveSection({ commit }) {
-    commit('SET_HOVERED_SECTION', null)
-  },
-  addSection(
-    { commit, getters, state: { site } },
-    { sectionDefinition, insertAt },
-  ) {
-    if (sectionDefinition.insertAt) insertAt = sectionDefinition.insertAt
-    const section = services.section.build(sectionDefinition, site)
-    commit('ADD_SECTION', { section, insertAt })
-    commit('TOUCH_SECTION', section.id)
-    services.livePreview.addSection(getters.content, section, insertAt)
-    return section
-  },
-  removeSection({ commit }, sectionId) {
-    commit('REMOVE_SECTION', sectionId)
-    services.livePreview.removeSection(sectionId)
-  },
-  updateSectionContent({ commit, getters, state: { section } }, change) {
-    commit('UPDATE_SECTION_CONTENT', change)
-    commit('TOUCH_SECTION', section.id)
-    services.livePreview.updateSection(
-      getters.content,
-      getters.denormalizedSection,
-      change,
-    )
-  },
-  moveSection(
-    {
-      commit,
-      getters,
-      state: {
-        page: { sections },
-      },
-    },
-    { from, to },
-  ) {
-    if (isBlank(from) || isBlank(to)) return
-    commit('MOVE_HOVERED_SECTION', { fromIndex: from, toIndex: to })
-    services.livePreview.moveSection(
-      getters.content,
-      sections[from],
-      sections[to],
-      from < to ? 'down' : 'up',
-    )
-  },
-  moveHoveredSection(
-    {
-      dispatch,
-      state: {
-        hoveredSection: { sectionId },
-        page: { sections },
-      },
-    },
-    direction,
-  ) {
-    const indices = services.section.calculateMovingIndices(
-      sections,
-      sectionId,
-      direction,
-    )
-    dispatch('moveSection', { from: indices.fromIndex, to: indices.toIndex })
-  },
-})

data/app/frontend/editor/store/actions/site.js

@@ -1,32 +0,0 @@
-export default (services) => ({
-  async fetchSite({ commit }, locally) {
-    return services.site.find(locally).then((site) => {
-      const { style, ...rawSite } = site
-      services.api.setSiteHandle(site.handle)
-      commit('SET_SITE', rawSite)
-      commit('SET_STYLE', style)
-    })
-  },
-  loadPublishButtonState({ state, commit }) {
-    services.site
-      .getLastPublication({ pageId: state.page.id })
-      .then((data) => commit('SET_PUBLISH_BUTTON_STATE', data))
-  },
-  async publishSite({ state, commit }) {
-    services.site
-      .publish({ pageId: state.page.id })
-      .then((data) => commit('SET_PUBLISH_BUTTON_STATE', data))
-      .catch(({ response: { status } }) => {
-        console.log('[Maglev] could not publish the page', status)
-        if (status === 403) commit('OPEN_ERROR_MODAL', 'forbidden')
-      })
-  },
-  pollLastPublication({ dispatch }) {
-    dispatch('loadPublishButtonState')
-    setInterval(() => dispatch('loadPublishButtonState'), 5000)
-  },
-  previewStyle({ commit, getters }, newStyle) {
-    commit('SET_STYLE', newStyle)
-    services.livePreview.updateStyle(getters.content, newStyle)
-  },
-})