created custom api endpoint plugin

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

@@ -0,0 +1,43 @@
+<?php
+/**
+ * Craft in America Custom Endpoints Plugin
+ *
+ * @since             1.0.0
+ * @package           cia_endpoints
+ *
+ * @wordpress-plugin
+ * Plugin Name:       Craft in America - API Endpoints
+ * Plugin URI:
+ * Description:       The test plugin that adds rest functionality
+ * Version:           1.0.0
+ * Author:            TOJ <john@yvvas.com>
+ */
+
+// If this file is called directly, abort.
+if ( ! defined( 'WPINC' ) ) { die; }
+
+require_once('includes/class.make-endpoint.php');
+
+/**
+ * The standard wordpress post_types
+ */
+add_action( 'rest_api_init', function () {
+    $post_controller = new Make_Endpoint_For('post');
+    $post_controller->register_routes('posts', true);
+});
+add_action( 'rest_api_init', function () {
+    $page_controller = new Make_Endpoint_For('page');
+    $page_controller->register_routes('pages', true);
+});
+add_action( 'rest_api_init', function () {
+    $media_controller = new Make_Endpoint_For('media');
+    $media_controller->register_routes('media', false);
+});
+
+/**
+ * Craft in America custom post_types
+ */
+add_action( 'rest_api_init', function () {
+    $media_controller = new Make_Endpoint_For('customtype');
+    $media_controller->register_routes('custometypes', false);
+});

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

@@ -0,0 +1,95 @@
+<?php
+
+include('reformat-blocks.php');
+
+class Make_Endpoint_For extends WP_REST_Controller {
+    private $post_type;
+    function __construct($post_type) {
+        $this->post_type = $post_type;
+    }
+    /**
+     * Register the routes for the objects of the controller.
+     */
+    public function register_routes($route) {
+        $version = '2';
+        $namespace = 'craft/v' . $version;
+
+        register_rest_route( $namespace, '/' . $route, [
+            array(
+                'methods'  => WP_REST_Server::READABLE,
+                'callback' => array( $this, 'get_items' ),
+                'args'     => array(),
+            ),   
+        ]);
+        register_rest_route( $namespace, '/' . $route . '/(?P<id>[\d]+)', [
+            array(
+                'methods'  => WP_REST_Server::READABLE,
+                'callback' => array( $this, 'get_item' ),
+                'args'     => array(
+                    'context' => array(
+                        'default' => 'view',
+                    ),
+                ),
+            ),   
+        ]);
+    }
+
+    public function get_items( $request ) {
+        $args = array(
+            'post_type' => $this->post_type,
+        );
+
+        //do a query, call another class, etc
+        $items = new WP_Query($args);
+        
+        $data = array();
+        foreach( $items as $item ) {
+            // Get those Block!
+            $item->blocks = parse_blocks( $item->post_content );;
+            $itemdata = $this->prepare_item_for_response( $item, $request );
+            if($item->ID > 0) {
+                $data[$item->ID] = $this->prepare_response_for_collection( $itemdata );
+            }
+        }
+        wp_reset_postdata();
+        return new WP_REST_Response( $data, 200 );
+    }
+    public function get_item( $request ) {
+        $params = $request->get_params();
+
+        $args = array(
+            'numberposts' => 1,
+            'orderby'     => 'date',
+            'order'       => 'DESC',
+            'post_type'    => $this->post_type,
+        );
+        
+        //do a query, call another class, etc
+        $item = new WP_Query($args);
+        
+        $data = $this->prepare_item_for_response( $item, $request );
+        wp_reset_postdata();
+        //return a response or error based on some conditional
+        if ( 1 == 1 ) {
+            return new WP_REST_Response( $data, 200 );
+        } else {
+            return new WP_Error( 'code', __( 'message', 'text-domain' ) );
+        }
+    }
+
+    public function prepare_item_for_response( $item, $request ) {
+        $filtered = array();
+        $filtered[id] = $item->ID;
+        $filtered[type] = $item->post_type;
+        $filtered[title] = $item->post_title;
+        $filtered[excerpt] = $item->post_excerpt;
+        $filtered[date] = $item->post_date;
+        $filtered[content] = $item->post_content;
+        $filtered[blocks] = get_rearrange_blocks($item->blocks);
+        
+        // return $item;
+        if($item->post_status === 'publish') return $filtered;
+    }
+}
+
+?>

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

@@ -0,0 +1,15 @@
+<?php
+    function get_rearrange_blocks($blocks) {
+        $parsed_blocks = array();
+        foreach( $blocks as $block ) {
+            if(sizeof($block[innerBlocks]) < 1 && $block[innerHTML] !== "\n\n") {
+                array_push($parsed_blocks, $block[innerHTML]);
+            } elseif ($block[innerHTML] === "\n\n") {
+                array_push($parsed_blocks, null);
+            } else {
+                array_push($parsed_blocks, $block[innerBlocks]);
+            }
+        }
+        return $parsed_blocks;
+    }
+?>

plugins/includes/custom-types.php

@@ -1,7 +1,7 @@
 <?php
     function get_all_custom_types() {
         return array(
-            'custom type',
+            'customtype',
             // 'artist',
             // 'episode',
             // 'short',

vue-theme/src/app.vue

@@ -32,13 +32,14 @@ html > body
     :--headings
         color: red
 
-    nav.main, footer.main
-        background-color: #ccc
-        margin: 0 0 $ms
-        padding: $ms
-        width: 100%
-        ul > li
-            padding: 0 $ms
+    nav, footer
+        &.main
+            background-color: #ccc
+            margin: 0 0 $ms
+            padding: $ms
+            width: 100%
+            ul > li
+                padding: 0 $ms
     footer.main
         margin: $ms 0 0
 </style>

vue-theme/src/pages/index.vue

@@ -6,7 +6,11 @@ article.page--index
         p {{ somePages(10) }}
     section(v-if="allPostsLoaded")
         h4 posts
-        p {{ allPosts }}
+        p {{ somePages(10) }}
+        hr
+        div(v-for="post in allPosts")
+            p {{ post.slug }}
+            p Sticky? {{ post.sticky }}
 </template>
 
 <script>