Properly proxy requests

client/landing/custom-editor/index.tsx

@@ -4,6 +4,11 @@
 import config from '../../config';
 import { initialize } from '@wordpress/edit-site';
 
+/**
+ * Internal dependencies
+ */
+import './utils';
+
 window.AppBoot = () => {
 	if ( ! config.isEnabled( 'custom-editor' ) ) {
 		window.location.href = '/';

client/landing/custom-editor/utils.ts

@@ -0,0 +1,110 @@
+/**
+ * External dependencies
+ */
+import apiFetch from '@wordpress/api-fetch';
+import { Utils } from '@automattic/data-stores';
+
+/**
+ * A lot of the following is copied from D37093-code.
+ * Maybe we can move this code into Calypso `packages/`, parametrize it (e.g. apiFetch)
+ * and move into Calypso's `packages/wpcom-proxy-request`, or publish as a new npm for use on WP.com.
+ */
+
+// FIXME -- quick'n'dirty setting of a few params
+const _currentSiteId = 89417913; // @ockham's test site, replace with your own
+
+const wpApiSettings = {
+	root: 'https://public-api.wordpress.com/',
+};
+
+/**
+ * Normalizes the path for requests to the public API.
+ */
+function wpcomFetchNormalizePath( options ) {
+	if ( options.url && options.url.indexOf( wpApiSettings.root ) !== -1 ) {
+		options.path = options.url.replace( wpApiSettings.root, '' );
+		delete options.url;
+	}
+
+	if ( options.path ) {
+		// Ensures path starts with a slash.
+		if ( ! options.path.startsWith( '/' ) ) {
+			options.path = '/' + options.path;
+		}
+
+		// Removes namespace from path.
+		if ( options.apiNamespace ) {
+			options.path = options.path.replace( '/' + options.apiNamespace, '' );
+		}
+	}
+
+	return options;
+}
+
+/**
+ * Creates a fetch-like response.
+ */
+function wpcomFetchCreateFetchResponse( data, status, headers ) {
+	var fetchResponse;
+	var normalizedHeaders = {};
+	for ( var header in headers ) {
+		normalizedHeaders[ header.toLowerCase() ] = headers[ header ];
+	}
+	if ( Array.isArray( data ) ) {
+		fetchResponse = data.slice( 0 );
+	} else {
+		fetchResponse = Object.assign( {}, data );
+	}
+	fetchResponse.status = status;
+	fetchResponse.json = function() {
+		return Promise.resolve( data );
+	};
+	fetchResponse.headers = {
+		get: function( name ) {
+			return normalizedHeaders[ name && name.toLowerCase() ];
+		},
+	};
+	return fetchResponse;
+}
+
+/**
+ * Determines the namespace from the request path.
+ */
+function wpcomFetchSetNamespace( options, next ) {
+	if ( options.path && ! options.namespace ) {
+		var namespace = options.path.match( /^\/([a-z]+\/v?[0-9.]+)\// );
+		if ( namespace ) {
+			options.apiNamespace = namespace[ 1 ];
+			options.path = options.path.replace( '/' + options.apiNamespace, '' );
+		} else {
+			// Defaults all requests to the wp/v2 namespace.
+			options.apiNamespace = 'wp/v2';
+		}
+	}
+	console.log( 'post-norm options', options );
+	return next( options, next );
+}
+
+/**
+ * Prefixes any non-global request endpoint to the site specific endpoint.
+ */
+function wpcomFetchAddSitePrefix( options, next ) {
+	if ( options.path && ! options.global && options.path.indexOf( '/sites/' ) === -1 ) {
+		options.path = '/sites/' + _currentSiteId + options.path;
+	}
+	return next( options, next );
+}
+
+// Register middlewares (last-registered runs first).
+[
+	wpcomFetchAddSitePrefix,
+	wpcomFetchSetNamespace,
+	function( options, next ) {
+		// Path needs to be normalized first.
+		return next( wpcomFetchNormalizePath( options ), next );
+	},
+].forEach( function( middleware ) {
+	apiFetch.use( middleware );
+} );
+
+apiFetch.setFetchHandler( Utils.wpcomRequest );

packages/data-stores/src/index.ts

@@ -4,10 +4,11 @@
 import * as User from './user';
 import * as DomainSuggestions from './domain-suggestions';
 import * as Site from './site';
+import * as Utils from './utils';
 import * as Verticals from './verticals';
 import * as VerticalsTemplates from './verticals-templates';
 
-export { User, DomainSuggestions, Site, Verticals, VerticalsTemplates };
+export { User, DomainSuggestions, Site, Utils, Verticals, VerticalsTemplates };
 
 /**
  * Helper types