Custom URL endpoint w/ SPF

[mAAdhaTTah]

I'm considering using spfjs for a WordPress theme, but I'd like to use the WP-API to return the JSON response, rather than adding custom behavior to the standard URLs, which would mean a completely different URL structure than what spfjs expects by default. Is there a config item or hook I can use to modify this?

[RoneyThomas]

No. spfjs sends query string ?spf=navigate so that in the back end it can decide whether to send the full page or JSON.

[DavidCPhillips]

Well it depends on exactly how different. The SPF identifying (?spf=navigate) is configurable by setting the url-identifier field in the global configuration:

https://github.com/youtube/spfjs/blob/master/src/client/config.js#L44

Since the default identifier starts with the parameters, that can be replaced by any valid suffix. For example, the demo uses '.spf.json' to reference static files:

https://github.com/youtube/spfjs/blob/master/web/assets/scripts/main.js#L142

[mAAdhaTTah]

No, I'm looking at trying to implement it against a completely different URL endpoint. e.g. navigate to /my-post/ hits endpoint @ /wp-json/theme/spf?slug=my-post or something of that nature.

[nicksay]

For link clicks, the only currently supported base value is an href on the target element or an ancestor:

spfjs/src/client/nav/nav.js

Lines 176 to 182 in 988b652

	var target = spf.nav.getAncestorWithHref_(evt.target, linkEl);
	// Ignore clicks on targets without an href.
	if (!target) {
	spf.debug.debug(' ignoring click without href parent');
	return null;
	}
	return target.href;

However, I think it would be a reasonable extension to allow a data attribute on an element to specify a custom URL, perhaps either data-spf-url or data-spf-href? It would look something like:

<a href="/page-url" data-spf-url="/custom-spf-url">...</a>

@DavidCPhillips Any objections? This would break the tight coupling between content served for static/dynamic navigation, but as long as it's not the default behavior, I think it would be okay.

[mAAdhaTTah]

For my purposes, I'd prefer being able to handle this on the Javascript side, supplying a function that takes the destination URL and returns the API endpoint URL.

[DavidCPhillips]

I'd be open to a custom data attribute. For the JS side, we could potentially make the spfrequest event have a more complex configurable response. That would address issue #427 as well.

[rviscomi]

If you've got a service worker, it could intercept /foo?spf=navigate requests and fulfill them with responses from /some/other/handler?page=foo&spf=navigate. Not saying it's any better than customizing SPF URL request templates, but it's an interesting solution.