.dockerignore

@@ -0,0 +1,19 @@
+# node stuff
+node_modules
+npm-debug.log
+
+# big files
+**/*.xcf
+**/*.bundle.js
+
+# docker stuff
+Dockerfile
+.dockerignore
+docker-compose.yml
+
+# container volumes
+src
+views
+public_html
+inc
+server.coffee

.gitignore

@@ -1,3 +1 @@
-**/node_modules
+**/*.bundle.js
-**/fftcg.db
-**/org.vue.*.json

Dockerfile

@@ -0,0 +1,16 @@
+FROM node:latest
+
+# some dir for our code
+WORKDIR /app
+# container port
+EXPOSE 3000
+
+# install dependencies
+COPY package*.json .
+RUN  yarn
+
+# copy code
+COPY . .
+
+# this is how we start
+CMD  ["yarn", "start"]

Makefile

@@ -1,40 +0,0 @@
-COMPOSE:=docker-compose
-
-ifeq ($(shell which $(COMPOSE) > /dev/null; echo $$?),0)
-  # prefer system's docker-compose
-else ifeq ($(shell which pipenv > /dev/null; echo $$?),0)
-  # fallback to pipenv
-  COMPOSE:=$(shell pipenv run which $(COMPOSE))
-	$(info found compose as $(COMPOSE))
-else
-  $(error compose not found, please install)
-endif
-
-# need root privileges?
-PRIVGROUP:=docker
-ifneq ($(findstring $(PRIVGROUP),$(shell groups)),$(PRIVGROUP))
-	$(info need to run compose as root)
-  COMPOSE:=sudo $(COMPOSE)
-endif
-
-CANARY:=node_modules/.yarn-integrity
-
-.PHONY: all
-all: develop
-
-%/$(CANARY):
-	$(eval image:=$(patsubst %/$(CANARY),%,$@))
-	$(COMPOSE) build --pull $(image)
-	$(COMPOSE) run --rm $(image) yarn install --production=false
-
-DFILES:=$(wildcard */Dockerfile)
-IMAGES:=$(patsubst %/Dockerfile,%,$(DFILES))
-
-.PHONY: develop
-develop: $(patsubst %,%/$(CANARY),$(IMAGES))
-	$(COMPOSE) up
-
-.PHONY: production
-production:
-	$(COMPOSE) -f docker-compose.yml -f docker-compose.prod.yml build
-	$(COMPOSE) -f docker-compose.yml -f docker-compose.prod.yml up -d

backend/.dockerignore

@@ -1,7 +0,0 @@
-# node stuff
-node_modules
-npm-debug.log
-
-# Docker stuff
-Dockerfile
-.dockerignore

backend/.eslintrc.js

@@ -1,8 +0,0 @@
-module.exports = {
-    "extends": ["plugin:@fellow/coffee/recommended"],
-    "plugins": ["@fellow/coffee"],
-    "rules": {
-      "@fellow/coffee/indentation": ["error", { "value": 2 }],
-      "@fellow/coffee/colon-assignment-spacing": "off"
-    }
-};

backend/Dockerfile

@@ -1,22 +0,0 @@
-FROM node:lts AS dev
-ENV NODE_ENV development
-# some dir for our code
-WORKDIR /app
-# mount code
-VOLUME  ["/app"]
-# this is how we start
-CMD  [ "yarn", "dev" ]
-
-
-FROM node:lts AS prod
-ENV NODE_ENV production
-# some dir for our code
-WORKDIR /app
-# install dependencies
-COPY package*.json yarn*.lock ./
-RUN  yarn --production
-# copy code
-COPY . .
-USER node
-# this is how we start
-CMD  [ "yarn", "start" ]

backend/db.coffee

@@ -1,271 +0,0 @@
-# node libraries
-bcrypt = (require 'bcrypt')
-logger = (require 'logging').default 'db'
-path = (require 'path')
-sqlite3 = (require 'sqlite3').verbose()
-
-# bruteforce countermeasure
-saltRounds = 13
-
-messages =
-  empty:    'Empty user name or password'
-  hash:     'Failed to process your data, try again later'
-  exists:   'User name is already taken'
-  noexists: 'Wrong user name or password'
-  password: 'Wrong user name or password'
-  db:       'Failed to access the database, try again later'
-
-class FFTCGDB
-  constructor: (filename, truncate) ->
-    @db = new sqlite3.Database filename, (err) =>
-      if err
-        logger.error err.message
-
-      else
-        logger.info "OK opened '#{filename}'"
-
-        @db.run 'PRAGMA foreign_keys = ON;', (err) =>
-          logger.error err.message if err
-
-          if truncate == true
-            @db.run 'DROP TABLE IF EXISTS users;', (err) =>
-              logger.error err.message if err
-              @db.run '''
-              CREATE TABLE users (
-                user integer PRIMARY KEY,
-                login text NOT NULL COLLATE NOCASE,
-                pwdhash text NOT NULL,
-                settings text,
-                UNIQUE(login)
-              );
-              ''', (err) =>
-                logger.error err.message if err
-
-                @db.run 'DROP TABLE IF EXISTS decks;', (err) =>
-                  logger.error err.message if err
-                  @db.run '''
-                  CREATE TABLE decks (
-                    deck integer PRIMARY KEY,
-                    user integer NOT NULL,
-                    json text,
-                    FOREIGN KEY (user) REFERENCES users (user)
-                      ON DELETE CASCADE
-                  );
-                  ''', (err) =>
-                    logger.error err.message if err
-
-                    @db.run '''
-                    INSERT INTO users VALUES (1,'jmm','$2b$13$jgDdHHDWqq1RV6PXxf7aOO6AbxqY6tbxIADyIO0FeXt2BlKQCCMzS',NULL);
-                    '''
-                    @db.run '''
-                    INSERT INTO decks VALUES (1,1,'{
-                      "name":"Antipode Bomb Version 6.0",
-                      "note":"As Seen In Tournament: The North American Water Cup",
-                      "cards":[
-                        {"count":1,"serial":"1-192"},{"count":2,"serial":"7-132"},{"count":2,"serial":"8-037"},
-                        {"count":2,"serial":"8-139"},{"count":1,"serial":"5-036"},{"count":3,"serial":"4-048"},
-                        {"count":1,"serial":"2-026"},{"count":3,"serial":"8-043"},{"count":3,"serial":"4-021"},
-                        {"count":3,"serial":"3-033"},{"count":1,"serial":"8-014"},{"count":2,"serial":"8-006"},
-                        {"count":1,"serial":"8-042"},{"count":1,"serial":"6-027"},{"count":3,"serial":"5-019"},
-                        {"count":2,"serial":"2-019"},{"count":2,"serial":"5-032"},{"count":3,"serial":"4-026"},
-                        {"count":3,"serial":"1-057"},{"count":1,"serial":"1-048"},{"count":2,"serial":"8-036"},
-                        {"count":3,"serial":"8-005"},{"count":3,"serial":"2-005"},{"count":1,"serial":"7-017"},
-                        {"count":1,"serial":"8-007"}
-                      ]
-                    }');
-                    '''
-
-            logger.info 'OK clear'
-
-  close: ->
-    logger.debug 'shutting down'
-    new Promise (resolve, reject) =>
-      @db.close (err) ->
-        if err
-          logger.error "FAIL '#{err.message}'"
-          reject null
-        else
-          logger.info  "OK closed"
-          resolve null
-
-  validate: (login, password) ->
-    defined = (value) -> value? and value isnt ''
-
-    new Promise (resolve, reject) ->
-      if (defined login) and (defined password)
-        # both are defined
-        resolve null
-      else
-        # no user name or password given
-        logger.info "validate: FAIL empty '#{login}' or password"
-        reject null
-
-  register: (login, password) ->
-    new Promise (resolve, reject) =>
-      # validate user input
-      @validate login, password
-      .then =>
-        # hash password
-        bcrypt.hash password, saltRounds, (err, hash) =>
-          if err
-            logger.warn "reg: FAIL hash for '#{login}'"
-            reject messages.hash
-
-          else
-            # try creating row in users table
-            stmt = @db.prepare '''
-            INSERT INTO users (login, pwdhash)
-            VALUES (?, ?)
-            '''
-            stmt.run [login, hash], (err) ->
-              stmt.finalize()
-              if err
-                logger.warn "reg: FAIL db '#{err.code}' for '#{login}'"
-                # user already exists
-                reject messages.exists
-
-              else
-                logger.info "reg: OK '#{login}'"
-                # registration successful
-                resolve null
-
-      .catch ->
-        reject messages.empty
-
-  login: (login, password) ->
-    new Promise (resolve, reject) =>
-      # validate user input
-      @validate login, password
-      .then =>
-        # get users table row
-        stmt = @db.prepare '''
-        SELECT *
-        FROM users
-        WHERE login = ?
-        '''
-        stmt.get [login], (err, row) ->
-          stmt.finalize()
-          if err
-            logger.warn "login: FAIL db '#{err.code}' for '#{login}'"
-            reject messages.db
-
-          else if not row
-            # hash the password for timing attack reasons
-            bcrypt.hash password, saltRounds, (err, hash) ->
-              logger.debug "login: FAIL nonexistent '#{login}'"
-              reject messages.noexists # user doesnt exist
-
-          else
-            bcrypt.compare password, row.pwdhash, (err, res) ->
-              if err
-                logger.warn "login: FAIL hash for '#{login}'"
-                reject messages.hash
-
-              if res == true
-                logger.debug "login: OK '#{row.login}'"
-                # login successful
-                resolve row.user
-
-              else
-                logger.debug "login: FAIL password for '#{login}'"
-                reject messages.password # login failed
-
-      .catch ->
-        reject messages.empty
-
-  getUser: (userID) ->
-    new Promise (resolve, reject) =>
-      # get users table row
-      stmt = @db.prepare '''
-      SELECT *
-      FROM users
-      WHERE user = ?
-      '''
-      stmt.get [userID], (err, row) ->
-        stmt.finalize()
-        if err
-          logger.warn "get: FAIL db '#{err.code}' for '#{userID}'"
-          reject messages.db
-
-        else if not row
-          logger.debug "get: FAIL nonexistent '#{userID}'"
-          reject messages.noexists # user doesnt exist
-
-        else
-          resolve
-            user: row.user
-            login: row.login
-            settings: row.settings
-
-  addDeck: (userID, deckCards) ->
-    new Promise (resolve, reject) =>
-      # try creating row in decks table
-      stmt = @db.prepare '''
-      INSERT INTO decks (user, json)
-      VALUES (?, ?)
-      '''
-      stmt.run [userID, (JSON.stringify deckCards)], (err) ->
-        stmt.finalize()
-        if err
-          logger.warn "addDeck: FAIL db '#{err.code}' for '#{userID}'"
-          reject messages.db
-
-        else
-          # eslint-disable-next-line @fellow/coffee/missing-fat-arrows
-          logger.debug "addDeck: OK '#{@lastID}'"
-          resolve @lastID
-
-  modDeck: (userID, deckID, deckCards) ->
-    new Promise (resolve, reject) =>
-      stmt = @db.prepare '''
-      UPDATE decks
-      SET json = ?
-      WHERE deck = ? AND user = ?
-      '''
-      stmt.run [(JSON.stringify deckCards), deckID, userID], (err) ->
-        stmt.finalize()
-        isUnchanged =
-        if err
-          logger.warn "modDeck: FAIL db '#{err.code}' for '#{deckID}'"
-          reject messages.db
-        # eslint-disable-next-line
-        else if @changes == 0
-          logger.warn "no changes for input (#{userID}, #{deckID}, #{JSON.stringify deckCards})!"
-          reject messages.db
-        else
-          resolve deckID
-
-  getDecks: (userID) ->
-    new Promise (resolve, reject) =>
-      stmt = @db.prepare '''
-      SELECT decks.deck, decks.json
-      FROM decks
-        INNER JOIN users ON decks.user = users.user
-      WHERE users.user = ?
-      '''
-      stmt.all [userID], (err, rows) ->
-        stmt.finalize()
-        if err
-          logger.warn "getDecks: FAIL db '#{err.code}' for '#{userID}'"
-          reject messages.db
-        else
-          logger.debug "getDecks: OK '#{userID}'"
-          resolve (id: row.deck, content: JSON.parse row.json for row, i in rows)
-
-  delDeck: (userID, deckID) ->
-    new Promise (resolve, reject) =>
-      stmt = @db.prepare '''
-      DELETE FROM decks
-      WHERE deck = ? AND user = ?
-      '''
-      stmt.run [deckID, userID], (err) ->
-        stmt.finalize()
-        if err
-          logger.warn "delDeck: FAIL db '#{err.code}' for '#{deckID}'"
-          reject messages.db
-        else
-          logger.debug "delDeck: OK '#{deckID}'"
-          resolve deckID
-
-
-module.exports = new FFTCGDB path.resolve(__dirname, 'fftcg.db'), true

backend/package.json

