OpenTable: Accept more embed options #14639

scruffian · 2020-02-11T15:17:24Z

Changes proposed in this Pull Request:

This broadens the scope of what kinds of embed the OpenTable block will accept
It will now take an embed code, a URL, or a list of selected restaurants.

Testing instructions:

Add an OpenTable block
Check that you can still search for restaurants and embed a widget based on the results
Check that you can copy/paste the embed code from this page into the embed code form:
https://www.opentable.com/widget/reservation/preview?rid=1&lang=en-US
Check that you can copy/paste the URL from this page into the embed code form: https://www.opentable.com/widget/reservation/preview?rid=1&lang=en-US
Also test other forms of URL, for example:

Also test that these URLs work when pasted directly into the editor
Make sure that other types of embed still work.

Proposed changelog entry for your changes:

Accept URLs when embedding an OpenTable block

matticbot · 2020-02-11T15:17:31Z

Caution: This PR has changes that must be merged to WordPress.com
Hello scruffian! These changes need to be synced to WordPress.com - If you 're an a11n, please commandeer, review, and approve D38705-code before merging this PR. Thank you!

jetpackbot · 2020-02-11T15:19:41Z

Thank you for the great PR description!

When this PR is ready for review, please apply the [Status] Needs Review label. If you are an a11n, please have someone from your team review the code if possible. The Jetpack team will also review this PR and merge it to be included in the next Jetpack release.

Scheduled Jetpack release: February 17, 2020.
Scheduled code freeze: February 10, 2020

Generated by 🚫 dangerJS against 211c300

scruffian · 2020-02-11T15:20:17Z

extensions/blocks/opentable/utils.js

