jekyll-theme-hydejack 7.5.2 → 8.0.0

data/assets/bower.json

@@ -1,12 +1,12 @@
 {
   "name": "hydejack-assets",
-  "homepage": "https://qwtel.com/hydejack/",
+  "homepage": "https://hydejack.com/",
   "author": "Florian Klampfer <mail@qwtel.com> (https://qwtel.com/)",
   "license": "MIT",
   "private": true,
   "dependencies": {
-    "webfontloader": "^1.6.28",
     "html5shiv": "^3.7.3",
-    "katex": "^0.8.3"
+    "katex": "^0.9.0",
+    "fontfaceobserver": "^2.0.13"
   }
 }

data/assets/bower_components/fontfaceobserver/.bower.json

@@ -0,0 +1,33 @@
+{
+  "name": "fontfaceobserver",
+  "description": "Fast and simple web font loading.",
+  "main": "fontfaceobserver.standalone.js",
+  "authors": [
+    "Bram Stein <b.l.stein@gmail.com> (http://www.bramstein.com/)"
+  ],
+  "license": "BSD-3-Clause",
+  "keywords": [
+    "fontloader",
+    "fonts",
+    "font",
+    "font-face",
+    "web",
+    "font",
+    "font",
+    "load",
+    "font",
+    "events"
+  ],
+  "homepage": "https://github.com/bramstein/fontfaceobserver",
+  "version": "2.0.13",
+  "_release": "2.0.13",
+  "_resolution": {
+    "type": "version",
+    "tag": "v2.0.13",
+    "commit": "ed2bd9d70400f4ecc2c832543a30ef58589801b5"
+  },
+  "_source": "https://github.com/bramstein/fontfaceobserver.git",
+  "_target": "^2.0.13",
+  "_originalSource": "fontfaceobserver",
+  "_direct": true
+}

data/assets/bower_components/fontfaceobserver/.gitignore

@@ -0,0 +1,2 @@
+build
+node_modules

data/assets/bower_components/fontfaceobserver/.travis.yml

@@ -0,0 +1,16 @@
+sudo: false
+
+language: node_js
+
+before_install:
+  - npm install -g grunt-cli
+
+node_js:
+  - "4"
+
+matrix:
+  fast_finish: true
+
+cache:
+  directories:
+    - node_modules

data/assets/bower_components/fontfaceobserver/Gruntfile.js

@@ -0,0 +1,101 @@
+var extend = require('extend');
+
+module.exports = function (grunt) {
+  require('google-closure-compiler').grunt(grunt);
+
+  var compilerOptions = {
+    compilation_level: 'ADVANCED_OPTIMIZATIONS',
+    warning_level: 'VERBOSE',
+    summary_detail_level: 3,
+    language_in: 'ECMASCRIPT5_STRICT',
+    output_wrapper: '(function(){%output%}());',
+    use_types_for_optimization: true,
+    externs: ['externs-commonjs.js']
+  };
+
+  var src = [
+    'node_modules/closure-dom/src/dom.js',
+    'src/descriptors.js',
+    'src/ruler.js',
+    'src/observer.js',
+    'exports.js'
+  ];
+
+  grunt.initConfig({
+    pkg: grunt.file.readJSON('package.json'),
+    clean: {
+      options: {
+        force: true
+      },
+      build: ['build']
+    },
+    exec: {
+      test: 'phantomjs node_modules/mocha-phantomjs-core/mocha-phantomjs-core.js test/index.html',
+      deps: 'calcdeps -i src -i exports.js -p src -p ./vendor/google/base.js -p node_modules/closure-dom/src/dom.js -o deps > test/deps.js'
+    },
+    jshint: {
+      all: ['src/**/*.js'],
+      options: {
+        // ... better written as dot notation
+        '-W069': true,
+
+        // type definitions
+        '-W030': true,
+
+        // Don't make functions within loops
+        '-W083': true,
+
+        // Wrap the /regexp/ literal in parens to disambiguate the slash operator
+        '-W092': true
+      }
+    },
+    'closure-compiler': {
+      dist: {
+        files: {
+          'fontfaceobserver.js': src
+        },
+        options: compilerOptions
+      },
+      compile: {
+        files: {
+          'build/fontfaceobserver.js': src
+        },
+        options: compilerOptions
+      },
+      debug: {
+        files: {
+          'build/fontfaceobserver.debug.js': src
+        },
+        options: extend({}, compilerOptions, {
+          debug: true,
+          formatting: ['PRETTY_PRINT', 'PRINT_INPUT_DELIMITER']
+        })
+      }
+    },
+    concat: {
+      options: {
+        banner: '/* Font Face Observer v<%= pkg.version %> - © Bram Stein. License: BSD-3-Clause */'
+      },
+      dist_promises: {
+        src: ['node_modules/promis/promise.js', 'build/fontfaceobserver.js'],
+        dest: 'fontfaceobserver.js'
+      },
+      dist: {
+        src: ['build/fontfaceobserver.js'],
+        dest: 'fontfaceobserver.standalone.js'
+      }
+    }
+  });
+
+  grunt.loadNpmTasks('grunt-closurecompiler');
+  grunt.loadNpmTasks('grunt-contrib-clean');
+  grunt.loadNpmTasks('grunt-contrib-jshint');
+  grunt.loadNpmTasks('grunt-contrib-concat');
+  grunt.loadNpmTasks('grunt-exec');
+
+  grunt.registerTask('compile', ['closure-compiler:compile']);
+  grunt.registerTask('debug', ['closure-compiler:debug']);
+  grunt.registerTask('default', ['compile']);
+  grunt.registerTask('test', ['jshint', 'exec:test']);
+  grunt.registerTask('dist', ['clean', 'closure-compiler:compile', 'concat:dist', 'concat:dist_promises']);
+};