@@ -1,30 +0,0 @@
-{
-  "name": "node-fftcg",
-  "version": "0.0.3",
-  "description": "FFTCG online using Socket.IO and CraftyJS on Node.js on Docker",
-  "author": "JMM <jmm@yavook.de>",
-  "main": "server.coffee",
-  "private": true,
-  "license": "UNLICENSED",
-  "scripts": {
-    "start": "coffee server.coffee",
-    "dev": "nodemon server.coffee --exec 'yarn lint && yarn start'",
-    "lint": "eslint $(find . -name node_modules -prune -o \\( -type f -iname '*.coffee' -print \\))",
-    "test": "echo \"Error: no test specified\" && exit 1"
-  },
-  "devDependencies": {
-    "@fellow/eslint-plugin-coffee": "^0.4.13",
-    "eslint": "^5.16.0",
-    "nodemon": "^1.19.0"
-  },
-  "dependencies": {
-    "bcrypt": "^3.0.6",
-    "coffeescript": "^2.4.1",
-    "fastify": "^2.3.0",
-    "fastify-cors": "^2.1.3",
-    "fastify-ws": "^1.0.1",
-    "logging": "^3.2.0",
-    "redis": "^2.8.0",
-    "sqlite3": "^4.0.4"
-  }
-}

backend/routes/decks/add.coffee

@@ -1,34 +0,0 @@
-logger = (require 'logging').default '/decks/add'
-
-# session storage (volatile data)
-session = (require '../../session')
-# fftcg.db (persistent data)
-fftcgdb = (require '../../db')
-
-module.exports =
-  url: '/decks/add'
-  method: 'POST'
-  # schema: (require './modify.schema')
-
-  handler: (request, reply) ->
-    session.check request.body.session ? ""
-    .then (userid) ->
-      # active session found, get associated user
-      fftcgdb.addDeck (userid), (request.body.deckCards)
-      .then (deckID) ->
-        logger.info "OK user '#{userid}' added deck '#{deckID}'"
-        reply.send
-          success: true
-          deck: deckID
-
-      .catch (err) ->
-        # couldnt get user details
-        logger.warn "FAIL '#{err}' for user id '#{userid}'"
-        reply.send
-          success: false
-
-    .catch ->
-      # no session found
-      logger.info "FAIL '#{request.body.session}' session not found"
-      reply.send
-        success: false

backend/routes/decks/delete.coffee

@@ -1,34 +0,0 @@
-logger = (require 'logging').default '/decks/delete'
-
-# session storage (volatile data)
-session = (require '../../session')
-# fftcg.db (persistent data)
-fftcgdb = (require '../../db')
-
-module.exports =
-  url: '/decks/delete'
-  method: 'POST'
-  # schema: (require './modify.schema')
-
-  handler: (request, reply) ->
-    session.check request.body.session ? ""
-    .then (userid) ->
-      # active session found, get associated user
-      fftcgdb.delDeck (userid), (request.body.deckID)
-      .then (deckID) ->
-        logger.info "OK user '#{userid}' deleted deck '#{deckID}'"
-        reply.send
-          success: true
-          deck: deckID
-
-      .catch (err) ->
-        # couldnt get user details
-        logger.warn "FAIL '#{err}' for user id '#{userid}'"
-        reply.send
-          success: false
-
-    .catch ->
-      # no session found
-      logger.info "FAIL '#{request.body.session}' session not found"
-      reply.send
-        success: false

backend/routes/decks/list.coffee

@@ -1,34 +0,0 @@
-logger = (require 'logging').default '/decks/list'
-
-# session storage (volatile data)
-session = (require '../../session')
-# fftcg.db (persistent data)
-fftcgdb = (require '../../db')
-
-module.exports =
-  url: '/decks/list'
-  method: 'POST'
-  # schema: (require './info.schema')
-
-  handler: (request, reply) ->
-    session.check request.body.session ? ""
-    .then (userid) ->
-      # active session found, get associated user
-      fftcgdb.getDecks (userid)
-      .then (decks) ->
-        logger.debug "OK '#{userid}' got decks"
-        reply.send
-          success: true
-          decks: decks
-
-      .catch (err) ->
-        # couldnt get user details
-        logger.warn "FAIL '#{err}' for user id '#{userid}'"
-        reply.send
-          success: false
-
-    .catch ->
-      # no session found
-      logger.info "FAIL '#{request.body.session}' session not found"
-      reply.send
-        success: false

backend/routes/decks/modify.coffee

@@ -1,34 +0,0 @@
-logger = (require 'logging').default '/decks/modify'
-
-# session storage (volatile data)
-session = (require '../../session')
-# fftcg.db (persistent data)
-fftcgdb = (require '../../db')
-
-module.exports =
-  url: '/decks/modify'
-  method: 'POST'
-  # schema: (require './modify.schema')
-
-  handler: (request, reply) ->
-    session.check request.body.session ? ""
-    .then (userid) ->
-      # active session found, get associated user
-      fftcgdb.modDeck (userid), (request.body.deckID), (request.body.deckCards)
-      .then (deckID) ->
-        logger.info "OK user '#{userid}' modified deck '#{deckID}'"
-        reply.send
-          success: true
-          deck: deckID
-
-      .catch (err) ->
-        # couldnt get user details
-        logger.warn "FAIL '#{err}' for user id '#{userid}'"
-        reply.send
-          success: false
-
-    .catch ->
-      # no session found
-      logger.info "FAIL '#{request.body.session}' session not found"
-      reply.send
-        success: false

backend/routes/games/list.coffee

@@ -1,26 +0,0 @@
-logger = (require 'logging').default '/games/list'
-
-# session storage (volatile data)
-session = (require '../../session')
-
-module.exports =
-  url: '/games/list'
-  method: 'POST'
-  # schema: (require './info.schema')
-
-  handler: (request, reply) ->
-    session.check request.body.session ? ""
-    .then (userid) ->
-      # active session found, get associated user
-      session.getGames()
-      .then (games) ->
-        logger.debug "OK '#{userid}' got games"
-        reply.send
-          success: true
-          games: games
-
-    .catch ->
-      # no session found
-      logger.info "FAIL '#{request.body.session}' session not found"
-      reply.send
-        success: false

backend/routes/test.coffee

@@ -1,12 +0,0 @@
-module.exports =
-  url: '/test'
-  method: 'POST'
-  handler: (request, reply) ->
-    logger.info 'Cookies', request.cookies
-    logger.info 'Body', request.body
-    logger.info 'Query', request.query
-    logger.info 'Params', request.params
-
-    reply.setCookie 'foo', 'foo'
-    reply.send
-      hello: 'world'

backend/routes/user/info.coffee

@@ -1,34 +0,0 @@
-logger = (require 'logging').default '/user/info'
-
-# session storage (volatile data)
-session = (require '../../session')
-# fftcg.db (persistent data)
-fftcgdb = (require '../../db')
-
-module.exports =
-  url: '/user/info'
-  method: 'POST'
-  schema: (require './info.schema')
-
-  handler: (request, reply) ->
-    session.check request.body.session ? ""
-    .then (userid) ->
-      # active session found, get associated user
-      fftcgdb.getUser (userid)
-      .then (user) ->
-        logger.debug "OK '#{user.login}' got info"
-        reply.send
-          success: true
-          user: user
-
-      .catch (err) ->
-        # couldnt get user details
-        logger.warn "FAIL '#{err}' for user id '#{userid}'"
-        reply.send
-          success: false
-
-    .catch ->
-      # no session found
-      logger.info "FAIL '#{request.body.session}' session not found"
-      reply.send
-        success: false

backend/routes/user/info.schema.coffee

@@ -1,24 +0,0 @@
-module.exports =
-  body:
-    session:  type: 'string'
-  response:
-    200:
-      type: 'object'
-      required: ['success']
-      properties:
-        success: type: 'boolean'
-        user:
-          type: 'object'
-          required: ['user', 'login', 'settings']
-          properties:
-            user:     type: 'integer'
-            login:    type: 'string'
-            settings: type: 'string'
-      # user is required iff success
-      if:
-        properties:
-          success:
-            const: true
-      then:
-        required: ['user']
-      else: true

backend/routes/user/login.coffee

@@ -1,41 +0,0 @@
-logger = (require 'logging').default '/user/login'
-
-# session storage (volatile data)
-session = (require '../../session')
-# fftcg.db (persistent data)
-fftcgdb = (require '../../db')
-
-module.exports =
-  url: '/user/login'
-  method: 'POST'
-  schema: (require './user.schema')
-
-  handler: (request, reply) ->
-    new Promise (resolve) ->
-      session.check request.body.session ? ""
-      .then (user) ->
-        # active session found
-        logger.debug "OK '#{user.login}' resumed session '#{request.body.session}'"
-        resolve request.body.session
-
-      .catch ->
-        fftcgdb.login request.body.login, request.body.password
-        .then (user) ->
-          # login successful: start new session
-          logger.info "OK '#{request.body.login}'"
-          session.start user
-          .then (cookie_data) ->
-            resolve cookie_data
-
-        .catch (err) ->
-          # login failed
-          logger.info "FAIL '#{request.body.login}: #{err}'"
-          reply.send
-            success: false
-            message: err
-
-    .then (cookie_data) ->
-      # login or resume successful
-      reply.send
-        success: true
-        message: JSON.stringify cookie_data

backend/routes/user/logout.coffee

@@ -1,24 +0,0 @@
-logger = (require 'logging').default '/user/logout'
-
-# session storage (volatile data)
-session = (require '../../session')
-
-module.exports =
-  url: '/user/logout'
-  method: 'POST'
-  schema: (require './logout.schema')
-
-  handler: (request, reply) ->
-    new Promise (resolve) ->
-      session.destroy request.body.session ? ""
-      .then ->
-        # active session found
-        logger.debug "OK removed session '#{request.body.session}'"
-        resolve null
-
-      .catch ->
-        resolve null
-
-    .then ->
-      reply.send
-        success: true

backend/routes/user/logout.schema.coffee

@@ -1,11 +0,0 @@
-module.exports =
-  body:
-    session:  type: 'string'
-  response:
-    200:
-      type: 'object'
-      required: ['success']
-      properties:
-        success:
-          type: 'boolean'
-          const: true

backend/routes/user/register.coffee

@@ -1,22 +0,0 @@
-logger = (require 'logging').default '/user/register'
-
-# fftcg.db (persistent data)
-fftcgdb = (require '../../db')
-
-module.exports =
-  url: '/user/register'
-  method: 'POST'
-  schema: (require './user.schema')
-
-  handler: (request, reply) ->
-    fftcgdb.register(request.body.login, request.body.password)
-    .then ->
-      logger.info "OK '#{request.body.login}'"
-      reply.send
-        success: true
-
-    .catch (err) ->
-      logger.debug "FAIL '#{request.body.login}'"
-      reply.send
-        success: false
-        message: err

backend/routes/user/user.schema.coffee

@@ -1,21 +0,0 @@
-module.exports =
-  body:
-    session:  type: 'string'
-    login:    type: 'string'
-    password: type: 'string'
-
-  response:
-    200:
-      type: 'object'
-      required: ['success']
-      properties:
-        success:  type: 'boolean'
-        message:  type: 'string'
-      # message is required iff not success
-      if:
-        properties:
-          success:
-            const: false
-      then:
-        required: ['message']
-      else: true

backend/server.coffee

@@ -1,65 +0,0 @@
-# node libraries
-# (require 'debug').enable 'FFTCG'
-logger = (require 'logging').default 'FFTCG'
-fastify = (require 'fastify')
-  logger: level: 'warn'
-
-# fastify and plugin framework
-fastify.register (require 'fastify-ws'), library: 'uws'
-fastify.register (require 'fastify-cors')
-
-# API routes
-fastify.route (require "./routes/#{route}") for route in [
-  # test route
-  'test'
-  # log in user
-  'user/login'
-  # user info
-  'user/info'
-  # log out user
-  'user/logout'
-  # register user
-  'user/register'
-  # list decks
-  'decks/list'
-  # add deck
-  'decks/add'
-  # modify deck
-  'decks/modify'
-  # delete deck
-  'decks/delete'
-  # list games
-  'games/list'
-]
-
-# request logging
-fastify.addHook 'onRequest', (req, res, next) ->
-  logger.debug 'requested', req.url
-  next()
-
-# finalize loadup
-fastify.ready()
-  .then ->
-    # create websocket on successful load
-    socket = (require './socket')
-    fastify.ws.on 'connection', socket
-
-  .catch (err) ->
-    # abort on load failure
-    logger.error err
-    process.exit 1
-
-# start server
-fastify.listen 3001, '0.0.0.0'
-  .catch (err) ->
-    logger.error err
-
-# Handle termination
-process.on 'SIGUSR2', ->
-  (require './db').close()
-  .then ->
-    logger.info 'shutting down normally after SIGINT'
-  .catch ->
-    logger.info 'error shutting down after SIGINT'
-  .finally ->
-    process.exit()

backend/session.coffee

