:sparkles: turning on shorts, guides, objects, publications

:sparkles: adding new types to frontend

:recycle: added new types to store

plugins/cia-endpoints/cia-end-points.php

@@ -26,10 +26,8 @@ add_action( 'rest_api_init', function () {
      */
     $page_controller = new Make_Endpoint_For('page');
     $page_controller->register_custom_route('page');
-
     $media_controller = new Make_Endpoint_For('media');
     $media_controller->register_custom_route('media');
-
     $post_controller = new Make_Endpoint_For('post');
     $post_controller->register_custom_route('post');
 
@@ -48,6 +46,18 @@ add_action( 'rest_api_init', function () {
     $exhibition_controller = new Make_Endpoint_For('exhibition');
     $exhibition_controller->register_custom_route('exhibition');
 
+    $guide_controller = new Make_Endpoint_For('guide');
+    $guide_controller->register_custom_route('guide');
+
+    $short_controller = new Make_Endpoint_For('short');
+    $short_controller->register_custom_route('short');
+
+    $object_controller = new Make_Endpoint_For('object');
+    $object_controller->register_custom_route('object');
+
+    $publication_controller = new Make_Endpoint_For('publication');
+    $publication_controller->register_custom_route('publication');
+
     $sticky_controller = new Make_Sticky_Endpoint();
     $sticky_controller->register_custom_route('sticky');
 
@@ -95,6 +105,14 @@ add_filter('wp_rest_cache/allowed_endpoints', function () {
         $allowed_endpoints['craft/v2'][] = 'exhibition';
     if ( !isset($allowed_endpoints['craft/v2']) || !in_array('artist', $allowed_endpoints['craft/v2']) )
         $allowed_endpoints['craft/v2'][] = 'artist';
+    if ( !isset($allowed_endpoints['craft/v2']) || !in_array('guide', $allowed_endpoints['craft/v2']) )
+        $allowed_endpoints['craft/v2'][] = 'guide';
+    if ( !isset($allowed_endpoints['craft/v2']) || !in_array('short', $allowed_endpoints['craft/v2']) )
+        $allowed_endpoints['craft/v2'][] = 'short';
+    if ( !isset($allowed_endpoints['craft/v2']) || !in_array('object', $allowed_endpoints['craft/v2']) )
+        $allowed_endpoints['craft/v2'][] = 'object';
+    if ( !isset($allowed_endpoints['craft/v2']) || !in_array('publication', $allowed_endpoints['craft/v2']) )
+        $allowed_endpoints['craft/v2'][] = 'publication';
 
     return $allowed_endpoints;
 }, 10, 1);

plugins/cia-post-types/includes/custom-types.php

@@ -5,12 +5,12 @@
             'episode',
             'event',
             'exhibition',
-            // 'guide',
-            // 'short',
+            'guide',
+            'short',
+            'object',
+            'publication',
             // 'talk',
             // 'technique',
-            // 'object',
-            // 'publication',
             // 'profile',
             // 'product'
         ];

vue-theme/src/store/index.js

@@ -11,6 +11,10 @@ import artist from './modules/artist'
 import episode from './modules/episode'
 import event from './modules/event'
 import exhibition from './modules/exhibition'
+import short from './modules/short'
+import guide from './modules/guide'
+import object from './modules/object'
+import publication from './modules/publication'
 import sticky from './modules/sticky'
 
 const debug = process.env.NODE_ENV !== 'production'
@@ -89,6 +93,10 @@ const store = new Vuex.Store({
         episode,
         event,
         exhibition,
+        short,
+        guide,
+        object,
+        publication,
         sticky,
     },
     strict: debug,

vue-theme/src/store/modules/guide.js

@@ -0,0 +1,70 @@
+import api from '../../utils/api'
+
+const state = {
+    all: [],
+    loaded: false,
+    singledGuide: null,
+}
+
+const getters = {
+    allGuides: state => state.all,
+    allGuidesBySlug: state =>
+        Object.values(state.all).reduce((bySlug, guide) => {
+            bySlug[guide.slug] = guide
+            return bySlug
+        }, {}),
+    allGuidesLoaded: state => state.loaded,
+}
+
+const actions = {
+    getAllGuides({ commit }, { sortType, params }) {
+        commit('CLEAR_GUIDES')
+        commit('GUIDES_LOADED', false)
+        const storeFetch = (guides => {
+            let repacked = guides
+            commit('STORE_FETCHED_GUIDES', { guides: repacked })
+            commit('GUIDES_LOADED', true)
+        })
+        return api.getByType({ type: 'guide', sort: sortType, params, cb: storeFetch })
+    },
+    getMoreGuides({ commit }, { sortType, params }) {
+        const storeFetch = (guides => {
+            let repacked = guides
+            commit('ADD_TO_FETCHED_GUIDES', { guides: repacked })
+            commit('GUIDES_LOADED', true)
+        })
+        return api.getByType({ type: 'guide', sort: sortType, params, cb: storeFetch })
+    },
+    getSingleGuide({ commit }, id) {
+        commit('CLEAR_SINGLE_GUIDES')
+        commit('GUIDES_LOADED', false)
+
+        api.getSingleType('guide', id, guide => {
+            commit('STORE_FETCHED_SINGLE_GUIDE', guide)
+            commit('GUIDES_LOADED', true)
+        })
+    },
+}
+
+const mutations = {
+    ADD_TO_FETCHED_GUIDES(state, { guides }) {
+        state.all = [...state.all, ...guides]
+    },
+    STORE_FETCHED_GUIDES(state, { guides }) {
+        state.all = guides
+    },
+    STORE_FETCHED_SINGLE_GUIDE(state, guide) {
+        state.singledGuide = guide
+    },
+    CLEAR_GUIDES(state) {
+        state.all = []
+    },
+    CLEAR_SINGLE_GUIDES(state) {
+        state.singledGuide = null
+    },
+    GUIDES_LOADED(state, val) {
+        state.loaded = val
+    },
+}
+
+export default { state, getters, actions, mutations }

vue-theme/src/store/modules/object.js

@@ -0,0 +1,70 @@
+import api from '../../utils/api'
+
+const state = {
+    all: [],
+    loaded: false,
+    singledObject: null,
+}
+
+const getters = {
+    allObjects: state => state.all,
+    allObjectsBySlug: state =>
+        Object.values(state.all).reduce((bySlug, object) => {
+            bySlug[object.slug] = object
+            return bySlug
+        }, {}),
+    allObjectsLoaded: state => state.loaded,
+}
+
+const actions = {
+    getAllObjects({ commit }, { sortType, params }) {
+        commit('CLEAR_OBJECTS')
+        commit('OBJECTS_LOADED', false)
+        const storeFetch = (objects => {
+            let repacked = objects
+            commit('STORE_FETCHED_OBJECTS', { objects: repacked })
+            commit('OBJECTS_LOADED', true)
+        })
+        return api.getByType({ type: 'object', sort: sortType, params, cb: storeFetch })
+    },
+    getMoreObjects({ commit }, { sortType, params }) {
+        const storeFetch = (objects => {
+            let repacked = objects
+            commit('ADD_TO_FETCHED_OBJECTS', { objects: repacked })
+            commit('OBJECTS_LOADED', true)
+        })
+        return api.getByType({ type: 'object', sort: sortType, params, cb: storeFetch })
+    },
+    getSingleObject({ commit }, id) {
+        commit('CLEAR_SINGLE_OBJECTS')
+        commit('OBJECTS_LOADED', false)
+
+        api.getSingleType('object', id, object => {
+            commit('STORE_FETCHED_SINGLE_OBJECT', object)
+            commit('OBJECTS_LOADED', true)
+        })
+    },
+}
+
+const mutations = {
+    ADD_TO_FETCHED_OBJECTS(state, { objects }) {
+        state.all = [...state.all, ...objects]
+    },
+    STORE_FETCHED_OBJECTS(state, { objects }) {
+        state.all = objects
+    },
+    STORE_FETCHED_SINGLE_OBJECT(state, object) {
+        state.singledObject = object
+    },
+    CLEAR_OBJECTS(state) {
+        state.all = []
+    },
+    CLEAR_SINGLE_OBJECTS(state) {
+        state.singledObject = null
+    },
+    OBJECTS_LOADED(state, val) {
+        state.loaded = val
+    },
+}
+
+export default { state, getters, actions, mutations }

vue-theme/src/store/modules/publication.js

@@ -0,0 +1,70 @@
+import api from '../../utils/api'
+
+const state = {
+    all: [],
+    loaded: false,
+    singledPublication: null,
+}
+
+const getters = {
+    allPublications: state => state.all,
+    allPublicationsBySlug: state =>
+        Publication.values(state.all).reduce((bySlug, publication) => {
+            bySlug[publication.slug] = publication
+            return bySlug
+        }, {}),
+    allPublicationsLoaded: state => state.loaded,
+}
+
+const actions = {
+    getAllPublications({ commit }, { sortType, params }) {
+        commit('CLEAR_PUBLICATIONS')
+        commit('PUBLICATIONS_LOADED', false)
+        const storeFetch = (publications => {
+            let repacked = publications
+            commit('STORE_FETCHED_PUBLICATIONS', { publications: repacked })
+            commit('PUBLICATIONS_LOADED', true)
+        })
+        return api.getByType({ type: 'publication', sort: sortType, params, cb: storeFetch })
+    },
+    getMorePublications({ commit }, { sortType, params }) {
+        const storeFetch = (publications => {
+            let repacked = publications
+            commit('ADD_TO_FETCHED_PUBLICATIONS', { publications: repacked })
+            commit('PUBLICATIONS_LOADED', true)
+        })
+        return api.getByType({ type: 'publication', sort: sortType, params, cb: storeFetch })
+    },
+    getSinglePublication({ commit }, id) {
+        commit('CLEAR_SINGLE_PUBLICATIONS')
+        commit('PUBLICATIONS_LOADED', false)
+
+        api.getSingleType('publication', id, publication => {
+            commit('STORE_FETCHED_SINGLE_PUBLICATION', publication)
+            commit('PUBLICATIONS_LOADED', true)
+        })
+    },
+}
+
+const mutations = {
+    ADD_TO_FETCHED_PUBLICATIONS(state, { publications }) {
+        state.all = [...state.all, ...publications]
+    },
+    STORE_FETCHED_PUBLICATIONS(state, { publications }) {
+        state.all = publications
+    },
+    STORE_FETCHED_SINGLE_PUBLICATION(state, publication) {
+        state.singledPublication = publication
+    },
+    CLEAR_PUBLICATIONS(state) {
+        state.all = []
+    },
+    CLEAR_SINGLE_PUBLICATIONS(state) {
+        state.singledPublication = null
+    },
+    PUBLICATIONS_LOADED(state, val) {
+        state.loaded = val
+    },
+}
+
+export default { state, getters, actions, mutations }

vue-theme/src/store/modules/short.js

@@ -0,0 +1,70 @@
+import api from '../../utils/api'
+
+const state = {
+    all: [],
+    loaded: false,
+    singleShort: null,
+}
+
+const getters = {
+    allShorts: state => state.all,
+    allShortsBySlug: state =>
+        Object.values(state.all).reduce((bySlug, short) => {
+            bySlug[short.slug] = short
+            return bySlug
+        }, {}),
+    allShortsLoaded: state => state.loaded,
+}
+
+const actions = {
+    getAllShorts({ commit }, { sortType, params }) {
+        commit('CLEAR_SHORTS')
+        commit('SHORTS_LOADED', false)
+        const storeFetch = (shorts => {
+            let repacked = shorts
+            commit('STORE_FETCHED_SHORTS', { shorts: repacked })
+            commit('SHORTS_LOADED', true)
+        })
+        return api.getByType({ type: 'short', sort: sortType, params, cb: storeFetch })
+    },
+    getMoreShorts({ commit }, { sortType, params }) {
+        const storeFetch = (shorts => {
+            let repacked = shorts
+            commit('ADD_TO_FETCHED_SHORTS', { shorts: repacked })
+            commit('SHORTS_LOADED', true)
+        })
+        return api.getByType({ type: 'short', sort: sortType, params, cb: storeFetch })
+    },
+    getSingleShort({ commit }, id) {
+        commit('CLEAR_SINGLE_SHORTS')
+        commit('SHORTS_LOADED', false)
+
+        api.getSingleType('short', id, short => {
+            commit('STORE_FETCHED_SINGLE_SHORT', short)
+            commit('SHORTS_LOADED', true)
+        })
+    },
+}
+
+const mutations = {
+    ADD_TO_FETCHED_SHORTS(state, { shorts }) {
+        state.all = [...state.all, ...shorts]
+    },
+    STORE_FETCHED_SHORTS(state, { shorts }) {
+        state.all = shorts
+    },
+    STORE_FETCHED_SINGLE_SHORT(state, short) {
+        state.singledShort = short
+    },
+    CLEAR_SHORTS(state) {
+        state.all = []
+    },
+    CLEAR_SINGLE_SHORTS(state) {
+        state.singledShort = null
+    },
+    SHORTS_LOADED(state, val) {
+        state.loaded = val
+    },
+}
+
+export default { state, getters, actions, mutations }

vue-theme/src/utils/helpers.js

@@ -28,6 +28,10 @@ const postTypes = [
     'event',
     'post',
     'page',
+    'short',
+    'guide',
+    'object',
+    'publication',
 ]
 
 const ytThumbnail = (url, desiredSize) => {

vue-theme/src/utils/intersection.js

@@ -0,0 +1,21 @@
+class IntersectionHandler {
+    constructor() {
+        this.el = null
+        this.observer = null
+    }
+    setEl(el) {
+        this.el = el
+    }
+    setObserver(onIntersect) {
+        this.observer = new IntersectionObserver(onIntersect, {
+            threshold: 0.80
+        })
+    }
+    start() {
+        this.observer.observe(this.el)
+    }
+}
+
+const intersectionHandler = new IntersectionHandler()
+
+export { intersectionHandler }