data/assets/bower_components/fontfaceobserver/LICENSE

@@ -0,0 +1,23 @@
+Copyright (c) 2014 - Bram Stein
+All rights reserved.
+
+Redistribution and use in source and binary forms, with or without 
+modification, are permitted provided that the following conditions 
+are met:
+ 
+ 1. Redistributions of source code must retain the above copyright
+    notice, this list of conditions and the following disclaimer. 
+ 2. Redistributions in binary form must reproduce the above copyright 
+    notice, this list of conditions and the following disclaimer in the 
+    documentation and/or other materials provided with the distribution. 
+
+THIS SOFTWARE IS PROVIDED BY THE AUTHOR "AS IS" AND ANY EXPRESS OR IMPLIED 
+WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF 
+MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO 
+EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, 
+INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, 
+BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, 
+DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY 
+OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING 
+NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, 
+EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.

data/assets/bower_components/fontfaceobserver/bower.json

@@ -0,0 +1,22 @@
+{
+  "name": "fontfaceobserver",
+  "description": "Fast and simple web font loading.",
+  "main": "fontfaceobserver.standalone.js",
+  "authors": [
+    "Bram Stein <b.l.stein@gmail.com> (http://www.bramstein.com/)"
+  ],
+  "license": "BSD-3-Clause",
+  "keywords": [
+    "fontloader",
+    "fonts",
+    "font",
+    "font-face",
+    "web",
+    "font",
+    "font",
+    "load",
+    "font",
+    "events"
+  ],
+  "homepage": "https://github.com/bramstein/fontfaceobserver"
+}

data/assets/bower_components/fontfaceobserver/exports.js

@@ -0,0 +1,8 @@
+goog.require('fontface.Observer');
+
+if (typeof module === 'object') {
+  module.exports = fontface.Observer;
+} else {
+  window['FontFaceObserver'] = fontface.Observer;
+  window['FontFaceObserver']['prototype']['load'] = fontface.Observer.prototype.load;
+}

data/assets/bower_components/fontfaceobserver/externs-commonjs.js

@@ -0,0 +1,10 @@
+
+/**
+ * @type {Object}
+ */
+var module = {};
+
+/**
+ * @type {Object}
+ */
+module.exports = {};

data/assets/bower_components/fontfaceobserver/externs.js

@@ -0,0 +1,15 @@
+/**
+ * @constructor
+ *
+ * @param {string} family
+ * @param {Object} descriptors
+ */
+var FontFaceObserver = function (family, descriptors) {};
+
+/**
+ * @param {string=} opt_text
+ * @param {number=} opt_timeout
+ *
+ * @return {Promise.<FontFaceObserver>}
+ */
+FontFaceObserver.prototype.load = function (opt_text, opt_timeout) {};

data/assets/bower_components/fontfaceobserver/fontfaceobserver.js