@@ -1,171 +0,0 @@
-# node libraries
-redis = (require 'redis')
-crypto = (require 'crypto')
-logger = (require 'logging').default 'session'
-
-# expiry times in days
-EXPIRY =
-  # games expire 1 week after creation
-  game:    7
-  # logins expire 1 month after last action
-  login:   30
-
-
-class FFTCGSESSION
-  constructor: ->
-    @redis = redis.createClient
-      host: 'redis'
-      port: 6379
-
-    @redis.on 'error', (err) ->
-      logger.error err.message
-
-  sessionKey: (digest) -> "session.#{digest}"
-  gameKey: (digest) -> "game.#{digest}"
-
-  start: (userid) ->
-    new Promise (resolve) =>
-      # hash userid
-      hmac = crypto.createHmac 'sha256', Math.random().toString()
-      hmac.update userid.toString()
-      digest = hmac.digest 'base64'
-
-      # push (hash, userid) into DB for the configured timespan
-      @redis.setex (@sessionKey digest), EXPIRY.login * 86400, userid, =>
-        logger.info "OK '#{@sessionKey digest}' created"
-        # return cookie data
-        resolve
-          value:  digest
-          properties:
-            expires:  EXPIRY.login
-
-  destroy: (digest) ->
-    new Promise (resolve, reject) =>
-      # delete hash immediately
-      @redis.del (@sessionKey digest), (err, res) =>
-        if res == 0
-          reject null
-        else
-          logger.info "OK '#{@sessionKey digest}' deleted"
-          resolve null
-
-  check: (digest) ->
-    new Promise (resolve, reject) =>
-      # refresh expiry timer on digest
-      @redis.expire (@sessionKey digest), EXPIRY.login * 86400, (err, res) =>
-        if res == 0
-          reject null
-
-        else
-          @redis.get (@sessionKey digest), (err, res) =>
-            logger.debug "OK '#{@sessionKey digest}' resumed"
-            resolve res
-
-  newGame: (userid) ->
-    new Promise (resolve, reject) =>
-      # generate hash
-      hmac = crypto.createHmac 'sha256', Math.random().toString()
-      hmac.update userid.toString()
-      digest = hmac.digest 'base64'
-
-      # insert game key
-      @redis.hsetnx (@gameKey digest), 'owner', userid, (err, res) =>
-        if res == 0
-          @redis.del (@gameKey digest)
-          reject null
-
-        else
-          @redis.expire (@gameKey digest), EXPIRY.game * 86400, (err, res) =>
-            if res == 0
-              @redis.del (@gameKey digest)
-              reject null
-
-            else
-              # add game to active set
-              @redis.sadd (@gameKey 'active'), (@gameKey digest), (err, res) =>
-                # return game ID
-                logger.info "OK '#{@gameKey digest}' created"
-                resolve digest
-
-  getGames: ->
-    new Promise (resolve) =>
-      # function to return all active gameKeys
-      activeGameKeys = (set, cursor) =>
-        # start iteration
-        set ?= new Set()
-        cursor ?= '0'
-
-        return new Promise (resolve, reject) =>
-          # scan "active" gameKey
-          @redis.sscan (@gameKey 'active'), cursor, 'COUNT', '100', (err, res) ->
-            if err
-              reject null
-
-            # add to results set
-            cursor = res[0]
-            for key in res[1]
-              set.add key
-
-            if cursor == '0'
-              # done on cursor = 0
-              resolve set
-            else
-              # recursive call (resolve one step deeper)
-              allGames set, cursor
-              .then (set) ->
-                resolve set
-
-      activeGameKeys()
-      .then (set) =>
-        activeGames = []
-
-        for key in Array.from set
-          activeGames.push new Promise (resolve) =>
-            @redis.hget key, 'owner', (err, res) ->
-              if(err)
-                resolve null
-
-              resolve res
-
-        Promise.all activeGames
-        .then (activeGames) ->
-          resolve activeGames
-
-
-  joinGame: (digest, userid) ->
-    new Promise (resolve, reject) =>
-      # refresh expiry timer on digest
-      @redis.expire (@gameKey digest), EXPIRY.game * 86400, (err, res) =>
-        if res == 0
-          reject null
-
-        else
-          # insert opponent value
-          @redis.hsetnx (@gameKey digest), 'opponent', userid, (err, res) =>
-            if res == 0
-              reject null
-
-            else
-              # return game ID
-              logger.info "OK '#{@gameKey digest}' joined"
-              resolve digest
-
-  updateGame: (digest, state) ->
-    new Promise (resolve, reject) =>
-      # refresh expiry timer on digest
-      @redis.expire (@gameKey digest), EXPIRY.game * 86400, (err, res) =>
-        if res == 0
-          reject null
-
-        else
-          # update state value
-          @redis.hset (@gameKey digest), 'state', (JSON.stringify state), (err, res) =>
-            if res == 0
-              reject null
-
-            else
-              # return game ID
-              logger.info "OK '#{@gameKey digest}' updated"
-              resolve digest
-
-module.exports = new FFTCGSESSION

backend/socket.coffee

@@ -1,42 +0,0 @@
-# node libraries
-path = (require 'path')
-logger = (require 'logging').default 'socket'
-
-# my libraries
-
-module.exports = (socket) ->
-  logger.info 'OK connect'
-
-  socket.on 'message', (msg) ->
-    # echo server
-    logger.info "OK received '#{msg}'"
-    socket.send "Re: #{msg}"
-
-  socket.on 'close', ->
-    logger.info 'OK disconnect'
-
-# FFTCGSOCKET = (http, session) ->
-#   that = @
-#
-#   # create server socket
-#   @io = socketio http
-#   @io.use session
-#
-#   # on new connection
-#   @io.on 'connection', (socket) ->
-#     @session = socket.handshake.session
-#     logger.debug "session '#{@session.id}' connected"
-#     logger.debug "is user '#{@session.userID}'" if @session.userID
-#
-#     socket.on 'disconnect', ->
-#       logger.debug "session '#{that.session.id}' disconnected"
-#       logger.debug "is user '#{that.session.userID}'" if that.session.userID
-#
-#   return
-#
-#
-# FFTCGSOCKET::close = ->
-#   logger.info 'shutting down'
-#
-#
-# module.exports = FFTCGSOCKET

backend/tmpfront/index.html

@@ -1,38 +0,0 @@
-<!DOCTYPE html>
-<html lang="de" dir="ltr">
-  <head>
-    <meta charset="utf-8">
-    <title></title>
-  </head>
-  <body>
-    Hello World
-    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
-    <script type="text/javascript">
-      const host = location.origin.replace(/^http/, 'ws')
-      const ws = new WebSocket(host)
-      ws.onmessage = msg => console.log(msg.data)
-
-      ws.onopen = () => {
-        console.log('Hai')
-        ws.send('Ping') // Send the message 'Ping' to the server
-      }
-
-      axios.post('/user/register',{
-          login: 'jmm',
-          password: '123'
-        })
-        .then( (response) => {
-          console.log('register', response)
-        })
-
-      axios.post('/user/login',{
-          login: 'jmm',
-          password: '123'
-        })
-        .then( (response) => {
-          console.log('login', response)
-          console.log('cookie', document.cookie)
-        })
-    </script>
-  </body>
-</html>

docker-compose.override.yml

@@ -1,24 +0,0 @@
-version: "2.3"
-
-services:
-
-  redis:
-    restart: "no"
-
-  backend:
-    build:
-      target: dev
-    restart: "no"
-    volumes:
-      - "./backend:/app"
-
-  frontend:
-    build:
-      target: dev
-    restart: "no"
-    volumes:
-      - "./frontend:/app"
-      - "./frontend/.vue-cli-ui:/root/.vue-cli-ui"
-    ports:
-      - "3000:3000"
-      - "8080:8080"

docker-compose.prod.yml

@@ -1,16 +0,0 @@
-version: "2.3"
-
-services:
-
-  redis:
-    restart: unless-stopped
-
-  backend:
-    build:
-      target: prod
-    restart: unless-stopped
-
-  frontend:
-    build:
-      target: prod
-    restart: unless-stopped

docker-compose.yml

@@ -1,16 +1,20 @@
-version: "2.3"
+version: "2"
 
 services:
+  fftcg:
+    build: .
+    command: "yarn debug"
+    restart: "no"
+    volumes:
+      - "${PWD}/src:/app/src"
+      - "${PWD}/views:/app/views:ro"
+      - "${PWD}/public_html:/app/public_html"
+      - "${PWD}/inc:/app/inc:ro"
+      - "${PWD}/server.coffee:/app/server.coffee:ro"
+      # - "${PWD}/fftcg.db:/app/fftcg.db"
+    ports:
+      - "3000:3000"
 
   redis:
     image: redis:alpine
-
+    restart: "no"
-  backend:
-    build:
-      context: ./backend
-    ports:
-      - "3001:3001"
-
-  frontend:
-    build:
-      context: ./frontend

frontend/.browserslistrc

@@ -1,3 +0,0 @@
-> 1%
-last 2 versions
-not ie <= 8

frontend/.eslintrc.js

@@ -1,14 +0,0 @@
-module.exports = {
-  root: true,
-  env: {
-    node: true
-  },
-  extends: ['plugin:vue/essential', '@vue/prettier'],
-  rules: {
-    'no-console': process.env.NODE_ENV === 'production' ? 'error' : 'off',
-    'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off'
-  },
-  parserOptions: {
-    parser: 'babel-eslint'
-  }
-}

frontend/.gitignore

@@ -1,21 +0,0 @@
-.DS_Store
-node_modules
-/dist
-
-# local env files
-.env.local
-.env.*.local
-
-# Log files
-npm-debug.log*
-yarn-debug.log*
-yarn-error.log*
-
-# Editor directories and files
-.idea
-.vscode
-*.suo
-*.ntvs*
-*.njsproj
-*.sln
-*.sw*

frontend/.prettierrc

@@ -1,5 +0,0 @@
-# .prettierrc
-# trailingComma: "es5"
-tabWidth: 2
-semi: false
-singleQuote: true

frontend/.vue-cli-ui/db.json

@@ -1,54 +0,0 @@
-{
-  "projects": [
-    {
-      "id": "SdPO5j8y6",
-      "path": "/app",
-      "favorite": 1,
-      "type": "vue",
-      "name": "frontend",
-      "openDate": 1557166583987,
-      "widgets": [
-        {
-          "id": "5sGiztidd",
-          "definitionId": "org.vue.widgets.run-task",
-          "x": 0,
-          "y": 0,
-          "width": 2,
-          "height": 1,
-          "config": {
-            "task": "/app:serve"
-          },
-          "configured": true
-        },
-        {
-          "id": "SyF7UHhrK",
-          "definitionId": "org.vue.widgets.run-task",
-          "x": 0,
-          "y": 1,
-          "width": 2,
-          "height": 1,
-          "config": {
-            "task": "/app:lint"
-          },
-          "configured": true
-        }
-      ]
-    }
-  ],
-  "foldersFavorite": [],
-  "tasks": [
-    {
-      "id": "/app:serve",
-      "answers": {
-        "open": false,
-        "mode": "development",
-        "host": "0.0.0.0",
-        "port": "3000",
-        "https": false
-      }
-    }
-  ],
-  "config": {
-    "lastOpenProject": "SdPO5j8y6"
-  }
-}

frontend/Dockerfile

@@ -1,21 +0,0 @@
-FROM node:lts AS dev
-# some dir for our code
-WORKDIR /app
-RUN yarn global add @vue/cli @vue/cli-service-global
-# mount code
-VOLUME  ["/app"]
-# this is how we start
-CMD  [ "vue", "ui", "--host", "0.0.0.0", "--port", "8080" ]
-
-FROM node:lts AS build
-# some dir for our code
-WORKDIR /app
-# install dependencies
-COPY package*.json yarn*.lock ./
-RUN  yarn --production=false
-# copy code
-COPY . .
-RUN  yarn build
-
-FROM nginx:stable-alpine AS prod
-COPY --from=build /app/dist /usr/share/nginx/html

frontend/README.md

