chore: Move editor into codebase (#2930)

shared/editor/embeds/InVision.tsx

@@ -0,0 +1,39 @@
+import * as React from "react";
+import ImageZoom from "react-medium-image-zoom";
+import Frame from "./components/Frame";
+import { EmbedProps as Props } from ".";
+
+const IFRAME_REGEX = /^https:\/\/(invis\.io\/.*)|(projects\.invisionapp\.com\/share\/.*)$/;
+const IMAGE_REGEX = /^https:\/\/(opal\.invisionapp\.com\/static-signed\/live-embed\/.*)$/;
+
+export default class InVision extends React.Component<Props> {
+  static ENABLED = [IFRAME_REGEX, IMAGE_REGEX];
+
+  render() {
+    if (IMAGE_REGEX.test(this.props.attrs.href)) {
+      return (
+        <ImageZoom
+          // @ts-expect-error ts-migrate(2769) FIXME: No overload matches this call.
+          className={this.props.isSelected ? "ProseMirror-selectednode" : ""}
+          image={{
+            src: this.props.attrs.href,
+            alt: "InVision Embed",
+            style: {
+              maxWidth: "100%",
+              maxHeight: "75vh",
+            },
+          }}
+          shouldRespectMaxDimension
+        />
+      );
+    }
+
+    return (
+      <Frame
+        {...this.props}
+        src={this.props.attrs.href}
+        title="InVision Embed"
+      />
+    );
+  }
+}