You can modify the WPGraphQL endpoint in code with the following:



<pre class="wp-block-code lang-php"><code>function my_new_graphql_endpoint() {
 return 'cutepuppies';
};

add_filter( 'graphql_endpoint', 'my_new_graphql_endpoint' );</code></pre>



This will change the graphql endpoint url from <code>/graphql</code> to <code>/cutepuppies</code>



This also updates the WPGraphQL settings page:



<figure class="wp-block-image size-large is-resized"><img loading="lazy" decoding="async" src="https://content.wpgraphql.com/wp-content/uploads/2020/10/WPGraphQLEndpoint-1024x196.jpg" alt="WPGraphQL Settings page with updated endpoint url" class="wp-image-2463" width="510" height="97" srcset="https://content.wpgraphql.com/wp-content/uploads/2020/10/WPGraphQLEndpoint-1024x196.jpg 1024w, https://content.wpgraphql.com/wp-content/uploads/2020/10/WPGraphQLEndpoint-300x57.jpg 300w, https://content.wpgraphql.com/wp-content/uploads/2020/10/WPGraphQLEndpoint-768x147.jpg 768w, https://content.wpgraphql.com/wp-content/uploads/2020/10/WPGraphQLEndpoint.jpg 1194w" sizes="auto, (max-width: 510px) 100vw, 510px" /></figure>

Update WPGraphQL Endpoint URL

The following example code allows you to add WP Admin Color Schemes data to WPGraphQL.