@@ -1,34 +0,0 @@
-# frontend
-
-## Project setup
-```
-yarn install
-```
-
-### Compiles and hot-reloads for development
-```
-yarn run serve
-```
-
-### Compiles and minifies for production
-```
-yarn run build
-```
-
-### Run your tests
-```
-yarn run test
-```
-
-### Lints and fixes files
-```
-yarn run lint
-```
-
-### Run your unit tests
-```
-yarn run test:unit
-```
-
-### Customize configuration
-See [Configuration Reference](https://cli.vuejs.org/config/).

frontend/babel.config.js

@@ -1,3 +0,0 @@
-module.exports = {
-  presets: ['@vue/app']
-}

frontend/jest.config.js

@@ -1,17 +0,0 @@
-module.exports = {
-  moduleFileExtensions: ['js', 'jsx', 'json', 'vue'],
-  transform: {
-    '^.+\\.vue$': 'vue-jest',
-    '.+\\.(css|styl|less|sass|scss|svg|png|jpg|ttf|woff|woff2)$':
-      'jest-transform-stub',
-    '^.+\\.jsx?$': 'babel-jest'
-  },
-  moduleNameMapper: {
-    '^@/(.*)$': '<rootDir>/src/$1'
-  },
-  snapshotSerializers: ['jest-serializer-vue'],
-  testMatch: [
-    '**/tests/unit/**/*.spec.(js|jsx|ts|tsx)|**/__tests__/*.(js|jsx|ts|tsx)'
-  ],
-  testURL: 'http://localhost/'
-}

frontend/package.json

@@ -1,43 +0,0 @@
-{
-  "name": "frontend",
-  "version": "0.1.0",
-  "private": true,
-  "scripts": {
-    "serve": "vue-cli-service serve",
-    "build": "vue-cli-service build",
-    "lint": "vue-cli-service lint",
-    "test:unit": "vue-cli-service test:unit"
-  },
-  "dependencies": {
-    "material-design-icons-iconfont": "^4.0.5",
-    "roboto-fontface": "*",
-    "vue": "^2.6.6",
-    "vue-router": "^3.0.1",
-    "vuetify": "^1.5.14"
-  },
-  "devDependencies": {
-    "@vue/cli-plugin-babel": "^3.4.0",
-    "@vue/cli-plugin-eslint": "^3.4.0",
-    "@vue/cli-plugin-unit-jest": "^3.4.0",
-    "@vue/cli-service": "^3.4.0",
-    "@vue/eslint-config-prettier": "^4.0.1",
-    "@vue/test-utils": "^1.0.0-beta.20",
-    "axios": "^0.18.0",
-    "babel-core": "7.0.0-bridge.0",
-    "babel-eslint": "^10.0.1",
-    "babel-jest": "^24.8.0",
-    "coffee-loader": "^0.9.0",
-    "coffeescript": "^2.3.2",
-    "craftyjs": "^0.9.0",
-    "eslint": "^5.8.0",
-    "eslint-plugin-vue": "^5.0.0",
-    "js-cookie": "^2.2.0",
-    "stylus": "^0.54.5",
-    "stylus-loader": "^3.0.1",
-    "vue-async-computed": "^3.6.1",
-    "vue-cli-plugin-coffeescript": "^0.0.3",
-    "vue-cli-plugin-vuetify": "^0.5.0",
-    "vue-template-compiler": "^2.5.21",
-    "vuetify-loader": "^1.0.5"
-  }
-}

frontend/postcss.config.js

@@ -1,5 +0,0 @@
-module.exports = {
-  plugins: {
-    autoprefixer: {}
-  }
-}

frontend/public/index.html

@@ -1,17 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="utf-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width,initial-scale=1.0">
-    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
-    <title>frontend</title>
-  </head>
-  <body>
-    <noscript>
-      <strong>We're sorry but frontend doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
-    </noscript>
-    <div id="app"></div>
-    <!-- built files will be auto injected -->
-  </body>
-</html>

frontend/src/App.vue

@@ -1,11 +0,0 @@
-<template>
-  <v-app>
-    <router-view />
-  </v-app>
-</template>
-
-<script>
-export default {
-  name: 'App'
-}
-</script>

frontend/src/ExampleApp.vue

@@ -1,36 +0,0 @@
-<template>
-  <v-app>
-    <v-toolbar app>
-      <v-toolbar-title class="headline text-uppercase">
-        <span>Vuetify</span>
-        <span class="font-weight-light">MATERIAL DESIGN</span>
-      </v-toolbar-title>
-      <v-spacer></v-spacer>
-      <v-btn flat :to="{ path: '/' }">Home</v-btn>
-      <v-btn flat :to="{ path: '/about' }">About</v-btn>
-      <v-btn
-        flat
-        href="https://github.com/vuetifyjs/vuetify/releases/latest"
-        target="_blank"
-      >
-        <span class="mr-2">Latest Release</span>
-        <v-icon>open_in_new</v-icon>
-      </v-btn>
-    </v-toolbar>
-
-    <v-content>
-      <router-view />
-    </v-content>
-  </v-app>
-</template>
-
-<script>
-export default {
-  name: 'ExampleApp',
-  data() {
-    return {
-      //
-    }
-  }
-}
-</script>

frontend/src/assets/logo.svg

@@ -1 +0,0 @@
-<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 87.5 100"><defs><style>.cls-1{fill:#1697f6;}.cls-2{fill:#7bc6ff;}.cls-3{fill:#1867c0;}.cls-4{fill:#aeddff;}</style></defs><title>Artboard 46</title><polyline class="cls-1" points="43.75 0 23.31 0 43.75 48.32"/><polygon class="cls-2" points="43.75 62.5 43.75 100 0 14.58 22.92 14.58 43.75 62.5"/><polyline class="cls-3" points="43.75 0 64.19 0 43.75 48.32"/><polygon class="cls-4" points="64.58 14.58 87.5 14.58 43.75 100 43.75 62.5 64.58 14.58"/></svg>

frontend/src/classes/Deck.js

@@ -1,212 +0,0 @@
-'use strict'
-
-import CardsDB from '@/plugins/ffdecks'
-
-export default class {
-  constructor(id) {
-    this.id = id
-    this.name = ''
-    this.note = ''
-    this.cards = []
-  }
-
-  populate() {
-    for (let card of this.cards) {
-      card.dbentry = CardsDB[card.serial]
-    }
-  }
-
-  from_object(obj) {
-    if (obj) {
-      this.name = obj.name
-      this.note = obj.note
-      this.cards = obj.cards
-    }
-  }
-
-  plainObject() {
-    let plainCards = []
-    for (let card of this.cards) {
-      plainCards.push({
-        serial: card.serial,
-        count: card.count
-      })
-    }
-
-    return {
-      name: this.name,
-      note: this.note,
-      cards: plainCards
-    }
-  }
-
-  from_deckList(str) {
-    // select all lines containing card serial numbers
-    let cardLinesRE = /^.*\b\d+-0*\d{1,3}[A-Z]?\b.*$/gm
-    let cardLines = str.match(cardLinesRE)
-    let cardCounts = {}
-
-    if (cardLines) {
-      for (let cardLine of cardLines) {
-        // extract serial (guaranteed to be in here!)
-        let serialRE = /\b(\d+)-0*(\d{1,3})[A-Z]?\b/i
-        let serial = serialRE.exec(cardLine)
-        // force format 'x-xxx'
-        serial = `${serial[1]}-${serial[2].padStart(3, '0')}`
-
-        // strip out serial number
-        cardLine = cardLine.replace(serialRE, '')
-
-        let countREs = [
-          // prioritize a count with "times" symbol *, x, ×
-          /\b([0-9]+)(?:[*×]|[x]\b)/,
-          /(?:[*×]|\b[x])([0-9]+)\b/,
-          // next priority: count with whitespace
-          /\s+([0-9]+)\s+/,
-          /\s+([0-9]+)\b/,
-          /\b([0-9]+)\s+/,
-          // least priority: any simple number
-          /\b([0-9]+)\b/
-        ]
-
-        // fallback value
-        let count = 1
-        for (let countRE of countREs) {
-          let data = countRE.exec(cardLine)
-
-          if (data) {
-            count = Number(data[1])
-            break
-          }
-        }
-
-        // count copies
-        if (!cardCounts[serial]) {
-          cardCounts[serial] = 0
-        }
-        cardCounts[serial] += count
-      }
-    }
-
-    // push card data into deck
-    this.cards = []
-    for (let serial in cardCounts) {
-      this.cards.push({
-        serial: serial,
-        count: cardCounts[serial]
-      })
-    }
-
-    // strip out lines with serial numbers
-    str = str.replace(cardLinesRE, '')
-    // then strip out anything after the first empty line
-    str = str.replace(/^[\s]*$[^]*/m, '')
-
-    // select the line containing 'deck name:'
-    // and its successor (ffdecks format)
-    let metaRE = /^Deck Name: (.+)$[\s]*?^(.+)$/m
-    let metaData = metaRE.exec(str)
-
-    // fallback
-    this.name = 'Unnamed Deck'
-    this.note = ''
-
-    if (!metaData) {
-      // use lax format: <anything>:[deck name][newline][note]
-      metaRE = /[^]*?:(.+)$[\s]*?^([^]*)/m
-      metaData = metaRE.exec(str)
-    }
-
-    // look again, I am not an else!
-    if (metaData) {
-      // extract matches
-      this.name = metaData[1].trim()
-      this.note = metaData[2].trim()
-    }
-  }
-
-  parts() {
-    let retval = ['Forwards', 'Backups', 'Summons, Monsters & more'].map(
-      item => ({
-        heading: item,
-        cards: [],
-        count: 0
-      })
-    )
-
-    for (let card of this.cards) {
-      let target
-      switch (card.dbentry.type) {
-        case 'Forward':
-          target = 0
-          break
-        case 'Backup':
-          target = 1
-          break
-        default:
-          target = 2
-          break
-      }
-      retval[target].cards.push(card)
-      retval[target].count += card.count
-    }
-
-    for (let part of retval) {
-      part.cards.sort(
-        (card_l, card_r) => card_l.dbentry.cost - card_r.dbentry.cost
-      )
-    }
-
-    return retval
-  }
-
-  deckList() {
-    // empty deck is empty
-    if (this.count() == 0) return ''
-
-    let lines = []
-
-    // begin with deck name and note
-    lines.push('Deck Name: ' + this.name)
-    lines.push(this.note)
-    lines.push('')
-
-    // list each deck part
-    for (let part of this.parts()) {
-      lines.push(`${part.heading} (${part.count}):`)
-
-      for (let card of part.cards)
-        lines.push(`${card.count}x ${card.serial} "${card.dbentry.name}"`)
-
-      lines.push('')
-    }
-
-    return lines.join('\n')
-  }
-
-  count() {
-    return this.cards.reduce((total, card) => total + card.count, 0)
-  }
-
-  elements() {
-    let elements = {}
-
-    for (let card of this.cards) {
-      if (!elements[card.dbentry.element]) elements[card.dbentry.element] = 0
-
-      elements[card.dbentry.element] += card.count
-    }
-
-    let retval = []
-
-    for (let element in elements)
-      retval.push({
-        name: element,
-        count: elements[element]
-      })
-
-    retval.sort((element_l, element_r) => element_r.count - element_l.count)
-
-    return retval
-  }
-}

frontend/src/components/Card.vue

@@ -1,63 +0,0 @@
-<template>
-  <v-list-tile avatar>
-    <v-tooltip @input="booted = true" bottom>
-      <template v-slot:activator="{ on }">
-        <v-list-tile-avatar v-on="on" style="cursor: zoom-in">
-          <Crystal :size="35" :element="dbentry.element" :cost="dbentry.cost" />
-        </v-list-tile-avatar>
-      </template>
-      <v-img
-        v-if="booted"
-        :src="ffiurl"
-        :height="300"
-        :width="0.715 * 300"
-        contain
-      />
-    </v-tooltip>
-
-    <v-list-tile-content>
-      <v-list-tile-title class="body-2">{{ dbentry.name }}</v-list-tile-title>
-      <v-list-tile-sub-title>{{ full_serial }}</v-list-tile-sub-title>
-    </v-list-tile-content>
-
-    <v-list-tile-avatar>
-      <span class="subheading">{{ count }}</span>
-    </v-list-tile-avatar>
-  </v-list-tile>
-</template>
-
-<script>
-import Crystal from './Crystal.vue'
-
-export default {
-  name: 'Card',
-
-  components: {
-    Crystal
-  },
-
-  props: {
-    count: Number,
-    serial: String,
-    dbentry: Object
-  },
-
-  data: () => ({
-    booted: false
-  }),
-
-  computed: {
-    full_serial() {
-      return this.serial + this.dbentry.rarity[0]
-    },
-
-    ffiurl() {
-      return (
-        'https://fftcg.square-enix-games.com/theme/tcg/images/cards/full/' +
-        this.full_serial +
-        '_eg.jpg'
-      )
-    }
-  }
-}
-</script>

frontend/src/components/Crystal.vue

@@ -1,71 +0,0 @@
-<template>
-  <svg
-    :height="size + 'px'"
-    :width="(16 / 30) * size + 'px'"
-    viewBox="0 0 16 30"
-    xml:space="preserve"
-  >
-    <polygon points="0,5 8,0 16,5 16,25 8,30 0,25" :style="{ fill: color }" />
-    <polygon points="7,5 7,25 2,25 2,5" style="fill:rgba(255,255,255,0.3);" />
-    <polygon points="0,5 8,0 16,5" style="fill:rgba(255,255,255,0.6);" />
-    <polygon points="10,25 16,25 8,30" style="fill:rgba(255,255,255,0.5);" />
-    <text
-      x="50%"
-      text-anchor="middle"
-      y="17"
-      dominant-baseline="middle"
-      font-size="20"
-      font-family="sans-serif"
-      fill="white"
-      font-weight="bold"
-      transform-origin="center center"
-      :transform="`scale(${this.xscale},1)`"
-    >
-      {{ cost }}
-    </text>
-  </svg>
-</template>
-
-<script>
-export default {
-  name: 'Crystal',
-
-  props: {
-    element: String,
-    size: Number,
-    cost: Number
-  },
-
-  computed: {
-    color() {
-      switch (this.element.toLowerCase()) {
-        case 'fire':
-          return '#d41'
-        case 'ice':
-          return '#7ac'
-        case 'wind':
-          return '#596'
-        case 'earth':
-          return '#db1'
-        case 'lightning':
-          return '#859'
-        case 'water':
-          return '#57a'
-        case 'light':
-          return '#888'
-        case 'dark':
-        default:
-          return '#333'
-      }
-    },
-
-    xscale() {
-      if (typeof this.cost !== 'undefined') {
-        let len = this.cost.toString().length
-        return Math.pow(0.7, len - 1)
-      }
-      return 1
-    }
-  }
-}
-</script>

frontend/src/components/Deck.vue

@@ -1,155 +0,0 @@
-<template>
-  <v-expansion-panel-content>
-    <template v-slot:header>
-      <v-layout align-center row>
-        <v-flex text-xs-center xs4 sm3 md2>
-          <Crystal
-            v-for="element in deck.elements()"
-            :size="40"
-            :cost="element.count"
-            :element="element.name"
-            :key="element.name"
-          />
-        </v-flex>
-        <v-flex class="subheading">
-          <v-card flat>
-            <v-card-text>
-              {{ deck.name }}
-            </v-card-text>
-          </v-card>
-        </v-flex>
-      </v-layout>
-    </template>
-
-    <template v-if="!editing">
-      <v-alert :value="deck.note" type="info">
-        {{ deck.note }}
-      </v-alert>
-
-      <v-container style="position: relative" grid-list-md fluid>
-        <v-layout row wrap>
-          <v-flex v-for="part in deck.parts()" :key="part.heading" xs12 sm6 md4>
-            <v-card>
-              <v-card-title>{{ part.count }} {{ part.heading }}</v-card-title>
-              <v-list dense subheader>
-                <Card
-                  v-for="card in part.cards"
-                  :key="card.serial"
-                  :count="card.count"
-                  :serial="card.serial"
-                  :dbentry="card.dbentry"
-                ></Card>
-              </v-list>
-            </v-card>
-          </v-flex>
-
-          <v-btn fab absolute bottom right @click.native="editing = true">
-            <v-icon>edit</v-icon>
-          </v-btn>
-
-          <v-dialog v-model="deleting">
-            <template v-slot:activator="{ on }">
-              <v-btn fab absolute bottom left v-on="on">
-                <v-icon>delete</v-icon>
-              </v-btn>
-            </template>
-
-            <v-card>
-              <v-card-title class="headline">
-                Really delete this deck?
-              </v-card-title>
-
-              <v-card-text>
-                Are you sure you want to delete your deck "{{ deck.name }}"?
-                This cannot be undone.
-              </v-card-text>
-
-              <v-card-actions>
-                <v-spacer></v-spacer>
-
-                <v-btn color="error" @click.native="deleting = false">
-                  Cancel
-                </v-btn>
-
-                <v-btn
-                  color="success"
-                  @click.native="
-                    deleting = false
-                    delete_deck()
-                  "
-                >
-                  Confirm
-                </v-btn>
-              </v-card-actions>
-            </v-card>
-          </v-dialog>
-        </v-layout>
-      </v-container>
-    </template>
-
-    <DeckEditor v-if="editing" :deck="deck" @save="save_deck">
-      <v-btn color="error" @click.native="editing = false">
-        <v-icon>cancel</v-icon>
-        cancel
-      </v-btn>
-    </DeckEditor>
-  </v-expansion-panel-content>
-</template>
-
-<script>
-import axios from '@/plugins/axios'
-
-import Card from './Card.vue'
-import Crystal from './Crystal.vue'
-import DeckEditor from './forms/DeckEditor.vue'
-
-export default {
-  name: 'Deck',
-
-  props: {
-    session: String,
-    deck: Object
-  },
-
-  components: {
-    Card,
-    Crystal,
-    DeckEditor
-  },
-
-  data: () => ({
-    editing: false,
-    deleting: false
-  }),
-
-  methods: {
-    save_deck(new_deck) {
-      axios
-        .post('/decks/modify', {
-          session: this.session,
-          deckID: this.deck.id,
-          deckCards: new_deck.plainObject()
-        })
-        .then(response => {
-          if (response.data.success) {
-            this.editing = false
-            this.$emit('change')
-          }
-        })
-    },
-
-    delete_deck() {
-      axios
-        .post('/decks/delete', {
-          session: this.session,
-          deckID: this.deck.id
-        })
-        .then(response => {
-          if (response.data.success) {
-            this.$emit('change')
-          }
-        })
-    }
-  }
-}
-</script>

frontend/src/components/DeckList.vue

@@ -1,85 +0,0 @@
-<template>
-  <v-expansion-panel v-model="open">
-    <NewDeck
-      :session="session"
-      @change="
-        open = null
-        refresh_decks()
-      "
-    />
-
-    <Deck
-      v-for="deck in linked"
-      :deck="deck"
-      :session="session"
-      :key="deck.id"
-      @change="refresh_decks"
-    />
-  </v-expansion-panel>
-</template>
-
-<script>
-import axios from '@/plugins/axios'
-import DeckJS from '@/classes/Deck'
-
-import Deck from './Deck.vue'
-import NewDeck from './NewDeck.vue'
-
-export default {
-  name: 'DeckList',
-
-  components: {
-    Deck,
-    NewDeck
-  },
-
-  props: {
-    session: String
-  },
-
-  data: () => ({
-    open: null
-  }),
-
-  asyncComputed: {
-    decks: {
-      get() {
-        return axios
-          .post('/decks/list', {
-            session: this.session
-          })
-          .then(response => {
-            if (response.data.success) {
-              return response.data.decks
-            }
-          })
-      },
-      default: []
-    }
-  },
-
-  computed: {
-    linked() {
-      let result = []
-
-      for (let plainDeck of this.decks) {
-        let deck = new DeckJS(plainDeck.id)
-
-        deck.from_object(plainDeck.content)
-        deck.populate()
-
-        result.push(deck)
-      }
-
-      result.sort((deck_l, deck_r) => deck_l.name.localeCompare(deck_r.name))
-      return result
-    }
-  },
-
-  methods: {
-    refresh_decks() {
-      this.$asyncComputed.decks.update()
-    }
-  }
-}
-</script>

frontend/src/components/GamesList.vue

@@ -1,36 +0,0 @@
-<template>
-  <div>
-    <div v-for="game in games" :key="game">
-      {{ game }}
-    </div>
-  </div>
-</template>
-
-<script>
-import axios from '@/plugins/axios'
-
-export default {
-  name: 'GamesList',
-
-  props: {
-    session: String
-  },
-
-  asyncComputed: {
-    games: {
-      get() {
-        return axios
-          .post('/games/list', {
-            session: this.session
-          })
-          .then(response => {
-            if (response.data.success) {
-              return response.data.games
-            }
-          })
-      },
-      default: []
-    }
-  }
-}
-</script>

frontend/src/components/Header.vue

@@ -1,16 +0,0 @@
-<template>
-  <v-toolbar app>
-    <v-toolbar-title class="headline text-uppercase">
-      <span>Yavook</span>
-      <span class="font-weight-light">!FFTCG</span>
-    </v-toolbar-title>
-    <v-spacer></v-spacer>
-    <slot />
-  </v-toolbar>
-</template>
-
-<script>
-export default {
-  name: 'Header'
-}
-</script>

frontend/src/components/HeaderIntern.vue

@@ -1,116 +0,0 @@
-<template>
-  <Header v-if="user">
-    <v-btn flat :to="{ name: 'deckcp' }">
-      <v-icon>view_carousel</v-icon> Decks
-    </v-btn>
-
-    <v-btn flat :to="{ name: 'games' }">
-      <v-icon>play_arrow</v-icon> Play
-    </v-btn>
-
-    <v-btn flat :to="{ name: 'usercp' }">
-      <v-icon>person</v-icon> {{ user.login }}
-    </v-btn>
-
-    <v-dialog v-model="logging_out">
-      <template v-slot:activator="{ on }">
-        <v-btn flat v-on="on"> <v-icon>power_off</v-icon> Logout </v-btn>
-      </template>
-
-      <v-card>
-        <v-card-title class="headline">
-          Log Out?
-        </v-card-title>
-
-        <v-card-text>
-          Are you sure you want to log out?
-        </v-card-text>
-
-        <v-card-actions>
-          <v-spacer></v-spacer>
-
-          <v-btn color="error" @click.native="logging_out = false">
-            Cancel
-          </v-btn>
-
-          <v-btn color="success" @click.native="logout">
-            Confirm
-          </v-btn>
-        </v-card-actions>
-      </v-card>
-    </v-dialog>
-  </Header>
-</template>
-
-<script>
-import * as Cookies from 'js-cookie'
-import axios from 'axios'
-
-import Header from './Header'
-
-export default {
-  name: 'HeaderIntern',
-
-  components: {
-    Header
-  },
-
-  data: () => ({
-    logging_out: false
-  }),
-
-  props: {
-    value: String
-  },
-
-  methods: {
-    goHome() {
-      this.$emit('input', '')
-      Cookies.remove('session')
-      this.$router.push({ name: 'home' })
-    },
-
-    logout() {
-      axios
-        .post('/user/logout', {
-          session: this.value
-        })
-        .then(response => {
-          if (response.data.success) {
-            this.goHome()
-          }
-        })
-    }
-  },
-
-  computed: {
-    session: () => Cookies.get('session')
-  },
-
-  asyncComputed: {
-    user: {
-      get() {
-        return axios
-          .post('/user/info', {
-            session: this.session
-          })
-          .then(response => {
-            if (response.data.success) {
-              this.$emit('input', this.session)
-              this.$emit('user', response.data.user)
-              return response.data.user
-            } else {
-              this.goHome()
-              return null
-            }
-          })
-      },
-      default: {
-        user: 0,
-        login: '',
-        settings: ''
-      }
-    }
-  }
-}
-</script>

frontend/src/components/HelloWorld.vue

@@ -1,134 +0,0 @@
-<template>
-  <v-container>
-    <v-layout text-xs-center wrap>
-      <v-flex xs12>
-        <v-img
-          :src="require('../assets/logo.svg')"
-          class="my-3"
-          contain
-          height="200"
-        ></v-img>
-      </v-flex>
-
-      <v-flex mb-4>
-        <h1 class="display-2 font-weight-bold mb-3">
-          Welcome to Vuetify
-        </h1>
-        <p class="subheading font-weight-regular">
-          For help and collaboration with other Vuetify developers,
-          <br />please join our online
-          <a href="https://community.vuetifyjs.com" target="_blank"
-            >Discord Community</a
-          >
-        </p>
-      </v-flex>
-
-      <v-flex mb-5 xs12>
-        <h2 class="headline font-weight-bold mb-3">What's next?</h2>
-
-        <v-layout justify-center>
-          <a
-            v-for="(next, i) in whatsNext"
-            :key="i"
-            :href="next.href"
-            class="subheading mx-3"
-            target="_blank"
-          >
-            {{ next.text }}
-          </a>
-        </v-layout>
-      </v-flex>
-
-      <v-flex xs12 mb-5>
-        <h2 class="headline font-weight-bold mb-3">Important Links</h2>
-
-        <v-layout justify-center>
-          <a
-            v-for="(link, i) in importantLinks"
-            :key="i"
-            :href="link.href"
-            class="subheading mx-3"
-            target="_blank"
-          >
-            {{ link.text }}
-          </a>
-        </v-layout>
-      </v-flex>
-
-      <v-flex xs12 mb-5>
-        <h2 class="headline font-weight-bold mb-3">Ecosystem</h2>
-
-        <v-layout justify-center>
-          <a
-            v-for="(eco, i) in ecosystem"
-            :key="i"
-            :href="eco.href"
-            class="subheading mx-3"
-            target="_blank"
-          >
-            {{ eco.text }}
-          </a>
-        </v-layout>
-      </v-flex>
-    </v-layout>
-  </v-container>
-</template>
-
-<script>
-export default {
-  data: () => ({
-    ecosystem: [
-      {
-        text: 'vuetify-loader',
-        href: 'https://github.com/vuetifyjs/vuetify-loader'
-      },
-      {
-        text: 'github',
-        href: 'https://github.com/vuetifyjs/vuetify'
-      },
-      {
-        text: 'awesome-vuetify',
-        href: 'https://github.com/vuetifyjs/awesome-vuetify'
-      }
-    ],
-    importantLinks: [
-      {
-        text: 'Documentation',
-        href: 'https://vuetifyjs.com'
-      },
-      {
-        text: 'Chat',
-        href: 'https://community.vuetifyjs.com'
-      },
-      {
-        text: 'Made with Vuetify',
-        href: 'https://madewithvuejs.com/vuetify'
-      },
-      {
-        text: 'Twitter',
-        href: 'https://twitter.com/vuetifyjs'
-      },
-      {
-        text: 'Articles',
-        href: 'https://medium.com/vuetify'
-      }
-    ],
-    whatsNext: [
-      {
-        text: 'Explore components',
-        href: 'https://vuetifyjs.com/components/api-explorer'
-      },
-      {
-        text: 'Select a layout',
-        href: 'https://vuetifyjs.com/layout/pre-defined'
-      },
-      {
-        text: 'Frequently Asked Questions',
-        href: 'https://vuetifyjs.com/getting-started/frequently-asked-questions'
-      }
-    ]
-  })
-}
-</script>
-
-<style></style>

frontend/src/components/NewDeck.vue

@@ -1,57 +0,0 @@
-<template>
-  <v-expansion-panel-content>
-    <template v-slot:header>
-      <v-layout align-center row>
-        <v-flex text-xs-center xs4 sm3 md2>
-          <v-icon>view_carousel</v-icon>
-          <v-icon>add</v-icon>
-        </v-flex>
-        <v-flex class="subheading">
-          <v-card flat>
-            <v-card-text>
-              New Deck
-            </v-card-text>
-          </v-card>
-        </v-flex>
-      </v-layout>
-    </template>
-
-    <v-card flat>
-      <DeckEditor ref="editor" @save="save_deck" />
-    </v-card>
-  </v-expansion-panel-content>
-</template>
-
-<script>
-import axios from '@/plugins/axios'
-
-import DeckEditor from './forms/DeckEditor.vue'
-
-export default {
-  name: 'NewDeck',
-
-  components: {
-    DeckEditor
-  },
-
-  props: {
-    session: String
-  },
-
-  methods: {
-    save_deck(new_deck) {
-      axios
-        .post('/decks/add', {
-          session: this.session,
-          deckCards: new_deck.plainObject()
-        })
-        .then(response => {
-          if (response.data.success) {
-            this.$emit('change')
-            this.$refs.editor.clear()
-          }
-        })
-    }
-  }
-}
-</script>

frontend/src/components/UserInfo.vue

@@ -1,16 +0,0 @@
-<template>
-  <div>
-    {{ user.login }}
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'UserInfo',
-
-  props: {
-    session: String,
-    user: Object
-  }
-}
-</script>

