feat(Feature/ExternalScriptLoader): Add with GoogleMaps support (#236)

* feat(Feature/ExternalScriptLoader): Added ExternalScriptLoader feature for APIs and other external r

* refactor(Feature-ExternalScriptLoader): Removed filler word

Features/ExternalScriptLoader/Providers/googleMaps.js

@@ -0,0 +1,18 @@
+import $ from 'jquery'
+
+let status
+
+export function init (options) {
+  if (!status) {
+    const apiKey = options.apiKey
+    const callback = `googleMaps_${Date.now()}`
+    const url = `https://maps.googleapis.com/maps/api/js?key=${apiKey}&callback=${callback}`
+    status = new Promise((resolve, reject) => {
+      window[callback] = () => {
+        resolve()
+      }
+    })
+    $.getScript(url)
+  }
+  return status
+}

Features/ExternalScriptLoader/functions.php

@@ -0,0 +1,17 @@
+<?php
+namespace Flynt\Features\ExternalScriptLoader;
+
+use Flynt\Utils\Asset;
+
+define(__NAMESPACE__ . '\NS', __NAMESPACE__ . '\\');
+
+function enqueueComponentScripts()
+{
+    Asset::enqueue([
+        'type' => 'script',
+        'name' => 'Flynt/Features/ExternalScriptLoader',
+        'path' => 'Features/ExternalScriptLoader/script.js'
+    ]);
+}
+
+add_action('wp_enqueue_scripts', NS . 'enqueueComponentScripts');

Features/ExternalScriptLoader/script.js

@@ -0,0 +1,33 @@
+let providers = {}
+
+// load all files from ./Providers folder into providers variable
+function importAll (moduleRequire) {
+  moduleRequire.keys().forEach(key => {
+    providers[key.substr(2, key.length - 5)] = moduleRequire(key).init
+  })
+}
+importAll(require.context('./Providers/', true, /\.js$/))
+
+let instance
+
+class ExternalScriptLoader {
+  constructor () {
+    if (!instance) {
+      instance = this
+    }
+    return instance
+  }
+
+  static getInstance () {
+    return instance || new ExternalScriptLoader()
+  }
+
+  initialize (type, options = {}) {
+    if (!this[type]) {
+      this[type] = providers[type](options)
+    }
+    return this[type]
+  }
+}
+
+window.FlyntExternalScriptLoader = ExternalScriptLoader

lib/Init.php

@@ -78,6 +78,7 @@ function initTheme()
     add_theme_support('post-formats', array('aside', 'gallery', 'link', 'image', 'quote', 'video', 'audio'));
 
     add_theme_support('flynt-password-form');
+    add_theme_support('flynt-external-script-loader');
 }
 add_action('after_setup_theme', __NAMESPACE__ . '\\initTheme');