yetangitu/epub.js
1
0
Fork 0
mirror of https://github.com/futurepress/epub.js.git synced 2025-10-02 14:49:16 +02:00
Code Issues Releases Wiki Activity

Move all Event names to Constants file (#680)

Browse source 
* Added Events Constants

* Fix selected event

* Fix EVENT -> EVENTS typo

* Fix RESIZED -> RESIZE typo
This commit is contained in:
Fred Chasen 2017-11-03 16:29:03 -07:00 • committed by GitHub
parent b1093fa841
commit 68956abeb9
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
9 changed files with 131 additions and 77 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/book.js
View file

@ -14,6 +14,7 @@ import Rendition from "./rendition";
import Archive from "./archive"; import Archive from "./archive";
import request from "./utils/request"; import request from "./utils/request";
import EpubCFI from "./epubcfi"; import EpubCFI from "./epubcfi";
import { EVENTS } from "./utils/constants";
const CONTAINER_PATH = "META-INF/container.xml"; const CONTAINER_PATH = "META-INF/container.xml";
const EPUBJS_VERSION = "0.3"; const EPUBJS_VERSION = "0.3";
@ -169,8 +170,7 @@ class Book {
if(url) { if(url) {
this.open(url).catch((error) => { this.open(url).catch((error) => {
var err = new Error("Cannot load book at "+ url ); var err = new Error("Cannot load book at "+ url );
// console.error(err); this.emit(EVENTS.BOOK.OPEN_FAILED, err);
this.emit("openFailed", err);
}); });
} }
} }

20
src/contents.js
View file