@@ -0,0 +1,12 @@
+/* Font Face Observer v2.0.13 - © Bram Stein. License: BSD-3-Clause */(function(){'use strict';var f,g=[];function l(a){g.push(a);1==g.length&&f()}function m(){for(;g.length;)g[0](),g.shift()}f=function(){setTimeout(m)};function n(a){this.a=p;this.b=void 0;this.f=[];var b=this;try{a(function(a){q(b,a)},function(a){r(b,a)})}catch(c){r(b,c)}}var p=2;function t(a){return new n(function(b,c){c(a)})}function u(a){return new n(function(b){b(a)})}function q(a,b){if(a.a==p){if(b==a)throw new TypeError;var c=!1;try{var d=b&&b.then;if(null!=b&&"object"==typeof b&&"function"==typeof d){d.call(b,function(b){c||q(a,b);c=!0},function(b){c||r(a,b);c=!0});return}}catch(e){c||r(a,e);return}a.a=0;a.b=b;v(a)}}
+function r(a,b){if(a.a==p){if(b==a)throw new TypeError;a.a=1;a.b=b;v(a)}}function v(a){l(function(){if(a.a!=p)for(;a.f.length;){var b=a.f.shift(),c=b[0],d=b[1],e=b[2],b=b[3];try{0==a.a?"function"==typeof c?e(c.call(void 0,a.b)):e(a.b):1==a.a&&("function"==typeof d?e(d.call(void 0,a.b)):b(a.b))}catch(h){b(h)}}})}n.prototype.g=function(a){return this.c(void 0,a)};n.prototype.c=function(a,b){var c=this;return new n(function(d,e){c.f.push([a,b,d,e]);v(c)})};
+function w(a){return new n(function(b,c){function d(c){return function(d){h[c]=d;e+=1;e==a.length&&b(h)}}var e=0,h=[];0==a.length&&b(h);for(var k=0;k<a.length;k+=1)u(a[k]).c(d(k),c)})}function x(a){return new n(function(b,c){for(var d=0;d<a.length;d+=1)u(a[d]).c(b,c)})};window.Promise||(window.Promise=n,window.Promise.resolve=u,window.Promise.reject=t,window.Promise.race=x,window.Promise.all=w,window.Promise.prototype.then=n.prototype.c,window.Promise.prototype["catch"]=n.prototype.g);}());
+
+(function(){function l(a,b){document.addEventListener?a.addEventListener("scroll",b,!1):a.attachEvent("scroll",b)}function m(a){document.body?a():document.addEventListener?document.addEventListener("DOMContentLoaded",function c(){document.removeEventListener("DOMContentLoaded",c);a()}):document.attachEvent("onreadystatechange",function k(){if("interactive"==document.readyState||"complete"==document.readyState)document.detachEvent("onreadystatechange",k),a()})};function r(a){this.a=document.createElement("div");this.a.setAttribute("aria-hidden","true");this.a.appendChild(document.createTextNode(a));this.b=document.createElement("span");this.c=document.createElement("span");this.h=document.createElement("span");this.f=document.createElement("span");this.g=-1;this.b.style.cssText="max-width:none;display:inline-block;position:absolute;height:100%;width:100%;overflow:scroll;font-size:16px;";this.c.style.cssText="max-width:none;display:inline-block;position:absolute;height:100%;width:100%;overflow:scroll;font-size:16px;";
+this.f.style.cssText="max-width:none;display:inline-block;position:absolute;height:100%;width:100%;overflow:scroll;font-size:16px;";this.h.style.cssText="display:inline-block;width:200%;height:200%;font-size:16px;max-width:none;";this.b.appendChild(this.h);this.c.appendChild(this.f);this.a.appendChild(this.b);this.a.appendChild(this.c)}
+function t(a,b){a.a.style.cssText="max-width:none;min-width:20px;min-height:20px;display:inline-block;overflow:hidden;position:absolute;width:auto;margin:0;padding:0;top:-999px;white-space:nowrap;font-synthesis:none;font:"+b+";"}function y(a){var b=a.a.offsetWidth,c=b+100;a.f.style.width=c+"px";a.c.scrollLeft=c;a.b.scrollLeft=a.b.scrollWidth+100;return a.g!==b?(a.g=b,!0):!1}function z(a,b){function c(){var a=k;y(a)&&a.a.parentNode&&b(a.g)}var k=a;l(a.b,c);l(a.c,c);y(a)};function A(a,b){var c=b||{};this.family=a;this.style=c.style||"normal";this.weight=c.weight||"normal";this.stretch=c.stretch||"normal"}var B=null,C=null,E=null,F=null;function G(){if(null===C)if(J()&&/Apple/.test(window.navigator.vendor)){var a=/AppleWebKit\/([0-9]+)(?:\.([0-9]+))(?:\.([0-9]+))/.exec(window.navigator.userAgent);C=!!a&&603>parseInt(a[1],10)}else C=!1;return C}function J(){null===F&&(F=!!document.fonts);return F}
+function K(){if(null===E){var a=document.createElement("div");try{a.style.font="condensed 100px sans-serif"}catch(b){}E=""!==a.style.font}return E}function L(a,b){return[a.style,a.weight,K()?a.stretch:"","100px",b].join(" ")}
+A.prototype.load=function(a,b){var c=this,k=a||"BESbswy",q=0,D=b||3E3,H=(new Date).getTime();return new Promise(function(a,b){if(J()&&!G()){var M=new Promise(function(a,b){function e(){(new Date).getTime()-H>=D?b():document.fonts.load(L(c,'"'+c.family+'"'),k).then(function(c){1<=c.length?a():setTimeout(e,25)},function(){b()})}e()}),N=new Promise(function(a,c){q=setTimeout(c,D)});Promise.race([N,M]).then(function(){clearTimeout(q);a(c)},function(){b(c)})}else m(function(){function u(){var b;if(b=-1!=
+f&&-1!=g||-1!=f&&-1!=h||-1!=g&&-1!=h)(b=f!=g&&f!=h&&g!=h)||(null===B&&(b=/AppleWebKit\/([0-9]+)(?:\.([0-9]+))/.exec(window.navigator.userAgent),B=!!b&&(536>parseInt(b[1],10)||536===parseInt(b[1],10)&&11>=parseInt(b[2],10))),b=B&&(f==v&&g==v&&h==v||f==w&&g==w&&h==w||f==x&&g==x&&h==x)),b=!b;b&&(d.parentNode&&d.parentNode.removeChild(d),clearTimeout(q),a(c))}function I(){if((new Date).getTime()-H>=D)d.parentNode&&d.parentNode.removeChild(d),b(c);else{var a=document.hidden;if(!0===a||void 0===a)f=e.a.offsetWidth,
+g=n.a.offsetWidth,h=p.a.offsetWidth,u();q=setTimeout(I,50)}}var e=new r(k),n=new r(k),p=new r(k),f=-1,g=-1,h=-1,v=-1,w=-1,x=-1,d=document.createElement("div");d.dir="ltr";t(e,L(c,"sans-serif"));t(n,L(c,"serif"));t(p,L(c,"monospace"));d.appendChild(e.a);d.appendChild(n.a);d.appendChild(p.a);document.body.appendChild(d);v=e.a.offsetWidth;w=n.a.offsetWidth;x=p.a.offsetWidth;I();z(e,function(a){f=a;u()});t(e,L(c,'"'+c.family+'",sans-serif'));z(n,function(a){g=a;u()});t(n,L(c,'"'+c.family+'",serif'));
+z(p,function(a){h=a;u()});t(p,L(c,'"'+c.family+'",monospace'))})})};"object"===typeof module?module.exports=A:(window.FontFaceObserver=A,window.FontFaceObserver.prototype.load=A.prototype.load);}());

