add: Support for published google docs / sheets

app/embeds/GoogleDocs.js

@@ -0,0 +1,19 @@
+// @flow
+import * as React from 'react';
+import Frame from './components/Frame';
+
+const URL_REGEX = new RegExp(
+  '^https?://docs.google.com/document/d/(.*)/pub(.*)$'
+);
+
+type Props = {
+  url: string,
+};
+
+export default class GoogleDocs extends React.Component<Props> {
+  static ENABLED = [URL_REGEX];
+
+  render() {
+    return <Frame src={this.props.url} title="Google Docs Embed" border />;
+  }
+}

app/embeds/GoogleSheets.js

@@ -0,0 +1,19 @@
+// @flow
+import * as React from 'react';
+import Frame from './components/Frame';
+
+const URL_REGEX = new RegExp(
+  '^https?://docs.google.com/spreadsheets/d/(.*)/pub(.*)$'
+);
+
+type Props = {
+  url: string,
+};
+
+export default class GoogleSlides extends React.Component<Props> {
+  static ENABLED = [URL_REGEX];
+
+  render() {
+    return <Frame src={this.props.url} title="Google Sheets Embed" border />;
+  }
+}

app/embeds/index.js

@@ -5,6 +5,8 @@ import Codepen from './Codepen';
 import Figma from './Figma';
 import Framer from './Framer';
 import Gist from './Gist';
+import GoogleDocs from './GoogleDocs';
+import GoogleSheets from './GoogleSheets';
 import GoogleSlides from './GoogleSlides';
 import InVision from './InVision';
 import Loom from './Loom';
@@ -28,6 +30,8 @@ export default {
   Figma,
   Framer,
   Gist,
+  GoogleDocs,
+  GoogleSheets,
   GoogleSlides,
   InVision,
   Loom,