<pre class="wp-block-code lang-php"><code>add_action( 'graphql_register_types', function() {

	$mock_colors = '
		{
		 "fresh":{
		 "name":"Default",
		 "url":false,
		 "colors":[
		 "#222",
		 "#333",
		 "#0073aa",
		 "#00a0d2"
		 ],
		 "icon_colors":{
		 "base":"#a0a5aa",
		 "focus":"#00a0d2",
		 "current":"#fff"
		 }
		 },
		 "light":{
		 "name":"Light",
		 "url":"http://acf2.local/wp-admin/css/colors/light/colors.min.css",
		 "colors":[
		 "#e5e5e5",
		 "#999",
		 "#d64e07",
		 "#04a4cc"
		 ],
		 "icon_colors":{
		 "base":"#999",
		 "focus":"#ccc",
		 "current":"#ccc"
		 }
		 },
		 "blue":{
		 "name":"Blue",
		 "url":"http://acf2.local/wp-admin/css/colors/blue/colors.min.css",
		 "colors":[
		 "#096484",
		 "#4796b3",
		 "#52accc",
		 "#74B6CE"
		 ],
		 "icon_colors":{
		 "base":"#e5f8ff",
		 "focus":"#fff",
		 "current":"#fff"
		 }
		 },
		 "midnight":{
		 "name":"Midnight",
		 "url":"http://acf2.local/wp-admin/css/colors/midnight/colors.min.css",
		 "colors":[
		 "#25282b",
		 "#363b3f",
		 "#69a8bb",
		 "#e14d43"
		 ],
		 "icon_colors":{
		 "base":"#f1f2f3",
		 "focus":"#fff",
		 "current":"#fff"
		 }
		 },
		 "sunrise":{
		 "name":"Sunrise",
		 "url":"http://acf2.local/wp-admin/css/colors/sunrise/colors.min.css",
		 "colors":[
		 "#b43c38",
		 "#cf4944",
		 "#dd823b",
		 "#ccaf0b"
		 ],
		 "icon_colors":{
		 "base":"#f3f1f1",
		 "focus":"#fff",
		 "current":"#fff"
		 }
		 },
		 "ectoplasm":{
		 "name":"Ectoplasm",
		 "url":"http://acf2.local/wp-admin/css/colors/ectoplasm/colors.min.css",
		 "colors":[
		 "#413256",
		 "#523f6d",
		 "#a3b745",
		 "#d46f15"
		 ],
		 "icon_colors":{
		 "base":"#ece6f6",
		 "focus":"#fff",
		 "current":"#fff"
		 }
		 },
		 "ocean":{
		 "name":"Ocean",
		 "url":"http://acf2.local/wp-admin/css/colors/ocean/colors.min.css",
		 "colors":[
		 "#627c83",
		 "#738e96",
		 "#9ebaa0",
		 "#aa9d88"
		 ],
		 "icon_colors":{
		 "base":"#f2fcff",
		 "focus":"#fff",
		 "current":"#fff"
		 }
		 },
		 "coffee":{
		 "name":"Coffee",
		 "url":"http://acf2.local/wp-admin/css/colors/coffee/colors.min.css",
		 "colors":[
		 "#46403c",
		 "#59524c",
		 "#c7a589",
		 "#9ea476"
		 ],
		 "icon_colors":{
		 "base":"#f3f2f1",
		 "focus":"#fff",
		 "current":"#fff"
		 }
		 }
		}
	';

	register_graphql_object_type( 'AdminIconColor', [
		'fields' => [
			'base' => [
				'type' => 'String'
			],
			'focus' => [
				'type' => 'String',
			],
			'current' => [
				'type' => 'String',
			],
		],
	] );

	register_graphql_object_type( 'AdminColorPalette', [
		'description' => __( 'todo', 'wp-graphql' ),
		'fields' => [
			'primary' => [
				'type' => 'String',
				'resolve' => function( $colors ) {
					return $colors[0];
				}
			],
			'secondary' => [
				'type' => 'String',
				'resolve' => function( $colors ) {
					return $colors[1];
				}
			],
			'tertiary' => [
				'type' => 'String',
				'resolve' => function( $colors ) {
					return $colors[2];
				}
			],
			'quaternary' => [
				'type' => 'String',
				'resolve' => function( $colors ) {
					return $colors[3];
				}
			],
		],
	]);

	register_graphql_object_type( 'AdminColorScheme', [
		'fields' => [
			'name' => [
				'type' => 'String',
				'description' => __( 'todo', 'wp-graphql' ),
			],
			'colors' => [
				'type' => 'AdminColorPalette',
				'description' => __( 'todo', 'wp-graphql' ),
			],
			'colorsList' => [
				'type' => [
					'list_of' => 'String',
				],
				'description' => __( 'todo', 'wp-graphql' ),
				'resolve' => function( $admin_colors ) {
					return ! empty( $admin_colors->colors ) ? $admin_colors->colors : null;
				},
			],
			'iconColorsList' => [
				'type' => [
					'list_of' => 'String',
				],
				'resolve' => function($admin_colors ) {

					$colors = [];
					if ( ! empty( $admin_colors->icon_colors ) ) {
						foreach ( $admin_colors->icon_colors as $key => $color ) {
							$colors[] = $color;
						}
					}

					return ! empty( $colors ) ? $colors : null;
				},

			],
			'iconColors' => [
				'type' => 'AdminIconColor',
				'resolve' => function($admin_colors ) {
					return ! empty( $admin_colors->icon_colors ) ? $admin_colors->icon_colors : null;
				},
			]
		]
	] );

	register_graphql_field( 'User', 'selectedAdminColorScheme', [
		'type' => 'AdminColorScheme',
		'resolve' => function( \WPGraphQL\Model\User $user ) use ( $mock_colors ) {
			$encoded = json_decode( $mock_colors );

			$colors = [];

			foreach ($encoded as $key => $value) {
				$value->key = $key;
				$colors[$key] = $value;
			}

			$color = get_user_meta( $user->userId, 'admin_color', true );
			return isset( $colors[ $color ] ) ? $colors[ $color ] : $colors[ 'fresh' ];
		}
	] );

	register_graphql_field( 'RootQuery', 'allAdminColorSchemes', [
		'description' => __( 'todo', 'wp-graphql' ),
		'type' => [
			'list_of' => 'AdminColorScheme',
		],
		'resolve' => function() use ( $mock_colors ) {

			$encoded = json_decode( $mock_colors );

			$colors = [];

			foreach ($encoded as $key => $value) {
				$value->key = $key;
				$colors[$key] = $value;
			}

			return $colors;

			// NEED TO FIGURE OUT HOW TO GET THESE VALUES WHEN WE'RE NOT IN THE ADMIN
//			require_once( ABSPATH . 'wp-admin/includes/misc.php' );
//			require_once( ABSPATH . 'wp-includes/general-template.php' );
//			global $_wp_admin_css_colors;
//
//			wp_send_json( $_wp_admin_css_colors );
		}
	] );

} );</code></pre>