data/assets/bower_components/fontfaceobserver/fontfaceobserver.standalone.js

@@ -0,0 +1,8 @@
+/* Font Face Observer v2.0.13 - © Bram Stein. License: BSD-3-Clause */(function(){function l(a,b){document.addEventListener?a.addEventListener("scroll",b,!1):a.attachEvent("scroll",b)}function m(a){document.body?a():document.addEventListener?document.addEventListener("DOMContentLoaded",function c(){document.removeEventListener("DOMContentLoaded",c);a()}):document.attachEvent("onreadystatechange",function k(){if("interactive"==document.readyState||"complete"==document.readyState)document.detachEvent("onreadystatechange",k),a()})};function r(a){this.a=document.createElement("div");this.a.setAttribute("aria-hidden","true");this.a.appendChild(document.createTextNode(a));this.b=document.createElement("span");this.c=document.createElement("span");this.h=document.createElement("span");this.f=document.createElement("span");this.g=-1;this.b.style.cssText="max-width:none;display:inline-block;position:absolute;height:100%;width:100%;overflow:scroll;font-size:16px;";this.c.style.cssText="max-width:none;display:inline-block;position:absolute;height:100%;width:100%;overflow:scroll;font-size:16px;";
+this.f.style.cssText="max-width:none;display:inline-block;position:absolute;height:100%;width:100%;overflow:scroll;font-size:16px;";this.h.style.cssText="display:inline-block;width:200%;height:200%;font-size:16px;max-width:none;";this.b.appendChild(this.h);this.c.appendChild(this.f);this.a.appendChild(this.b);this.a.appendChild(this.c)}
+function t(a,b){a.a.style.cssText="max-width:none;min-width:20px;min-height:20px;display:inline-block;overflow:hidden;position:absolute;width:auto;margin:0;padding:0;top:-999px;white-space:nowrap;font-synthesis:none;font:"+b+";"}function y(a){var b=a.a.offsetWidth,c=b+100;a.f.style.width=c+"px";a.c.scrollLeft=c;a.b.scrollLeft=a.b.scrollWidth+100;return a.g!==b?(a.g=b,!0):!1}function z(a,b){function c(){var a=k;y(a)&&a.a.parentNode&&b(a.g)}var k=a;l(a.b,c);l(a.c,c);y(a)};function A(a,b){var c=b||{};this.family=a;this.style=c.style||"normal";this.weight=c.weight||"normal";this.stretch=c.stretch||"normal"}var B=null,C=null,E=null,F=null;function G(){if(null===C)if(J()&&/Apple/.test(window.navigator.vendor)){var a=/AppleWebKit\/([0-9]+)(?:\.([0-9]+))(?:\.([0-9]+))/.exec(window.navigator.userAgent);C=!!a&&603>parseInt(a[1],10)}else C=!1;return C}function J(){null===F&&(F=!!document.fonts);return F}
+function K(){if(null===E){var a=document.createElement("div");try{a.style.font="condensed 100px sans-serif"}catch(b){}E=""!==a.style.font}return E}function L(a,b){return[a.style,a.weight,K()?a.stretch:"","100px",b].join(" ")}
+A.prototype.load=function(a,b){var c=this,k=a||"BESbswy",q=0,D=b||3E3,H=(new Date).getTime();return new Promise(function(a,b){if(J()&&!G()){var M=new Promise(function(a,b){function e(){(new Date).getTime()-H>=D?b():document.fonts.load(L(c,'"'+c.family+'"'),k).then(function(c){1<=c.length?a():setTimeout(e,25)},function(){b()})}e()}),N=new Promise(function(a,c){q=setTimeout(c,D)});Promise.race([N,M]).then(function(){clearTimeout(q);a(c)},function(){b(c)})}else m(function(){function u(){var b;if(b=-1!=
+f&&-1!=g||-1!=f&&-1!=h||-1!=g&&-1!=h)(b=f!=g&&f!=h&&g!=h)||(null===B&&(b=/AppleWebKit\/([0-9]+)(?:\.([0-9]+))/.exec(window.navigator.userAgent),B=!!b&&(536>parseInt(b[1],10)||536===parseInt(b[1],10)&&11>=parseInt(b[2],10))),b=B&&(f==v&&g==v&&h==v||f==w&&g==w&&h==w||f==x&&g==x&&h==x)),b=!b;b&&(d.parentNode&&d.parentNode.removeChild(d),clearTimeout(q),a(c))}function I(){if((new Date).getTime()-H>=D)d.parentNode&&d.parentNode.removeChild(d),b(c);else{var a=document.hidden;if(!0===a||void 0===a)f=e.a.offsetWidth,
+g=n.a.offsetWidth,h=p.a.offsetWidth,u();q=setTimeout(I,50)}}var e=new r(k),n=new r(k),p=new r(k),f=-1,g=-1,h=-1,v=-1,w=-1,x=-1,d=document.createElement("div");d.dir="ltr";t(e,L(c,"sans-serif"));t(n,L(c,"serif"));t(p,L(c,"monospace"));d.appendChild(e.a);d.appendChild(n.a);d.appendChild(p.a);document.body.appendChild(d);v=e.a.offsetWidth;w=n.a.offsetWidth;x=p.a.offsetWidth;I();z(e,function(a){f=a;u()});t(e,L(c,'"'+c.family+'",sans-serif'));z(n,function(a){g=a;u()});t(n,L(c,'"'+c.family+'",serif'));
+z(p,function(a){h=a;u()});t(p,L(c,'"'+c.family+'",monospace'))})})};"object"===typeof module?module.exports=A:(window.FontFaceObserver=A,window.FontFaceObserver.prototype.load=A.prototype.load);}());

