Merge branch 'alpha' of github.com:withspectrum/spectrum into 2.5.5

Author: brianlovin

src/components/rich-text-editor/Embed.js

@@ -11,6 +11,7 @@ import {
   YOUTUBE_URLS,
   VIMEO_URLS,
   CODEPEN_URLS,
+  CODESANDBOX_URLS,
 } from '../../helpers/regexps';
 import addProtocolToString from 'shared/normalize-url';
 
@@ -82,6 +83,14 @@ export const parseEmbedUrl = incomingUrl => {
     };
   }
 
+  const isCodeSandboxUrl = url.match(CODESANDBOX_URLS);
+  if (isCodeSandboxUrl) {
+    return {
+      url,
+      height: 500,
+    };
+  }
+
   if (!isURL(url)) return null;
 
   return {

src/helpers/regexps.js

@@ -3,7 +3,7 @@ export const URLS = /https?:\/\/(www\.)?[-a-zA-Z0-9@:%._\+~#=]{2,256}\.[a-z]{2,4
 // eslint-disable-next-line
 export const FIGMA_URLS = /https:\/\/([w.-]+.)?figma.com\/(file|proto)\/([0-9a-zA-Z]{22,128})(?:\/.*)?$/gi;
 // eslint-disable-next-line
-export const YOUTUBE_URLS = /(?:[?&]v=|\/embed\/|\/1\/|\/v\/|https:\/\/(?:www\.)?youtu\.be\/)([^&\n?#]+)/gi;
+export const YOUTUBE_URLS = /http(?:s?):\/\/(?:www\.)?youtu(?:be\.com\/watch\?v=|\.be\/)([\w\-\_]*)(&(amp;)?‌​[\w\?‌​=]*)?/gi;
 // eslint-disable-next-line
 export const VIMEO_URLS = /\/\/(?:www\.)?vimeo.com\/([0-9a-z\-_]+)/gi;
 // eslint-disable-next-line
@@ -13,4 +13,6 @@ export const FRAMER_URLS = /(https?:\/\/(.+?\.)?framer\.cloud(\/[A-Za-z0-9\-\._~
 // eslint-disable-next-line
 export const CODEPEN_URLS = /(https?:\/\/)?(.+?\.)?codepen\.io(\/[A-Za-z0-9\-\._~:\/\?#\[\]@!$&'\(\)\*\+,;\=]*)?/gi;
 // eslint-disable-next-line
+export const CODESANDBOX_URLS = /(https?:\/\/)?(.+?\.)?codesandbox\.io(\/[A-Za-z0-9\-\._~:\/\?#\[\]@!$&'\(\)\*\+,;\=]*)?/gi;
+// eslint-disable-next-line
 export const ENDS_IN_WHITESPACE = /(\s|\n)$/;

src/views/explore/collections.js

@@ -5,6 +5,7 @@ export const collections = [
     communities: [
       'spectrum',
       'zeit',
+      'codesandbox',
       'codepen',
       'next-js',
       'figma',
@@ -77,6 +78,7 @@ export const collections = [
           'react',
           'next-js',
           'node',
+          'codesandbox',
           'vue-js',
           'angular',
           'ember-js',