Add WP Admin Color Schemes to WPGraphQL

This snippet logs all WPGraphQL requests to the error log



<pre class="wp-block-code lang-php"><code>add_action( 'do_graphql_request', function( $query, $operation, $variables, $params) {
	error_log( wp_json_encode( [
		'query' => $query,
		'operation' => $operation,
		'variables' => $variables,
		'params' => $params
	] ) );
}, 10, 4 );</code></pre>

Log WPGraphQL requests to error log

Labels on Post Types are not publicly exposed by WordPress. They are attributes for use in the Admin, and are treated with respect to proper access to the admin.



To see the labels, the user requesting them must be authenticated.



When a user requesting a&nbsp;<code>PostType</code>, these are the following fields that are by default allowed to be viewed by a public request:&nbsp;<a href="https://github.com/wp-graphql/wp-graphql/blob/develop/src/Model/PostType.php#L59">https://github.com/wp-graphql/wp-graphql/blob/develop/src/Model/PostType.php#L59</a>



You can use the&nbsp;<code>graphql_allowed_fields_on_restricted_type</code>&nbsp;filter to expose more fields publicly if you chose to do so:&nbsp;<a href="https://github.com/wp-graphql/wp-graphql/blob/develop/src/Model/Model.php#L287">https://github.com/wp-graphql/wp-graphql/blob/develop/src/Model/Model.php#L292</a>



<pre class="wp-block-code lang-php"><code>add_filter( 'graphql_allowed_fields_on_restricted_type', function( $fields, $model_name, $data, $visibility, $owner, $current_user ) {
	if ( 'PostTypeObject' === $model_name ) {
		$fields[] = 'label';
	}
	return $fields;
}, 10, 6 );</code></pre>



Before adding the filter:



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="662" height="341" src="https://content.wpgraphql.com/wp-content/uploads/2020/10/RestrictedFieldsBefore.png" alt="Restricted field before adding filter" class="wp-image-2424" srcset="https://content.wpgraphql.com/wp-content/uploads/2020/10/RestrictedFieldsBefore.png 662w, https://content.wpgraphql.com/wp-content/uploads/2020/10/RestrictedFieldsBefore-300x155.png 300w" sizes="auto, (max-width: 662px) 100vw, 662px" /></figure>



After adding the filter:



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="650" height="340" src="https://content.wpgraphql.com/wp-content/uploads/2020/10/RestrictedFieldsAfter.png" alt="Restricted field after adding filter" class="wp-image-2428" srcset="https://content.wpgraphql.com/wp-content/uploads/2020/10/RestrictedFieldsAfter.png 650w, https://content.wpgraphql.com/wp-content/uploads/2020/10/RestrictedFieldsAfter-300x157.png 300w" sizes="auto, (max-width: 650px) 100vw, 650px" /></figure>



Github Issue: <a href="https://github.com/wp-graphql/wp-graphql/issues/1304#issuecomment-626836656">https://github.com/wp-graphql/wp-graphql/issues/1304#issuecomment-626836656</a>

Filter to add restricted field on Model

This snippet outputs the <code>$_SERVER</code> superglobal so we can see if the Authorization token is being passed to the server or not.



<pre class="wp-block-code lang-php"><code>add_action( 'init', function() {

	if ( is_graphql_http_request() ) {
		wp_send_json( [ 'server' => $_SERVER ] );
	}

} );</code></pre>

Debugging JWT Authentication

WP Admin

Free open-source WordPress plugin that turns any WordPress site into a GraphQL API