frontend/src/components/forms/DeckEditor.vue

@@ -1,118 +0,0 @@
-<template>
-  <v-container>
-    <v-card flat>
-      <v-alert :value="check.count !== 50" type="warning">
-        {{ check.count }} cards detected! (Decks should have exactly 50 cards)
-      </v-alert>
-      <v-alert :value="check.maximum > 3" type="warning">
-        Card with {{ check.maximum }} copies detected! (Cards should not have
-        more than 3 copies)
-      </v-alert>
-
-      <v-textarea
-        ref="deckList"
-        :label="
-          `${
-            typeof deck !== 'undefined' && deck !== null ? 'Edit' : 'Paste'
-          } Decklist`
-        "
-        rows="35"
-        :hint="
-          `ffdecks.com format – One card per line – Include quantity and serial (e.g. ${format_sample})`
-        "
-        style="font-family: monospace"
-        :value="new_deck.deckList()"
-        @input="check.checked = false"
-      >
-      </v-textarea>
-
-      <v-card-actions>
-        <slot></slot>
-        <v-spacer></v-spacer>
-
-        <v-btn color="info" @click.native="validate" :disabled="check.checked">
-          <v-icon>check</v-icon>
-          validate
-        </v-btn>
-
-        <v-btn color="success" @click.native="save" :disabled="!check.checked">
-          <v-icon>save</v-icon>
-          save
-        </v-btn>
-      </v-card-actions>
-    </v-card>
-  </v-container>
-</template>
-
-<script>
-import Deck from '@/classes/Deck'
-import CardsDB from '@/plugins/ffdecks'
-
-export default {
-  name: 'DeckEditor',
-
-  props: {
-    deck: Object
-  },
-
-  data: () => ({
-    check: null,
-    new_deck: null
-  }),
-
-  computed: {
-    format_sample() {
-      let serials = []
-      for (let tmp_key in CardsDB) {
-        if (CardsDB.hasOwnProperty(tmp_key)) {
-          serials.push(tmp_key)
-        }
-      }
-
-      let quantity = Math.floor(Math.random() * 3) + 1
-      let serial = serials[Math.floor(Math.random() * serials.length)]
-      return `${quantity}x ${serial}`
-    }
-  },
-
-  created() {
-    this.clear()
-  },
-
-  methods: {
-    clear() {
-      this.check = {
-        count: 50,
-        maximum: 0,
-        checked: false
-      }
-
-      this.new_deck = new Deck(0)
-      if (this.deck)
-        // this.deck should already be populated!
-        this.new_deck.from_object(this.deck)
-    },
-
-    validate() {
-      this.new_deck.from_deckList(this.$refs.deckList.lazyValue)
-      this.new_deck.populate()
-
-      // count number of cards
-      this.check.count = this.new_deck.count()
-
-      // find most frequent card
-      this.check.maximum = 0
-      for (let card of this.new_deck.cards) {
-        if (card.count > this.check.maximum) this.check.maximum = card.count
-      }
-
-      // deck has now been checked
-      this.check.checked = true
-    },
-
-    save() {
-      this.$emit('save', this.new_deck)
-    }
-  }
-}
-</script>

