6 files changed, 224 insertions, 0 deletions

diff --git a/pointless/viewer/presentation.js b/pointless/viewer/presentation.js
new file mode 100644
index 0000000..853d764
--- /dev/null
+++ b/pointless/viewer/presentation.js
@@ -0,0 +1,46 @@
+/*
+ * presentation.js
+ * Part of Pointless Viewer, a Beamer presentation viewer
+ * Copyright 2018 Pacien TRAN-GIRARD
+ * License: GNU GPL v3
+ */
+
+"use strict";
+
+class Presentation {
+  constructor(pdf) {
+    this.pdf = pdf;
+    this.currentPageIndex = 1;
+    this.stage = this._setupStage();
+  }
+
+  _setupStage() {
+    var self = this;
+    var onStageReadyCallback = function() { self._onStageReady(); };
+    var onNextCallback = function() { self._onNext(); };
+    var onPreviousCallback = function() { self._onPrevious(); };
+    return new Stage(onStageReadyCallback, onNextCallback, onPreviousCallback);
+  }
+
+  _onStageReady() {
+    this._setPage(this.currentPageIndex);
+  }
+
+  _onNext() {
+    if (this.currentPageIndex === this.pdf.numPages) return;
+    this._setPage(this.currentPageIndex + 1);
+  }
+
+  _onPrevious() {
+    if (this.currentPageIndex === 1) return;
+    this._setPage(this.currentPageIndex - 1);
+  }
+
+  _setPage(pageIndex) {
+    var self = this;
+    this.currentPageIndex = pageIndex;
+    this.pdf.getPage(this.currentPageIndex).then(function(page) {
+      self.stage.setPage(page);
+    })
+  }
+}
diff --git a/pointless/viewer/screen.js b/pointless/viewer/screen.js
new file mode 100644
index 0000000..8a6891c
--- /dev/null
+++ b/pointless/viewer/screen.js
@@ -0,0 +1,56 @@
+/*
+ * screen.js
+ * Part of Pointless Viewer, a Beamer presentation viewer
+ * Copyright 2018 Pacien TRAN-GIRARD
+ * License: GNU GPL v3
+ */
+
+"use strict";
+
+class Screen {
+  constructor(window, secondary=false) {
+    this.window = window;
+    this.secondary = secondary;
+    this.canvas = window.document.getElementById("screen");
+    this.context = this.canvas.getContext("2d");
+    this.page = null;
+
+    var self = this;
+    this.window.addEventListener("resize", function() {
+      self._refreshPage();
+    });
+  }
+
+  setPage(page) {
+    this.page = page;
+    this._refreshPage();
+  }
+
+  _resizeScreen(ratio) {
+    var windowRatio = this.window.innerWidth / this.window.innerHeight;
+    var scaleFactor = ratio / windowRatio;
+    this.canvas.width = this.window.innerWidth * Math.min(scaleFactor, 1);
+    this.canvas.height = this.window.innerHeight / Math.max(scaleFactor, 1);
+  }
+
+  _setOffset() {
+    var xOffset = this.secondary ? -this.canvas.width : 0;
+    this.context.transform(1, 0, 0, 1, xOffset, 0);
+  }
+
+  _paintPage() {
+    var renderRatio = this.canvas.height / this.page.getViewport(1).height;
+    var renderViewport = this.page.getViewport(renderRatio);
+    var renderContext = { canvasContext: this.context, viewport: renderViewport };
+    this.page.render(renderContext);
+  }
+
+  _refreshPage() {
+    if (this.page == null) return;
+    var viewport = this.page.getViewport(1);
+    var ratio = (viewport.width / 2) / viewport.height;
+    this._resizeScreen(ratio);
+    this._setOffset();
+    this._paintPage();
+  }
+}
diff --git a/pointless/viewer/stage.js b/pointless/viewer/stage.js
new file mode 100644
index 0000000..fa984fe
--- /dev/null
+++ b/pointless/viewer/stage.js
@@ -0,0 +1,54 @@
+/*
+ * stage.js
+ * Part of Pointless Viewer, a Beamer presentation viewer
+ * Copyright 2018 Pacien TRAN-GIRARD
+ * License: GNU GPL v3
+ */
+
+"use strict";
+
+class Stage {
+  constructor(onReady, onNext, onPrevious) {
+    this.onNext = onNext;
+    this.onPrevious = onPrevious;
+    this.projector = window.open(window.location.href);
+    this.audienceScreen = null;
+    this.presenterScreen = null;
+
+    var self = this;
+    this.projector.addEventListener("load", function() {
+      self.audienceScreen = new Screen(self.projector, false);
+      self.presenterScreen = new Screen(window, true);
+      onReady();
+    });
+
+    this._registerEventHandler(window);
+    this._registerEventHandler(this.projector);
+  }
+
+  setPage(page) {
+    this.audienceScreen.setPage(page);
+    this.presenterScreen.setPage(page);
+  }
+
+  _registerEventHandler(window) {
+    var self = this;
+    window.addEventListener("keypress", function(event) {
+      self._onCommand(event);
+    })
+  }
+
+  _onCommand(keyboardEvent) {
+    switch (keyboardEvent.key) {
+      case "Enter":
+      case " ":
+      case "ArrowRight":
+      case "n":
+        return this.onNext();
+
+      case "ArrowLeft":
+      case "p":
+        return this.onPrevious();
+    }
+  }
+}
diff --git a/pointless/viewer/viewer.css b/pointless/viewer/viewer.css
new file mode 100644
index 0000000..dee9802
--- /dev/null
+++ b/pointless/viewer/viewer.css
@@ -0,0 +1,19 @@
+/*
+ * viewer.css
+ * Part of Pointless Viewer, a Beamer presentation viewer
+ * Copyright 2018 Pacien TRAN-GIRARD
+ * License: GNU GPL v3
+ */
+
+body {
+  background-color: black;
+  color: white;
+  overflow: hidden;
+}
+
+#screen {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translateX(-50%) translateY(-50%);
+}
diff --git a/pointless/viewer/viewer.js b/pointless/viewer/viewer.js
new file mode 100644
index 0000000..00c6f76
--- /dev/null
+++ b/pointless/viewer/viewer.js
@@ -0,0 +1,23 @@
+/*
+ * viewer.js
+ * Part of Pointless Viewer, a Beamer presentation viewer
+ * Copyright 2018 Pacien TRAN-GIRARD
+ * License: GNU GPL v3
+ */
+
+"use strict";
+
+var params = function() {
+  var queryDict = {};
+  location.search.substr(1).split("&").forEach(function(item) {
+    var pair = item.split("=");
+    queryDict[pair[0]] = pair[1];
+  });
+  return queryDict;
+}();
+
+if (window.opener == null) {
+  pdfjsLib.getDocument(params["file"]).then(function(pdf) {
+    var presentation = new Presentation(pdf);
+  });
+}
diff --git a/viewer.html b/viewer.html
new file mode 100644
index 0000000..88e4f2e
--- /dev/null
+++ b/viewer.html
@@ -0,0 +1,26 @@
+<!doctype html>
+
+<!-- 
+  viewer.html
+  Part of Pointless Viewer, a Beamer presentation viewer
+  Copyright 2018 Pacien TRAN-GIRARD
+  License: GNU GPL v3
+-->
+
+<html>
+  <head>
+    <meta charset="utf-8">
+    <link rel="stylesheet" type="text/css" href="pointless/viewer/viewer.css">
+    <title>Pointless Viewer</title>
+  </head>
+
+  <body>
+    <canvas id="screen"></canvas>
+
+    <script type="text/javascript" src="pointless/pdfjs/pdf.js"></script>
+    <script type="text/javascript" src="pointless/viewer/screen.js"></script>
+    <script type="text/javascript" src="pointless/viewer/stage.js"></script>
+    <script type="text/javascript" src="pointless/viewer/presentation.js"></script>
+    <script type="text/javascript" src="pointless/viewer/viewer.js"></script>
+  </body>
+</html>