Feat: provider-switcher

package.json

@@ -2,7 +2,7 @@
   "name": "@pittica/gatsby-plugin-video",
   "private": false,
   "description": "Video embed plugin for GatsbyJS.",
-  "version": "1.0.1",
+  "version": "1.1.0",
   "author": {
     "name": "Lucio Benini",
     "email": "info@pittica.com",

src/components/switcher.jsx

@@ -0,0 +1,74 @@
+import React from "react"
+import PropTypes from "prop-types"
+
+import Dailymotion from "./providers/dailymotion"
+import PornHub from "./providers/pornhub"
+import YouTube from "./providers/youtube"
+import Vimeo from "./providers/vimeo"
+
+import getProvider from "../utils/get-provider"
+
+export default function Switcher({ url, width, height, title, className }) {
+  const { id, provider } = getProvider(url)
+
+  switch (provider) {
+    case "Dailymotion":
+      return (
+        <Dailymotion
+          id={id}
+          width={width}
+          height={height}
+          className={className}
+          title={title}
+        />
+      )
+    case "PornHub":
+      return (
+        <PornHub
+          id={id}
+          width={width}
+          height={height}
+          className={className}
+          title={title}
+        />
+      )
+    case "YouTube":
+      return (
+        <YouTube
+          id={id}
+          width={width}
+          height={height}
+          className={className}
+          title={title}
+        />
+      )
+    case "Vimeo":
+      return (
+        <Vimeo
+          id={id}
+          width={width}
+          height={height}
+          className={className}
+          title={title}
+        />
+      )
+    default:
+      return (
+        <a href={url} title={title} className={className}>
+          {url}
+        </a>
+      )
+  }
+}
+
+Switcher.propTypes = {
+  url: PropTypes.string.isRequired,
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  height: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  title: PropTypes.string.isRequired,
+  className: PropTypes.string,
+}
+
+Switcher.defaultProps = {
+  className: "video",
+}

src/index.jsx

@@ -1,9 +1,12 @@
-import Dailymotion from "./components/dailymotion"
-import PornHub from "./components/pornhub"
-import YouTube from "./components/youtube"
-import Vimeo from "./components/vimeo"
+import Dailymotion from "./components/providers/dailymotion"
+import PornHub from "./components/providers/pornhub"
+import YouTube from "./components/providers/youtube"
+import Vimeo from "./components/providers/vimeo"
+
+import Switcher from "./components/switcher"
 
 import getProvider from "./utils/get-provider"
 import providers from "./utils/providers"
 
 export { Dailymotion, PornHub, YouTube, Vimeo, getProvider, providers }
+export default Switcher