Add the website source code

2025-04-12 23:07:13 +03:00 · 2017-05-31 16:13:05 +02:00 · 2017-05-31 16:13:05 +02:00 · 860ecc5eda
commit 860ecc5eda
parent 91fd8251ca
4 changed files with 149 additions and 0 deletions
--- a/build.py
+++ b/build.py
@ -5,6 +5,7 @@ import glob
 import shutil
 import sys
 import os
+import distutils.dir_util


 EXEC_UGLIFYJS_WIN = "{2}/lib/uglifyjs.cmd --parse bare_returns --compress --mangle toplevel --mangle-props keep_quoted,reserved=[{3}] --output \"{1}\" \"{0}\""
@ -13,6 +14,7 @@ EXEC_YUI = "java -jar lib/yuicompressor-2.4.8.jar --charset utf-8 --line-break 1

 USE_UGLIFYJS = "--nominify" not in sys.argv
 USE_JAVA = "--nominify" not in sys.argv
+BUILD_WEBSITE = "--website" in sys.argv

 WORKING_DIR = os.getcwd()

@ -133,9 +135,29 @@ def build_renderer():
          out.write(line)


+def build_website():
+  tracker_file = "bld/track.html"
+  viewer_file = "bld/viewer.html"
+  web_style_file = "bld/web/style.css"
+  
+  distutils.dir_util.copy_tree("web", "bld/web")
+  
+  os.makedirs("bld/web/build", exist_ok = True)
+  shutil.copyfile(tracker_file, "bld/web/build/track.html")
+  shutil.copyfile(viewer_file, "bld/web/build/viewer.html")
+  
+  if USE_JAVA:
+    os.system(EXEC_YUI.format(web_style_file, web_style_file))
+
+
 os.makedirs("bld", exist_ok = True)

 print("Building tracker...")
 build_tracker()
+
 print("Building renderer...")
 build_renderer()
+
+if BUILD_WEBSITE:
+  print("Building website...")
+  build_website()
--- a/web/img/tracker.png
+++ b/web/img/tracker.png
--- a/web/index.php
+++ b/web/index.php
@ -0,0 +1,58 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <meta name="robots" content="index,follow">
+    <meta name="author" content="chylex">
+    <meta name="description" content="Discord History Tracker - Browser script to save history of Discord servers and private conversations">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    
+    <title>Discord History Tracker</title>
+    
+    <link href="style.css" type="text/css" rel="stylesheet">
+  </head>
+  <body>
+    <div class="inner">
+      <h1>Discord History Tracker <span>BETA&nbsp;v.1</span></h1>
+      <p>Discord History Tracker is a browser script that lets you locally save chat history in your servers, groups, and private conversations.</p>
+      <p>When the script is active, it will automatically load history of the selected text channel up to the first message, and let you download it for offline viewing in your browser.</p>
+      
+      <img src="img/tracker.png" width="851" class="dht">
+      
+      <h2>How to Save History</h2>
+      <p>Add the following script as a bookmark, or run it in your browser console: <?php include "./build/track.html"; ?></p>
+      <p>Open your <a href="https://discordapp.com/channels/@me">Discord Friends list</a> in a new tab (do not use an already opened one), click the bookmark, and read the additional instructions that explain the limitations and recommendations.</p>
+      <p>Upload your previously saved file if you have any. By default, Discord History Tracker is set to pause tracking after it reaches a previously saved message to avoid unnecessary history loading. You may also set it to load all channels in the server or your friends list by checking <strong>Switch to Next Channel</strong>.</p>
+      <p>Once you have configured everything, click <strong>Start Tracking</strong>, let it run in the background, and download the file when done.</p>
+      
+      <h2>How to View History</h2>
+      <p>To browse the saved text channels, open the <a href="build/viewer.html">Renderer</a> and upload the file. It is recommended to download the renderer and place it next to your saved files, that way you can view your history offline.</p>
+      
+      <h2>External Links</h2>
+      <p class="links">
+        <a href="https://github.com/chylex/Discord-History-Tracker/issues">Issues&nbsp;&amp;&nbsp;Suggestions</a>&nbsp;&nbsp;&mdash;&nbsp;
+        <a href="https://github.com/chylex/Discord-History-Tracker">GitHub&nbsp;Repository</a>&nbsp;&nbsp;&mdash;&nbsp;
+        <a href="https://twitter.com/chylexmc">Follow&nbsp;Dev&nbsp;on&nbsp;Twitter</a>&nbsp;&nbsp;&mdash;&nbsp;
+        <a href="https://www.patreon.com/chylex">Support&nbsp;Development&nbsp;on&nbsp;Patreon</a>
+      </p>
+      
+      <h2>Planned Features</h2>
+      <ul>
+        <li>Message filtering and search</li>
+        <li>Statistics</li>
+        <li><a href="https://github.com/chylex/Discord-History-Tracker/issues">and more...</a></li>
+      </ul>
+      
+      <h2>Disclaimer</h2>
+      <p>Discord History Tracker and the renderer are fully client-side and do not communicate with any servers. If you close your browser while the script is running, all unsaved progress will be lost.</p>
+      <p>Please, do not use this script for large or public servers. The script was made as a convenient way of keeping a local copy of private and group chats, as Discord is currently lacking this functionality.</p>
+      <p>Make sure you are using an up-to-date browser. Internet Explorer and old versions of good browsers are not supported.</p>
+    </div>
+    
+    <script type="text/javascript">
+      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
+      m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
+      ga('create','UA-48632978-5','auto');ga('send','pageview');
+    </script>
+  </body>
+</html>
--- a/web/style.css
+++ b/web/style.css
@ -0,0 +1,69 @@
+body {
+  font-family: Whitney, "Helvetica Neue", Helvetica, Verdana, "Lucida Grande", sans-serif;
+  margin: 0;
+  padding: 0;
+  font-size: 18px;
+  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
+  color: rgba(255, 255, 255, 0.8);
+  background-color: #36393E;
+  box-sizing: border-box;
+  -moz-box-sizing: border-box;
+}
+
+.inner {
+  max-width: 1050px;
+  margin: 0 auto 32px;
+  padding: 0 8px;
+}
+
+p {
+  margin: 12px 0 14px;
+  line-height: 130%;
+}
+
+a {
+  color: #0BA0D9;
+  text-decoration: none;
+}
+
+a:hover {
+  text-decoration: underline;
+}
+
+h1 {
+  margin: 40px 0 16px;
+  font-size: 44px;
+  color: rgba(255, 255, 255, 0.6);
+  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7);
+}
+
+h1 span {
+  font-size: 22px;
+  color: rgba(255, 255, 255, 0.35);
+}
+
+h2 {
+  margin: 36px 0 0;
+  font-size: 32px;
+  color: rgba(255, 255, 255, 0.7);
+  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7);
+}
+
+ul {
+  margin-top: 12px;
+}
+
+.dht {
+  border: 2px dashed rgba(255, 255, 255, 0.35);
+  border-radius: 9px;
+  padding: 3px;
+  max-width: 100%;
+  max-height: auto;
+  box-sizing: border-box;
+  -moz-box-sizing: border-box;
+}
+
+.links {
+  overflow: hidden;
+  text-overflow: ellipsis;
+}