frontend/src/components/forms/FormDialog.vue

@@ -1,99 +0,0 @@
-<template>
-  <v-dialog v-model="dialog">
-    <template v-slot:activator="{ on }">
-      <v-btn flat v-on="on">
-        <v-icon>{{ icon }}</v-icon> {{ buttonText }}
-      </v-btn>
-    </template>
-
-    <v-card>
-      <v-snackbar
-        v-model="snackbar.visible"
-        :timeout="6000"
-        :color="snackbar.color"
-        absolute
-        top
-      >
-        {{ snackbar.text }}
-        <v-btn @click.native="snackbar.visible = false" fab flat icon>
-          <v-icon>close</v-icon>
-        </v-btn>
-      </v-snackbar>
-
-      <v-form
-        ref="form"
-        v-model="valid"
-        @submit.prevent="validate"
-        lazy-validation
-      >
-        <slot></slot>
-
-        <v-divider></v-divider>
-
-        <v-card-actions>
-          <v-spacer></v-spacer>
-
-          <v-btn color="success" type="submit" :disabled="!valid">
-            {{ buttonText }}
-          </v-btn>
-
-          <v-btn color="error" @click.native="dialog = false">
-            Close
-          </v-btn>
-        </v-card-actions>
-      </v-form>
-    </v-card>
-  </v-dialog>
-</template>
-
-<script>
-export default {
-  name: 'FormDialog',
-  data: () => ({
-    dialog: false,
-    valid: true,
-    snackbar: {
-      visible: false,
-      color: '',
-      text: ''
-    }
-  }),
-
-  props: {
-    buttonText: String,
-    icon: String
-  },
-
-  methods: {
-    validate() {
-      if (this.$refs.form.validate()) {
-        this.$emit('validated')
-      }
-    },
-
-    showSnackbar(text, color) {
-      if (text == '') return
-
-      this.snackbar.visible = false
-
-      window.setTimeout(() => {
-        this.snackbar.text = text
-        this.snackbar.color = color
-        this.snackbar.visible = true
-      }, 100)
-    }
-  },
-
-  watch: {
-    dialog(val) {
-      if (val) {
-        requestAnimationFrame(() => {
-          this.$parent.$refs.autofocus.focus()
-        })
-      } else {
-        this.$refs.form.resetValidation()
-      }
-    }
-  }
-}
-</script>

frontend/src/components/forms/Login.vue

@@ -1,75 +0,0 @@
-<template>
-  <FormDialog ref="main" buttonText="Login" icon="power" @validated="doLogin">
-    <v-card-title class="headline">
-      Log In
-    </v-card-title>
-
-    <v-card-text>
-      <v-text-field
-        ref="autofocus"
-        v-model="login"
-        :rules="loginRules"
-        label="User name"
-        required
-      ></v-text-field>
-
-      <v-text-field
-        v-model="password"
-        :rules="passwordRules"
-        :append-icon="showPassword ? 'visibility' : 'visibility_off'"
-        @click:append="showPassword = !showPassword"
-        :type="showPassword ? 'text' : 'password'"
-        label="Password"
-        required
-      ></v-text-field>
-    </v-card-text>
-  </FormDialog>
-</template>
-
-<script>
-import FormDialog from './FormDialog.vue'
-import * as Cookies from 'js-cookie'
-import axios from '@/plugins/axios'
-
-export default {
-  name: 'LoginForm',
-
-  components: {
-    FormDialog
-  },
-
-  props: {
-    session: String
-  },
-
-  data: () => ({
-    login: '',
-    loginRules: [v => !!v || 'Please enter user name'],
-
-    password: '',
-    showPassword: false,
-    passwordRules: [v => !!v || 'Please enter password']
-  }),
-
-  methods: {
-    doLogin() {
-      axios
-        .post('/user/login', {
-          session: this.session,
-          login: this.login,
-          password: this.password
-        })
-        .then(response => {
-          if (response.data.success) {
-            let cookie_data = JSON.parse(response.data.message)
-            Cookies.set('session', cookie_data.value, cookie_data.properties)
-            this.$refs.main.showSnackbar('Login successful!', 'success')
-            this.$router.push('deckcp')
-          } else {
-            this.$refs.main.showSnackbar(response.data.message, 'error')
-          }
-        })
-    }
-  }
-}
-</script>

frontend/src/components/forms/Register.vue

@@ -1,92 +0,0 @@
-<template>
-  <FormDialog
-    ref="main"
-    buttonText="Register"
-    icon="book"
-    @validated="doRegister"
-  >
-    <v-card-title class="headline">
-      Register
-    </v-card-title>
-
-    <v-card-text>
-      <v-text-field
-        ref="autofocus"
-        v-model="login"
-        :rules="loginRules"
-        label="User name"
-        required
-      ></v-text-field>
-
-      <v-text-field
-        v-model="password"
-        :append-icon="showPassword ? 'visibility' : 'visibility_off'"
-        @click:append="showPassword = !showPassword"
-        :rules="passwordRules"
-        :type="showPassword ? 'text' : 'password'"
-        label="Password"
-        required
-        counter
-      ></v-text-field>
-
-      <v-text-field
-        v-if="!showPassword"
-        v-model="passwordConfirm"
-        :rules="passwordConfirmRules"
-        :type="showPassword ? 'text' : 'password'"
-        label="Confirm Password"
-        required
-      ></v-text-field>
-    </v-card-text>
-  </FormDialog>
-</template>
-
-<script>
-import FormDialog from './FormDialog.vue'
-import axios from '@/plugins/axios'
-
-export default {
-  name: 'RegisterForm',
-
-  components: {
-    FormDialog
-  },
-
-  data: () => ({
-    login: '',
-    loginRules: [v => !!v || 'User name is required'],
-
-    password: '',
-    showPassword: false,
-    passwordRules: [v => !!v || 'Password is required'],
-
-    passwordConfirm: ''
-  }),
-
-  computed: {
-    passwordConfirmRules() {
-      return [
-        () => this.password === this.passwordConfirm || 'Passwords must match'
-      ]
-    }
-  },
-
-  methods: {
-    doRegister() {
-      axios
-        .post('/user/register', {
-          session: null,
-          login: this.login,
-          password: this.password
-        })
-        .then(response => {
-          if (response.data.success) {
-            this.$refs.main.showSnackbar('Registration successful!', 'success')
-          } else {
-            this.$refs.main.showSnackbar(response.data.message, 'error')
-          }
-        })
-    }
-  }
-}
-</script>

frontend/src/crafty/Game.coffee

@@ -1,49 +0,0 @@
-# base scene
-require '../crafty/scenes/Battle.coffee'
-Crafty.scene "Battle"
-
-# annoying shantotto
-Crafty.sprite 480, 670, '//www.fftcgmognet.com/images/cards/hd/1/1/107.jpg',
-  shantotto: [
-    0
-    0
-  ]
-
-# create cards
-require '../crafty/components/Card.coffee'
-
-Crafty.e 'shantotto, AllyCard'
-  .attr {
-    card:
-      type: 'backup'
-  }
-
-Crafty.e 'shantotto, AllyCard'
-  .attr {
-    card:
-      type: 'backup'
-  }
-
-Crafty.e 'shantotto, AllyCard'
-  .attr {
-    card:
-      type: 'backup'
-  }
-
-# place cards
-CONF = require '../crafty/config.coffee'
-
-Crafty 'AllyCard'
-  .each (index) ->
-    switch @card.type
-      when 'backup'
-        @trigger 'Place',
-          x: CONF.coord.x.main + index * CONF.coord.x.step
-          y: CONF.coord.y.bkup
-    return
-
-
-Crafty.e 'shantotto, EnemyCard'
-  .trigger 'Place',
-    x: 900
-    y: 0

frontend/src/main.js

@@ -1,14 +0,0 @@
-import Vue from 'vue'
-import './plugins/vuetify'
-import './plugins/vue-async-computed'
-import App from './App.vue'
-import router from './router'
-import 'roboto-fontface/css/roboto/roboto-fontface.css'
-import 'material-design-icons-iconfont/dist/material-design-icons.css'
-
-Vue.config.productionTip = false
-
-new Vue({
-  router,
-  render: h => h(App)
-}).$mount('#app')

frontend/src/plugins/axios.js

@@ -1,5 +0,0 @@
-import axios from 'axios'
-
-axios.defaults.baseURL =
-  window.location.protocol + '//' + window.location.hostname + ':3001'
-export default axios

frontend/src/plugins/ffdecks.js

@@ -1,9 +0,0 @@
-import oldCards from './ffdecks.json'
-
-let CardsDB = {}
-
-for (var i = 0; i < oldCards.cards.length; i++) {
-  CardsDB[oldCards.cards[i].serial_number] = oldCards.cards[i]
-}
-
-export default CardsDB

frontend/src/plugins/vue-async-computed.js

@@ -1,4 +0,0 @@
-import Vue from 'vue'
-import AsyncComputed from 'vue-async-computed'
-
-Vue.use(AsyncComputed)

frontend/src/plugins/vuetify.js

@@ -1,22 +0,0 @@
-import Vue from 'vue'
-import Vuetify from 'vuetify/lib'
-import 'vuetify/src/stylus/app.styl'
-import en from 'vuetify/es5/locale/en'
-
-Vue.use(Vuetify, {
-  theme: {
-    primary: '#ee44aa',
-    secondary: '#424242',
-    accent: '#82B1FF',
-    error: '#FF5252',
-    info: '#2196F3',
-    success: '#4CAF50',
-    warning: '#FFC107'
-  },
-  // customProperties: true,
-  iconfont: 'md',
-  lang: {
-    locales: { en },
-    current: 'en'
-  }
-})

frontend/src/router.js

@@ -1,43 +0,0 @@
-import Vue from 'vue'
-import Router from 'vue-router'
-import Home from './views/Home.vue'
-
-Vue.use(Router)
-
-export default new Router({
-  mode: 'history',
-  base: process.env.BASE_URL,
-  routes: [
-    {
-      path: '/',
-      name: 'home',
-      component: Home
-    },
-    {
-      path: '/usercp',
-      name: 'usercp',
-      // route level code-splitting
-      // this generates a separate chunk (usercp.[hash].js) for this route
-      // which is lazy-loaded when the route is visited.
-      component: () =>
-        import(/* webpackChunkName: "usercp" */ './views/UserCP.vue')
-    },
-    {
-      path: '/deckcp',
-      name: 'deckcp',
-      component: () =>
-        import(/* webpackChunkName: "deckcp" */ './views/DeckCP.vue')
-    },
-    {
-      path: '/games',
-      name: 'games',
-      component: () =>
-        import(/* webpackChunkName: "games" */ './views/Games.vue')
-    },
-    {
-      path: '/game',
-      name: 'game',
-      component: () => import(/* webpackChunkName: "game" */ './views/Game.vue')
-    }
-  ]
-})

