:fire: removing the block parser | removing the block components

plugins/cia-endpoints/includes/class.make-endpoint.php

@@ -69,11 +69,6 @@ class Make_Endpoint_For extends WP_REST_Controller {
         foreach( get_posts($args) as $item ) {
             $filtered = default_post_format( $item, false );
 
-            // Get those Block!
-            $filtered[blocks] = get_rearrange_blocks(
-                parse_blocks($item->post_content)
-            );
-
             $filtered[galleries] = get_ids_from_gallery_block(
                 parse_blocks($item->post_content)
             );

plugins/cia-endpoints/includes/reformat-blocks.php

@@ -1,18 +1,4 @@
 <?php
-    function get_rearrange_blocks($blocks) {
-        $parsed_blocks = array();
-        foreach( $blocks as $block ) {
-            // Don't include whole galleries
-            if ($block[innerHTML] !== "\n\n") {
-                array_push($parsed_blocks, [$block]);
-            } elseif ($block[innerHTML] === "\n\n") {
-                // Don't do anything!
-            } else {
-                array_push($parsed_blocks, $block[innerBlocks]);
-            }
-        }
-        return $parsed_blocks;
-    }
     function get_ids_from_gallery_block($blocks){
         $parsed_blocks = array();
         foreach ($blocks as $block) {

vue-theme/src/components/content-block/block-recursive.vue

@@ -1,98 +0,0 @@
-<template lang="pug">
-.block.recursive(:id="`block-${this.$.uid}`")
-</template>
-
-<script>
-let treeToAppend = null
-
-export default {
-    name: 'rblock',
-    props: {
-        block: { required: true }
-    },
-    data() {
-        return {
-            isLoading: true,
-            id: null,
-            root: null,
-            treeDepth: 0,
-            currentParentNode: null,
-            prevDepth: 0,
-            ancestors: []
-        }
-    },
-    methods: {
-        toEl(html) {
-            var template = document.createElement('template')
-            html = html.trim() // Never return a text node of whitespace as the result
-            template.innerHTML = html
-            return template.content.firstChild
-        },
-        processBlock(block, root) {
-            this.treeDepth++
-
-            if(this.treeDepth === 1) {
-                // Add the base nodes
-                // Don't forget that this is recursive (see line: 49)
-                this.currentParentNode = this.toEl(block.innerHTML)
-                this.ancestors.push(this.currentParentNode)
-                root.appendChild(this.currentParentNode)
-            } else {
-            
-                // You need to create a REFERENCE to this node
-                // So you can target it later as a parent
-                // If you don't create a reference then you'll
-                // be creating a new <el> and will lose all
-                // parent-child relationship
-                if(this.treeDepth > this.prevDepth) {
-                    this.ancestors.push(this.currentParentNode)
-                } else {
-                    this.ancestors.pop()
-                }
-
-                this.currentParentNode = this.toEl(block.innerHTML)
-                this.ancestors[this.ancestors.length - 1].appendChild(this.currentParentNode)
-            }
-            
-            if(!block.innerBlocks) return
-            
-            this.prevDepth = this.treeDepth
-
-            // !: Process any children recursively
-            for(let childBlock of block.innerBlocks) {
-                this.processBlock(childBlock, this.currentParentNode)
-            }
-
-            this.treeDepth--
-        },
-        buildBlocks() {
-            if(typeof this.block !== 'object' || this.block.hasOwnProperty('gallery')) return
-
-            // Add the top-level blocks to the document tree
-            treeToAppend = new DocumentFragment()
-            this.root = document.createElement('div')
-            this.root.classList.add('wp-block-columns')
-            treeToAppend.appendChild(this.root)
-
-            // Loop over all the nodes and append children
-            for(const block of this.block) {
-                this.processBlock(block, this.root)
-            }
-        },
-    },
-    mounted() {
-        this.buildBlocks()
-        // Append the final product to DOM
-        document.getElementById(`block-${this.$.uid}`).innerHTML = ''
-        document.getElementById(`block-${this.$.uid}`).appendChild(treeToAppend)
-    },
-    watch: {
-        block(newVal, oldVal) {
-            this.buildBlocks()
-            document.getElementById(`block-${this.$.uid}`).innerHTML = ''
-            document.getElementById(`block-${this.$.uid}`).appendChild(treeToAppend)
-        }
-    }
-}
-</script>
-

vue-theme/src/components/content-block/block.vue

@@ -1,64 +0,0 @@
-<template lang="pug">
-figure.block.embed(v-if="block[0].blockName == 'core/embed'")
-    figure.youtube(v-if="block[0].attrs.providerNameSlug == 'youtube'").is-provider-youtube.wp-block-youtube
-        iframe(
-            :src="fixYoutubeUrl(block[0].attrs.url)"
-            title="YouTube video player"
-            frameborder="0"
-            allowfullscreen
-        ).embed--player
-    .not-youtube(v-else)
-        p not youtube: {{ block[0].attrs }}
-
-//- Block clicking on certain block elements
-//- so we can choose when to open the gallery
-rblock(:block="block" @click.prevent.stop="openGallery")
-
-//- .block.single(v-else)
-//-     .single--content(v-html="block")
-</template>
-
-<script>
-import rblock from './block-recursive'
-
-export default {
-    components: { rblock },
-    props: {
-        block: { required: true }
-    },
-    emits: ['openGallery'],
-    methods: {
-        fixYoutubeUrl(url) {
-            let videoUid = url.split('https://youtu.be/')[1]
-
-            if(!videoUid) {
-                videoUid = url.split('https://www.youtube.com/watch?v=')[1]
-            }
-
-            return `https://www.youtube.com/embed/${videoUid}`
-        },
-        openGallery(e) {
-            if(e.target.tagName === 'IMG') {
-                this.$emit('open-gallery', e.target)
-            } else if(e.target.dataset.type === 'URL') {
-                window.open(e.target.href)
-            }
-        }
-    },
-    data() {
-        return {
-        }
-    },
-    computed: {
-    }
-}
-</script>
-
-<style lang="postcss">
-.block
-    &.embed
-        min-height: 40vh
-        > figure.youtube, > figure.youtube iframe
-            height: 40vh
-            width: 100%
-</style>

vue-theme/src/pages/single.vue

@@ -19,10 +19,7 @@
                 p start: {{ dateFrom(post.start) }}
                 p end: {{ dateFrom(post.end) }}
 
-        .content(v-html="post.content")
-        //- ul
-        //-     li(v-for="(block, index) in post.blocks" :key="`block-${index}`" class="post-single block-wrapper")
-        //-         block(:block="block" @open-gallery="openGallery")
+        section.content(v-html="post.content")
 
         //- related artists section example layout
         section(v-if="type === 'episodes' && post" :post="post")
@@ -40,7 +37,6 @@
 import card from '@/components/card.vue'
 import sidebar from '@/components/sidebars/sidebar'
 import gallery from '@/components/gallery/'
-import block from '@/components/content-block/block'
 import credits from '@/components/credits'
 
 import { postTypeGetters, scrollTop } from './mixin-post-types'
@@ -48,7 +44,7 @@ import { postTypeGetters, scrollTop } from './mixin-post-types'
 import { convertTitleCase, dePluralize, typeFromRoute } from '@/utils/helpers'
  
 export default {
-    components: { sidebar, gallery, block, credits, card },
+    components: { sidebar, gallery, credits, card },
     props: {
         sidebar: { type: Boolean },
         id: { type: Number }
@@ -212,7 +208,7 @@ export default {
     article
         h3.breadcrumb
             color: yellow
-        ul
+        > ul
             /* grid-gap: $ms-0 */
             list-style: none
             /* change to a 1/3 width of the article*/