@thegetty/quire-cli 0.20.3 → 0.20.4

package/bin/themes/default/source/js/navigation.js

@@ -0,0 +1,59 @@
+import Hammer from 'hammerjs';
+
+class Navigation {
+  constructor() {
+    this.boundKeyboardListener = this.keyboardListener.bind(this)
+    // this.boundSwipeListener = this.swipeListener.bind(this)
+    this.addListeners()
+  }
+
+  prev() {
+    let prevLink = document.getElementById('js-prev')
+    prevLink && prevLink.click()
+  }
+
+  next() {
+    let nextLink = document.getElementById('js-next')
+    nextLink && nextLink.click()
+  }
+
+  keyboardListener(event) {
+    // 37 = left arrow key
+    if (event.which == 37) {
+      this.prev()
+      event.preventDefault()
+    }
+    // 39 = right arrow key
+    if (event.which == 39) {
+      this.next()
+      event.preventDefault()
+    }
+  }
+
+  swipeListener(event) {
+    if (event.deltaX < 0) {
+      this.next()
+    } else {
+      this.prev()
+    }
+  }
+
+  addListeners() {
+    document.addEventListener('keyup', this.boundKeyboardListener, false)
+
+    let main = document.getElementById('main')
+    this.hammer = new Hammer(main)
+    this.hammer.on('swipe', this.boundSwipeListener)
+  }
+
+  removeListeners() {
+    document.removeEventListener('keyup', this.boundKeyboardListener, false)
+    this.hammer.destroy()
+  }
+
+  teardown() {
+    this.removeListeners()
+  }
+}
+
+export default Navigation

package/bin/themes/default/source/js/popup.js

