978ffe0eb6
no issue - moved large inline JS from templates into separate JS files - floating header - gallery card support - use `gulp-concat` to concatenate all JS files into a single `built/casper.js` file - reduces external JS file requests from 3 (jquery, infinite-scroll.js, jquery.fitvids.js) down to 2 (jquery, casper.js) and reduces page size by removing repeated inline code
1 line
No EOL
14 KiB
Text
1 line
No EOL
14 KiB
Text
{"version":3,"sources":["jquery.fitvids.js","floating-header.js","gallery-card.js","infinitescroll.js"],"names":["$","fn","fitVids","options","settings","customSelector","ignore","document","getElementById","head","getElementsByTagName","div","createElement","innerHTML","appendChild","childNodes","extend","this","each","selectors","push","ignoreList","$allVideos","find","join","not","$this","parents","length","tagName","toLowerCase","parent","css","isNaN","attr","aspectRatio","parseInt","height","width","videoName","_count","wrap","removeAttr","window","jQuery","Zepto","Casper","floatingHeader","progressBar","querySelector","header","title","lastScrollY","scrollY","lastWindowHeight","innerHeight","lastDocumentHeight","body","clientHeight","ticking","requestTick","requestAnimationFrame","update","trigger","getBoundingClientRect","top","triggerOffset","offsetHeight","progressMax","classList","add","remove","setAttribute","addEventListener","passive","querySelectorAll","forEach","image","container","closest","ratio","attributes","value","style","flex","nextElement","feedElement","buffer","loading","documentElement","scrollHeight","onScroll","onResize","onPageLoad","status","removeEventListener","response","item","resNextElement","href","onUpdate","xhr","XMLHttpRequest","responseType","open","send"],"mappings":"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","file":"casper.js","sourcesContent":["/*jshint browser:true */\n/*!\n* FitVids 1.3\n*\n*\n* Copyright 2017, Chris Coyier + Dave Rupert + Ghost Foundation\n* This is an unofficial release, ported by John O'Nolan\n* Credit to Thierry Koblentz - http://www.alistapart.com/articles/creating-intrinsic-ratios-for-video/\n* Released under the MIT license\n*\n*/\n\n;(function( $ ){\n\n 'use strict';\n\n $.fn.fitVids = function( options ) {\n var settings = {\n customSelector: null,\n ignore: null\n };\n\n if(!document.getElementById('fit-vids-style')) {\n // appendStyles: https://github.com/toddmotto/fluidvids/blob/master/dist/fluidvids.js\n var head = document.head || document.getElementsByTagName('head')[0];\n var css = '.fluid-width-video-container{flex-grow: 1;width:100%;}.fluid-width-video-wrapper{width:100%;position:relative;padding:0;}.fluid-width-video-wrapper iframe,.fluid-width-video-wrapper object,.fluid-width-video-wrapper embed {position:absolute;top:0;left:0;width:100%;height:100%;}';\n var div = document.createElement(\"div\");\n div.innerHTML = '<p>x</p><style id=\"fit-vids-style\">' + css + '</style>';\n head.appendChild(div.childNodes[1]);\n }\n\n if ( options ) {\n $.extend( settings, options );\n }\n\n return this.each(function(){\n var selectors = [\n 'iframe[src*=\"player.vimeo.com\"]',\n 'iframe[src*=\"youtube.com\"]',\n 'iframe[src*=\"youtube-nocookie.com\"]',\n 'iframe[src*=\"kickstarter.com\"][src*=\"video.html\"]',\n 'object',\n 'embed'\n ];\n\n if (settings.customSelector) {\n selectors.push(settings.customSelector);\n }\n\n var ignoreList = '.fitvidsignore';\n\n if(settings.ignore) {\n ignoreList = ignoreList + ', ' + settings.ignore;\n }\n\n var $allVideos = $(this).find(selectors.join(','));\n $allVideos = $allVideos.not('object object'); // SwfObj conflict patch\n $allVideos = $allVideos.not(ignoreList); // Disable FitVids on this video.\n\n $allVideos.each(function(){\n var $this = $(this);\n if($this.parents(ignoreList).length > 0) {\n return; // Disable FitVids on this video.\n }\n if (this.tagName.toLowerCase() === 'embed' && $this.parent('object').length || $this.parent('.fluid-width-video-wrapper').length) { return; }\n if ((!$this.css('height') && !$this.css('width')) && (isNaN($this.attr('height')) || isNaN($this.attr('width'))))\n {\n $this.attr('height', 9);\n $this.attr('width', 16);\n }\n var height = ( this.tagName.toLowerCase() === 'object' || ($this.attr('height') && !isNaN(parseInt($this.attr('height'), 10))) ) ? parseInt($this.attr('height'), 10) : $this.height(),\n width = !isNaN(parseInt($this.attr('width'), 10)) ? parseInt($this.attr('width'), 10) : $this.width(),\n aspectRatio = height / width;\n if(!$this.attr('name')){\n var videoName = 'fitvid' + $.fn.fitVids._count;\n $this.attr('name', videoName);\n $.fn.fitVids._count++;\n }\n $this.wrap('<div class=\"fluid-width-video-container\"><div class=\"fluid-width-video-wrapper\"></div></div>').parent('.fluid-width-video-wrapper').css('padding-top', (aspectRatio * 100)+'%');\n $this.removeAttr('height').removeAttr('width');\n });\n });\n };\n\n // Internal counter for unique video names.\n $.fn.fitVids._count = 0;\n\n// Works with either jQuery or Zepto\n})( window.jQuery || window.Zepto );\n","/* eslint-env browser */\n\n/**\n * Floating header\n * Used on invividual post pages, displays a sticky header with progress indicator\n *\n * Must be triggered manually on relevant pages by calling `Casper.floatingHeader()`\n */\n\n(function (window, document) {\n // set up Casper as a global object\n if (!window.Casper) {\n window.Casper = {};\n }\n\n window.Casper.floatingHeader = function floatingHeader() {\n // NOTE: Scroll performance is poor in Safari\n // - this appears to be due to the events firing much more slowly in Safari.\n // Dropping the scroll event and using only a raf loop results in smoother\n // scrolling but continuous processing even when not scrolling\n\n var progressBar = document.querySelector('#reading-progress');\n var header = document.querySelector('.floating-header');\n var title = document.querySelector('.post-full-title');\n\n var lastScrollY = window.scrollY;\n var lastWindowHeight = window.innerHeight;\n var lastDocumentHeight = document.body.clientHeight;\n var ticking = false;\n\n function onScroll() {\n lastScrollY = window.scrollY;\n requestTick();\n }\n\n function onResize() {\n lastWindowHeight = window.innerHeight;\n lastDocumentHeight = document.body.clientHeight;\n requestTick();\n }\n\n function requestTick() {\n if (!ticking) {\n requestAnimationFrame(update);\n }\n ticking = true;\n }\n\n function update() {\n var trigger = title.getBoundingClientRect().top + window.scrollY;\n var triggerOffset = title.offsetHeight + 35;\n var progressMax = lastDocumentHeight - lastWindowHeight;\n\n // show/hide floating header\n if (lastScrollY >= trigger + triggerOffset) {\n header.classList.add('floating-active');\n } else {\n header.classList.remove('floating-active');\n }\n\n progressBar.setAttribute('max', progressMax);\n progressBar.setAttribute('value', lastScrollY);\n\n ticking = false;\n }\n\n window.addEventListener('scroll', onScroll, {passive: true});\n window.addEventListener('resize', onResize, false);\n\n update();\n };\n})(window, document);\n","/* eslint-env browser */\n\n/**\n * Gallery card support\n * Used on any individual post/page\n *\n * Detects when a gallery card has been used and applies sizing to make sure\n * the display matches what is seen in the editor.\n */\n\n(function (window, document) {\n var resizeImagesInGalleries = function resizeImagesInGalleries() {\n var images = document.querySelectorAll('.kg-gallery-image img');\n images.forEach(function (image) {\n var container = image.closest('.kg-gallery-image');\n var width = image.attributes.width.value;\n var height = image.attributes.height.value;\n var ratio = width / height;\n container.style.flex = ratio + ' 1 0%';\n });\n };\n\n document.addEventListener('DOMContentLoaded', resizeImagesInGalleries);\n})(window, document);\n","/* eslint-env browser */\n\n/**\n * Infinite Scroll\n * Used on all pages where there is a list of posts (homepage, tag index, etc).\n *\n * When the page is scrolled to 300px from the bottom, the next page of posts\n * is fetched by following the the <link rel=\"next\" href=\"...\"> that is output\n * by {{ghost_head}}.\n *\n * The individual post items are extracted from the fetched pages by looking for\n * a wrapper element with the class \"post-card\". Any found elements are appended\n * to the element with the class \"post-feed\" in the currently viewed page.\n */\n\n(function (window, document) {\n // next link element\n var nextElement = document.querySelector('link[rel=next]');\n if (!nextElement) {\n return;\n }\n\n // post feed element\n var feedElement = document.querySelector('.post-feed');\n if (!feedElement) {\n return;\n }\n\n var buffer = 300;\n\n var ticking = false;\n var loading = false;\n\n var lastScrollY = window.scrollY;\n var lastWindowHeight = window.innerHeight;\n var lastDocumentHeight = document.documentElement.scrollHeight;\n\n function onPageLoad() {\n if (this.status === 404) {\n window.removeEventListener('scroll', onScroll);\n window.removeEventListener('resize', onResize);\n return;\n }\n\n // append contents\n var postElements = this.response.querySelectorAll('.post-card');\n postElements.forEach(function (item) {\n feedElement.appendChild(item);\n });\n\n // set next link\n var resNextElement = this.response.querySelector('link[rel=next]');\n if (resNextElement) {\n nextElement.href = resNextElement.href;\n } else {\n window.removeEventListener('scroll', onScroll);\n window.removeEventListener('resize', onResize);\n }\n\n // sync status\n lastDocumentHeight = document.documentElement.scrollHeight;\n ticking = false;\n loading = false;\n }\n\n function onUpdate() {\n // return if already loading\n if (loading) {\n return;\n }\n\n // return if not scroll to the bottom\n if (lastScrollY + lastWindowHeight <= lastDocumentHeight - buffer) {\n ticking = false;\n return;\n }\n\n loading = true;\n\n var xhr = new window.XMLHttpRequest();\n xhr.responseType = 'document';\n\n xhr.addEventListener('load', onPageLoad);\n\n xhr.open('GET', nextElement.href);\n xhr.send(null);\n }\n\n function requestTick() {\n ticking || window.requestAnimationFrame(onUpdate);\n ticking = true;\n }\n\n function onScroll() {\n lastScrollY = window.scrollY;\n requestTick();\n }\n\n function onResize() {\n lastWindowHeight = window.innerHeight;\n lastDocumentHeight = document.documentElement.scrollHeight;\n requestTick();\n }\n\n window.addEventListener('scroll', onScroll, {passive: true});\n window.addEventListener('resize', onResize);\n\n requestTick();\n})(window, document);\n"]} |