data/assets/bower_components/fontfaceobserver/package.json

@@ -0,0 +1,57 @@
+{
+  "name": "fontfaceobserver",
+  "version": "2.0.13",
+  "description": "Detect if web fonts are available",
+  "directories": {
+    "test": "test"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/bramstein/fontfaceobserver.git"
+  },
+  "bugs": {
+    "url": "https://github.com/bramstein/fontfaceobserver/issues"
+  },
+  "homepage": "https://fontfaceobserver.com/",
+  "main": "fontfaceobserver.standalone.js",
+  "keywords": [
+    "fontloader",
+    "fonts",
+    "font",
+    "font-face",
+    "web font",
+    "font load",
+    "font events"
+  ],
+  "files": [
+    "fontfaceobserver.js",
+    "fontfaceobserver.standalone.js",
+    "src/*.js",
+    "externs.js"
+  ],
+  "author": "Bram Stein <b.l.stein@gmail.com> (http://www.bramstein.com/)",
+  "license": "BSD-3-Clause",
+  "dependencies": {},
+  "devDependencies": {
+    "closure-dom": "=0.2.6",
+    "extend": "^3.0.0",
+    "google-closure-compiler": "=20161024.0.0",
+    "grunt": "^0.4.5",
+    "grunt-contrib-clean": "^1.0.0",
+    "grunt-contrib-concat": "^1.0.1",
+    "grunt-contrib-jshint": "^1.0.0",
+    "grunt-exec": "~1.0.0",
+    "mocha": "^2.5.3",
+    "mocha-phantomjs-core": "^2.0.0",
+    "phantomjs-prebuilt": "^2.1.7",
+    "promis": "=1.1.4",
+    "sinon": "^1.17.4",
+    "unexpected": "^10.14.2"
+  },
+  "scripts": {
+    "preversion": "npm test",
+    "version": "grunt dist && git add fontfaceobserver.js && git add fontfaceobserver.standalone.js",
+    "postversion": "git push && git push --tags && rm -rf build && npm publish",
+    "test": "grunt test"
+  }
+}

