Abstract getScriptSource into lib

src/amphtml/components/Script.tsx

@@ -1,5 +1,6 @@
 import React, { ReactElement } from 'react';
 import PropTypes from 'prop-types';
+import getScriptSource from '../../lib/getScriptSource';
 
 export interface ScriptProps {
   src?: string;
@@ -11,24 +12,6 @@ export interface ScriptProps {
   type?: string;
 }
 
-interface ScriptSource {
-  src?: string;
-  extension?: string;
-  version?: string;
-}
-
-export const getScriptSource = ({
-  src = '',
-  extension = '',
-  version = 'latest',
-}: ScriptSource): string => {
-  if (src) {
-    return src;
-  }
-
-  return `https://cdn.ampproject.org/v0/${extension}-${version}.js`;
-};
-
 const Script: React.FunctionComponent<ScriptProps> = ({
   src,
   extension,

src/lib/getScriptSource.ts

@@ -0,0 +1,17 @@
+interface ScriptSource {
+  src?: string;
+  extension?: string;
+  version?: string;
+}
+
+export default ({
+  src = '',
+  extension = '',
+  version = 'latest',
+}: ScriptSource): string => {
+  if (src) {
+    return src;
+  }
+
+  return `https://cdn.ampproject.org/v0/${extension}-${version}.js`;
+};

src/setup/AmpScripts.tsx

@@ -1,6 +1,6 @@
 import React, { ReactElement } from 'react';
 import { Script, ScriptProps } from '../amphtml/amphtml';
-import { getScriptSource } from '../amphtml/components/Script';
+import getScriptSource from '../lib/getScriptSource';
 import { AMP, AMP_SRCS, Formats } from '../constants';
 
 export interface ScriptSource {
@@ -34,13 +34,11 @@ export default class AmpScripts {
   }
 
   public getScripts(): ScriptSource[] {
-    return Array.from(this.scripts.values()).map(
-      ({ specName, version, src }): ScriptSource => {
-        return {
-          src: getScriptSource({ extension: specName, version, src }),
-          extension: specName,
-        };
-      },
+    return [...this.scripts.values()].map(
+      ({ specName, version, src }): ScriptSource => ({
+        src: getScriptSource({ extension: specName, version, src }),
+        extension: specName,
+      }),
     );
   }