@@ -0,0 +1,311 @@
+// @ts-check
+
+import $ from "jquery";
+import DeepZoom from "./deepzoom.js";
+import Map from "./map.js";
+import { toggleFullscreen } from "./helper";
+import "magnific-popup/dist/magnific-popup.css";
+// eslint-disable-next-line no-undef
+require("magnific-popup");
+
+export default function(gallerySelector, mapArr) {
+  /** set var */
+  const fullscreenButton = `
+  <div
+  class="leaflet-control-fullscreen leaflet-bar leaflet-control remove-from-epub"
+  >
+    <a
+    id="toggleFullscreen"
+    class="leaflet-control-fullscreen-button leaflet-bar-part"
+    href="#"
+    title="View Fullscreen"
+    style="outline: none;">
+    </a>
+  </div>
+  `;
+
+  /**
+  * Popup Leaflet instances
+  */
+  let deepzoom;
+  let map;
+
+  /**
+   * @description Find all instances of soundcloud players
+   * and stop them
+   */
+  const findSoundCloudWidgetsAndStopThem = () => {
+    const items = [...document.querySelectorAll(`.quire-figure`)];
+    items
+      .filter(item => {
+        return [...item.children][0].src !== undefined &&
+          [...item.children][0].src.indexOf(`soundcloud`)
+          ? [...item.children][0]
+          : ``;
+      })
+      .map(item => {
+        let iframeElementID = [...item.children][0].id;
+        let widget = SC.Widget(iframeElementID);
+        return widget;
+      })
+      .forEach(item => {
+        return item.pause();
+      });
+  };
+
+  /**
+   * @param {*} self
+   * @description update caption in modal viewer if
+   * needed and clear before update
+   */
+  const captionUpdate = self => {
+    const setCaption = self => {
+      if (self) {
+        $(".mfp-title").hide();
+        const figureWrapper = $(self.currItem.el).closest('.q-figure__wrapper');
+        const captionParts = ['label-text', 'caption-content', 'credit'];
+        const captionWrapper =$(`<span class="caption"></span>`);
+        captionParts.forEach((item) => {
+          const content = $(figureWrapper).find(`.quire-figure__${item}`).prop('outerHTML');
+          content ? captionWrapper.append(content) : null;
+        })
+        if (captionWrapper.html()) {
+          self.captionCont = `
+            <div class="quire-caption-container">${captionWrapper.prop('outerHTML')}</div>`;
+          $(".mfp-wrap").prepend(self.captionCont);
+        }
+      } else {
+        if ($(".quire-caption-container")) {
+          $(".quire-caption-container").remove();
+        }
+      }
+    };
+    setCaption();
+    switch (self.currItem.type) {
+      case "inline":
+        setCaption(self);
+        break;
+      case "iframe":
+        setCaption(self);
+        break;
+      case "image":
+        setCaption(self);
+        break;
+      default:
+        setCaption();
+        break;
+    }
+  };
+
+  /**
+   * If map or deepzoom leaflet instances are defined, removes them.
+   * There should only be one defined at a time
+   * @todo The Map and Deepzoom classes should be refactored, at least to have the same signature
+   */
+  const tearDownMap = () => {
+    if (deepzoom) {
+      deepzoom.map.remove();
+      return;
+    }
+    if (map) {
+      map.remove();
+      return;
+    }
+  };
+
+  // add link to first slide when view as slides is present
+  const updateViewSlidesLink = () => {
+    let items = [...document.querySelectorAll(`.quire-figure--group`)];
+    items
+      .filter(item => {
+        return item;
+      })
+      .map(item => {
+        return [$(item).find(".viewSlides"), $(item).find(`a:first`)];
+      })
+      .forEach(item => {
+        $(item[0]).on("click", e => {
+          e.preventDefault();
+          $(item[1]).click();
+        });
+      });
+  };
+  updateViewSlidesLink();
+
+  /**
+   *
+   * @description e magnificPopup object
+   *
+   */
+  $(gallerySelector).magnificPopup({
+    delegate: "a.popup",
+    type: "image",
+    closeBtnInside: false,
+    closeOnBgClick: false,
+    fixedContentPos: false,
+    fixedBgPos: "auto",
+    overflowY: "hidden",
+    image: {
+      titleSrc: function(item) {
+        return item.el.find(".figure-caption-container").html();
+      }
+    },
+    gallery: {
+      enabled: true,
+      preload: [0, 2], // read about this option in next Lazy-loading section
+      navigateByImgClick: true,
+      arrowMarkup:
+        '<button title="%title%" type="button" class="mfp-arrow mfp-arrow-%dir%"><span class="mfp-prevent-close arrow-img-%dir%"></span></button>', // markup of an arrow button
+      tPrev: "Previous (Left arrow key)", // title for left button
+      tNext: "Next (Right arrow key)", // title for right button
+      tCounter: "",
+      closeMarkup:
+        '<button title="Close (Esc)" type="button" class="mfp-close"></button>'
+    },
+    callbacks: {
+      beforeOpen: function() {
+        findSoundCloudWidgetsAndStopThem();
+        $("body").addClass("android-fixed");
+        this.current = this.index + 1;
+        this.total = this.items.length - 1;
+        this.counter = `<span class="counter">${this.current} of ${this.items.length}</span>`;
+        this.cont = `<div class="quire-counter-container">${this.counter}</div>`;
+      },
+      elementParse: function(item) {
+        if (item.el[0].getAttribute("data-type") === "video") {
+          // eslint-disable-next-line no-unused-expressions
+          (item.type = "iframe"),
+            (item.iframe = {
+              patterns: {
+                youtube: {
+                  index: "youtube.com/", // String that detects type of video (in this case YouTube). Simply via url.indexOf(index).
+                  id: "v=", // String that splits URL in a two parts, second part should be %id%
+                  // Or null - full URL will be returned
+                  // Or a function that should return %id%, for example:
+                  // id: function(url) { return 'parsed id'; }
+                  src: "//www.youtube.com/embed/%id%?autoplay=1" // URL that will be set as a source for iframe.
+                },
+                vimeo: {
+                  index: "vimeo.com/",
+                  id: "/",
+                  src: "//player.vimeo.com/video/%id%?autoplay=1"
+                },
+                gmaps: {
+                  index: "//maps.google.",
+                  src: "%id%&output=embed"
+                }
+              }
+            });
+        } else if (item.el[0].getAttribute("data-type") === "inline") {
+          item.type = "inline";
+        } else {
+          // eslint-disable-next-line no-unused-expressions
+          (item.type = "image"),
+            (item.tLoading = "Loading image #%curr%..."),
+            (item.mainClass = "mfp-img-mobile"),
+            (item.image = {
+              tError:
+                '<a href="%url%">The image #%curr%</a> could not be loaded.'
+            });
+        }
+      },
+      change: function() {
+        tearDownMap();
+        this.current = this.index + 1;
+        if (document.querySelector(".counter")) {
+          document.querySelector(
+            ".counter"
+          ).innerHTML = `${this.current} of ${this.items.length}`;
+        }
+        captionUpdate(this);
+        let id = this.content.children()[0].id;
+        let waitForDOMUpdate = 0;
+        if (id !== "" || id !== undefined) {
+          if (id.indexOf("map") !== -1) {
+            setTimeout(() => {
+              map = new Map(id);
+            }, waitForDOMUpdate);
+          }
+          if (id.indexOf("deepzoom") !== -1) {
+            setTimeout(() => {
+              let url = $(`#${id}`).attr("src");
+              if (url) {
+                let image = new Image();
+                image.src = url;
+                image.onload = function() {
+                  deepzoom = new DeepZoom(id, mapArr);
+                };
+              } else {
+                deepzoom = null;
+              }
+            }, waitForDOMUpdate);
+          }
+          if (id.indexOf("iiif") !== -1) {
+            setTimeout(() => {
+              deepzoom = new DeepZoom(id, mapArr);
+            }, waitForDOMUpdate);
+          }
+        }
+        $(".mfp-content").prepend(fullscreenButton);
+      },
+      resize: function() {
+        // console.log('Popup resized ' + $(window).innerHeight());
+        // resize event triggers only when height is changed or layout forced
+      },
+      open: function() {
+        // console.log('Popup open');
+        captionUpdate(this);
+        $(".mfp-wrap").prepend(this.cont);
+        $(".mfp-content").prepend(fullscreenButton);
+        toggleFullscreen(
+          mapArr,
+          document.getElementById("toggleFullscreen"),
+          document.querySelector(".mfp-wrap")
+        );
+      },
+      beforeClose: function() {
+        // Callback available since v0.9.0
+        // console.log('Popup close has been initiated');
+        $("body").removeClass("android-fixed");
+        $(".quire-counter-container, .quire-caption-container").remove();
+      },
+      close: function() {
+        // console.log('Popup removal initiated (after removalDelay timer finished)');
+      },
+      afterClose: function() {
+        // console.log('Popup is completely closed');
+      },
+
+      markupParse: function(template, values, item) {
+        // Triggers each time when content of popup changes
+        // console.log('Parsing:', template, values, item);
+      },
+      updateStatus: function(data) {
+        // console.log('Status changed', data);
+        // "data" is an object that has two properties:
+        // "data.status" - current status type, can be "loading", "error", "ready"
+        // "data.text" - text that will be displayed (e.g. "Loading...")
+        // you may modify this properties to change current status or its text dynamically
+      },
+      imageLoadComplete: function() {
+        // fires when image in current popup finished loading
+        // avaiable since v0.9.0
+        // console.log('Image loaded');
+      },
+      // Only for ajax popup type
+      parseAjax: function(mfpResponse) {
+        // mfpResponse.data is a "data" object from ajax "success" callback
+        // for simple HTML file, it will be just String
+        // You may modify it to change contents of the popup
+        // For example, to show just #some-element:
+        // mfpResponse.data = $(mfpResponse.data).find('#some-element');
+        // mfpResponse.data must be a String or a DOM (jQuery) element
+        // console.log('Ajax content loaded:', mfpResponse);
+      },
+      ajaxContentAdded: function() {
+        // Ajax content is loaded and prepended to DOM
+        // console.log(this.content);
+      }
+    }
+  });
+}