frontend/src/views/DeckCP.vue

@@ -1,29 +0,0 @@
-<template>
-  <v-content>
-    <HeaderIntern v-model="session" @user="user = $event" />
-
-    <v-container v-if="user">
-      <h2 class="headline">Your Decks</h2>
-      <DeckList :session="session" />
-    </v-container>
-  </v-content>
-</template>
-
-<script>
-import HeaderIntern from '@/components/HeaderIntern.vue'
-import DeckList from '@/components/DeckList.vue'
-
-export default {
-  name: 'DeckCP',
-
-  components: {
-    HeaderIntern,
-    DeckList
-  },
-
-  data: () => ({
-    session: null,
-    user: null
-  })
-}
-</script>

frontend/src/views/Game.vue

@@ -1,32 +0,0 @@
-<template lang="html">
-  <div ref="game" />
-</template>
-
-<script>
-export default {
-  name: 'Game',
-
-  mounted() {
-    this.$nextTick(function() {
-      try {
-        // framework
-        require('craftyjs/dist/crafty')
-
-        // initialize on ref="game"
-        window.Crafty.init(this.$refs.game)
-        window.Crafty.stage.fullscreen = true
-
-        // load fftcg
-        require('@/crafty/Game.coffee')
-      } catch (e) {
-        window.location.reload()
-      }
-    })
-  },
-
-  beforeDestroy() {
-    window.Crafty.stop(true)
-    delete window.Crafty
-  }
-}
-</script>

frontend/src/views/Games.vue

@@ -1,29 +0,0 @@
-<template>
-  <v-content>
-    <HeaderIntern v-model="session" @user="user = $event" />
-
-    <v-container v-if="user">
-      <h2 class="headline">Open Tables</h2>
-      <GamesList :session="session" />
-    </v-container>
-  </v-content>
-</template>
-
-<script>
-import HeaderIntern from '@/components/HeaderIntern.vue'
-import GamesList from '@/components/GamesList.vue'
-
-export default {
-  name: 'Games',
-
-  components: {
-    HeaderIntern,
-    GamesList
-  },
-
-  data: () => ({
-    session: null,
-    user: null
-  })
-}
-</script>

frontend/src/views/Home.vue

@@ -1,53 +0,0 @@
-<template>
-  <v-content>
-    <v-container>
-      <Header>
-        <LoginForm :session="session" />
-        <RegisterForm />
-      </Header>
-
-      <p class="subheading font-weight-regular">
-        App under development, please don't submit any valuable data!
-      </p>
-    </v-container>
-  </v-content>
-</template>
-
-<script>
-import * as Cookies from 'js-cookie'
-import axios from '@/plugins/axios'
-
-import Header from '@/components/Header.vue'
-import LoginForm from '@/components/forms/Login.vue'
-import RegisterForm from '@/components/forms/Register.vue'
-
-export default {
-  name: 'Home',
-
-  components: {
-    Header,
-    LoginForm,
-    RegisterForm
-  },
-
-  computed: {
-    session: () => Cookies.get('session')
-  },
-
-  mounted() {
-    this.$nextTick(() => {
-      if (this.session) {
-        axios
-          .post('/user/login', {
-            session: this.session
-          })
-          .then(response => {
-            if (response.data.success) {
-              this.$router.push({ name: 'deckcp' })
-            }
-          })
-      }
-    })
-  }
-}
-</script>

frontend/src/views/UserCP.vue

@@ -1,29 +0,0 @@
-<template>
-  <v-content>
-    <HeaderIntern v-model="session" @user="user = $event" />
-
-    <v-container v-if="user">
-      <h2 class="headline">User Info</h2>
-      <UserInfo :session="session" :user="user" />
-    </v-container>
-  </v-content>
-</template>
-
-<script>
-import HeaderIntern from '@/components/HeaderIntern.vue'
-import UserInfo from '@/components/UserInfo.vue'
-
-export default {
-  name: 'UserCP',
-
-  components: {
-    HeaderIntern,
-    UserInfo
-  },
-
-  data: () => ({
-    session: null,
-    user: null
-  })
-}
-</script>

frontend/tests/unit/.eslintrc.js

@@ -1,5 +0,0 @@
-module.exports = {
-  env: {
-    jest: true
-  }
-}

frontend/tests/unit/example.spec.js

@@ -1,12 +0,0 @@
-import { shallowMount } from '@vue/test-utils'
-import HelloWorld from '@/components/HelloWorld.vue'
-
-describe('HelloWorld.vue', () => {
-  it('renders props.msg when passed', () => {
-    const msg = 'new message'
-    const wrapper = shallowMount(HelloWorld, {
-      propsData: { msg }
-    })
-    expect(wrapper.text()).toMatch(msg)
-  })
-})

inc/console.coffee

@@ -0,0 +1,11 @@
+FFTCGLOG = (unit) ->
+  @unit = unit
+  return
+
+FFTCGLOG::log = (msg) ->
+  console.log "[#{@unit}] #{msg}"
+
+FFTCGLOG::error = (msg) ->
+  console.error "[#{@unit}] #{msg}"
+
+module.exports = FFTCGLOG

inc/db.coffee

@@ -0,0 +1,222 @@
+# libraries
+bcrypt = (require 'bcrypt')
+sqlite3 = (require 'sqlite3').verbose()
+FFTCGLOG = new (require './console')('FFTCGDB')
+
+# bruteforce countermeasure
+saltRounds = 13
+
+FFTCGDB = (filename, truncate) ->
+  that = @
+  @filename = filename
+
+  @db = new sqlite3.Database @filename, (err) ->
+    if err
+      FFTCGLOG.error err.message
+
+    else
+      FFTCGLOG.log "Connected to '#{that.filename}'"
+
+      that.db.run 'PRAGMA foreign_keys = ON;', (err) ->
+        FFTCGLOG.error err.message if err
+
+        if truncate == true
+          that.db.run 'DROP TABLE IF EXISTS users;', (err) ->
+            FFTCGLOG.error err.message if err
+            that.db.run '''
+              CREATE TABLE users (
+                user integer PRIMARY KEY,
+                login text NOT NULL COLLATE NOCASE,
+                pwdhash text NOT NULL,
+                UNIQUE(login)
+              );
+              ''', (err) ->
+                FFTCGLOG.error err.message if err
+
+          that.db.run 'DROP TABLE IF EXISTS decks;', (err) ->
+            FFTCGLOG.error err.message if err
+            that.db.run '''
+              CREATE TABLE decks (
+                deck integer PRIMARY KEY,
+                user integer NOT NULL,
+                json text,
+                FOREIGN KEY (user) REFERENCES users (user)
+                  ON DELETE CASCADE
+              );
+              ''', (err) ->
+                FFTCGLOG.error err.message if err
+
+          FFTCGLOG.log 'recreated DB'
+
+  return
+
+FFTCGDB::close = ->
+  new Promise (resolve, reject) ->
+    @db.close (err) ->
+      if err
+        FFTCGLOG.log "Error closing: '#{err.message}'"
+        resolve 'ok'
+      else
+        FFTCGLOG.error  "Closed '#{@filename}'"
+        reject 'db'
+
+FFTCGDB::register = (login, password) ->
+  that = @
+
+  new Promise (resolve, reject) ->
+    # validate user input
+    if login == '' or password == ''
+      # no user name or password given
+      FFTCGLOG.log "reg: user name '#{login}' or password empty"
+      reject 'invalid'
+
+    # hash password
+    bcrypt.hash password, saltRounds, (err, hash) ->
+      if err
+        FFTCGLOG.log "reg: hash fail for name '#{login}'"
+        reject 'hash'
+
+      # try creating row in users table
+      stmt = that.db.prepare 'INSERT INTO users (login, pwdhash) VALUES (?, ?)'
+      stmt.run [login, hash], (err) ->
+        if err
+          FFTCGLOG.log "reg: DB fail '#{err.code}' for name '#{login}'"
+          stmt.finalize()
+          # reduce attack surface, don't disclose user names
+          reject 'db' # user already exists
+
+        else
+          FFTCGLOG.log "reg: OK '#{login}'"
+          stmt.finalize()
+          # registration successful
+          resolve
+            user: @lastID
+            login: login
+
+FFTCGDB::login = (login, password) ->
+  that = @
+
+  new Promise (resolve, reject) ->
+    # get users table row
+    stmt = that.db.prepare 'SELECT user, login, pwdhash FROM users WHERE login = ?'
+    stmt.get [login], (err, row) ->
+      if err
+        FFTCGLOG.log "login: DB fail '#{err.code}' for name '#{login}'"
+        stmt.finalize()
+        reject 'db'
+
+      else if not row
+        # hash the password for timing attack reasons
+        bcrypt.hash password, saltRounds, (err, hash) ->
+          FFTCGLOG.log "login: nonexistent '#{login}'"
+          stmt.finalize()
+          # reduce attack surface, don't disclose user names
+          reject 'login' # user doesnt exist
+
+      else
+        bcrypt.compare password, row.pwdhash, (err, res) ->
+          if err
+            FFTCGLOG.log "login: hash fail for name '#{login}'"
+            reject 'hash'
+
+          if res == true
+            FFTCGLOG.log "login: OK '#{row.login}'"
+            stmt.finalize()
+            # login successful
+            resolve
+              user: row.user
+              login: row.login
+
+          else
+            FFTCGLOG.log "login: wrong password for '#{login}'"
+            stmt.finalize()
+            # login failed
+            reject 'login'
+
+FFTCGDB::addDeck = (user, deckCards) ->
+  that = @
+
+  new Promise (resolve, reject) ->
+    # try creating row in decks table
+    stmt = that.db.prepare 'INSERT INTO decks (user, json) VALUES (?, ?)'
+    stmt.run [user, JSON.stringify deckCards], (err) ->
+      if err
+        FFTCGLOG.log "addDeck: DB fail '#{err.code}' for id '#{user}'"
+        stmt.finalize()
+        reject 'db'
+
+      else
+        stmt.finalize()
+        # deck added successfully, now add cards
+        that.modDeck(@lastID, deckCards)
+          .then (deckID) ->
+            resolve deckID
+          .catch (error) ->
+            reject error
+
+FFTCGDB::modDeck = (deckID, deckCards) ->
+  that = @
+
+  new Promise (resolve, reject) ->
+    # delete old deck cards
+    stmt = that.db.prepare 'DELETE FROM decks_cards WHERE deck = ?'
+    stmt.run [deckID], (err) ->
+      stmt.finalize()
+      if err
+        FFTCGLOG.log "modDeck: DB fail '#{err.code}' for deck '#{deckID}'"
+        reject 'db'
+      else
+        stmt = that.db.prepare 'INSERT INTO decks_cards (deck, card, quant) VALUES (?, ?, ?)'
+        # add new cards
+        that.db.parallelize ->
+          # needs to be done in several queries
+          promiseCount = deckCards.length
+          deckCards.forEach (card) ->
+            stmt.run [deckID, card.id, card.quant], (err) ->
+              if err
+                FFTCGLOG.log "modDeck: DB fail '#{err.code}' for card '#{deckID}', '#{card.id}', '#{card.quant}'"
+                stmt.finalize()
+                reject 'db'
+              else
+                # check if all queries are done
+                promiseCount -= 1
+                if promiseCount == 0
+                  FFTCGLOG.log "modDeck: OK '#{deckID}'"
+                  stmt.finalize()
+                  resolve deckID
+
+FFTCGDB::getDecks = (user) ->
+  that = @
+
+  new Promise (resolve, reject) ->
+    # try deleting correct row in decks table
+    decks = {}
+    stmt = that.db.prepare 'SELECT decks.deck, decks.json FROM decks INNER JOIN users ON decks.user = users.user WHERE users.user = ?'
+    stmt.all [user], (err, rows) ->
+      stmt.finalize()
+      if err
+        FFTCGLOG.log "getDeck: DB fail '#{err.code}' for deck '#{deckID}'"
+        reject 'db'
+      else
+        FFTCGLOG.log "getDeck: OK '#{deckID}'"
+        for row in rows
+          decks[row.deck] = JSON.parse row.json
+        resolve decks
+
+FFTCGDB::delDeck = (deckID) ->
+  that = @
+
+  new Promise (resolve, reject) ->
+    # try deleting correct row in decks table
+    stmt = that.db.prepare 'DELETE FROM decks WHERE deck = ?'
+    stmt.run [deckID], (err) ->
+      stmt.finalize()
+      if err
+        FFTCGLOG.log "delDeck: DB fail '#{err.code}' for deck '#{deckID}'"
+        reject 'db'
+      else
+        FFTCGLOG.log "delDeck: OK '#{deckID}'"
+        resolve deckID
+
+
+module.exports = FFTCGDB

inc/router.coffee