+
+	let domain = searchParams.get( 'domain' );
+	if ( ! domain || domain.length === 0 ) {
+		domain = 'com';


We might be able to get this from the URL, but I don't think it matters.

matticbot · 2020-02-11T15:26:46Z

scruffian, Your synced wpcom patch D38705-code has been updated.

jeherve

That cleans things up quite nicely.

I think we'd benefit from a test for getAttributesFromEmbedCode here, to avoid any regressions in the future, just like we've done for Calendly:
https://github.com/Automattic/jetpack/blob/2c3dbd93a0cc735df5593a147532cf5de02627ba/extensions/blocks/calendly/test/utils.js

matticbot · 2020-02-13T09:51:47Z

scruffian, Your synced wpcom patch D38705-code has been updated.

matticbot · 2020-02-13T09:55:32Z

scruffian, Your synced wpcom patch D38705-code has been updated.

scruffian · 2020-02-13T09:59:52Z

I added unit tests for this function. In the process I realised that it wasn't actually working correctly - we weren't picking up the correct true/false values from the widget code. I have fixed this now, but to do so I had to change the iframe and newtab attributes from Booleans into strings.

The only issue I see with this is that users who have previously changed these settings to something other than the default will lose them if they edit a post with a block in. I'm not sure its worth adding code to account for this. What do you think?

jeherve · 2020-02-13T14:10:27Z

I'm not sure its worth adding code to account for this. What do you think?

In the past we have. You can check the VideoPress for an example:
57ed23f

That's a lot for a small change, though. Could we make the type change before we get to the attributes instead?

matticbot · 2020-02-13T14:29:54Z

scruffian, Your synced wpcom patch D38705-code has been updated.

matticbot · 2020-02-13T14:31:37Z

scruffian, Your synced wpcom patch D38705-code has been updated.

scruffian · 2020-02-13T14:34:05Z

Based on some useful feedback from @pablinos I did this a different way; we are keeping the boolean attributes and just casting them in the validation helper.

scruffian · 2020-02-13T16:33:32Z

I also added some tests for getValidatedAttributes

pablinos

Looks good! Just a couple of comments about the regex and error handling. Testing this threw up another bug that I've tried to address in #14678

pablinos · 2020-02-14T13:35:59Z

extensions/blocks/opentable/utils.js

@@ -0,0 +1,80 @@
+export const embedRegex = /< *script[^>]*src *= *["']?([^"']*)/i;


Is it likely that we'll get <. script as input? If we do want to strip whitespace, should we use \s?

Seems unlikely, but this is the REGEX we already had in there...

Oh yes, so it is! Seems odd, but if it's working :)

pablinos · 2020-02-14T13:47:31Z

extensions/blocks/opentable/utils.js

+		restaurantId = searchParams.getAll( 'restref' );
+	}
+	if ( ! restaurantId || restaurantId.length === 0 ) {
+		return;


I know this works, but should we add a negative test to make sure that we don't get any attributes with some other invalid URL/embed code? I think this is the point we would get to if someone was to paste in something silly like

<script src="https://someotherservice.com/embed.js?params=4" ></script>

Yeah we should probably, but I think that would be good for a different PR :)

jeherve

This is nice. I wish we could support regular URLs as well, such as https://www.opentable.com/r/bistro-deryne-budapest?corrid=dae839dd-c3f2-42c1-8796-91668437dbf7 , but that's for another time I guess :)

Before we merge I only have one nitpick to save us some confusion later on.

extensions/shared/test/get-validated-attributes.js

This also adds a check that the host of the URL includes OpenTable

pablinos · 2020-02-14T20:21:06Z

I wish we could support regular URLs as well, such as https://www.opentable.com/r/bistro-deryne-budapest?corrid=dae839dd-c3f2-42c1-8796-91668437dbf7

Yeah, I don't think we've got a way of getting the restaurant ID from those URLs currently. although it is available in the HTML source of that page, so we could maybe do a request on the server and grab this vie an API endpoint.

jeherve

This should be good to go now.

scruffian · 2020-02-18T13:51:20Z

r203007-wpcom

* 8.3 release: changelog * Changelog: add #14516 * Changelog: add #14574 * Bring in changes from 8.2.1 and 8.2.2 * Update stable version * Bring in 8.2.3 changes * Changelog: add #14714 * Changelog: add #14639 * Changelog: add #14678 * Changelog: add #14673 * Changelog: add #14687 * Changelog: add #14704 * Changelog: add #14702 * Changelog: add #14541 * Changelog: add #14657 * Changelog: add #14622 * Changelog: add #14582 * Changelog: add #14638 * Changelog: add #14633 * Changelog: add #14571 * Changelog: add #14592 * Changelog: add #14539 * Changelog: add #14514 * Changelog: add #14643 * Changelog: add #14494 * Changelog: add #13739 * Changelog: add #14707 * Changelog: add #14736 * Changelog: add #14706 * Changelog: add #14730 * Changelog: add #14685 * Changelog: add #14727 * Changelog: add #14711 * Changelog: add #14742 * Changelog: add #14746 * Changelog: add #14725 * Changelog: add #13999 * Changelog: add #14740 * Changelog: add #14759 * Changelog: add #14703 * Changelog: add #14753 * Changelog: add #14754 * Changelog: add #14645 * Cahngelog: add #14599

scruffian added [Status] Needs Review To request a review from Crew. Label will be renamed soon. [Focus] Blocks Issues related to the block editor, aka Gutenberg, and its extensions developed in Jetpack [Block] OpenTable labels Feb 11, 2020

scruffian requested a review from a team as a code owner February 11, 2020 15:17

scruffian self-assigned this Feb 11, 2020

matticbot added the Touches WP.com Files label Feb 11, 2020

scruffian commented Feb 11, 2020

View reviewed changes

jeherve added this to the 8.3 milestone Feb 12, 2020

jeherve requested changes Feb 12, 2020

View reviewed changes

get the restaurant id from the URL if it's available

40854ee

scruffian force-pushed the update/opentable-embed-url branch from 91ff024 to 5ca4e7a Compare February 12, 2020 17:04

scruffian force-pushed the update/opentable-embed-url branch from 23e741d to e7a5f01 Compare February 13, 2020 09:56

Accept URLs pasted into the editor

8fa3eaf

scruffian force-pushed the update/opentable-embed-url branch from 315ba12 to 8fa3eaf Compare February 13, 2020 14:32

scruffian added the [Status] Needs Review To request a review from Crew. Label will be renamed soon. label Feb 13, 2020

Adds tests for getValidatedAttributes

df90de8

pablinos reviewed Feb 14, 2020

View reviewed changes

jeherve requested changes Feb 14, 2020

View reviewed changes

extensions/shared/test/get-validated-attributes.js Outdated Show resolved Hide resolved

pablinos added 3 commits February 14, 2020 20:08

Change the regex to use \s for all whitespace

66455cb

Add tests for invalid embed codes and URLs

6c55fcb

This also adds a check that the host of the URL includes OpenTable

Converted spaces to tabs

211c300

pablinos added [Status] Needs Review To request a review from Crew. Label will be renamed soon. and removed [Status] Needs Author Reply We would need you to make some changes or provide some more details about your PR. Thank you! labels Feb 17, 2020

jeherve approved these changes Feb 17, 2020

View reviewed changes

jeherve added [Status] Ready to Merge Go ahead, you can push that green button! and removed [Status] Needs Review To request a review from Crew. Label will be renamed soon. labels Feb 17, 2020

scruffian merged commit b84c841 into master Feb 18, 2020

scruffian deleted the update/opentable-embed-url branch February 18, 2020 13:07

matticbot added [Status] Needs Changelog and removed [Status] Ready to Merge Go ahead, you can push that green button! labels Feb 18, 2020

scruffian restored the update/opentable-embed-url branch February 18, 2020 13:15

scruffian mentioned this pull request Feb 18, 2020

Try/fix rebase #14717

Closed

scruffian deleted the update/opentable-embed-url branch February 18, 2020 13:48

jeherve added [Status] Has Changelog and removed [Status] Needs Changelog labels Feb 25, 2020

jeherve added a commit that referenced this pull request Feb 25, 2020

Changelog: add #14639

fa392e8

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

OpenTable: Accept more embed options #14639

OpenTable: Accept more embed options #14639

scruffian commented Feb 11, 2020

matticbot commented Feb 11, 2020

jetpackbot commented Feb 11, 2020 •

edited

Loading

scruffian Feb 11, 2020

matticbot commented Feb 11, 2020

jeherve left a comment

matticbot commented Feb 13, 2020

matticbot commented Feb 13, 2020

scruffian commented Feb 13, 2020

jeherve commented Feb 13, 2020

matticbot commented Feb 13, 2020

matticbot commented Feb 13, 2020

scruffian commented Feb 13, 2020

scruffian commented Feb 13, 2020

pablinos left a comment

pablinos Feb 14, 2020

scruffian Feb 14, 2020

pablinos Feb 14, 2020

pablinos Feb 14, 2020

scruffian Feb 14, 2020

jeherve left a comment

pablinos commented Feb 14, 2020

jeherve left a comment

scruffian commented Feb 18, 2020

		@@ -0,0 +1,80 @@
		export const embedRegex = /< script[^>]src = ["']?([^"']*)/i;

OpenTable: Accept more embed options #14639

OpenTable: Accept more embed options #14639

Conversation

scruffian commented Feb 11, 2020

Changes proposed in this Pull Request:

Testing instructions:

Proposed changelog entry for your changes:

matticbot commented Feb 11, 2020

jetpackbot commented Feb 11, 2020 • edited Loading

scruffian Feb 11, 2020

Choose a reason for hiding this comment

matticbot commented Feb 11, 2020

jeherve left a comment

Choose a reason for hiding this comment

matticbot commented Feb 13, 2020

matticbot commented Feb 13, 2020

scruffian commented Feb 13, 2020

jeherve commented Feb 13, 2020

matticbot commented Feb 13, 2020

matticbot commented Feb 13, 2020

scruffian commented Feb 13, 2020

scruffian commented Feb 13, 2020

pablinos left a comment

Choose a reason for hiding this comment

pablinos Feb 14, 2020

Choose a reason for hiding this comment

scruffian Feb 14, 2020

Choose a reason for hiding this comment

pablinos Feb 14, 2020

Choose a reason for hiding this comment

pablinos Feb 14, 2020

Choose a reason for hiding this comment

scruffian Feb 14, 2020

Choose a reason for hiding this comment

jeherve left a comment

Choose a reason for hiding this comment

pablinos commented Feb 14, 2020

jeherve left a comment

Choose a reason for hiding this comment

scruffian commented Feb 18, 2020

jetpackbot commented Feb 11, 2020 •

edited

Loading