@ -3,9 +3,7 @@ import {isNumber, prefixed, borders, defaults} from "./utils/core";
import EpubCFI from "./epubcfi"; import EpubCFI from "./epubcfi";
import Mapping from "./mapping"; import Mapping from "./mapping";
import {replaceLinks} from "./utils/replacements"; import {replaceLinks} from "./utils/replacements";
import { EVENTS, DOM_EVENTS } from "./utils/constants";
// Dom events to listen for
const EVENTS = ["keydown", "keyup", "keypressed", "mouseup", "mousedown", "click", "touchend", "touchstart"];
const isChrome = /Chrome/.test(navigator.userAgent); const isChrome = /Chrome/.test(navigator.userAgent);
const isWebkit = !isChrome && /AppleWebKit/.test(navigator.userAgent); const isWebkit = !isChrome && /AppleWebKit/.test(navigator.userAgent);
@ -37,7 +35,7 @@ class Contents {
} }
static get listenedEvents() { static get listenedEvents() {
return EVENTS; return DOM_EVENTS;
} }
width(w) { width(w) {
@ -313,7 +311,7 @@ class Contents {
// }; // };
expand() { expand() {
this.emit("expand"); this.emit(EVENTS.CONTENTS.EXPAND);
} }
listeners() { listeners() {
@ -358,7 +356,7 @@ class Contents {
}; };
this.onResize && this.onResize(this._size); this.onResize && this.onResize(this._size);
this.emit("resize", this._size); this.emit(EVENTS.CONTENTS.RESIZE, this._size);
} }
} }
@ -677,7 +675,7 @@ class Contents {
return; return;
} }
EVENTS.forEach(function(eventName){ DOM_EVENTS.forEach(function(eventName){
this.document.addEventListener(eventName, this.triggerEvent.bind(this), false); this.document.addEventListener(eventName, this.triggerEvent.bind(this), false);
}, this); }, this);
@ -687,7 +685,7 @@ class Contents {
if(!this.document) { if(!this.document) {
return; return;
} }
EVENTS.forEach(function(eventName){ DOM_EVENTS.forEach(function(eventName){
this.document.removeEventListener(eventName, this.triggerEvent, false); this.document.removeEventListener(eventName, this.triggerEvent, false);
}, this); }, this);
@ -730,8 +728,8 @@ class Contents {
if(!range.collapsed) { if(!range.collapsed) {
// cfirange = this.section.cfiFromRange(range); // cfirange = this.section.cfiFromRange(range);
cfirange = new EpubCFI(range, this.cfiBase).toString(); cfirange = new EpubCFI(range, this.cfiBase).toString();
this.emit("selected", cfirange); this.emit(EVENTS.CONTENTS.SELECTED, cfirange);
this.emit("selectedRange", range); this.emit(EVENTS.CONTENTS.SELECTED_RANGE, range);
} }
} }
} }
@ -859,7 +857,7 @@ class Contents {
linksHandler() { linksHandler() {
replaceLinks(this.content, (href) => { replaceLinks(this.content, (href) => {
this.emit("linkClicked", href); this.emit(EVENTS.CONTENTS.LINK_CLICKED, href);
}); });
} }

3
src/locations.js
View file

@ -1,6 +1,7 @@
import {qs, sprint, locationOf, defer} from "./utils/core"; import {qs, sprint, locationOf, defer} from "./utils/core";
import Queue from "./utils/queue"; import Queue from "./utils/queue";
import EpubCFI from "./epubcfi"; import EpubCFI from "./epubcfi";
import { EVENTS } from "./utils/constants";
import EventEmitter from "event-emitter"; import EventEmitter from "event-emitter";
/** /**
@ -278,7 +279,7 @@ class Locations {
loc = curr; loc = curr;
} }
this.emit("changed", { this.emit(EVENTS.LOCATIONS.CHANGED, {
percentage: this.percentageFromLocation(loc) percentage: this.percentageFromLocation(loc)
}); });
} }

21
src/managers/continuous/index.js
View file

@ -1,5 +1,6 @@
import {extend, defer, requestAnimationFrame} from "../../utils/core"; import {extend, defer, requestAnimationFrame} from "../../utils/core";
import DefaultViewManager from "../default"; import DefaultViewManager from "../default";
import { EVENTS } from "../../utils/constants";
import debounce from 'lodash/debounce' import debounce from 'lodash/debounce'
class ContinuousViewManager extends DefaultViewManager { class ContinuousViewManager extends DefaultViewManager {
@ -119,7 +120,7 @@ class ContinuousViewManager extends DefaultViewManager {
// } // }
afterResized(view){ afterResized(view){
this.emit("resize", view.section); this.emit(EVENTS.MANAGERS.RESIZE, view.section);
} }
// Remove Previous Listeners if present // Remove Previous Listeners if present
@ -155,15 +156,15 @@ class ContinuousViewManager extends DefaultViewManager {
this.views.append(view); this.views.append(view);
view.on("resized", (bounds) => { view.on(EVENTS.VIEWS.RESIZED, (bounds) => {
view.expanded = true; view.expanded = true;
}); });
view.on("axis", (axis) => { view.on(EVENTS.VIEWS.AXIS, (axis) => {
this.updateAxis(axis); this.updateAxis(axis);
}); });
// view.on("shown", this.afterDisplayed.bind(this)); // view.on(EVENTS.VIEWS.SHOWN, this.afterDisplayed.bind(this));
view.onDisplayed = this.afterDisplayed.bind(this); view.onDisplayed = this.afterDisplayed.bind(this);
view.onResize = this.afterResized.bind(this); view.onResize = this.afterResized.bind(this);
@ -173,11 +174,11 @@ class ContinuousViewManager extends DefaultViewManager {
append(section){ append(section){
var view = this.createView(section); var view = this.createView(section);
view.on("resized", (bounds) => { view.on(EVENTS.VIEWS.RESIZED, (bounds) => {
view.expanded = true; view.expanded = true;
}); });
view.on("axis", (axis) => { view.on(EVENTS.VIEWS.AXIS, (axis) => {
this.updateAxis(axis); this.updateAxis(axis);
}); });
@ -191,12 +192,12 @@ class ContinuousViewManager extends DefaultViewManager {
prepend(section){ prepend(section){
var view = this.createView(section); var view = this.createView(section);
view.on("resized", (bounds) => { view.on(EVENTS.VIEWS.RESIZED, (bounds) => {
this.counter(bounds); this.counter(bounds);
view.expanded = true; view.expanded = true;
}); });
view.on("axis", (axis) => { view.on(EVENTS.VIEWS.AXIS, (axis) => {
this.updateAxis(axis); this.updateAxis(axis);
}); });
@ -493,14 +494,14 @@ class ContinuousViewManager extends DefaultViewManager {
this.check(); this.check();
}.bind(this)); }.bind(this));
this.emit("scroll", { this.emit(EVENTS.MANAGERS.SCROLL, {
top: this.scrollTop, top: this.scrollTop,
left: this.scrollLeft left: this.scrollLeft
}); });
clearTimeout(this.afterScrolled); clearTimeout(this.afterScrolled);
this.afterScrolled = setTimeout(function () { this.afterScrolled = setTimeout(function () {
this.emit("scrolled", { this.emit(EVENTS.MANAGERS.SCROLLED, {
top: this.scrollTop, top: this.scrollTop,
left: this.scrollLeft left: this.scrollLeft
}); });

23
src/managers/default/index.js
View file

@ -4,6 +4,7 @@ import Mapping from "../../mapping";
import Queue from "../../utils/queue"; import Queue from "../../utils/queue";
import Stage from "../helpers/stage"; import Stage from "../helpers/stage";
import Views from "../helpers/views"; import Views from "../helpers/views";
import { EVENTS } from "../../utils/constants";
class DefaultViewManager { class DefaultViewManager {
constructor(options) { constructor(options) {
@ -167,7 +168,7 @@ class DefaultViewManager {
this.orientationTimeout = setTimeout(function(){ this.orientationTimeout = setTimeout(function(){
this.orientationTimeout = undefined; this.orientationTimeout = undefined;
this.resize(); this.resize();
this.emit("orientationchange", orientation); this.emit(EVENTS.MANAGERS.ORIENTATION_CHANGE, orientation);
}.bind(this), 500); }.bind(this), 500);
} }
@ -209,7 +210,7 @@ class DefaultViewManager {
this.updateLayout(); this.updateLayout();
this.emit("resized", { this.emit(EVENTS.MANAGERS.RESIZED, {
width: this._stageSize.width, width: this._stageSize.width,
height: this._stageSize.height height: this._stageSize.height
}); });
@ -294,11 +295,11 @@ class DefaultViewManager {
} }
afterDisplayed(view){ afterDisplayed(view){
this.emit("added", view); this.emit(EVENTS.MANAGERS.ADDED, view);
} }
afterResized(view){ afterResized(view){
this.emit("resize", view.section); this.emit(EVENTS.MANAGERS.RESIZE, view.section);
} }
moveTo(offset){ moveTo(offset){
@ -322,11 +323,11 @@ class DefaultViewManager {
this.views.append(view); this.views.append(view);
// view.on("shown", this.afterDisplayed.bind(this)); // view.on(EVENTS.VIEWS.SHOWN, this.afterDisplayed.bind(this));
view.onDisplayed = this.afterDisplayed.bind(this); view.onDisplayed = this.afterDisplayed.bind(this);
view.onResize = this.afterResized.bind(this); view.onResize = this.afterResized.bind(this);
view.on("axis", (axis) => { view.on(EVENTS.VIEWS.AXIS, (axis) => {
this.updateAxis(axis); this.updateAxis(axis);
}); });
@ -341,7 +342,7 @@ class DefaultViewManager {
view.onDisplayed = this.afterDisplayed.bind(this); view.onDisplayed = this.afterDisplayed.bind(this);
view.onResize = this.afterResized.bind(this); view.onResize = this.afterResized.bind(this);
view.on("axis", (axis) => { view.on(EVENTS.VIEWS.AXIS, (axis) => {
this.updateAxis(axis); this.updateAxis(axis);
}); });
@ -351,7 +352,7 @@ class DefaultViewManager {
prepend(section){ prepend(section){
var view = this.createView(section); var view = this.createView(section);
view.on("resized", (bounds) => { view.on(EVENTS.VIEWS.RESIZED, (bounds) => {
this.counter(bounds); this.counter(bounds);
}); });
@ -360,7 +361,7 @@ class DefaultViewManager {
view.onDisplayed = this.afterDisplayed.bind(this); view.onDisplayed = this.afterDisplayed.bind(this);
view.onResize = this.afterResized.bind(this); view.onResize = this.afterResized.bind(this);
view.on("axis", (axis) => { view.on(EVENTS.VIEWS.AXIS, (axis) => {
this.updateAxis(axis); this.updateAxis(axis);
}); });
@ -771,14 +772,14 @@ class DefaultViewManager {
this.scrollLeft = scrollLeft; this.scrollLeft = scrollLeft;
if(!this.ignore) { if(!this.ignore) {
this.emit("scroll", { this.emit(EVENTS.MANAGERS.SCROLL, {
top: scrollTop, top: scrollTop,
left: scrollLeft left: scrollLeft
}); });
clearTimeout(this.afterScrolled); clearTimeout(this.afterScrolled);
this.afterScrolled = setTimeout(function () { this.afterScrolled = setTimeout(function () {
this.emit("scrolled", { this.emit(EVENTS.MANAGERS.SCROLLED, {
top: this.scrollTop, top: this.scrollTop,
left: this.scrollLeft left: this.scrollLeft
}); });

27
src/managers/views/iframe.js
View file

@ -2,6 +2,7 @@ import EventEmitter from "event-emitter";
import {extend, borders, uuid, isNumber, bounds, defer, createBlobUrl, revokeBlobUrl} from "../../utils/core"; import {extend, borders, uuid, isNumber, bounds, defer, createBlobUrl, revokeBlobUrl} from "../../utils/core";
import EpubCFI from "../../epubcfi"; import EpubCFI from "../../epubcfi";
import Contents from "../../contents"; import Contents from "../../contents";
import { EVENTS } from "../../utils/constants";
import { Pane, Highlight, Underline } from "marks-pane"; import { Pane, Highlight, Underline } from "marks-pane";
class IframeView { class IframeView {
@ -154,7 +155,7 @@ class IframeView {
let writingMode = this.contents.writingMode(); let writingMode = this.contents.writingMode();
let axis = (writingMode.indexOf("vertical") === 0) ? "vertical" : "horizontal"; let axis = (writingMode.indexOf("vertical") === 0) ? "vertical" : "horizontal";
this.setAxis(axis); this.setAxis(axis);
this.emit("axis", axis); this.emit(EVENTS.VIEWS.AXIS, axis);
// Listen for events that require an expansion of the iframe // Listen for events that require an expansion of the iframe
@ -167,13 +168,13 @@ class IframeView {
}); });
}.bind(this), function(e){ }.bind(this), function(e){
this.emit("loaderror", e); this.emit(EVENTS.VIEWS.LOAD_ERROR, e);
return new Promise((resolve, reject) => { return new Promise((resolve, reject) => {
reject(e); reject(e);
}); });
}.bind(this)) }.bind(this))
.then(function() { .then(function() {
this.emit("rendered", this.section); this.emit(EVENTS.VIEWS.RENDERED, this.section);
}.bind(this)); }.bind(this));
} }
@ -326,7 +327,7 @@ class IframeView {
this.onResize(this, size); this.onResize(this, size);
this.emit("resized", size); this.emit(EVENTS.VIEWS.RESIZED, size);
this.prevBounds = size; this.prevBounds = size;
@ -390,7 +391,7 @@ class IframeView {
this.document.querySelector("head").appendChild(link); this.document.querySelector("head").appendChild(link);
} }
this.contents.on("expand", () => { this.contents.on(EVENTS.CONTENTS.EXPAND, () => {
if(this.displayed && this.iframe) { if(this.displayed && this.iframe) {
this.expand(); this.expand();
if (this.contents) { if (this.contents) {
@ -399,7 +400,7 @@ class IframeView {
} }
}); });
this.contents.on("resize", (e) => { this.contents.on(EVENTS.CONTENTS.RESIZE, (e) => {
if(this.displayed && this.iframe) { if(this.displayed && this.iframe) {
this.expand(); this.expand();
if (this.contents) { if (this.contents) {
@ -450,7 +451,7 @@ class IframeView {
this.render(request) this.render(request)
.then(function () { .then(function () {
this.emit("displayed", this); this.emit(EVENTS.VIEWS.DISPLAYED, this);
this.onDisplayed(this); this.onDisplayed(this);
this.displayed = true; this.displayed = true;
@ -476,7 +477,7 @@ class IframeView {
this.iframe.style.visibility = "visible"; this.iframe.style.visibility = "visible";
} }
this.emit("shown", this); this.emit(EVENTS.VIEWS.SHOWN, this);
} }
hide() { hide() {
@ -485,7 +486,7 @@ class IframeView {
this.iframe.style.visibility = "hidden"; this.iframe.style.visibility = "hidden";
this.stopExpanding = true; this.stopExpanding = true;
this.emit("hidden", this); this.emit(EVENTS.VIEWS.HIDDEN, this);
} }
offset() { offset() {
@ -539,7 +540,7 @@ class IframeView {
let range = this.contents.range(cfiRange); let range = this.contents.range(cfiRange);
let emitter = () => { let emitter = () => {
this.emit("markClicked", cfiRange, data); this.emit(EVENTS.VIEWS.MARK_CLICKED, cfiRange, data);
}; };
data["epubcfi"] = cfiRange; data["epubcfi"] = cfiRange;
@ -570,7 +571,7 @@ class IframeView {
} }
let range = this.contents.range(cfiRange); let range = this.contents.range(cfiRange);
let emitter = () => { let emitter = () => {
this.emit("markClicked", cfiRange, data); this.emit(EVENTS.VIEWS.MARK_CLICKED, cfiRange, data);
}; };
data["epubcfi"] = cfiRange; data["epubcfi"] = cfiRange;
@ -614,7 +615,7 @@ class IframeView {
let parent = (container.nodeType === 1) ? container : container.parentNode; let parent = (container.nodeType === 1) ? container : container.parentNode;
let emitter = (e) => { let emitter = (e) => {
this.emit("markClicked", cfiRange, data); this.emit(EVENTS.VIEWS.MARK_CLICKED, cfiRange, data);
}; };
if (range.collapsed && container.nodeType === 1) { if (range.collapsed && container.nodeType === 1) {
@ -738,7 +739,7 @@ class IframeView {
this.stopExpanding = true; this.stopExpanding = true;
this.element.removeChild(this.iframe); this.element.removeChild(this.iframe);
this.displayed = false;
this.iframe = null; this.iframe = null;
this._textWidth = null; this._textWidth = null;

13
src/managers/views/inline.js
View file

@ -2,6 +2,7 @@ import EventEmitter from "event-emitter";
import {extend, borders, uuid, isNumber, bounds, defer, qs, parse} from "../../utils/core"; import {extend, borders, uuid, isNumber, bounds, defer, qs, parse} from "../../utils/core";
import EpubCFI from "../../epubcfi"; import EpubCFI from "../../epubcfi";
import Contents from "../../contents"; import Contents from "../../contents";
import { EVENTS } from "../../utils/constants";
class InlineView { class InlineView {
constructor(section, options) { constructor(section, options) {
@ -148,11 +149,11 @@ class InlineView {
} }
// this.map = new Map(view, this.layout); // this.map = new Map(view, this.layout);
//this.hooks.show.trigger(view, this); //this.hooks.show.trigger(view, this);
this.emit("rendered", this.section); this.emit(EVENTS.VIEWS.RENDERED, this.section);
}.bind(this)) }.bind(this))
.catch(function(e){ .catch(function(e){
this.emit("loaderror", e); this.emit(EVENTS.VIEWS.LOAD_ERROR, e);
}.bind(this)); }.bind(this));
} }
@ -270,7 +271,7 @@ class InlineView {
this.onResize(this, size); this.onResize(this, size);
this.emit("resized", size); this.emit(EVENTS.VIEWS.RESIZED, size);
} }
@ -338,7 +339,7 @@ class InlineView {
this.render(request).then(function () { this.render(request).then(function () {
this.emit("displayed", this); this.emit(EVENTS.VIEWS.DISPLAYED, this);
this.onDisplayed(this); this.onDisplayed(this);
this.displayed = true; this.displayed = true;
@ -363,7 +364,7 @@ class InlineView {
this.frame.style.visibility = "visible"; this.frame.style.visibility = "visible";
} }
this.emit("shown", this); this.emit(EVENTS.VIEWS.SHOWN, this);
} }
hide() { hide() {
@ -372,7 +373,7 @@ class InlineView {
this.frame.style.visibility = "hidden"; this.frame.style.visibility = "hidden";
this.stopExpanding = true; this.stopExpanding = true;
this.emit("hidden", this); this.emit(EVENTS.VIEWS.HIDDEN, this);
} }
position() { position() {

47
src/rendition.js
View file

@ -8,6 +8,7 @@ import Layout from "./layout";
import Themes from "./themes"; import Themes from "./themes";
import Contents from "./contents"; import Contents from "./contents";
import Annotations from "./annotations"; import Annotations from "./annotations";
import { EVENTS } from "./utils/constants";
/** /**
* [Rendition description] * [Rendition description]
@ -174,20 +175,20 @@ class Rendition {
this.layout(this.settings.globalLayoutProperties); this.layout(this.settings.globalLayoutProperties);
// Listen for displayed views // Listen for displayed views
this.manager.on("added", this.afterDisplayed.bind(this)); this.manager.on(EVENTS.MANAGERS.ADDED, this.afterDisplayed.bind(this));
this.manager.on("removed", this.afterRemoved.bind(this)); this.manager.on(EVENTS.MANAGERS.REMOVED, this.afterRemoved.bind(this));
// Listen for resizing // Listen for resizing
this.manager.on("resized", this.onResized.bind(this)); this.manager.on(EVENTS.MANAGERS.RESIZED, this.onResized.bind(this));
// Listen for rotation // Listen for rotation
this.manager.on("orientationchange", this.onOrientationChange.bind(this)); this.manager.on(EVENTS.MANAGERS.ORIENTATION_CHANGE, this.onOrientationChange.bind(this));
// Listen for scroll changes // Listen for scroll changes
this.manager.on("scrolled", this.reportLocation.bind(this)); this.manager.on(EVENTS.MANAGERS.SCROLLED, this.reportLocation.bind(this));
// Trigger that rendering has started // Trigger that rendering has started
this.emit("started"); this.emit(EVENTS.RENDITION.STARTED);
// Start processing queue // Start processing queue
this.starting.resolve(); this.starting.resolve();
@ -210,7 +211,7 @@ class Rendition {
}); });
// Trigger Attached // Trigger Attached
this.emit("attached"); this.emit(EVENTS.RENDITION.ATTACHED);
}.bind(this)); }.bind(this));
@ -269,10 +270,10 @@ class Rendition {
displaying.resolve(section); displaying.resolve(section);
this.displaying = undefined; this.displaying = undefined;
this.emit("displayed", section); this.emit(EVENTS.RENDITION.DISPLAYED, section);
this.reportLocation(); this.reportLocation();
}, (err) => { }, (err) => {
this.emit("displayerror", err); this.emit(EVENTS.RENDITION.DISPLAY_ERROR, err);
}); });
return displayed; return displayed;
@ -330,16 +331,16 @@ class Rendition {
*/ */
afterDisplayed(view){ afterDisplayed(view){
view.on("markClicked", (cfiRange, data) => this.triggerMarkEvent(cfiRange, data, view)); view.on(EVENTS.VIEWS.MARK_CLICKED, (cfiRange, data) => this.triggerMarkEvent(cfiRange, data, view));
this.hooks.render.trigger(view, this) this.hooks.render.trigger(view, this)
.then(() => { .then(() => {
if (view.contents) { if (view.contents) {
this.hooks.content.trigger(view.contents, this).then(() => { this.hooks.content.trigger(view.contents, this).then(() => {
this.emit("rendered", view.section, view); this.emit(EVENTS.RENDITION.RENDERED, view.section, view);
}); });
} else { } else {
this.emit("rendered", view.section, view); this.emit(EVENTS.RENDITION.RENDERED, view.section, view);
} }
}); });
@ -353,7 +354,7 @@ class Rendition {
*/ */
afterRemoved(view){ afterRemoved(view){
this.hooks.unloaded.trigger(view, this).then(() => { this.hooks.unloaded.trigger(view, this).then(() => {
this.emit("removed", view.section, view); this.emit(EVENTS.RENDITION.REMOVED, view.section, view);
}); });
} }
@ -363,7 +364,7 @@ class Rendition {
*/ */
onResized(size){ onResized(size){
this.emit("resized", { this.emit(EVENTS.RENDITION.RESIZED, {
width: size.width, width: size.width,
height: size.height height: size.height
}); });
@ -384,7 +385,7 @@ class Rendition {
// this.display(this.location.start.cfi); // this.display(this.location.start.cfi);
// } // }
this.emit("orientationchange", orientation); this.emit(EVENTS.RENDITION.ORIENTATION_CHANGE, orientation);
} }
/** /**
@ -563,7 +564,7 @@ class Rendition {
this.location = located; this.location = located;
this.emit("locationChanged", { this.emit(EVENTS.RENDITION.LOCATION_CHANGED, {
index: this.location.start.index, index: this.location.start.index,
href: this.location.start.href, href: this.location.start.href,
start: this.location.start.cfi, start: this.location.start.cfi,
@ -571,7 +572,7 @@ class Rendition {
percentage: this.location.start.percentage percentage: this.location.start.percentage
}); });
this.emit("relocated", this.location); this.emit(EVENTS.RENDITION.RELOCATED, this.location);
}.bind(this)); }.bind(this));
} else if (location) { } else if (location) {
let located = this.located(location); let located = this.located(location);
@ -582,7 +583,7 @@ class Rendition {
this.location = located; this.location = located;
this.emit("locationChanged", { this.emit(EVENTS.RENDITION.LOCATION_CHANGED, {
index: this.location.start.index, index: this.location.start.index,
href: this.location.start.href, href: this.location.start.href,
start: this.location.start.cfi, start: this.location.start.cfi,
@ -590,7 +591,7 @@ class Rendition {
percentage: this.location.start.percentage percentage: this.location.start.percentage
}); });
this.emit("relocated", this.location); this.emit(EVENTS.RENDITION.RELOCATED, this.location);
} }
}.bind(this)); }.bind(this));
}.bind(this)); }.bind(this));
@ -721,7 +722,7 @@ class Rendition {
contents.on(e, (ev) => this.triggerViewEvent(ev, contents)); contents.on(e, (ev) => this.triggerViewEvent(ev, contents));
}); });
contents.on("selected", (e) => this.triggerSelectedEvent(e, contents)); contents.on(EVENTS.CONTENTS.SELECTED, (e) => this.triggerSelectedEvent(e, contents));
} }
/** /**
@ -739,7 +740,7 @@ class Rendition {
* @param {EpubCFI} cfirange * @param {EpubCFI} cfirange
*/ */
triggerSelectedEvent(cfirange, contents){ triggerSelectedEvent(cfirange, contents){
this.emit("selected", cfirange, contents); this.emit(EVENTS.RENDITION.SELECTED, cfirange, contents);
} }
/** /**
@ -748,7 +749,7 @@ class Rendition {
* @param {EpubCFI} cfirange * @param {EpubCFI} cfirange
*/ */
triggerMarkEvent(cfiRange, data, contents){ triggerMarkEvent(cfiRange, data, contents){
this.emit("markClicked", cfiRange, data, contents); this.emit(EVENTS.RENDITION.MARK_CLICKED, cfiRange, data, contents);
} }
/** /**
@ -809,7 +810,7 @@ class Rendition {
handleLinks(contents) { handleLinks(contents) {
if (contents) { if (contents) {
contents.on("linkClicked", (href) => { contents.on(EVENTS.CONTENTS.LINK_CLICKED, (href) => {
let relative = this.book.path.relative(href); let relative = this.book.path.relative(href);
this.display(relative); this.display(relative);
}); });

50
src/utils/constants.js Normal file
View file

@ -0,0 +1,50 @@
// Dom events to listen for
export const DOM_EVENTS = ["keydown", "keyup", "keypressed", "mouseup", "mousedown", "click", "touchend", "touchstart"];
export const EVENTS = {
BOOK : {
OPEN_FAILED : "openFailed"
},
CONTENTS : {
EXPAND : "expand",
RESIZE : "resize",
SELECTED : "selected",
SELECTED_RANGE : "selectedRange",
LINK_CLICKED : "linkClicked"
},
LOCATIONS : {
CHANGED : "changed"
},
MANAGERS : {
RESIZE : "resize",
RESIZED : "resized",
ORIENTATION_CHANGE : "orientationchange",
ADDED : "added",
SCROLL : "scroll",
SCROLLED : "scrolled"
},
VIEWS : {
AXIS : "axis",
LOAD_ERROR : "loaderror",
RENDERED : "rendered",
RESIZED : "resized",
DISPLAYED : "displayed",
SHOWN : "shown",
HIDDEN : "hidden",
MARK_CLICKED : "markClicked"
},
RENDITION : {
STARTED : "started",
ATTACHED : "attached",
DISPLAYED : "displayed",
DISPLAY_ERROR : "displayerror",
RENDERED : "rendered",
REMOVED : "removed",
RESIZED : "resized",
ORIENTATION_CHANGE : "orientationchange",
LOCATION_CHANGED : "locationChanged",
RELOCATED : "relocated",
MARK_CLICKED : "markClicked",
SELECTED : "selected"
}
}