Final version of a fully functional todo app

.gitignore

@@ -1,2 +1,3 @@
 node_modules
-build
+build
+.DS_Store

includes/admin-menu.php

@@ -15,5 +15,5 @@ function menu() {
 }
 
 function admin_page() {
-  echo '<div id="todo-app"></div>';
+  echo '<div class="wrap" id="todo-app"></div>';
 }

includes/admin-styles.php

@@ -0,0 +1,19 @@
+<?php
+
+namespace TodoApp;
+
+add_action('admin_enqueue_scripts', __NAMESPACE__ . '\\styles');
+
+function styles() {
+  $screen = get_current_screen();
+
+  if ($screen->id !== 'toplevel_page_todoapp') {
+    return;
+  }
+
+  wp_enqueue_style(
+    'wpappointments-admin-css',
+    TODOAPP_PLUGIN_DIR_URL . '/build/index.css',
+    array('wp-edit-blocks')
+  );
+}

includes/filters.php

@@ -0,0 +1,27 @@
+<?php
+
+add_filter('rest_todoitem_query', function ($args, $request) {
+  $meta_key = $request->get_param('metaKey');
+  $meta_value = $request->get_param('metaValue');
+
+  if (empty($meta_key)) {
+    return $args;
+  }
+
+  $args['meta_query'] = [
+    'relation' => 'OR',
+    [
+      'key' => $meta_key,
+      'value' => $meta_value,
+    ],
+  ];
+
+  if ($meta_value === "") {
+    $args['meta_query'][] = [
+      'key' => $meta_key,
+      'compare' => 'NOT EXISTS',
+    ];
+  }
+
+  return $args;
+}, 10, 2);

includes/init.php

@@ -0,0 +1,14 @@
+<?php
+
+add_action('init', function () {
+  register_post_type('todoitem', [
+    'supports' => ['title', 'custom-fields'],
+    'show_in_rest' => true,
+  ]);
+
+  register_post_meta('todoitem', 'completed', [
+    'single' => true,
+    'type' => 'boolean',
+    'show_in_rest' => true,
+  ]);
+});