tiny_hook_header_javascript()

Complexity

Conditions	1
Paths	1

Size

Total Lines	166
Code Lines	164

Duplication

Lines	0
Ratio	0 %

Importance

Changes	1
Bugs	0	Features	0

<?php
function tiny_hook_header_javascript () {
    $code = <<<'EOD'
<script type="text/javascript">
    document.documentElement.className = 'js';

    // https://github.com/filamentgroup/loadCSS
    function loadCSS( href, before, media, callback ){
        "use strict";
        var ss = window.document.createElement( "link" );
        var ref = before || window.document.getElementsByTagName( "script" )[ 0 ];
        var sheets = window.document.styleSheets;
        ss.rel = "stylesheet";
        ss.href = href;
        ss.media = "only x";
        if( callback ) {
            ss.onload = callback;
        }
        ref.parentNode.insertBefore( ss, ref );
        ss.onloadcssdefined = function( cb ){
            var defined;
            for( var i = 0; i < sheets.length; i++ ){
                if( sheets[ i ].href && sheets[ i ].href.indexOf( href ) > -1 ){
                    defined = true;
                }
            }
            if( defined ){
                cb();
            } else {
                setTimeout(function() {
                    ss.onloadcssdefined( cb );
                });
            }
        };
        ss.onloadcssdefined(function() {
            ss.media = media || "all";
        });
        return ss;
    }

    // script.js
    (function (name, definition) {
      if (typeof module != 'undefined' && module.exports) module.exports = definition()
      else if (typeof define == 'function' && define.amd) define(definition)
      else this[name] = definition()
    })('$script', function () {
      var doc = document
        , head = doc.getElementsByTagName('head')[0]
        , s = 'string'
        , f = false
        , push = 'push'
        , readyState = 'readyState'
        , onreadystatechange = 'onreadystatechange'
        , list = {}
        , ids = {}
        , delay = {}
        , scripts = {}
        , scriptpath
        , urlArgs

      function every(ar, fn) {
        for (var i = 0, j = ar.length; i < j; ++i) if (!fn(ar[i])) return f
        return 1
      }
      function each(ar, fn) {
        every(ar, function (el) {
          return !fn(el)
        })
      }

      function $script(paths, idOrDone, optDone) {
        paths = paths[push] ? paths : [paths]
        var idOrDoneIsDone = idOrDone && idOrDone.call
          , done = idOrDoneIsDone ? idOrDone : optDone
          , id = idOrDoneIsDone ? paths.join('') : idOrDone
          , queue = paths.length
        function loopFn(item) {
          return item.call ? item() : list[item]
        }
        function callback() {
          if (!--queue) {
        list[id] = 1
        done && done()
        for (var dset in delay) {
          every(dset.split('|'), loopFn) && !each(delay[dset], loopFn) && (delay[dset] = [])
        }
          }
        }
        setTimeout(function () {
          each(paths, function loading(path, force) {
        if (path === null) return callback()
        path = !force && path.indexOf('.js') === -1 && !/^https?:\/\//.test(path) && scriptpath ? scriptpath + path + '.js' : path
        if (scripts[path]) {
          if (id) ids[id] = 1
          return (scripts[path] == 2) ? callback() : setTimeout(function () { loading(path, true) }, 0)
        }

        scripts[path] = 1
        if (id) ids[id] = 1
        create(path, callback)
          })
        }, 0)
        return $script
      }

      function create(path, fn) {
        var el = doc.createElement('script'), loaded
        el.onload = el.onerror = el[onreadystatechange] = function () {
          if ((el[readyState] && !(/^c|loade/.test(el[readyState]))) || loaded) return;
          el.onload = el[onreadystatechange] = null
          loaded = 1
          scripts[path] = 2
          fn()
        }
        el.async = 1
        el.src = urlArgs ? path + (path.indexOf('?') === -1 ? '?' : '&') + urlArgs : path;
        head.insertBefore(el, head.lastChild)
      }

      $script.get = create

      $script.order = function (scripts, id, done) {
        (function callback(s) {
          s = scripts.shift()
          !scripts.length ? $script(s, id, done) : $script(s, callback)
        }())
      }

      $script.path = function (p) {
        scriptpath = p
      }
      $script.urlArgs = function (str) {
        urlArgs = str;
      }
      $script.ready = function (deps, ready, req) {
        deps = deps[push] ? deps : [deps]
        var missing = [];
        !each(deps, function (dep) {
          list[dep] || missing[push](dep);
        }) && every(deps, function (dep) {return list[dep]}) ?
          ready() : !function (key) {
          delay[key] = delay[key] || []
          delay[key][push](ready)
          req && req(missing)
        }(deps.join('|'))
        return $script
      }

      $script.done = function (idOrDone) {
        $script([null], idOrDone)
      }

      return $script
    });
</script>

<script async>
    // loadCSS( 'fontURL' );
    // loadCSS( '/wp-content/themes/theme_name/style.css' );
</script>
<noscript>
<!-- <link rel='stylesheet' id='divi-fonts-css'  href='fontURL' type='text/css' media='all' /> -->
<!-- <link rel='stylesheet' id='divi-fonts-css'  href='themestyleURL' type='text/css' media='all' /> -->
</noscript>
EOD;

    echo $code;
}