v2.0.0

- New layout - Switch to Material Design Light - New color scheme for board and PTN syntax highlighting - 3D mode (experimental) - Configurable board with separate Edit/Play Mode configurations - Option to disable board animation - Unplayed pieces - Player flat counts - Current move PTN - Adjustable playback speed - Interactive TPS editing and highlighting - Trim to current ply (automatic TPS) - Clicking on an error message moves the caret appropriately - Access to Help/Readme - Hotkeys for board toggles - Automatic move numbering - Distinguish between current ply "done" vs "not-yet-done" - Click the current ply to toggle it - Delay road connector fade-in animation - Don't show !? evaluation marks as messages - Don't warn about long URLs - Allow message text to wrap - Remove (now redundant) Share menu - Store original PTN in sessionStorage (for revert) - Editing stability and performance improvements
gruppler · Nov 17, 2016 · 53b3008 · 53b3008
1 parent 31719df
commit 53b3008
Show file tree

Hide file tree

Showing 40 changed files with 733 additions and 0 deletions.
diff --git a/dist/CNAME b/dist/CNAME
@@ -0,0 +1 @@
+ptn.ninja
diff --git a/dist/android-chrome-144x144.png b/dist/android-chrome-144x144.png
diff --git a/dist/android-chrome-192x192.png b/dist/android-chrome-192x192.png
diff --git a/dist/android-chrome-36x36.png b/dist/android-chrome-36x36.png
diff --git a/dist/android-chrome-48x48.png b/dist/android-chrome-48x48.png
diff --git a/dist/android-chrome-72x72.png b/dist/android-chrome-72x72.png
diff --git a/dist/android-chrome-96x96.png b/dist/android-chrome-96x96.png
diff --git a/dist/apple-touch-icon-114x114.png b/dist/apple-touch-icon-114x114.png
diff --git a/dist/apple-touch-icon-120x120.png b/dist/apple-touch-icon-120x120.png
diff --git a/dist/apple-touch-icon-144x144.png b/dist/apple-touch-icon-144x144.png
diff --git a/dist/apple-touch-icon-152x152.png b/dist/apple-touch-icon-152x152.png
diff --git a/dist/apple-touch-icon-180x180.png b/dist/apple-touch-icon-180x180.png
diff --git a/dist/apple-touch-icon-57x57.png b/dist/apple-touch-icon-57x57.png
diff --git a/dist/apple-touch-icon-60x60.png b/dist/apple-touch-icon-60x60.png
diff --git a/dist/apple-touch-icon-72x72.png b/dist/apple-touch-icon-72x72.png
diff --git a/dist/apple-touch-icon-76x76.png b/dist/apple-touch-icon-76x76.png
diff --git a/dist/apple-touch-icon-precomposed.png b/dist/apple-touch-icon-precomposed.png
diff --git a/dist/apple-touch-icon.png b/dist/apple-touch-icon.png
diff --git a/dist/browserconfig.xml b/dist/browserconfig.xml
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+  <msapplication>
+    <tile>
+      <square70x70logo src="/mstile-70x70.png"/>
+      <square150x150logo src="/mstile-150x150.png"/>
+      <square310x310logo src="/mstile-310x310.png"/>
+      <wide310x150logo src="/mstile-310x150.png"/>
+      <TileColor>#455a64</TileColor>
+    </tile>
+  </msapplication>
+</browserconfig>
diff --git a/dist/build.txt b/dist/build.txt
@@ -0,0 +1,46 @@
+
+css/style.css
+----------------
+css/style.css
+
+js/app.js
+----------------
+js/lib/i18n.js
+js/app/nls/main.js
+i18n!nls/main
+js/lib/jquery.min.js
+js/lib/lodash.min.js
+js/lib/domReady.js
+domReady!
+js/app/messages.js
+js/app/config.js
+js/app/hotkeys.js
+js/app/menu.js
+js/app/grammar.js
+js/app/game/result.js
+js/app/game/tps.js
+js/app/game/tag.js
+js/app/game/comment.js
+js/app/game/linenum.js
+js/app/game/ply.js
+js/app/game/move.js
+js/lib/lz-string.min.js
+js/app/game.js
+js/app/board/piece.js
+js/app/board/square.js
+js/app/board.js
+js/lib/text.js
+js/lib/showdown.js
+js/lib/mdown.js
+mdown!app/../../readme.md
+text!app/../../sample.ptn
+js/lib/bililiteRange.js
+js/lib/bililiteRange.undo.js
+js/lib/bililiteRange.fancytext.js
+js/lib/dialog-polyfill.js
+js/app/app.js
+js/lib/FileSaver.min.js
+js/lib/jquery.keymap.js
+js/lib/jquery.aftertransition.js
+js/app/main.js
+js/app.js
diff --git a/dist/css/style.css b/dist/css/style.css
diff --git a/dist/favicon-16x16.png b/dist/favicon-16x16.png
diff --git a/dist/favicon-194x194.png b/dist/favicon-194x194.png
diff --git a/dist/favicon-32x32.png b/dist/favicon-32x32.png
diff --git a/dist/favicon-96x96.png b/dist/favicon-96x96.png
diff --git a/dist/favicon.ico b/dist/favicon.ico
diff --git a/dist/index.html b/dist/index.html
@@ -0,0 +1,92 @@
+<!doctype html>
+<html lang="en" class="playmode">
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
+
+    <link rel="apple-touch-icon" sizes="57x57" href="apple-touch-icon-57x57.png">
+    <link rel="apple-touch-icon" sizes="60x60" href="apple-touch-icon-60x60.png">
+    <link rel="apple-touch-icon" sizes="72x72" href="apple-touch-icon-72x72.png">
+    <link rel="apple-touch-icon" sizes="76x76" href="apple-touch-icon-76x76.png">
+    <link rel="apple-touch-icon" sizes="114x114" href="apple-touch-icon-114x114.png">
+    <link rel="apple-touch-icon" sizes="120x120" href="apple-touch-icon-120x120.png">
+    <link rel="apple-touch-icon" sizes="144x144" href="apple-touch-icon-144x144.png">
+    <link rel="apple-touch-icon" sizes="152x152" href="apple-touch-icon-152x152.png">
+    <link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon-180x180.png">
+    <link rel="icon" type="image/png" href="favicon-32x32.png" sizes="32x32">
+    <link rel="icon" type="image/png" href="favicon-194x194.png" sizes="194x194">
+    <link rel="icon" type="image/png" href="favicon-96x96.png" sizes="96x96">
+    <link rel="icon" type="image/png" href="android-chrome-192x192.png" sizes="192x192">
+    <link rel="icon" type="image/png" href="favicon-16x16.png" sizes="16x16">
+    <link rel="manifest" href="manifest.json">
+    <link rel="mask-icon" href="safari-pinned-tab.svg" color="#455a64">
+    <meta name="msapplication-TileColor" content="#455a64">
+    <meta name="msapplication-TileImage" content="mstile-144x144.png">
+    <meta name="theme-color" content="#455a64">
+    <meta name="apple-mobile-web-app-capable" content="yes">
+    <meta name="mobile-web-app-capable" content="yes">
+
+    <link rel='stylesheet' href='https://fonts.googleapis.com/css?family=Roboto:400,500,700|Roboto+Slab:400,700|Source+Code+Pro:300,400,600,700'>
+    <link rel='stylesheet' href='https://fonts.googleapis.com/icon?family=Material+Icons'>
+    <link rel='stylesheet' href='https://code.getmdl.io/1.2.1/material.blue_grey-light_green.min.css'>
+    <script defer src="https://code.getmdl.io/1.2.1/material.min.js"></script>
+
+    <link rel="stylesheet" href="css/style.css" charset="utf-8">
+    <script data-main="js/app" src="js/require.js" charset="utf-8"></script>
+
+    <title>PTN Ninja</title>
+  </head>
+  <body>
+
+    <div class="mdl-layout mdl-js-layout">
+
+      <div id="menu" class="mdl-layout__drawer"></div>
+
+      <main id="app" class="mdl-layout__content">
+
+        <div id="viewer">
+          <div class="view-wrapper">
+            <div></div>
+            <div class="table-wrapper"></div>
+            <div></div>
+          </div>
+          <div class="controls">
+            <div class="buttons">
+              <button class="first mdl-button mdl-js-button mdl-button--icon">
+                <i class="material-icons">first_page</i>
+              </button>
+              <button class="prev mdl-button mdl-js-button mdl-button--icon">
+                <i class="material-icons">chevron_left</i>
+              </button>
+              <button class="play mdl-button--colored mdl-button mdl-js-button mdl-button--icon">
+                <i class="material-icons play">play_arrow</i>
+                <i class="material-icons pause">pause</i>
+              </button>
+              <button class="next mdl-button mdl-js-button mdl-button--icon">
+                <i class="material-icons">chevron_right</i>
+              </button>
+              <button class="last mdl-button mdl-js-button mdl-button--icon">
+                <i class="material-icons">last_page</i>
+              </button>
+            </div>
+          </div>
+        </div>
+
+        <div id="editor">
+          <pre id="ptn" class="ptn" contenteditable="true" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" tabindex="0"></pre>
+        </div>
+
+        <div id="messages"></div>
+
+      </main>
+
+      <div id="fab" class="mdl-button mdl-js-button mdl-button--fab mdl-button--colored">
+        <i class="material-icons play">play_arrow</i>
+        <i class="material-icons edit">mode_edit</i>
+        <i class="material-icons error">error</i>
+      </div>
+
+    </div>
+
+  </body>
+</html>
diff --git a/dist/js/app.js b/dist/js/app.js