tweaking that api to return right

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

@@ -23,15 +23,15 @@ require_once('includes/class.make-endpoint.php');
  */
 add_action( 'rest_api_init', function () {
     $post_controller = new Make_Endpoint_For('post');
-    $post_controller->register_routes('posts', true);
+    $post_controller->register_custom_route('posts');
 });
 add_action( 'rest_api_init', function () {
     $page_controller = new Make_Endpoint_For('page');
-    $page_controller->register_routes('pages', true);
+    $page_controller->register_custom_route('pages');
 });
 add_action( 'rest_api_init', function () {
     $media_controller = new Make_Endpoint_For('media');
-    $media_controller->register_routes('media', false);
+    $media_controller->register_custom_route('media');
 });
 
 /**
@@ -39,5 +39,5 @@ add_action( 'rest_api_init', function () {
  */
 add_action( 'rest_api_init', function () {
     $media_controller = new Make_Endpoint_For('customtype');
-    $media_controller->register_routes('custometypes', false);
+    $media_controller->register_custom_route('custometypes');
 });

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

@@ -10,76 +10,50 @@ class Make_Endpoint_For extends WP_REST_Controller {
     /**
      * Register the routes for the objects of the controller.
      */
-    public function register_routes($route) {
+    public function register_custom_route($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(),
+                'callback' => array( $this, 'get_items' )
             ),   
         ]);
         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',
-                    ),
-                ),
+                'callback' => array( $this, 'get_items' )
             ),   
         ]);
     }
 
     public function get_items( $request ) {
-        $args = array(
-            'post_type' => $this->post_type,
-        );
+        // Get parameters from request
+        // /<id>?limit=<num>
+        $params = $request->get_params();
 
-        //do a query, call another class, etc
-        $items = new WP_Query($args);
-        
-        $data = array();
-        foreach( $items as $item ) {
+        $args = array( 'numberposts' => -1, 'post_type' => $this->post_type );
+        if(intval($params['limit']) > 0) { $args['numberposts'] = intval($params['limit']); }
+        if(intval($params['id']) > 0) { $args['include'] = array($params['id']); }
+        // !: Add order asc/desc
+        // !: Add orderby
+
+        $collection = array();
+        foreach( get_posts($args) 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 );
-            }
+            $item->blocks = parse_blocks( $item->post_content );
+            $data = $this->prepare_item_for_response( $item, $request );
+            $collection[$item->ID] = $this->prepare_response_for_collection( $data );
         }
         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' ) );
-        }
+        return new WP_REST_Response( $collection, 200 );
     }
 
     public function prepare_item_for_response( $item, $request ) {
         $filtered = array();
         $filtered[id] = $item->ID;
+        $filtered[slug] = $item->post_name;
         $filtered[type] = $item->post_type;
         $filtered[title] = $item->post_title;
         $filtered[excerpt] = $item->post_excerpt;
@@ -87,8 +61,7 @@ class Make_Endpoint_For extends WP_REST_Controller {
         $filtered[content] = $item->post_content;
         $filtered[blocks] = get_rearrange_blocks($item->blocks);
         
-        // return $item;
-        if($item->post_status === 'publish') return $filtered;
+        return $filtered;
     }
 }
 

vue-theme/functions.php

@@ -139,4 +139,7 @@ function remove_cssjs_ver( $src ) {
     return $src;
 }
 add_filter( 'style_loader_src', 'remove_cssjs_ver', 10, 2 );
-add_filter( 'script_loader_src', 'remove_cssjs_ver', 10, 2 );
+add_filter( 'script_loader_src', 'remove_cssjs_ver', 10, 2 );
+
+// header( 'Access-Control-Allow-Origin: http://localhost:8080' );
+header( 'Content-Type: application/json' );

vue-theme/src/pages/index.vue

@@ -3,14 +3,14 @@ article.page--index
     h1 {{ site }}: index
     section(v-if="allPagesLoaded")
         h4 pages
-        p {{ somePages(10) }}
+        p {{ allPages.length }}
     section(v-if="allPostsLoaded")
         h4 posts
-        p {{ somePages(10) }}
+        p {{ allPosts.length }}
         hr
         div(v-for="post in allPosts")
-            p {{ post.slug }}
-            p Sticky? {{ post.sticky }}
+            h4 {{ post.slug }}
+            p(v-for="block in post.blocks" v-html="block")
 </template>
 
 <script>

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

@@ -2,14 +2,14 @@ import api from '../../utils/api'
 
 // initial state
 const state = {
-    all: [],
+    all: {},
     loaded: false,
     page: null,
 }
 
 // getters
 const getters = {
-    allPages: state => state.all,
+    allPages: state => Object.values((state.all)),
     allPagesLoaded: state => state.loaded,
     page: state => id => {
         let field = typeof id === 'number' ? 'id' : 'slug'
@@ -43,7 +43,9 @@ const actions = {
 
 // mutations
 const mutations = {
-    STORE_FETCHED_PAGES(state, { pages }) { state.all = pages },
+    STORE_FETCHED_PAGES(state, { pages }) {
+        state.all = pages
+    },
     PAGES_LOADED(state, val) { state.loaded = val },
 }
 

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

@@ -1,19 +1,19 @@
 import api from '../../utils/api'
 
 const createPostSlug = post => {
-    let slug = post.link.replace(window.location.protocol + '//' + window.location.host, '')
-    post.slug = slug
+    // let slug = post.link.replace(window.location.protocol + '//' + window.location.host, '')
+    // post.slug = slug
     return post
 }
 
 const state = {
-    all: [],
+    all: {},
     loaded: false,
     post: null,
 }
 
 const getters = {
-    allPosts: state => state.all,
+    allPosts: state => Object.values(state.all),
     allPostsLoaded: state => state.loaded,
     post: state => id => {
         let field = typeof id === 'number' ? 'id' : 'slug'
@@ -38,7 +38,7 @@ const getters = {
 const actions = {
     getAllPosts({ commit }) {
         api.getByType('posts', posts => {
-            posts.map((post, i) => {
+            Object.values(posts).map((post, i) => {
                 posts[i] = createPostSlug(post)
             })
             commit('STORE_FETCHED_POSTS', { posts })

vue-theme/src/utils/api.js

@@ -2,12 +2,12 @@ import axios from 'axios'
 
 const SETTINGS = { 
     LOADING_SEGMENTS: 2,
-    API_BASE_PATH: '/wp-json/wp/v2/'
+    API_BASE_PATH: '/wp-json/craft/v2/',
 }
 
 export default {
     getByType(type, cb) {
-        axios.get(SETTINGS.API_BASE_PATH + `${type}?per_page=10`)
+        axios.get(SETTINGS.API_BASE_PATH + `${type}`)
         .then(response => {
             cb(response.data)
         })
@@ -17,7 +17,7 @@ export default {
     },
     getPosts(limit = 5, cb) {
         axios
-        .get(SETTINGS.API_BASE_PATH + 'posts?per_page=' + limit)
+        .get(SETTINGS.API_BASE_PATH + 'posts')
         .then(response => {
             cb(response.data)
         })