data/assets/bower_components/fontfaceobserver/src/descriptors.js

@@ -0,0 +1,10 @@
+goog.provide('fontface.Descriptors');
+
+/**
+ * @typedef {{
+ *   style: (string|undefined),
+ *   weight: (string|undefined),
+ *   stretch: (string|undefined)
+ * }}
+ */
+fontface.Descriptors;

data/assets/bower_components/fontfaceobserver/src/observer.js

@@ -0,0 +1,349 @@
+goog.provide('fontface.Observer');
+
+goog.require('fontface.Ruler');
+goog.require('dom');
+
+goog.scope(function () {
+  var Ruler = fontface.Ruler;
+
+  /**
+   * @constructor
+   *
+   * @param {string} family
+   * @param {fontface.Descriptors=} opt_descriptors
+   */
+  fontface.Observer = function (family, opt_descriptors) {
+    var descriptors = opt_descriptors || {};
+
+    /**
+     * @type {string}
+     */
+    this['family'] = family;
+
+    /**
+     * @type {string}
+     */
+    this['style'] = descriptors.style || 'normal';
+
+    /**
+     * @type {string}
+     */
+    this['weight'] = descriptors.weight || 'normal';
+
+    /**
+     * @type {string}
+     */
+    this['stretch'] = descriptors.stretch || 'normal';
+  };
+
+  var Observer = fontface.Observer;
+
+  /**
+   * @type {null|boolean}
+   */
+  Observer.HAS_WEBKIT_FALLBACK_BUG = null;
+
+  /**
+   * @type {null|boolean}
+   */
+  Observer.HAS_SAFARI_10_BUG = null;
+
+  /**
+   * @type {null|boolean}
+   */
+  Observer.SUPPORTS_STRETCH = null;
+
+  /**
+   * @type {null|boolean}
+   */
+  Observer.SUPPORTS_NATIVE_FONT_LOADING = null;
+
+  /**
+   * @type {number}
+   */
+  Observer.DEFAULT_TIMEOUT = 3000;
+
+  /**
+   * @return {string}
+   */
+  Observer.getUserAgent = function () {
+    return window.navigator.userAgent;
+  };
+
+  /**
+   * @return {string}
+   */
+  Observer.getNavigatorVendor = function () {
+    return window.navigator.vendor;
+  };
+
+  /**
+   * Returns true if this browser is WebKit and it has the fallback bug
+   * which is present in WebKit 536.11 and earlier.
+   *
+   * @return {boolean}
+   */
+  Observer.hasWebKitFallbackBug = function () {
+    if (Observer.HAS_WEBKIT_FALLBACK_BUG === null) {
+      var match = /AppleWebKit\/([0-9]+)(?:\.([0-9]+))/.exec(Observer.getUserAgent());
+
+      Observer.HAS_WEBKIT_FALLBACK_BUG = !!match &&
+                                          (parseInt(match[1], 10) < 536 ||
+                                           (parseInt(match[1], 10) === 536 &&
+                                            parseInt(match[2], 10) <= 11));
+    }
+    return Observer.HAS_WEBKIT_FALLBACK_BUG;
+  };
+
+  /**
+   * Returns true if the browser has the Safari 10 bugs. The
+   * native font load API in Safari 10 has two bugs that cause
+   * the document.fonts.load and FontFace.prototype.load methods
+   * to return promises that don't reliably get settled.
+   *
+   * The bugs are described in more detail here:
+   *  - https://bugs.webkit.org/show_bug.cgi?id=165037
+   *  - https://bugs.webkit.org/show_bug.cgi?id=164902
+   *
+   * If the browser is made by Apple, and has native font
+   * loading support, it is potentially affected. But the API
+   * was fixed around AppleWebKit version 603, so any newer
+   * versions that that does not contain the bug.
+   *
+   * @return {boolean}
+   */
+  Observer.hasSafari10Bug = function () {
+    if (Observer.HAS_SAFARI_10_BUG === null) {
+      if (Observer.supportsNativeFontLoading() && /Apple/.test(Observer.getNavigatorVendor())) {
+        var match = /AppleWebKit\/([0-9]+)(?:\.([0-9]+))(?:\.([0-9]+))/.exec(Observer.getUserAgent());
+
+        Observer.HAS_SAFARI_10_BUG = !!match && parseInt(match[1], 10) < 603;
+      } else {
+        Observer.HAS_SAFARI_10_BUG = false;
+      }
+    }
+    return Observer.HAS_SAFARI_10_BUG;
+  };
+
+  /**
+   * Returns true if the browser supports the native font loading
+   * API.
+   *
+   * @return {boolean}
+   */
+  Observer.supportsNativeFontLoading = function () {
+    if (Observer.SUPPORTS_NATIVE_FONT_LOADING === null) {
+      Observer.SUPPORTS_NATIVE_FONT_LOADING = !!document['fonts'];
+    }
+    return Observer.SUPPORTS_NATIVE_FONT_LOADING;
+  };
+
+  /**
+   * Returns true if the browser supports font-style in the font
+   * short-hand syntax.
+   *
+   * @return {boolean}
+   */
+  Observer.supportStretch = function () {
+    if (Observer.SUPPORTS_STRETCH === null) {
+      var div = dom.createElement('div');
+
+      try {
+        div.style.font = 'condensed 100px sans-serif';
+      } catch (e) {}
+      Observer.SUPPORTS_STRETCH = (div.style.font !== '');
+    }
+
+    return Observer.SUPPORTS_STRETCH;
+  };
+
+  /**
+   * @private
+   *
+   * @param {string} family
+   * @return {string}
+   */
+  Observer.prototype.getStyle = function (family) {
+    return [this['style'], this['weight'], Observer.supportStretch() ? this['stretch'] : '', '100px', family].join(' ');
+  };
+
+  /**
+   * Returns the current time in milliseconds
+   *
+   * @return {number}
+   */
+  Observer.prototype.getTime = function () {
+    return new Date().getTime();
+  };
+
+  /**
+   * @param {string=} text Optional test string to use for detecting if a font is available.
+   * @param {number=} timeout Optional timeout for giving up on font load detection and rejecting the promise (defaults to 3 seconds).
+   * @return {Promise.<fontface.Observer>}
+   */
+  Observer.prototype.load = function (text, timeout) {
+    var that = this;
+    var testString = text || 'BESbswy';
+    var timeoutId = 0;
+    var timeoutValue = timeout || Observer.DEFAULT_TIMEOUT;
+    var start = that.getTime();
+
+    return new Promise(function (resolve, reject) {
+      if (Observer.supportsNativeFontLoading() && !Observer.hasSafari10Bug()) {
+        var loader = new Promise(function (resolve, reject) {
+          var check = function () {
+            var now = that.getTime();
+
+            if (now - start >= timeoutValue) {
+              reject();
+            } else {
+              document.fonts.load(that.getStyle('"' + that['family'] + '"'), testString).then(function (fonts) {
+                if (fonts.length >= 1) {
+                  resolve();
+                } else {
+                  setTimeout(check, 25);
+                }
+              }, function () {
+                reject();
+              });
+            }
+          };
+          check();
+        });
+
+        var timer = new Promise(function (resolve, reject) {
+          timeoutId = setTimeout(reject, timeoutValue);
+        });
+
+        Promise.race([timer, loader]).then(function () {
+          clearTimeout(timeoutId);
+          resolve(that);
+        }, function () {
+          reject(that);
+        });
+      } else {
+        dom.waitForBody(function () {
+          var rulerA = new Ruler(testString);
+          var rulerB = new Ruler(testString);
+          var rulerC = new Ruler(testString);
+
+          var widthA = -1;
+          var widthB = -1;
+          var widthC = -1;
+
+          var fallbackWidthA = -1;
+          var fallbackWidthB = -1;
+          var fallbackWidthC = -1;
+
+          var container = dom.createElement('div');
+
+          /**
+           * @private
+           */
+          function removeContainer() {
+            if (container.parentNode !== null) {
+              dom.remove(container.parentNode, container);
+            }
+          }
+
+          /**
+           * @private
+           *
+           * If metric compatible fonts are detected, one of the widths will be -1. This is
+           * because a metric compatible font won't trigger a scroll event. We work around
+           * this by considering a font loaded if at least two of the widths are the same.
+           * Because we have three widths, this still prevents false positives.
+           *
+           * Cases:
+           * 1) Font loads: both a, b and c are called and have the same value.
+           * 2) Font fails to load: resize callback is never called and timeout happens.
+           * 3) WebKit bug: both a, b and c are called and have the same value, but the
+           *    values are equal to one of the last resort fonts, we ignore this and
+           *    continue waiting until we get new values (or a timeout).
+           */
+          function check() {
+            if ((widthA != -1 && widthB != -1) || (widthA != -1 && widthC != -1) || (widthB != -1 && widthC != -1)) {
+              if (widthA == widthB || widthA == widthC || widthB == widthC) {
+                // All values are the same, so the browser has most likely loaded the web font
+
+                if (Observer.hasWebKitFallbackBug()) {
+                  // Except if the browser has the WebKit fallback bug, in which case we check to see if all
+                  // values are set to one of the last resort fonts.
+
+                  if (((widthA == fallbackWidthA && widthB == fallbackWidthA && widthC == fallbackWidthA) ||
+                        (widthA == fallbackWidthB && widthB == fallbackWidthB && widthC == fallbackWidthB) ||
+                        (widthA == fallbackWidthC && widthB == fallbackWidthC && widthC == fallbackWidthC))) {
+                    // The width we got matches some of the known last resort fonts, so let's assume we're dealing with the last resort font.
+                    return;
+                  }
+                }
+                removeContainer();
+                clearTimeout(timeoutId);
+                resolve(that);
+              }
+            }
+          }
+
+          // This ensures the scroll direction is correct.
+          container.dir = 'ltr';
+
+          rulerA.setFont(that.getStyle('sans-serif'));
+          rulerB.setFont(that.getStyle('serif'));
+          rulerC.setFont(that.getStyle('monospace'));
+
+          dom.append(container, rulerA.getElement());
+          dom.append(container, rulerB.getElement());
+          dom.append(container, rulerC.getElement());
+
+          dom.append(document.body, container);
+
+          fallbackWidthA = rulerA.getWidth();
+          fallbackWidthB = rulerB.getWidth();
+          fallbackWidthC = rulerC.getWidth();
+
+          function checkForTimeout() {
+            var now = that.getTime();
+
+            if (now - start >= timeoutValue) {
+              removeContainer();
+              reject(that);
+            } else {
+              var hidden = document['hidden'];
+              if (hidden === true || hidden === undefined) {
+                widthA = rulerA.getWidth();
+                widthB = rulerB.getWidth();
+                widthC = rulerC.getWidth();
+                check();
+              }
+              timeoutId = setTimeout(checkForTimeout, 50);
+            }
+          }
+
+          checkForTimeout();
+
+
+          rulerA.onResize(function (width) {
+            widthA = width;
+            check();
+          });
+
+          rulerA.setFont(that.getStyle('"' + that['family'] + '",sans-serif'));
+
+          rulerB.onResize(function (width) {
+            widthB = width;
+            check();
+          });
+
+          rulerB.setFont(that.getStyle('"' + that['family'] + '",serif'));
+
+          rulerC.onResize(function (width) {
+            widthC = width;
+            check();
+          });
+
+          rulerC.setFont(that.getStyle('"' + that['family'] + '",monospace'));
+        });
+      }
+    });
+  };
+});