Vue rewrite

.browserslistrc

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

.editorconfig

@@ -0,0 +1,7 @@
+[*.{js,jsx,ts,tsx,vue}]
+indent_style = space
+indent_size = 2
+end_of_line = lf
+trim_trailing_whitespace = true
+insert_final_newline = true
+max_line_length = 100

.env

@@ -0,0 +1,2 @@
+VUE_APP_SERVER_URL=irc.eternagame.org/chatws/websocket
+VUE_APP_SSL=true

.eslintignore

@@ -0,0 +1 @@
+src/types/modules/*

.eslintrc.js

@@ -0,0 +1,49 @@
+module.exports = {
+  root: true,
+  env: {
+    node: true,
+  },
+  extends: [
+    'plugin:vue/essential',
+    '@vue/airbnb',
+    '@vue/typescript',
+  ],
+  ignorePatterns: ['vue.config.js', 'server/'],
+  rules: {
+    'no-console': process.env.NODE_ENV === 'production' ? 'error' : 'off',
+    'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off',
+    camelcase: 'off',
+    'vue/script-indent': ['error', 2, {
+      baseIndent: 1,
+    }],
+    'no-param-reassign': ['error', { props: false }],
+    semi: 'off',
+    '@typescript-eslint/semi': ['error'],
+    'no-unused-vars': 'off',
+    'arrow-parens': 'off',
+    'no-underscore-dangle': ['error', { allow: ['__INITIAL_STATE__'] }],
+    'no-plusplus': 'off',
+    'max-classes-per-file': 'off',
+    'class-methods-use-this': 'off',
+    'no-unused-expressions': 'off',
+  },
+  parserOptions: {
+    parser: '@typescript-eslint/parser',
+  },
+  overrides: [
+    {
+      files: ['*.vue'],
+      rules: {
+        indent: 'off',
+      },
+    },
+    {
+      files: [
+        '**/__tests__/*.{j,t}s?(x)',
+      ],
+      env: {
+        jest: true,
+      },
+    },
+  ],
+};

.gitattributes

@@ -0,0 +1 @@
+* text=auto eol=lf

.gitignore

@@ -1,6 +1,24 @@
+.DS_Store
 node_modules
-dist
+/dist
+
+/tests/e2e/reports/
+selenium-debug.log
+
+# local env files
+.env.local
+.env.*.local
+
+# Log files
 npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
 
-# IDEs
-.vscode
+# Editor directories and files
+.idea
+.vscode
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw*

LICENSE

@@ -1,4 +1,4 @@
-Copyright (c) 2016, Eterna Commons All rights reserved.
+Copyright (c) 2020, Eterna Commons All rights reserved.
 
 Redistribution and use in source and binary forms, with or without modification, are permitted provided that the following conditions are met:
 

README.md

@@ -1,24 +1,38 @@
-# HTML-Chat
-HTML5 implementation of Eterna's web-based IRC chat client to replace the legacy Flash-based implementation
-
-Please note that a rewritten version using Vue.js is planned to improve the readability and extensibility of the codebase. More info will be forthcoming.
-
-As a reference, the chat server currently uses [txircd](https://github.com/ElementalAlchemist/txircd) as the IRCd daemon and a custom python-based IRC bot to record recent history.
-
-## Setup
-This code makes use of the [webpack](https://webpack.js.org/) module bundler. In order to run the app, do the following:
-* Install [NodeJS and npm](https://nodejs.org/en/download/)
-* Open a command prompt/terminal, cd into HTML-Chat, and run `npm install`
-* To start a development server, run `npm start`
-* Open a browser and navigate to localhost:9000, then enter your username and password (or leave blank to use without logging in), then optionally a channel if you don't want to post in the main chat (ie if your testing could eb considered disruptive or cause other clients to break)
-
-To create a one-off set of files with webpack, run `npm run build:dev` for the development build or `npm run build:prod` for the production configuration
+# html-chat
+Web-based chat client for Eterna
+
+Interested in development? Join the discusson on the Eterna Discord!
+
+[![Eterna Discord](https://discord.com/api/guilds/702618517589065758/widget.png?style=banner2)](https://discord.gg/KYeTwux)
+
+## Project setup
+```
+npm install
+```
+
+### Compiles and hot-reloads for development
+```
+npm run serve
+```
+
+### Compiles and minifies for production
+```
+npm run build
+```
+
+### Run tests
+All Tests
+```
+npm run test
+```
+Unit Tests
+```
+npm run test:unit
+```
+End-To-End Tests
+```
+npm run test:e2e
+```
 
 ## Contributing
-Feel free to fork this repository, make some changes, and create a pull request. Your changes will then be revewed, merged, and deployed once accepted. It is encouraged to use a channel other than #global (the default) for testing purposes if it could be disruptive.
-
-Currently compatibility must be maintained between this chat and the legacy Flash chat, until it can be implemented into the game. At that point, more significant changes may be implemented to improve implementations based on IRCv3 functionality and and other functions that would otherwise "break" the Flash chat.
-
------------------------------------------
-
-Design and implementation of initial release: [@luxaritas](https://github.com/luxaritas) ([Eterna](http://www.eternagame.org/web/player/48290/))
+Feel free to fork this repository, make some changes, and create a pull request. Your changes will then be reviewed, merged, and deployed once accepted. We encourage you to use different channels than the main ones (#general, #off-topic, #help, and #labs) if your testing could be considered disruptive. We also recommend joining our [Discord](https://discord.gg/KYeTwux) to chat with other developers.

babel.config.js

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

jest.config.js

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