Refactor using Webpack and JSX (#84)

Author: HerveH44

.babelrc

@@ -0,0 +1,9 @@
+{
+    "presets": [
+        "stage-2", "stage-3", "react", ["env", {
+            "targets": {
+                "browsers": ["last 2 versions", "safari >= 7"]
+            }
+        }]
+    ]
+}

.dockerignore

@@ -0,0 +1,4 @@
+data/*
+!data/mws.json
+node_modules
+public/lib

.editorconfig

@@ -6,6 +6,6 @@ end_of_line = lf
 insert_final_newline = true
 trim_trailing_whitespace = true
 
-[*.{js,css,js.default}]
+[*.{js,jsx,css,js.default}]
 indent_size = 2
 indent_style = space

.gitignore

@@ -1,6 +1,7 @@
 *.swp
 .DS_Store
 node_modules
+.vscode
 
 data
 public/out

Dockerfile

@@ -0,0 +1,21 @@
+FROM node:8.4.0-alpine
+ENV NPM_CONFIG_LOGLEVEL warn
+
+# Install "git"
+RUN apk update \
+&& apk add alpine-sdk
+
+# Set working dir as /app
+WORKDIR /app
+
+# Add sources to /app
+ADD . .
+
+# Install the dependencies
+RUN npm install --unsafe-perm
+
+# Publish the port 1337
+EXPOSE 1337
+
+# Run the server
+ENTRYPOINT [ "npm", "start" ]

Makefile

@@ -6,16 +6,23 @@
 It supports all of the features of `drafts.ninja`, and more.
 
 dr4ft is a NodeJS application.<br>
-dr4ft is written in [ES6] and transpiled with [Traceur], and uses [React]
+dr4ft is written in [ES6] and transpiled with [Traceur] and [BabelJS], and uses [React]
 on the client-side.
 
 Bugs or feature requests? Feel free to [open an issue](https://github.com/dr4fters/dr4ft/issues/new).
 
 # Installation
 
-Install NodeJS, then just run `make run`
+Install NodeJS, then just run `npm install && npm start`
 in your terminal and visit [http://localhost:1337](http://localhost:1337).
 
+# Docker
+
+If you want, instead of hosting the server on your system, you can create a dr4ft container.
+
+Just download docker and build the container:<br>`docker build -t dr4ftApp .`
+
+Then run it:<br>`docker run -dp 1337:1337 dr4ftApp`<br> and visit [http://localhost:1337](http://localhost:1337).
 
 <br><br>
 The project is unaffiliated with Wizards of the Coast,

README.md

@@ -0,0 +1,23 @@
+import React from "react"
+
+export const STRINGS = {
+  BRANDING: {
+    SITE_TITLE: ['dr4ft', 'com'].join('.'),
+    SITE_NAME: <span>DR<img src='4.png' alt='4'/>FT</span>,
+    DEFAULT_USERNAME: 'dr4fter',
+    PAYPAL: '',
+  },
+
+  PAGE_SECTIONS: {
+    MOTD: null, // message of the day; can be a React element
+
+    FOOTER:
+      <div>
+        <strong>dr4ft</strong>is a fork of
+        the <code>drafts.ninja</code> arxanas fork of
+        the <code >draft</code> project by aeosynth.
+        Contributions welcome! <a href = 'https://github.com/dr4fters/dr4ft'>
+        https: //github.com/dr4fters/dr4ft</a>
+      </div>
+  }
+}

app.json

@@ -2,9 +2,13 @@
 
 const execSync = require('child_process').execSync
 
-let versionInfo = execSync('git describe --always --long')
-  .toString()
-  .trim()
+var versionInfo = "noVersion"
+try {
+  versionInfo = execSync('git describe --always --long')
+  .toString().trim()
+} catch(err) {
+}
+
 let versionInfoParts = versionInfo.split('-')
 
 const VERSION =
@@ -21,7 +25,7 @@ const VERSION =
   : versionInfo
 
 module.exports = {
-  PORT: 1337,
+  PORT: process.env.PORT || 1337,
   VERSION,
   STRINGS: {
     BRANDING: {