@@ -0,0 +1,82 @@
+# node libraries
+express = (require 'express')
+path = (require 'path')
+
+# my libraries
+FFTCGDB = (require './db')
+FFTCGLOG = new (require './console')('FFTCGROUTER')
+
+# open fftcg db
+fftcgdb = new FFTCGDB path.resolve(__dirname, '../fftcg.db')
+
+# create router
+FFTCGROUTER = express.Router()
+
+# request logging
+FFTCGROUTER.use (req, res, next) ->
+  if req.session.user
+    FFTCGLOG.log "user '#{req.session.user.login}' requested '#{req.url}'"
+  else
+    FFTCGLOG.log "requested '#{req.url}'"
+
+  next()
+
+# static content
+FFTCGROUTER.use express.static path.resolve(__dirname, '../public_html')
+
+# register user
+FFTCGROUTER.post '/register', (req, res) ->
+  fftcgdb.register req.body.login, req.body.password
+    .then (user) ->
+      # registration successful, return JSON status
+      res.json
+        status: 'ok'
+        user: user.user
+        login: user.login
+
+    .catch (err) ->
+      # registration failed, return JSON status
+      res.json
+        status: 'fail'
+        text: err
+
+# log in user
+FFTCGROUTER.post '/login', (req, res) ->
+  fftcgdb.login req.body.login, req.body.password
+    .then (user) ->
+      # login successful, save stuff in session
+      req.session.user = user
+      req.session.save()
+
+      # return JSON status
+      res.json
+        status: 'ok'
+        user: user.user
+        login: user.login
+
+    .catch (err) ->
+      # login failed, return JSON status
+      res.json
+        status: 'fail'
+        text: err
+
+# Templates
+FFTCGROUTER.get '/:template.html', (req, res) ->
+  # redirect logged-in users to user cp
+  if req.session.user and req.params.template == 'index'
+    return res.redirect '/usercp.html'
+
+  # render requested template
+  res.render (req.params.template + '.pug'), (err, html) ->
+    # redirect invalid requests to index
+    if err
+      return res.redirect '/index.html'
+
+    # actual response
+    res.send html
+
+# default route
+FFTCGROUTER.use (req, res) ->
+  return res.redirect '/index.html'
+
+module.exports = FFTCGROUTER

inc/session.coffee

@@ -0,0 +1,22 @@
+# node libraries
+expressSession = (require 'express-session')
+RedisStore = (require 'connect-redis')(expressSession)
+
+module.exports = (app) ->
+  session =
+  secret: 'keyboard cat'
+  store: new RedisStore
+    host: 'redis'
+    port: 6379
+  cookie:
+    httpOnly: true
+    sameSite: 'strict'
+  proxy: true
+  resave: true
+  saveUninitialized: true
+
+  if app.get 'env' == 'production'
+    app.set 'trust proxy', 1
+    session.cookie.secure = true
+
+  expressSession session

inc/socket.coffee

@@ -0,0 +1,38 @@
+# node libraries
+socketio = (require 'socket.io')
+path = (require 'path')
+FFTCGLOG = new (require './console')('FFTCGSOCKET')
+
+# my libraries
+
+FFTCGSOCKET = (http, session) ->
+  that = @
+
+  # create server socket
+  @io = socketio http
+  @io.use session
+
+  # on new connection
+  @io.on 'connection', (socket) ->
+    @session = socket.handshake.session
+    FFTCGLOG.log "session '#{@session.id}' connected"
+    FFTCGLOG.log "is user '#{@session.userID}'" if @session.userID
+
+    socket.on 'disconnect', ->
+      FFTCGLOG.log "session '#{that.session.id}' disconnected"
+      FFTCGLOG.log "is user '#{that.session.userID}'" if that.session.userID
+
+  return
+
+FFTCGSOCKET::close = ->
+  FFTCGLOG.log 'shutting down'
+  if @db
+    @db.close()
+      .then (msg) ->
+        console.log msg
+      .catch (err) ->
+        console.error err
+
+
+
+module.exports = FFTCGSOCKET

nodemon.json

@@ -0,0 +1,4 @@
+{
+  "verbose": true,
+  "watch": ["server.coffee", "inc/*"]
+}

package.json

@@ -0,0 +1,57 @@
+{
+  "name": "node-fftcg",
+  "version": "0.0.3",
+
+  "description": "FFTCG online using Socket.IO and CraftyJS on Node.js on Docker",
+  "author": "JMM <jmm@yavook.de>",
+
+  "main": "server.coffee",
+  "private": true,
+  "license": "UNLICENSED",
+
+  "scripts": {
+    "build": "webpack",
+    "watch": "webpack --watch",
+    "start": "webpack && coffee server.coffee",
+    "debug": "webpack --watch & nodemon server.coffee",
+    "test":  "echo \"Error: no test specified\" && exit 1"
+  },
+
+  "devDependencies": {
+    "@babel/core": "^7.1.6",
+    "@babel/preset-env": "^7.1.6",
+    "coffee-loader": "^0.9.0",
+
+    "autoprefixer": "^9.3.1",
+    "css-loader": "^1.0.1",
+    "postcss-loader": "^3.0.0",
+    "node-sass": "^4.10.0",
+    "precss": "^3.1.2",
+    "sass-loader": "^7.1.0",
+    "style-loader": "^0.23.1",
+
+    "nodemon": "^1.18.9",
+    "webpack": "^4.25.1",
+    "webpack-cli": "^3.1.2",
+
+    "bootstrap": "^4.1.3",
+    "craftyjs": "^0.9.0",
+    "jquery": "^3.3.1",
+    "popper.js": "^1.14.5"
+  },
+
+  "dependencies": {
+    "bcrypt": "^3.0.2",
+    "body-parser": "^1.18.3",
+    "coffeescript": "^2.3.2",
+    "connect-redis": "^3.4.0",
+    "express": "^4.16.4",
+    "express-session": "^1.15.6",
+    "express-socket.io-session": "^1.3.5",
+    "helmet": "^3.15.0",
+    "pug": "^2.0.3",
+    "socket.io": "^2.2.0",
+    "socket.io-client": "^2.2.0",
+    "sqlite3": "^4.0.4"
+  }
+}

server.coffee

@@ -0,0 +1,40 @@
+# node libraries
+bodyParser = (require 'body-parser')
+express = (require 'express')
+sharedSession = (require 'express-socket.io-session')
+helmet = (require 'helmet')
+http = (require 'http')
+path = (require 'path')
+
+# my libraries
+FFTCGSOCKET = (require './inc/socket')
+FFTCGSESSION = (require './inc/session')
+FFTCGROUTER = (require './inc/router')
+FFTCGLOG = new (require './inc/console')('FFTCG')
+
+# express framework
+app = express()
+app.use helmet()
+app.use bodyParser.urlencoded
+  extended: true
+
+# sessions
+sessionMiddleware = FFTCGSESSION(app)
+app.use sessionMiddleware
+
+# routes
+app.use FFTCGROUTER
+
+# socket.io
+web = http.Server app
+socket = new FFTCGSOCKET web, sharedSession sessionMiddleware
+
+# Create server
+web.listen 3000, ->
+  FFTCGLOG.log 'Listening on port 3000 ...'
+
+# Handle termination
+process.on 'SIGINT', ->
+  socket.close()
+  FFTCGLOG.log 'shutting down after SIGINT'
+  process.exit()

src/game.coffee

@@ -0,0 +1,71 @@
+# libs
+window.$ = require('jquery')
+
+# on load
+$ ->
+  # libs requiring full DOM
+  require 'craftyjs/dist/crafty'
+  io = require 'socket.io-client'
+
+  # style sheet
+  require './style/custom.scss'
+
+  # fftcg libs
+  require './game/config.coffee'
+  require './game/components/Card.coffee'
+  require './game/scenes/Battle.coffee'
+
+  # init Socket.IO
+  socket = io()
+
+  # init CraftyJS framework
+  Crafty.init()
+
+  # Load base scene
+  Crafty.scene "Battle"
+
+  # Testing some entities
+  Crafty.sprite 480, 670, '//www.fftcgmognet.com/images/cards/hd/1/1/107.jpg',
+    shantotto: [
+      0
+      0
+    ]
+
+  backups = [
+
+    Crafty.e 'shantotto, AllyCard'
+      .attr {
+        card:
+          type: 'backup'
+      }
+
+    Crafty.e 'shantotto, AllyCard'
+      .attr {
+        card:
+          type: 'backup'
+      }
+
+    Crafty.e 'shantotto, AllyCard'
+      .attr {
+        card:
+          type: 'backup'
+      }
+
+  ]
+
+  Crafty 'AllyCard'
+    .each (index) ->
+      switch @card.type
+        when 'backup'
+          @trigger 'Place',
+            x: CONF.coord.x.main + index * CONF.coord.x.step
+            y: CONF.coord.y.bkup
+      return
+
+
+  Crafty.e 'shantotto, EnemyCard'
+    .trigger 'Place',
+      x: 900
+      y: 0
+
+  return

src/game/components/BigCard.coffee

@@ -1,4 +1,3 @@
-CONF = require '../config.coffee'
 # intermediate config
 bcConf = Crafty.clone CONF.bigcard
 

src/game/components/Card.coffee

@@ -1,4 +1,3 @@
-CONF = require '../config.coffee'
 require './BigCard.coffee'
 
 ################

src/game/components/Playmat.coffee

@@ -1,5 +1,3 @@
-CONF = require '../config.coffee'
-
 ################
 # Playmat
 ################

src/game/config.coffee

@@ -1,4 +1,4 @@
-module.exports =
+window.CONF =
 
   playmat:
     w: 2000

src/game/scenes/Battle.coffee

@@ -1,4 +1,3 @@
-CONF = require '../config.coffee'
 require '../components/Playmat.coffee'
 
 Crafty.defineScene "Battle", ->
@@ -33,7 +32,7 @@ Crafty.defineScene "Battle", ->
   Crafty.trigger 'ViewportResize'
 
   # Example playmats at https://imgur.com/a/VSosu#cwGQdAS
-  Crafty.sprite 2000, 1000, require('@/assets/ff7.jpg'),
+  Crafty.sprite 2000, 1000, 'assets/ff7.jpg',
     playmat: [
       0
       0

src/index.coffee

@@ -0,0 +1,105 @@
+# libs
+window.$ = require('jquery')
+
+# import bootstrap
+require './style/custom.scss'
+require 'bootstrap/js/dist/alert'
+
+window.showAlert = (level, content) ->
+  ($ '.alert').alert 'close'
+
+  ($ '#alert-area').append ($ '<div>',
+    class:  "alert alert-#{level} alert-dismissible fade show"
+    role:   'alert'
+  .append content, ($ '<button>',
+    type:   'button'
+    class:  'close'
+    'data-dismiss': 'alert',
+    'aria-label': 'Close'
+  .append ($ '<span>',
+    'aria-hidden': 'true'
+  .append '&times;'
+  )))
+
+# on load
+$ ->
+  # reset forms
+  $('form').each ->
+    @fullReset = ->
+      $('input', @).each ->
+        $(@).removeClass 'is-invalid'
+        $(@).removeClass 'is-valid'
+      @reset()
+
+  # login form
+  $('form[name="login"]').submit (event) ->
+    that = @
+    # inhibit normal form submission
+    event.preventDefault()
+
+    # gather form data
+    login = $('input[name="login"]', @)
+    password = $('input[name="password"]', @)
+
+    # transmit form data
+    $.post '/login',
+      login: login.val()
+      password: password.val()
+    .done (data) ->
+      if data.status == 'ok'
+        that.fullReset()
+        showAlert 'success', "successfully logged in '#{data.login}'"
+        location.reload()
+
+      else
+        switch data.text
+          when 'login'
+            showAlert 'warning', 'Invalid username and/or password.'
+            login.addClass 'is-invalid'
+            password.addClass 'is-invalid'
+          when 'db' or 'hash'
+            showAlert 'danger', 'Internal failure, try again later.'
+          else
+            showAlert 'danger', 'Unknown failure. Can you reproduce this?'
+
+  # registration form
+  $('form[name="register"]').submit (event) ->
+    that = @
+    # inhibit normal form submission
+    event.preventDefault()
+
+    # gather form data
+    login = $('input[name="login"]', @)
+    password = $('input[name="password"]', @)
+    confirm = $('input[name="confirm"]', @)
+
+    # check form data
+    if password.val() != confirm.val()
+      confirm.addClass 'is-invalid'
+      confirm.focus()
+
+    else
+      # transmit form data
+      $.post '/register',
+        login: login.val()
+        password: password.val()
+      .done (data) ->
+        if data.status == 'ok'
+          that.fullReset()
+          showAlert 'success', "successfully registered '#{data.login}'"
+
+        else
+          switch data.text
+            when 'invalid'
+              showAlert 'warning', 'Invalid user input. Please provide username AND password.'
+              login.addClass 'is-invalid'
+              password.addClass 'is-invalid'
+              login.focus()
+            when 'hash'
+              showAlert 'danger', 'Internal failure, try again later.'
+            when 'db'
+              showAlert 'danger', 'Internal failure or user name already taken.'
+              login.addClass 'is-invalid'
+              login.focus()
+            else
+              showAlert 'danger', 'Unknown failure. Can you reproduce this?'

src/style/custom.scss

@@ -0,0 +1,19 @@
+//
+// Bootstrap and its default variables
+//
+
+@import "~bootstrap/scss/bootstrap";
+
+html, body {
+  height: 100%;
+}
+
+
+body {
+  margin: 0;
+  background-color: #aaa;
+  // background-image: url(//gameranx.com/wp-content/uploads/2016/02/Final-Fantasy-XV-4K-Wallpaper.jpg);
+  background-position-x: center;
+  background-position-y: center;
+  background-size: cover;
+}

src/usercp.coffee

@@ -0,0 +1,11 @@
+# libs
+window.$ = require('jquery')
+
+# import bootstrap
+require './style/custom.scss'
+require 'bootstrap/js/dist/alert'
+require 'bootstrap/js/dist/collapse'
+
+# on load
+$ ->
+  return

views/game.pug

@@ -0,0 +1,6 @@
+doctype html
+html
+  head
+    title Crafty Things
+    script(src='/game.bundle.js')
+  body