Add mutations for create and update post, Simplify GetPosts mutation, Start work on CreatePost screen, Cleanup code and setup, Improve documentation

Author: wolfgangschaefer

README.md

@@ -1,28 +1,35 @@
 # React Mui WP GraphQl Example
 
-Example backend build with React and Material Design. Data is synced via GraphQl and Apollo from a WordPress server.
+Example backend build with React and Material Design. 
+Reads data from a GraphQl API WordPress server with the WPGraphQL plugin.
 
-## How to run
+## Setup
 
-Install & Start server
+Install dependencies
 
 ```sh
 composer install
-cp .env.example .env
+npm install
 ```
 
 Create the database and fill details in `.env` file
-It is expected you have WP-CLI installed globally
+
+```sh
+cp .env.example .env
+```
+
+Setup server (This sets up the wordpress database with the expected configuration)
 
 ```sh
 ./setup-server.sh
-./generate-data-on-server.sh
-wp server --host=localhost --port=3001
 ```
 
-Install the client dependencies and start react app
+## Start server & client
+
+Start server and react app
 
 ```sh
-npm install
 npm start
 ```
+
+## Notes

bin/generate-data-on-server.sh

@@ -1,15 +1,21 @@
 #!/bin/bash
 
 # Perform WP installation process.
-wp core install \
-    --url="127.0.0.1:8001" \
+server/vendor/bin/wp core install \
+    --url="localhost:3001" \
     --title="WodaWordPress" \
     --admin_user="test" \
     --admin_email="test@woda.at" \
     --admin_password="test"
 
 # Update permalink structure
-wp option update permalink_structure '/%postname%'
+server/vendor/bin/wp option update permalink_structure '/%postname%'
+
+# Set WpGraphQl Cors "Access-Control-Allow-Origin" header
+server/vendor/bin/wp option update wpgraphql_acao 'http://localhost:3000'
 
 # Remove all posts, comments, and terms.
-wp site empty --yes
+server/vendor/bin/wp site empty --yes
+
+# Generate data on server
+server/vendor/bin/wp post generate --count=100 --post_type=post

bin/setup-server.sh

@@ -2,32 +2,54 @@
   "name": "woda/react-mui-example-server",
   "type": "project",
   "license": "MIT",
-  "description": "Server for React Material Design backend example",
+  "description": "GraphQl server for react-mui-example",
   "repositories": [
     {
       "type": "composer",
       "url": "https://wpackagist.org",
       "only": ["wpackagist-plugin/*", "wpackagist-theme/*"]
+    },
+    {
+      "type": "package",
+      "package": {
+        "name": "funkhaus/wp-graphql-cors",
+        "type": "wordpress-plugin",
+        "version": "1.1.0",
+        "dist": {
+          "url": "https://github.com/funkhaus/wp-graphql-cors/archive/v1.1.0.zip",
+          "type": "zip"
+        },
+        "source": {
+          "url": "https://github.com/funkhaus/wp-graphql-cors",
+          "type": "git",
+          "reference": "tree/v1.1.0"
+        }
+      }
     }
   ],
   "require": {
-    "php": ">=7.1",
+    "php": ">=7.2",
     "composer/installers": "^1.8",
-    "vlucas/phpdotenv": "^4.1.8",
+    "funkhaus/wp-graphql-cors": "^1.1",
     "oscarotero/env": "^2.1",
     "roots/bedrock-autoloader": "^1.0",
     "roots/wordpress": "5.5",
     "roots/wp-config": "1.0.0",
     "roots/wp-password-bcrypt": "1.0.0",
+    "valu/wp-graphql-offset-pagination": "^0.2.0",
+    "vlucas/phpdotenv": "^4.1",
     "wp-graphql/wp-graphql": "^0.12.1",
+    "wp-graphql/wp-graphql-acf": "^0.3.5",
     "wp-graphql/wp-graphql-jwt-authentication": "^0.4.1",
-    "valu/wp-graphql-offset-pagination": "^0.2.0"
+    "wpackagist-plugin/advanced-custom-fields": "^5.9"
   },
   "require-dev": {
-    "squizlabs/php_codesniffer": "^3.5.6",
-    "roave/security-advisories": "dev-master"
+    "roave/security-advisories": "dev-master",
+    "squizlabs/php_codesniffer": "^3.5",
+    "wp-cli/wp-cli-bundle": "^2.4"
   },
   "config": {
+    "sort-packages": true,
     "optimize-autoloader": true,
     "preferred-install": "dist",
     "vendor-dir": "server/vendor"
@@ -38,9 +60,12 @@
     "installer-paths": {
       "server/web/app/mu-plugins/{$name}/": [
         "type:wordpress-muplugin",
+        "funkhaus/wp-graphql-cors",
+        "valu/wp-graphql-offset-pagination",
         "wp-graphql/wp-graphql",
         "wp-graphql/wp-graphql-jwt-authentication",
-        "valu/wp-graphql-offset-pagination"
+        "wp-graphql/wp-graphql-acf",
+        "wpackagist-plugin/advanced-custom-fields"
       ],
       "server/web/app/plugins/{$name}/": ["type:wordpress-plugin"],
       "server/web/app/themes/{$name}/": ["type:wordpress-theme"]