package/bin/themes/default/source/js/search.js

@@ -0,0 +1,35 @@
+import lunr from 'lunr';
+
+class Search {
+  constructor(data) {
+    this.index = this.buildIndex(data);
+    this.contentList = data;
+  }
+
+  buildIndex(data) {
+    return lunr(function () {
+      this.field('title', {
+        boost: 100
+      });
+      this.field('url', {
+        boost: 10
+      });
+      this.field('content');
+      this.ref('id');
+      data.forEach(item => {
+        this.add(item);
+      });
+    });
+  }
+
+  // Return results in order of relevance
+  search(query) {
+    let results = this.index.search(query);
+    return results.map((result) => {
+      return this.contentList[result.ref];
+    });
+  }
+}
+
+export default Search
+;

package/bin/themes/default/source/js/soundcloud-api.js

@@ -0,0 +1 @@
+var SC=SC||{};SC.Widget=function(n){function t(r){if(e[r])return e[r].exports;var o=e[r]={exports:{},id:r,loaded:!1};return n[r].call(o.exports,o,o.exports,t),o.loaded=!0,o.exports}var e={};return t.m=n,t.c=e,t.p="",t(0)}([function(n,t,e){function r(n){return!!(""===n||n&&n.charCodeAt&&n.substr)}function o(n){return!!(n&&n.constructor&&n.call&&n.apply)}function i(n){return!(!n||1!==n.nodeType||"IFRAME"!==n.nodeName.toUpperCase())}function a(n){var t,e=!1;for(t in b)if(b.hasOwnProperty(t)&&b[t]===n){e=!0;break}return e}function s(n){var t,e,r;for(t=0,e=I.length;t<e&&(r=n(I[t]),r!==!1);t++);}function u(n){var t,e,r,o="";for("//"===n.substr(0,2)&&(n=window.location.protocol+n),r=n.split("/"),t=0,e=r.length;t<e&&t<3;t++)o+=r[t],t<2&&(o+="/");return o}function c(n){return n.contentWindow?n.contentWindow:n.contentDocument&&"parentWindow"in n.contentDocument?n.contentDocument.parentWindow:null}function l(n){var t,e=[];for(t in n)n.hasOwnProperty(t)&&e.push(n[t]);return e}function d(n,t,e){e.callbacks[n]=e.callbacks[n]||[],e.callbacks[n].push(t)}function E(n,t){var e,r=!0;return t.callbacks[n]=[],s(function(t){if(e=t.callbacks[n]||[],e.length)return r=!1,!1}),r}function f(n,t,e){var r,o,i=c(e);return!!i.postMessage&&(r=e.getAttribute("src").split("?")[0],o=JSON.stringify({method:n,value:t}),"//"===r.substr(0,2)&&(r=window.location.protocol+r),r=r.replace(/http:\/\/(w|wt).soundcloud.com/,"https://$1.soundcloud.com"),void i.postMessage(o,r))}function p(n){var t;return s(function(e){if(e.instance===n)return t=e,!1}),t}function h(n){var t;return s(function(e){if(c(e.element)===n)return t=e,!1}),t}function v(n,t){return function(e){var r=o(e),i=p(this),a=!r&&t?e:null,s=r&&!t?e:null;return s&&d(n,s,i),f(n,a,i.element),this}}function S(n,t,e){var r,o,i;for(r=0,o=t.length;r<o;r++)i=t[r],n[i]=v(i,e)}function R(n,t,e){return n+"?url="+t+"&"+g(e)}function g(n){var t,e,r=[];for(t in n)n.hasOwnProperty(t)&&(e=n[t],r.push(t+"="+("start_track"===t?parseInt(e,10):e?"true":"false")));return r.join("&")}function m(n,t,e){var r,o,i=n.callbacks[t]||[];for(r=0,o=i.length;r<o;r++)i[r].apply(n.instance,e);(a(t)||t===L.READY)&&(n.callbacks[t]=[])}function w(n){var t,e,r,o,i;try{e=JSON.parse(n.data)}catch(a){return!1}return t=h(n.source),r=e.method,o=e.value,(!t||A(n.origin)===A(t.domain))&&(t?(r===L.READY&&(t.isReady=!0,m(t,C),E(C,t)),r!==L.PLAY||t.playEventFired||(t.playEventFired=!0),r!==L.PLAY_PROGRESS||t.playEventFired||(t.playEventFired=!0,m(t,L.PLAY,[o])),i=[],void 0!==o&&i.push(o),void m(t,r,i)):(r===L.READY&&T.push(n.source),!1))}function A(n){return n.replace(Y,"")}var _,y,O,D=e(1),b=e(2),P=e(3),L=D.api,N=D.bridge,T=[],I=[],C="__LATE_BINDING__",k="http://wt.soundcloud.test:9200/",Y=/^http(?:s?)/;window.addEventListener?window.addEventListener("message",w,!1):window.attachEvent("onmessage",w),n.exports=O=function(n,t,e){if(r(n)&&(n=document.getElementById(n)),!i(n))throw new Error("SC.Widget function should be given either iframe element or a string specifying id attribute of iframe element.");t&&(e=e||{},n.src=R(k,t,e));var o,a,s=h(c(n));return s&&s.instance?s.instance:(o=T.indexOf(c(n))>-1,a=new _(n),I.push(new y(a,n,o)),a)},O.Events=L,window.SC=window.SC||{},window.SC.Widget=O,y=function(n,t,e){this.instance=n,this.element=t,this.domain=u(t.getAttribute("src")),this.isReady=!!e,this.callbacks={}},_=function(){},_.prototype={constructor:_,load:function(n,t){if(n){t=t||{};var e=this,r=p(this),o=r.element,i=o.src,a=i.substr(0,i.indexOf("?"));r.isReady=!1,r.playEventFired=!1,o.onload=function(){e.bind(L.READY,function(){var n,e=r.callbacks;for(n in e)e.hasOwnProperty(n)&&n!==L.READY&&f(N.ADD_LISTENER,n,r.element);t.callback&&t.callback()})},o.src=R(a,n,t)}},bind:function(n,t){var e=this,r=p(this);return r&&r.element&&(n===L.READY&&r.isReady?setTimeout(t,1):r.isReady?(d(n,t,r),f(N.ADD_LISTENER,n,r.element)):d(C,function(){e.bind(n,t)},r)),this},unbind:function(n){var t,e=p(this);e&&e.element&&(t=E(n,e),n!==L.READY&&t&&f(N.REMOVE_LISTENER,n,e.element))}},S(_.prototype,l(b)),S(_.prototype,l(P),!0)},function(n,t){t.api={LOAD_PROGRESS:"loadProgress",PLAY_PROGRESS:"playProgress",PLAY:"play",PAUSE:"pause",FINISH:"finish",SEEK:"seek",READY:"ready",OPEN_SHARE_PANEL:"sharePanelOpened",CLICK_DOWNLOAD:"downloadClicked",CLICK_BUY:"buyClicked",ERROR:"error"},t.bridge={REMOVE_LISTENER:"removeEventListener",ADD_LISTENER:"addEventListener"}},function(n,t){n.exports={GET_VOLUME:"getVolume",GET_DURATION:"getDuration",GET_POSITION:"getPosition",GET_SOUNDS:"getSounds",GET_CURRENT_SOUND:"getCurrentSound",GET_CURRENT_SOUND_INDEX:"getCurrentSoundIndex",IS_PAUSED:"isPaused"}},function(n,t){n.exports={PLAY:"play",PAUSE:"pause",TOGGLE:"toggle",SEEK_TO:"seekTo",SET_VOLUME:"setVolume",NEXT:"next",PREV:"prev",SKIP:"skip"}}]);