diff --git a/.gitignore b/.gitignore
index 6d1ae36..db68fac 100644
--- a/.gitignore
+++ b/.gitignore
@@ -2,9 +2,6 @@ node_modules
package-lock.json
.tmp
tmp
-.vagrant
-results/*
coverage
-front/build
package-lock.json
har.json
\ No newline at end of file
diff --git a/.travis.yml b/.travis.yml
deleted file mode 100644
index a9a1f81..0000000
--- a/.travis.yml
+++ /dev/null
@@ -1,18 +0,0 @@
-language: node_js
-sudo: false
-node_js:
- - "12.18"
- - "14.7"
-env:
- - CXX=g++-4.8
-addons:
- apt:
- sources:
- - ubuntu-toolchain-r-test
- packages:
- - g++-4.8
-before_install:
- - "npm install -g npm"
- - "npm install -g grunt-cli"
-install:
- - "npm install"
\ No newline at end of file
diff --git a/Gruntfile.js b/Gruntfile.js
deleted file mode 100644
index 392c36f..0000000
--- a/Gruntfile.js
+++ /dev/null
@@ -1,252 +0,0 @@
-module.exports = function(grunt) {
-
- // Load all grunt modules
- require('matchdep').filterDev('grunt-*').forEach(grunt.loadNpmTasks);
-
- // Tell our Express server that Grunt launched it
- process.env.GRUNTED = true;
-
- // Project configuration.
- grunt.initConfig({
- pkg: grunt.file.readJSON('package.json'),
- settings: grunt.file.readJSON('./server_config/settings.json'),
-
- less: {
- all: {
- files: [
- {
- expand: true,
- cwd: 'front/src/less/',
- src: ['**/*.less'],
- dest: 'front/src/css/',
- ext: '.css'
- }
- ]
- }
- },
- jshint: {
- all: [
- '*.js',
- 'app/lib/*.js',
- 'bin/*.js',
- 'lib/**/*.js',
- 'app/nodeControllers/*.js',
- 'app/public/scripts/*.js',
- 'phantomas_custom/**/*.js',
- 'test/api/*.js',
- 'test/core/*.js',
- 'test/fixtures/*.js',
- 'front/src/js/**/*.js'
- ],
- options: {
- esversion: 6
- }
- },
- clean: {
- tmp: {
- src: ['.tmp']
- },
- dev: {
- src: ['front/src/css']
- },
- build: {
- src: ['front/build']
- }
- },
- copy: {
- build: {
- files: [
- {src: ['./front/src/main.html'], dest: './front/build/main.html'},
- {src: ['./front/src/img/favicon.png'], dest: './front/build/img/favicon.png'},
- {src: ['./front/src/img/logo-large.png'], dest: './front/build/img/logo-large.png'},
- ]
- },
- favicons: {
- files: [
- {src: ['./front/src/img/favicon.png'], dest: './front/build/img/favicon.png'},
- {src: ['./front/src/img/favicon-fail.png'], dest: './front/build/img/favicon-fail.png'},
- {src: ['./front/src/img/favicon-success.png'], dest: './front/build/img/favicon-success.png'},
- ]
- }
- },
- mochaTest: {
- test: {
- options: {
- reporter: 'spec',
- },
- src: ['test/core/*.js', 'test/api/*.js']
- },
- 'test-current-work': {
- options: {
- reporter: 'spec',
- },
- src: ['test/core/mediaQueriesCheckerTest.js']
- }
- },
- env: {
- dev: {
- NODE_ENV: 'development'
- },
- built: {
- NODE_ENV: 'production'
- }
- },
- express: {
- dev: {
- options: {
- port: 8383,
- server: './bin/server.js',
- serverreload: true,
- showStack: true
- }
- },
- built: {
- options: {
- port: 8383,
- server: './bin/server.js',
- serverreload: true,
- showStack: true
- }
- },
- test: {
- options: {
- port: 8387,
- server: './bin/server.js',
- showStack: true
- }
- },
- 'test-current-work': {
- options: {
- port: 8387,
- server: './bin/server.js',
- showStack: true
- }
- },
- testSuite: {
- options: {
- port: 8388,
- bases: 'test/www'
- }
- }
- },
- useminPrepare: {
- html: './front/src/main.html',
- options: {
- dest: './front/build',
- root: ['./', './front/src']
- }
- },
- usemin: {
- html: './front/build/main.html',
- css: './front/build/css/*.css',
- options: {
- assetsDirs: ['front/build']
- }
- },
- htmlmin: {
- options: {
- removeComments: true,
- collapseWhitespace: true,
- conservativeCollapse: true
- },
- main: {
- files: [{
- expand: true,
- cwd: './front/build/',
- src: 'main.html',
- flatten: true,
- dest: './front/build'
- }]
- },
- views: {
- files: [{
- expand: true,
- cwd: './front/src/views',
- src: '*.html',
- flatten: true,
- dest: '.tmp/views/'
- }]
- }
- },
- inline_angular_templates: {
- build: {
- options: {
- base: '.tmp',
- method: 'append',
- unescape: {
- '<': '<',
- '>': '>'
- }
- },
- files: {
- './front/build/main.html': ['.tmp/views/*.html']
- }
- }
- },
- filerev: {
- options: {
- algorithm: 'md5',
- length: 8
- },
- assets: {
- src: './front/build/*/*.*'
- }
- }
- });
-
- // Custom task that sets a variable for tests
- grunt.registerTask('test-settings', function() {
- process.env.IS_TEST = true;
- });
-
- grunt.registerTask('build', [
- 'jshint',
- 'clean:build',
- 'copy:build',
- 'less',
- 'useminPrepare',
- 'concat',
- 'uglify',
- 'cssmin',
- 'htmlmin:views',
- 'inline_angular_templates',
- 'filerev',
- 'usemin',
- 'htmlmin:main',
- 'clean:tmp',
- 'copy:favicons'
- ]);
-
- grunt.registerTask('hint', [
- 'jshint'
- ]);
-
- grunt.registerTask('dev', [
- 'env:dev',
- 'express:dev'
- ]);
-
- grunt.registerTask('built', [
- 'env:built',
- 'express:built'
- ]);
-
- grunt.registerTask('test', [
- 'test-settings',
- 'build',
- 'express:testSuite',
- 'express:test',
- 'mochaTest:test',
- 'clean:tmp'
- ]);
-
- grunt.registerTask('test-current-work', [
- 'test-settings',
- 'jshint',
- 'express:testSuite',
- 'express:test-current-work',
- 'mochaTest:test-current-work',
- 'clean:tmp'
- ]);
-
-};
\ No newline at end of file
diff --git a/README.md b/README.md
index 90bef79..626906d 100644
--- a/README.md
+++ b/README.md
@@ -70,7 +70,7 @@ By the way, it's free because I am a geek, not businessmen. In return, you can a
If your project is not accessible from outside or if you want to test your localhost, you might want to run your own instance of Yellow Lab Tools.
-The classical way is to clone the project's GitHub repository and run it on Linux of MacOS. The documentation is [here](https://github.com/YellowLabTools/YellowLabTools/wiki/Install-your-private-server).
+The classical way is to clone the YLT server's GitHub repository and run it on Linux or MacOS. The documentation is [here](https://github.com/YellowLabTools/YellowLabTools/wiki/Install-your-private-server).
The new recommended solution is to run Yellow Lab Tools inside a Docker virtual machine. My friend Ousama Ben Younes maintains [this ready-to-use Docker image based on Alpine](https://github.com/ousamabenyounes/docker-yellowlabtools)).
diff --git a/bin/cli.js b/bin/cli.js
old mode 100644
new mode 100755
diff --git a/bin/server.js b/bin/server.js
deleted file mode 100644
index 700f527..0000000
--- a/bin/server.js
+++ /dev/null
@@ -1,49 +0,0 @@
-var express = require('express');
-var app = express();
-var server = require('http').createServer(app);
-var bodyParser = require('body-parser');
-var compress = require('compression');
-var cors = require('cors');
-
-var authMiddleware = require('../lib/server/middlewares/authMiddleware');
-var apiLimitsMiddleware = require('../lib/server/middlewares/apiLimitsMiddleware');
-var wwwRedirectMiddleware = require('../lib/server/middlewares/wwwRedirectMiddleware');
-
-
-// Middlewares
-app.use(compress());
-app.use(bodyParser.json());
-app.use(cors());
-app.use(wwwRedirectMiddleware);
-app.use(authMiddleware);
-app.use(apiLimitsMiddleware);
-app.use(bodyParser.urlencoded({ extended: true })); // for parsing application/x-www-form-urlencoded
-
-
-// EJS HTML engine
-app.engine('.html', require('ejs').__express);
-app.set('view engine', 'ejs');
-
-
-// Initialize the controllers
-var apiController = require('../lib/server/controllers/apiController')(app);
-var frontController = require('../lib/server/controllers/frontController')(app);
-
-
-// Let's start the server!
-if (!process.env.GRUNTED) {
- var settings = require('../server_config/settings.json');
-
- app.locals.baseUrl = settings.baseUrl;
-
- server.listen(settings.serverPort, function() {
- console.log('Listening on port %d', server.address().port);
-
- // For the tests
- if (server.startTests) {
- server.startTests();
- }
- });
-}
-
-module.exports = app;
diff --git a/front/src/css/about.css b/front/src/css/about.css
deleted file mode 100644
index 2e8b784..0000000
--- a/front/src/css/about.css
+++ /dev/null
@@ -1,18 +0,0 @@
-.about {
- margin: 3em auto;
- width: 80%;
-}
-@media (min-width: 640px) {
- .about {
- width: 50%;
- }
-}
-.about p {
- margin: 2em;
-}
-.about a {
- color: #fff;
-}
-.sponsor {
- color: #ffa319;
-}
diff --git a/front/src/css/dashboard.css b/front/src/css/dashboard.css
deleted file mode 100644
index 3e76ccb..0000000
--- a/front/src/css/dashboard.css
+++ /dev/null
@@ -1,212 +0,0 @@
-.testedUrl {
- color: inherit;
-}
-.summary {
- text-align: center;
-}
-.summary .globalScore {
- margin: 3em auto;
-}
-.summary .globalScore .globalGrade {
- margin: 0.5 auto;
- width: 2.5em;
- height: 2.5em;
- line-height: 2.5em;
- border-radius: 0.5em;
- font-size: 3em;
- vertical-align: middle;
-}
-.summary .globalScore .on100 {
- font-size: 1.2em;
- margin: 0.5em 0 1em;
-}
-.summary .globalScore .screenshotWrapper:hover {
- opacity: 0.75;
-}
-.summary .globalScore .screenshotWrapper:hover:after {
- position: absolute;
- width: 1.25em;
- height: 1.25em;
- top: 0.7em;
- left: 1.55em;
- font-size: 3em;
- color: #FFF;
- background: #000;
- border-radius: 0.2em;
- text-align: center;
- content: "+";
- opacity: 0.85;
-}
-.summary .globalScore .screenshotWrapper.phone:hover:after {
- top: 1.7em;
- left: 0.64em;
-}
-.summary .globalScore .screenshotWrapper.tablet:hover:after {
- top: 1.5em;
- left: 0.9em;
-}
-@media (min-width: 820px) {
- .summary .globalScore {
- width: 65%;
- display: table;
- }
- .summary .globalScore > div {
- display: table-cell;
- width: 50%;
- vertical-align: middle;
- }
-}
-.summary .notations {
- width: 100%;
- display: table;
- margin: 0 0 1.5em;
- border-spacing: 0 1em;
-}
-@media (min-width: 820px) {
- .summary .notations {
- width: 80%;
- margin: 0 10% 1.5em;
- border-spacing: 1em;
- }
-}
-.summary .notations > div {
- display: table-row;
-}
-.summary .notations > div > div {
- vertical-align: middle;
-}
-@media (min-width: 820px) {
- .summary .notations > div > div {
- display: table-cell;
- height: 2.5em;
- }
-}
-.summary .notations .category {
- font-size: 1.2em;
- width: 50%;
- float: left;
- text-align: left;
- margin: 0.5em 0.25em;
-}
-@media (min-width: 820px) {
- .summary .notations .category {
- width: 20%;
- text-align: center;
- float: none;
- }
-}
-.summary .notations .criteria {
- font-weight: normal;
-}
-@media (min-width: 820px) {
- .summary .notations .criteria {
- width: 75%;
- }
-}
-.summary .notations .A.categoryScore,
-.summary .notations .B.categoryScore,
-.summary .notations .C.categoryScore,
-.summary .notations .D.categoryScore,
-.summary .notations .E.categoryScore,
-.summary .notations .F.categoryScore,
-.summary .notations .NA.categoryScore {
- width: 2.5em;
- max-width: 2.5em;
- min-width: 2.5em;
- margin: 0.2em;
- font-size: 1.5em;
- text-align: center;
- border-radius: 0.5em;
- float: right;
-}
-@media (min-width: 820px) {
- .summary .notations .A.categoryScore,
- .summary .notations .B.categoryScore,
- .summary .notations .C.categoryScore,
- .summary .notations .D.categoryScore,
- .summary .notations .E.categoryScore,
- .summary .notations .F.categoryScore,
- .summary .notations .NA.categoryScore {
- float: none;
- font-size: 2em;
- }
-}
-.summary .notations .grade .A,
-.summary .notations .grade .B,
-.summary .notations .grade .C,
-.summary .notations .grade .D,
-.summary .notations .grade .E,
-.summary .notations .grade .F,
-.summary .notations .grade .NA {
- width: 1em;
- height: 1em;
- font-size: 1em;
- color: transparent;
- margin: 0 auto;
- border-radius: 0.5em;
-}
-.summary .notations .criteria .table {
- width: 100%;
-}
-.summary .notations .criteria .table > a {
- text-decoration: none;
- color: inherit;
-}
-.summary .notations .criteria .table > a:hover > div {
- background: #d8ebe0;
- cursor: pointer;
-}
-.summary .notations .criteria .table > a:hover > div.info {
- background: #FFF;
-}
-.summary .notations .criteria .table > a:hover > div.info svg {
- fill: #d8ebe0;
-}
-.summary .notations .criteria .grade {
- width: 10%;
- padding-left: 0.5em;
- padding-right: 0.5em;
- vertical-align: middle;
-}
-.summary .notations .criteria .label {
- width: 70%;
-}
-.summary .notations .criteria .result {
- width: 18%;
- white-space: nowrap;
- text-align: center;
- vertical-align: middle;
-}
-.summary .notations .warning .label,
-.summary .notations .warning .result {
- color: #FF1919;
-}
-.summary .notations .icon-warning svg {
- fill: #FF1919;
- margin: -2px 0;
-}
-.summary .notations .criteria .info {
- display: none;
-}
-@media (min-width: 820px) {
- .summary .notations .criteria .info {
- display: table-cell;
- width: 2%;
- text-align: center;
- vertical-align: middle;
- background: #FFF;
- padding-left: 0.1em;
- padding-right: 0.1em;
- }
-}
-.summary .notations .criteria .info svg {
- fill: transparent;
-}
-.summary .sponsor {
- font-size: 0.9em;
- margin-bottom: 4em;
- color: #ffa319;
-}
-.summary .sponsor a {
- color: inherit;
-}
diff --git a/front/src/css/index.css b/front/src/css/index.css
deleted file mode 100644
index fabcadf..0000000
--- a/front/src/css/index.css
+++ /dev/null
@@ -1,196 +0,0 @@
-.promess {
- padding: 0em 2em;
- margin-bottom: 0.5em;
- font-weight: normal;
- font-size: 1.2em;
-}
-.price {
- padding: 0em 2em 3em;
- margin-top: 0em;
- font-size: 0.9em;
-}
-.url {
- width: 50%;
-}
-.launchBtn {
- background: #ffa319;
- color: #fff;
-}
-.launchBtn:focus {
- background: #e74c3c;
-}
-.launchBtn.disabled {
- background: #f1bd70;
-}
-.launchBtn.disabled:focus {
- color: #ddd;
-}
-.settings {
- width: 50%;
- margin: 0 auto;
-}
-.settings input,
-.settings select {
- font-size: 1em;
-}
-.settings input[type=text],
-.settings input[type=password],
-.settings textarea {
- width: 100%;
- min-width: 4em;
-}
-.device {
- margin-top: 3em;
-}
-.device .item {
- display: inline-block;
- margin: 1em 0.75em;
- width: 5.5em;
- height: 5.5em;
- color: #FFF;
- border: 1px solid #FFF;
- padding: 1px;
- border-radius: 0.5em;
- cursor: pointer;
- text-decoration: none;
- font-size: 0.8em;
-}
-.device .item > svg {
- display: block;
- margin: 0.6em auto 0.3em;
- fill: #fff;
-}
-.device .item.active {
- color: #ffa319;
- border: 2px solid #ffa319;
- padding: 0;
-}
-.device .item.active > svg {
- fill: #ffa319;
-}
-.device .item:hover {
- color: #ffa319;
-}
-.device .item:hover > svg {
- fill: #ffa319;
-}
-.settingsTooltip {
- position: relative;
-}
-.settingsTooltip svg {
- vertical-align: text-top;
-}
-.settingsTooltip div {
- display: none;
- position: absolute;
- padding: 0.5em;
- width: 25em;
- background: #FFF;
- color: #000;
- font-size: 0.8em;
- border-radius: 1em;
- border: 2px solid #ffa319;
- white-space: normal;
- word-break: break-all;
- word-break: break-word;
- z-index: 2;
-}
-.settingsTooltip:hover div {
- display: block;
-}
-.showAdvanced {
- display: inline-block;
- margin-top: 2em;
- color: #FFF;
- text-decoration: none;
- font-size: 0.9em;
-}
-.showAdvanced:hover {
- color: #ffa319;
-}
-.currentSettings {
- font-size: 0.9em;
-}
-.currentSettings span {
- color: #ffa319;
-}
-.currentSettings span:after {
- color: #FFF;
- content: ",";
-}
-.currentSettings span:last-child:after {
- content: "";
-}
-.advanced {
- margin: 1em 0 0;
- display: table;
- width: 100%;
- text-align: left;
- border-spacing: 0.75em;
-}
-.advanced > div {
- display: table-row;
-}
-.advanced > div > div {
- display: table-cell;
- width: 75%;
-}
-.advanced > div > div.label {
- width: 25%;
- white-space: nowrap;
- vertical-align: middle;
-}
-.advanced .subTable {
- display: table;
- border-spacing: 0;
- width: 100%;
-}
-.advanced .subTable > div {
- display: table-row;
-}
-.advanced .subTable > div > div {
- display: table-cell;
- padding: 0 0 0.75em;
-}
-.features {
- display: table;
- width: 50%;
- margin: 6em auto 0;
- font-size: 0.9em;
- color: #8abfaf;
-}
-@media (min-width: 640px) {
- .features > div {
- width: 33.3%;
- display: table-cell;
- padding: 0 1.5em;
- }
-}
-.features h3 {
- font-size: 1.5em;
- font-weight: normal;
- color: #fff;
-}
-input[type=submit],
-input.url {
- padding: 0 0.5em;
- margin: 0.5em;
- font-size: 1.2em;
- height: 2em;
- border: 0 solid;
- border-radius: 0.5em;
- outline: none;
-}
-input[type=submit]:hover {
- color: #ddd;
-}
-input[type=submit].clicked {
- color: #ddd;
- position: relative;
- left: 0.1em;
- top: 0.2em;
- box-shadow: none;
-}
-.homeSponsor {
- margin-top: 3em;
-}
diff --git a/front/src/css/main.css b/front/src/css/main.css
deleted file mode 100644
index f8d78f4..0000000
--- a/front/src/css/main.css
+++ /dev/null
@@ -1,280 +0,0 @@
-html {
- margin: 35px 5px;
-}
-@media (min-width: 640px) {
- html {
- margin: 100px 50px;
- }
-}
-body {
- margin: 0 auto;
- max-width: 1280px;
- background: #212240;
- color: #fff;
- font-size: 16px;
- text-align: center;
-}
-body,
-input[type=submit],
-input[type=text],
-input[type=url],
-input[type=number],
-button {
- font-family: 'Century Gothic', helvetica, arial, sans-serif;
-}
-input[type=submit] {
- cursor: pointer;
-}
-h1 {
- font-weight: 200;
-}
-.resultsMenu {
- margin-top: 2em;
-}
-.resultsMenu .menuItem {
- font-size: 0.8em;
- display: inline-block;
- width: 7em;
- height: 7em;
- color: #fff;
- cursor: pointer;
- text-decoration: none;
-}
-@media (min-width: 640px) {
- .resultsMenu .menuItem {
- font-size: 1em;
- margin: 1em;
- width: 8em;
- border: 2px solid #fff;
- border-radius: 0.5em;
- }
-}
-.resultsMenu .menuItem svg {
- fill: #fff;
-}
-.resultsMenu .menuItem.back,
-.resultsMenu .menuItem.restart {
- color: #fff;
- border-color: #fff;
-}
-.resultsMenu .menuItem div {
- padding-top: 0.5em;
- font-size: 3em;
-}
-.resultsMenu svg {
- display: block;
- margin: 1.2em auto 0.2em;
-}
-.resultsMenu .active,
-.resultsMenu .menuItem.active:hover {
- color: #ffa319;
- border-color: #ffa319;
-}
-.resultsMenu .active svg,
-.resultsMenu .menuItem.active:hover svg {
- fill: #ffa319;
-}
-.resultsMenu .menuItem:hover {
- color: #ffa319;
-}
-.resultsMenu .menuItem:hover svg {
- fill: #ffa319;
-}
-.resultsMenu span {
- position: relative;
- top: 0.5em;
-}
-/* Grade colors */
-.A {
- /* green */
- background: #0C4;
-}
-.B {
- /* green */
- background: #CD0;
-}
-.C {
- /* yellow */
- background: #FD2;
-}
-.D {
- /* orange */
- background: #FA2;
-}
-.E {
- /* red */
- background: #F60;
-}
-.F {
- /* red */
- background: #F22;
-}
-.NA {
- /* Non applicable */
- background: #CCC;
-}
-.board {
- margin-top: 2em;
- padding: 1em;
- background: #fff;
- color: #000;
- border-radius: 0.5em;
- text-align: left;
-}
-.backToDashboard {
- text-align: center;
-}
-.backToDashboard a {
- font-size: 0.9em;
- display: block;
- margin-top: 4em;
- color: black;
-}
-a.linkButton {
- font-size: 1em;
- padding: 0.3em 0.5em;
- margin: 0.5em;
- line-height: 2em;
- border: 0 solid;
- border-radius: 0.5em;
- box-shadow: 0.1em 0.2em 0 0 #5e2846;
- background: #e74c3c;
- color: #fff;
- text-decoration: none;
-}
-.screenshotWrapper {
- display: inline-block;
- position: relative;
- background: #000;
-}
-.screenshotWrapper > div {
- position: relative;
- overflow: hidden;
-}
-.screenshotWrapper .screenshotImage {
- width: 100%;
-}
-.screenshotWrapper .screenshotError {
- color: #fff;
-}
-.screenshotWrapper.desktop,
-.screenshotWrapper.desktop-hd {
- border: 0.2em solid #AAA;
- padding: 0.5em;
- border-top-left-radius: 0.4em;
- border-top-right-radius: 0.4em;
-}
-.screenshotWrapper.desktop:before,
-.screenshotWrapper.desktop-hd:before {
- position: absolute;
- width: 15em;
- height: 0.6em;
- bottom: -0.75em;
- left: -1em;
- background: #CCC;
- border-bottom-left-radius: 0.2em;
- border-bottom-right-radius: 0.2em;
- content: " ";
-}
-.screenshotWrapper.desktop:after,
-.screenshotWrapper.desktop-hd:after {
- position: absolute;
- width: 0.4em;
- height: 0.2em;
- bottom: -0.55em;
- left: 12.5em;
- background: lime;
- content: " ";
-}
-.screenshotWrapper.desktop > div,
-.screenshotWrapper.desktop-hd > div {
- width: 12em;
- height: 7.5em;
-}
-.screenshotWrapper.phone {
- border: 0.07em solid #CCC;
- padding: 1em 0.3em 1.5em;
- border-radius: 0.6em;
-}
-.screenshotWrapper.phone:before {
- position: absolute;
- width: 0.8em;
- height: 0.8em;
- bottom: 0.3em;
- left: 3.3em;
- border: 0.07em solid #CCC;
- border-radius: 0.5em;
- content: " ";
-}
-.screenshotWrapper.phone:after {
- position: absolute;
- width: 1em;
- height: 0.1em;
- bottom: 13.9em;
- left: 3.2em;
- background: #555;
- border-radius: 0.05em;
- content: " ";
-}
-.screenshotWrapper.phone > div {
- width: 6.75em;
- height: 12em;
-}
-.screenshotWrapper.tablet {
- border: 0.07em solid #CCC;
- padding: 0.8em 0.5em 0.9em;
- border-radius: 0.6em;
-}
-.screenshotWrapper.tablet:before {
- position: absolute;
- width: 0.5em;
- height: 0.5em;
- bottom: 0.15em;
- left: 4.35em;
- border: 0.07em solid #CCC;
- border-radius: 0.4em;
- content: " ";
-}
-.screenshotWrapper.tablet > div {
- width: 8em;
- height: 12.8em;
-}
-.table {
- display: table;
- width: 100%;
- border-spacing: 0.25em;
-}
-.table > div,
-.table > a {
- display: table-row;
-}
-.table > .headers > div {
- font-weight: bold;
- padding: 0.5em 1em;
-}
-.table > div > div,
-.table > a > div {
- padding: 0.1em 1em;
- background: #f2f2f2;
- display: table-cell;
- text-align: left;
-}
-.footer {
- padding: 3em;
- color: #fff;
-}
-.footer a {
- color: inherit;
-}
-.footer .version {
- font-size: 0.7em;
-}
-.footer .github {
- margin: 1em 0 0 0.5em;
-}
-.footer .sponsor {
- font-size: 0.9em;
-}
-.homeSponsor {
- color: #ffa319;
-}
diff --git a/front/src/css/queue.css b/front/src/css/queue.css
deleted file mode 100644
index e6b9fa2..0000000
--- a/front/src/css/queue.css
+++ /dev/null
@@ -1,21 +0,0 @@
-.status {
- margin-top: 2em;
- font-size: 2.5em;
-}
-.statusSubMessage {
- font-size: 0.8em;
- margin-bottom: 6em;
-}
-.progressBarEmpty {
- width: 90%;
- max-width: 300px;
- margin: 1em auto;
- padding: 0.05em;
- border: 1px solid #ffa319;
-}
-.progressBarFilled {
- width: 5%;
- height: 0.5em;
- background: #ffa319;
- transition: width 3s ease-out;
-}
diff --git a/front/src/css/rule.css b/front/src/css/rule.css
deleted file mode 100644
index 24e789e..0000000
--- a/front/src/css/rule.css
+++ /dev/null
@@ -1,277 +0,0 @@
-.rule.board {
- text-align: center;
-}
-.rule .ruleTable {
- border-spacing: 1em;
- width: 90%;
- margin: 2em auto;
- background: #f2f2f2;
- border: 1px dashed #666;
- border-radius: 0.5em;
-}
-@media (min-width: 820px) {
- .rule .ruleTable {
- display: table;
- }
- .rule .ruleTable > div {
- display: table-cell;
- vertical-align: middle;
- }
- .rule .ruleTable .left {
- width: 33%;
- }
- .rule .ruleTable .right {
- width: 67%;
- }
-}
-.rule .score {
- font-size: 2.5em;
- line-height: 2em;
- height: 2em;
- width: 2em;
- border-radius: 0.5em;
- margin: 0 auto 0.25em;
-}
-.rule h3 {
- margin-bottom: 0em;
-}
-.rule .okThreshold {
- font-style: italic;
- font-size: 0.9em;
-}
-.rule .message {
- width: 80%;
- margin: 1.5em auto;
-}
-.rule .message p {
- margin: 0.5em;
-}
-.rule .message ul {
- list-style-type: none;
- padding-left: 0;
-}
-.rule .message li:before {
- content: '\25e6';
- margin-right: 0.3em;
- font-size: 1.2em;
- position: relative;
- top: 0.1em;
-}
-.rule .warning {
- width: 90%;
- margin: -1em auto 2em;
- background: #FEE;
- border: 1px dashed #e74c3c;
- color: #e74c3c;
- border-radius: 0.5em;
-}
-.rule .offendersTable {
- display: table;
- border-spacing: 0 0.25em;
- margin: 0 auto;
- min-width: 10%;
- font-size: 0.875em;
-}
-@media (min-width: 820px) {
- .rule .offendersTable {
- max-width: 90%;
- font-size: 1em;
- }
-}
-.rule .offendersTable > div {
- display: table-row;
-}
-.rule .offendersTable > div > div {
- display: table-cell;
- background: #f2f2f2;
- padding: 0 0.25em;
- word-wrap: break-word;
- word-break: break-all;
-}
-.rule .offendersTable > div > div:hover {
- background: #d8ebe0;
-}
-.rule .notFound {
- font-size: 1em;
-}
-.rule .notFound h2 {
- font-size: 3em;
- margin-bottom: 1em;
-}
-.rule .startTime {
- display: none;
-}
-.offendersTable .offenderButton,
-.value .offenderButton {
- display: inline-block;
- position: relative;
- background: #efe;
- padding: 0 0.5em;
- margin: 0.2em 0;
- border-radius: 0.4em;
- z-index: 1;
- cursor: pointer;
-}
-.offendersTable .offenderButton.opens,
-.value .offenderButton.opens {
- padding-right: 0.75em;
-}
-.offendersTable .offenderButton.opens:after,
-.value .offenderButton.opens:after {
- position: relative;
- left: 0.5em;
- content: '\25BC';
- font-size: 0.8em;
-}
-.offendersTable .offenderButton > div,
-.value .offenderButton > div {
- display: none;
- position: absolute;
- right: 0;
- min-width: 100%;
- background: inherit;
- border-bottom-left-radius: 0.4em;
- border-bottom-right-radius: 0.4em;
- border-top: 1px solid #999;
- z-index: 2;
-}
-.offendersTable .offenderButton .domTree,
-.value .offenderButton .domTree {
- text-align: left;
- white-space: nowrap;
-}
-.offendersTable .offenderButton .domTree > div,
-.value .offenderButton .domTree > div {
- margin: 0.5em;
-}
-.offendersTable .offenderButton .domTree > div div,
-.value .offenderButton .domTree > div div {
- margin-left: 1em;
-}
-.offendersTable .offenderButton .backtrace,
-.value .offenderButton .backtrace,
-.offendersTable .offenderButton .cssFileAndLine,
-.value .offenderButton .cssFileAndLine {
- white-space: nowrap;
- padding: 0.5em;
-}
-.offendersTable .offenderButton.opens:hover,
-.value .offenderButton.opens:hover {
- border-bottom-left-radius: 0;
- border-bottom-right-radius: 0;
- background: #ffe0cc;
- z-index: 2;
-}
-.offendersTable .offenderButton.opens:hover > div,
-.value .offenderButton.opens:hover > div {
- display: block;
- background: #ffe0cc;
-}
-.offendersTable .smallerOffenders,
-.value .smallerOffenders {
- font-size: 0.9em;
-}
-.offendersHtml {
- display: inline-block;
-}
-.domTree div {
- text-align: left;
- margin-left: 1em;
-}
-.domTree div span:only-child {
- font-weight: bold;
-}
-.domTree div span:only-child span {
- font-style: italic;
- font-weight: normal;
-}
-.checker {
- /* Checkerboard background */
- background-color: #ddd;
- background-image: linear-gradient(45deg, #AAA 25%, transparent 25%, transparent 75%, #AAA 75%, #AAA), linear-gradient(45deg, #AAA 25%, transparent 25%, transparent 75%, #AAA 75%, #AAA);
- background-size: 1em 1em;
- background-position: 0 0, 0.5em 0.5em;
-}
-.colorPalette {
- width: 30em;
- border: 2px solid #000;
- text-align: left;
-}
-.colorPalette > div {
- display: inline-block;
- height: 2em;
- position: relative;
-}
-.colorPalette > div div {
- display: none;
- position: absolute;
- left: 100%;
- top: 100%;
- background: #FFF;
- padding: 0.5em;
- border: 2px solid #f1c40f;
- border-radius: 0.5em;
- white-space: nowrap;
- z-index: 3;
- font-weight: bold;
-}
-.colorPalette > div:hover div {
- display: block;
-}
-.colorPalette > div:hover:after {
- content: " ";
- position: absolute;
- left: -0.2em;
- top: -0.2em;
- width: 100%;
- height: 100%;
- z-index: 2;
- border: 0.2em solid #f1c40f;
-}
-.similarColors {
- margin: 1em;
- width: 20em;
- height: 6em;
-}
-.similarColors > div {
- display: inline-block;
- width: 10em;
- height: 3.5em;
- padding-top: 2.5em;
-}
-.totalWeightPie {
- max-width: 20em;
- margin: 2em auto 4em;
-}
-.totalWeightPie canvas {
- max-width: inherit;
-}
-.offenderProblem {
- font-weight: bold;
- color: #e74c3c;
-}
-.imageOffenders {
- display: table;
- border-spacing: 3em;
- width: 90%;
-}
-.imageOffenders > div {
- display: table-row;
-}
-.imageOffenders > div > div {
- display: table-cell;
- vertical-align: middle;
-}
-.imageOffenders img {
- max-height: 10em;
- max-width: 40em;
- border: 1px solid #000;
- margin-top: 0.5em;
-}
-.smallPreview {
- display: block;
- max-height: 6em;
- max-width: 16em;
- border: 1px solid #000;
- margin: 1em auto 0.2em;
-}
diff --git a/front/src/css/screenshot.css b/front/src/css/screenshot.css
deleted file mode 100644
index 0df36d4..0000000
--- a/front/src/css/screenshot.css
+++ /dev/null
@@ -1,17 +0,0 @@
-.screenshot.board {
- text-align: center;
-}
-.screenshot .screenshotWrapper {
- font-size: 1.2em;
- margin-bottom: 0.5em;
-}
-@media (min-width: 420px) {
- .screenshot .screenshotWrapper {
- font-size: 1.6em;
- }
-}
-@media (min-width: 640px) {
- .screenshot .screenshotWrapper {
- font-size: 2.08333333em;
- }
-}
diff --git a/front/src/img/favicon-fail.png b/front/src/img/favicon-fail.png
deleted file mode 100644
index 8192c94..0000000
Binary files a/front/src/img/favicon-fail.png and /dev/null differ
diff --git a/front/src/img/favicon-success.png b/front/src/img/favicon-success.png
deleted file mode 100644
index 09f498f..0000000
Binary files a/front/src/img/favicon-success.png and /dev/null differ
diff --git a/front/src/img/favicon.png b/front/src/img/favicon.png
deleted file mode 100644
index 23ff5bc..0000000
Binary files a/front/src/img/favicon.png and /dev/null differ
diff --git a/front/src/img/logo-large.png b/front/src/img/logo-large.png
deleted file mode 100644
index 88d1971..0000000
Binary files a/front/src/img/logo-large.png and /dev/null differ
diff --git a/front/src/js/app.js b/front/src/js/app.js
deleted file mode 100644
index 4b04f1e..0000000
--- a/front/src/js/app.js
+++ /dev/null
@@ -1,85 +0,0 @@
-var yltApp = angular.module('YellowLabTools', [
- 'ngRoute',
- 'ngSanitize',
- 'ngAnimate',
- 'indexCtrl',
- 'dashboardCtrl',
- 'queueCtrl',
- 'ruleCtrl',
- 'screenshotCtrl',
- 'runsFactory',
- 'resultsFactory',
- 'apiService',
- 'menuService',
- 'settingsService',
- 'gradeDirective',
- 'offendersDirectives',
- 'LocalStorageModule'
-]);
-
-yltApp.run(['$rootScope', '$location', function($rootScope, $location) {
- $rootScope.isTouchDevice = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(window.navigator.userAgent);
- $rootScope.loadedRunId = null;
-
- var oldHash;
-
- // We don't want the hash to be kept between two pages
- $rootScope.$on('$locationChangeStart', function(param1, param2, param3, param4){
- var newHash = $location.hash();
- if (newHash === oldHash) {
- $location.hash(null);
- }
- oldHash = newHash;
- });
-
- // Google Analytics
- $rootScope.$on('$routeChangeSuccess', function(){
- if (typeof ga !== "undefined") {
- ga('send', 'pageview', {'page': $location.path()});
- }
- });
-
- // GitHub star button (asynchronously loaded iframe)
- window.addEventListener('load', function() {
- window.document.getElementById('ghbtn').src = 'https://ghbtns.com/github-btn.html?user=YellowLabTools&repo=YellowLabTools&type=star&count=true&size=large';
- });
-}]);
-
-yltApp.config(['$routeProvider', '$locationProvider',
- function($routeProvider, $locationProvider) {
- $routeProvider.
- when('/', {
- templateUrl: 'views/index.html',
- controller: 'IndexCtrl'
- }).
- when('/queue/:runId', {
- templateUrl: 'views/queue.html',
- controller: 'QueueCtrl'
- }).
- when('/about', {
- templateUrl: 'views/about.html'
- }).
- when('/result/:runId', {
- templateUrl: 'views/dashboard.html',
- controller: 'DashboardCtrl'
- }).
- when('/result/:runId/screenshot', {
- templateUrl: 'views/screenshot.html',
- controller: 'ScreenshotCtrl'
- }).
- when('/result/:runId/rule/:policy', {
- templateUrl: 'views/rule.html',
- controller: 'RuleCtrl'
- }).
- otherwise({
- redirectTo: '/'
- });
-
- $locationProvider.html5Mode(true);
- }
-]);
-
-// Disable debugging https://docs.angularjs.org/guide/production
-yltApp.config(['$compileProvider', function ($compileProvider) {
- $compileProvider.debugInfoEnabled(false);
-}]);
\ No newline at end of file
diff --git a/front/src/js/controllers/dashboardCtrl.js b/front/src/js/controllers/dashboardCtrl.js
deleted file mode 100644
index cff25b3..0000000
--- a/front/src/js/controllers/dashboardCtrl.js
+++ /dev/null
@@ -1,37 +0,0 @@
-var dashboardCtrl = angular.module('dashboardCtrl', ['resultsFactory', 'menuService']);
-
-dashboardCtrl.controller('DashboardCtrl', ['$scope', '$rootScope', '$routeParams', '$location', 'Results', 'API', 'Menu', function($scope, $rootScope, $routeParams, $location, Results, API, Menu) {
- $scope.runId = $routeParams.runId;
- $scope.Menu = Menu.setCurrentPage('dashboard', $scope.runId);
-
- function loadResults() {
- // Load result if needed
- if (!$rootScope.loadedResult || $rootScope.loadedResult.runId !== $routeParams.runId) {
- Results.get({runId: $routeParams.runId, exclude: 'toolsResults'}, function(result) {
- $rootScope.loadedResult = result;
- $scope.result = result;
- init();
- }, function(err) {
- $scope.error = true;
- });
- } else {
- $scope.result = $rootScope.loadedResult;
- init();
- }
- }
-
- function init() {
- // By default, Angular sorts object's attributes alphabetically. Countering this problem by retrieving the keys order here.
- $scope.categoriesOrder = Object.keys($scope.result.scoreProfiles.generic.categories);
-
- $scope.globalScore = Math.max($scope.result.scoreProfiles.generic.globalScore, 0);
-
- $scope.tweetText = 'I\'ve discovered this cool open-source tool that audits the front-end quality of a web page: ';
- }
-
- $scope.testAgain = function() {
- API.relaunchTest($scope.result);
- };
-
- loadResults();
-}]);
\ No newline at end of file
diff --git a/front/src/js/controllers/indexCtrl.js b/front/src/js/controllers/indexCtrl.js
deleted file mode 100644
index 2537a93..0000000
--- a/front/src/js/controllers/indexCtrl.js
+++ /dev/null
@@ -1,23 +0,0 @@
-var indexCtrl = angular.module('indexCtrl', []);
-
-indexCtrl.controller('IndexCtrl', ['$scope', '$routeParams', '$location', 'Settings', 'API', function($scope, $routeParams, $location, Settings, API) {
-
- $scope.settings = Settings.getMergedSettings();
-
- $scope.launchTest = function() {
- if ($scope.url) {
- $location.search('url', null);
- $location.search('run', null);
- Settings.saveSettings($scope.settings);
- API.launchTest($scope.url, $scope.settings);
- }
- };
-
- // Auto fill URL field and auto launch test when the good params are set in the URL
- if ($routeParams.url) {
- $scope.url = $routeParams.url;
- if ($routeParams.run === 'true' || $routeParams.run === 1 || $routeParams.run === '1') {
- $scope.launchTest();
- }
- }
-}]);
\ No newline at end of file
diff --git a/front/src/js/controllers/queueCtrl.js b/front/src/js/controllers/queueCtrl.js
deleted file mode 100644
index 938e6d7..0000000
--- a/front/src/js/controllers/queueCtrl.js
+++ /dev/null
@@ -1,100 +0,0 @@
-var queueCtrl = angular.module('queueCtrl', ['runsFactory']);
-
-queueCtrl.controller('QueueCtrl', ['$scope', '$routeParams', '$location', 'Runs', 'API', function($scope, $routeParams, $location, Runs, API) {
- $scope.runId = $routeParams.runId;
-
- var numberOfTries = 0;
-
- var favicon = document.querySelector('link[rel=icon]');
- var faviconUrl = 'img/favicon.png';
- var faviconSuccessUrl = 'img/favicon-success.png';
- var faviconFailUrl = 'img/favicon-fail.png';
- var faviconInterval = null;
- var faviconCounter = 0;
- var faviconCanvas = null;
- var faviconCanvasContext = null;
- var faviconImage = null;
-
- function getRunStatus () {
- Runs.get({runId: $scope.runId}, function(data) {
- $scope.url = data.params.url;
- $scope.status = data.status;
- $scope.progress = data.progress;
- $scope.notFound = false;
- $scope.connectionLost = false;
-
- if (data.status.statusCode === 'awaiting') {
- numberOfTries ++;
- rotateFavicon();
-
- // Retrying every 2 seconds (and increasing the delay a bit more each time)
- setTimeout(getRunStatus, 2000 + (numberOfTries * 100));
-
- } else if (data.status.statusCode === 'running') {
- numberOfTries ++;
- rotateFavicon();
-
- // Retrying every second or so
- setTimeout(getRunStatus, 1000 + (numberOfTries * 10));
-
- } else if (data.status.statusCode === 'complete') {
- stopFavicon(true);
-
- $location.path('/result/' + $scope.runId).replace();
- } else {
- stopFavicon(false);
-
- // The rest is handled by the view
- }
- }, function(response) {
- if (response.status === 404) {
- stopFavicon(false);
- $scope.notFound = true;
- $scope.connectionLost = false;
- } else if (response.status === 0) {
- // Connection lost, retry in 10 seconds
- setTimeout(getRunStatus, 10000);
- $scope.connectionLost = true;
- $scope.notFound = false;
- }
- });
- }
-
- function rotateFavicon() {
- if (!faviconInterval) {
- faviconImage = new Image();
- faviconImage.onload = function() {
- faviconCanvas = document.getElementById('faviconRotator');
- faviconCanvasContext = faviconCanvas.getContext('2d');
- faviconCanvasContext.fillStyle = '#212240';
-
- if (!!faviconCanvasContext) {
- faviconInterval = window.setInterval(faviconTick, 300);
- }
- };
- faviconImage.src = faviconUrl;
- }
- }
-
- function faviconTick() {
- faviconCounter ++;
- faviconCanvasContext.save();
- faviconCanvasContext.fillRect(0, 0, 32, 32);
- faviconCanvasContext.translate(16, 16);
- faviconCanvasContext.rotate(22.5 * faviconCounter * Math.PI / 180);
- faviconCanvasContext.translate(-16, -16);
- faviconCanvasContext.drawImage(faviconImage, 0, 0, 32, 32);
- faviconCanvasContext.restore();
- favicon.href = faviconCanvas.toDataURL('image/png');
- }
-
- function stopFavicon(isSuccess) {
- window.clearInterval(faviconInterval);
- faviconInterval = null;
- favicon.href = isSuccess ? faviconSuccessUrl : faviconFailUrl;
- }
-
- getRunStatus();
-}]);
-
-
\ No newline at end of file
diff --git a/front/src/js/controllers/ruleCtrl.js b/front/src/js/controllers/ruleCtrl.js
deleted file mode 100644
index b2502c2..0000000
--- a/front/src/js/controllers/ruleCtrl.js
+++ /dev/null
@@ -1,78 +0,0 @@
-var ruleCtrl = angular.module('ruleCtrl', ['chart.js']);
-
-ruleCtrl.config(['ChartJsProvider', function (ChartJsProvider) {
- // Configure all charts
- ChartJsProvider.setOptions({
- animation: false,
- colours: ['#FF5252', '#FF8A80'],
- responsive: true
- });
-}]);
-
-ruleCtrl.controller('RuleCtrl', ['$scope', '$rootScope', '$routeParams', '$location', '$sce', 'Menu', 'Results', 'API', function($scope, $rootScope, $routeParams, $location, $sce, Menu, Results, API) {
- $scope.runId = $routeParams.runId;
- $scope.policyName = $routeParams.policy;
- $scope.Menu = Menu.setCurrentPage(null, $scope.runId);
- $scope.rule = null;
-
- function loadResults() {
- // Load result if needed
- if (!$rootScope.loadedResult || $rootScope.loadedResult.runId !== $routeParams.runId) {
- Results.get({runId: $routeParams.runId, exclude: 'toolsResults'}, function(result) {
- $rootScope.loadedResult = result;
- $scope.result = result;
- init();
- });
- } else {
- $scope.result = $rootScope.loadedResult;
- init();
- }
- }
-
- function init() {
- $scope.rule = $scope.result.rules[$scope.policyName];
-
- // Init "Total Weight" chart
- if ($scope.policyName === 'totalWeight') {
- $scope.weightLabels = [];
- $scope.weightColours = ['#7ECCCC', '#A7E846', '#FF944D', '#FFE74A', '#C2A3FF', '#5A9AED', '#FF6452', '#C1C1C1'];
- $scope.weightData = [];
-
- var types = ['html', 'css', 'js', 'json', 'image', 'video', 'webfont', 'other'];
- types.forEach(function(type) {
- $scope.weightLabels.push(type);
- $scope.weightData.push(Math.round($scope.rule.offendersObj.list.byType[type].totalWeight / 1024));
- });
-
- $scope.weightOptions = {
- tooltips: {
- callbacks: {
- label: function(tooltipItem, data) {
- var label = data.labels[tooltipItem.index];
- var value = data.datasets[tooltipItem.datasetIndex].data[tooltipItem.index];
- return label + ': ' + value + ' KB';
- }
- }
- },
- legend: {
- display: true,
- position: 'bottom',
- labels: {
- boxWidth: 12,
- fontSize: 14
- }
- }
- };
- }
- }
-
- $scope.backToDashboard = function() {
- $location.path('/result/' + $scope.runId);
- };
-
- $scope.testAgain = function() {
- API.relaunchTest($scope.result);
- };
-
- loadResults();
-}]);
\ No newline at end of file
diff --git a/front/src/js/controllers/screenshotCtrl.js b/front/src/js/controllers/screenshotCtrl.js
deleted file mode 100644
index 6bd5fbf..0000000
--- a/front/src/js/controllers/screenshotCtrl.js
+++ /dev/null
@@ -1,30 +0,0 @@
-var screenshotCtrl = angular.module('screenshotCtrl', ['resultsFactory', 'menuService']);
-
-screenshotCtrl.controller('ScreenshotCtrl', ['$scope', '$rootScope', '$routeParams', '$location', 'Results', 'API', 'Menu', function($scope, $rootScope, $routeParams, $location, Results, API, Menu) {
- $scope.runId = $routeParams.runId;
- $scope.Menu = Menu.setCurrentPage(null, $scope.runId);
-
- function loadResults() {
- // Load result if needed
- if (!$rootScope.loadedResult || $rootScope.loadedResult.runId !== $routeParams.runId) {
- Results.get({runId: $routeParams.runId, exclude: 'toolsResults'}, function(result) {
- $rootScope.loadedResult = result;
- $scope.result = result;
- }, function(err) {
- $scope.error = true;
- });
- } else {
- $scope.result = $rootScope.loadedResult;
- }
- }
-
- $scope.backToDashboard = function() {
- $location.path('/result/' + $scope.runId);
- };
-
- $scope.testAgain = function() {
- API.relaunchTest($scope.result);
- };
-
- loadResults();
-}]);
\ No newline at end of file
diff --git a/front/src/js/directives/gradeDirective.js b/front/src/js/directives/gradeDirective.js
deleted file mode 100644
index 99cad49..0000000
--- a/front/src/js/directives/gradeDirective.js
+++ /dev/null
@@ -1,33 +0,0 @@
-var gradeDirective = angular.module('gradeDirective', []);
-
-gradeDirective.directive('grade', function() {
-
- return {
- restrict: 'E',
- scope: {
- score: '=score'
- },
- template: '{{getGrade(score)}}
',
- replace: true,
- controller : ['$scope', function($scope) {
- $scope.getGrade = function(score) {
- if (score > 80) {
- return 'A';
- }
- if (score > 60) {
- return 'B';
- }
- if (score > 40) {
- return 'C';
- }
- if (score > 20) {
- return 'D';
- }
- if (score > 0) {
- return 'E';
- }
- return 'F';
- };
- }]
- };
-});
\ No newline at end of file
diff --git a/front/src/js/directives/offendersDirectives.js b/front/src/js/directives/offendersDirectives.js
deleted file mode 100644
index 956a9cb..0000000
--- a/front/src/js/directives/offendersDirectives.js
+++ /dev/null
@@ -1,307 +0,0 @@
-(function() {
- "use strict";
- var offendersDirectives = angular.module('offendersDirectives', []);
-
- function getdomTreeHTML(tree) {
- return '' + getdomTreeInnerHTML(tree) + '
';
- }
-
- function getdomTreeInnerHTML(tree) {
- return recursiveHtmlBuilder(tree);
- }
-
- function recursiveHtmlBuilder(tree) {
- var html = '';
- var keys = Object.keys(tree);
-
- keys.forEach(function(key) {
- if (isNaN(tree[key])) {
- html += '' + key + ' ' + recursiveHtmlBuilder(tree[key]) + '
';
- } else if (tree[key] > 1) {
- html += '' + key + ' (x' + tree[key] + ')
';
- } else {
- html += '' + key + '
';
- }
- });
-
- return html;
- }
-
- offendersDirectives.directive('domTree', function() {
- return {
- restrict: 'E',
- scope: {
- tree: '='
- },
- template: '
',
- replace: true,
- link: function(scope, element) {
- element.append(getdomTreeInnerHTML(scope.tree));
- }
- };
- });
-
- function getDomElementButtonHTML(obj, onASingleLine) {
- if (obj.tree && !onASingleLine) {
- return '' + getDomElementButtonInnerHTML(obj, onASingleLine) + '
';
- } else {
- return '' + getDomElementButtonInnerHTML(obj, onASingleLine) + '
';
- }
- }
-
- function getDomElementButtonInnerHTML(obj, onASingleLine) {
- if (obj.type === 'html' ||
- obj.type === 'body' ||
- obj.type === 'head' ||
- obj.type === 'window' ||
- obj.type === 'document' ||
- obj.type === 'fragment') {
- return obj.type;
- }
-
- if (obj.type === 'notAnElement') {
- return 'Incorrect element';
- }
-
- var html = '';
- if (obj.type === 'domElement') {
- html = 'DOM element ' + obj.element + ' ';
- } else if (obj.type === 'fragmentElement') {
- html = 'Fragment element ' + obj.element + ' ';
- } else if (obj.type === 'createdElement') {
- html = 'Created element ' + obj.element + ' ';
- }
-
- if (obj.tree && !onASingleLine) {
- html += getdomTreeHTML(obj.tree);
- }
-
- return html;
- }
-
- offendersDirectives.directive('domElementButton', function() {
- return {
- restrict: 'E',
- scope: {
- obj: '='
- },
- template: '
',
- replace: true,
- link: function(scope, element) {
- element.append(getDomElementButtonInnerHTML(scope.obj));
- }
- };
- });
-
- offendersDirectives.filter('lastDOMNode', function() {
- return function(str) {
- var splited = str.split(' > ');
- return splited[splited.length - 1];
- };
- });
-
- function getBacktraceHTML(backtrace) {
- var html = '';
- var parsedBacktrace = parseBacktrace(backtrace);
-
- if (!parsedBacktrace || parsedBacktrace.length === 0) {
- html += 'can\'t find any backtrace :/
';
- html += '
' + (parsedBacktrace[i].fnName || '(anonymous function)') + '
';
- html += '
' + getUrlLink(parsedBacktrace[i].filePath, 40) + '
';
- if (parsedBacktrace[i].column) {
- html += '
' + parsedBacktrace[i].line + ':' + parsedBacktrace[i].column + '
';
- } else {
- html += '
line ' + parsedBacktrace[i].line + '
';
- }
- html += '
' + shortenUrl(url, maxLength) + ' ';
- }
-
- offendersDirectives.directive('urlLink', function() {
- return {
- restrict: 'E',
- scope: {
- url: '=',
- maxLength: '='
- },
- template: '{{url | shortenUrl:maxLength}} ',
- replace: true
- };
- });
-
- offendersDirectives.filter('encodeURIComponent', function() {
- return window.encodeURIComponent;
- });
-
- offendersDirectives.directive('fileAndLine', function() {
- return {
- restrict: 'E',
- scope: {
- file: '=',
- line: '=',
- column: '='
- },
- template: '<inline CSS> @ {{line}}:{{column}} Yellow Lab Tools - Page Speed audit
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/front/src/views/about.html b/front/src/views/about.html
deleted file mode 100644
index 91dcfe5..0000000
--- a/front/src/views/about.html
+++ /dev/null
@@ -1,13 +0,0 @@
-
-
Yellow Lab Tools is an open source project by Gaël Métais . It allows you to test a webpage (via an URL) and detects performance and front-end code quality issues.
-
-
It is based on Phantomas , a tool that instruments Chrome Headless to collect dozens of metrics. These metrics are then categorized and transformed into scores. It also provides in-depth details so that developers can fix the detected issues.
-
-
By the way, it's entirely free . In return, you can add a ★ on GitHub or buy me a coffee . It will boost my motivation to add more awesome features!
-
- <%if (sponsoring.about) { %>
-
- <% } %>
-
-
Back to index
-
-
-
-
-
-
-
-
Global score
-
-
-
{{globalScore}}/100
-
-
-
-
-
-
Score details
-
-
-
-
{{category.label}}
-
-
-
-
- <%if (sponsoring.wordpress) { %>
-
- <% } %>
-
- <%if (sponsoring.dashboard) { %>
-
- <% } %>
-
-
-
-
-
-
Run failed / Run not found
-
-
Online test to help speeding up heavy web pages
-Free and open source!
-
-
-
-
-
-
-
Page speed audit
-
Checks if performance good practices are respected
-
-
-
-
Front-end analyzis
-
Detects problems on HTML, CSS, JS, images, fonts and more
-
-
-
-
In-depth details
-
Provides precise information to fix the detected performance issues
-
-
Tested url: {{url}}
-
-
-
-
-
-
-
-
-
(auto-refresh activated)
-
-
-
Test is running...
-
-
(Phantomas launched)
-
(DOM Ready fired)
-
(page loaded, waiting for late requests)
-
(now simulating compression, optimization and minification)
-
(calculating score and retrieving screenshot)
-
-
-
Test complete
-
Opening results...
-
-
-
Error 404 (test not found)
-
The server probably just rebooted. We are very sorry about that, please try to launch the test again.
-
-
New test
-
-
Connection lost with server
-
Check your wifi cable, or maybe YellowLab.tools is rebooting.
-
-
-
-
-
-
-
{{rule.policy.label}}
-
-
{{rule.score}}/100
-
-
-
- Value:
- {{rule.value | bytes}}
- {{rule.value}} {{rule.policy.unit}}
-
-
- Have
- {{rule.policy.isOkThreshold | bytes}}
- {{rule.policy.isOkThreshold}} {{rule.policy.unit}}
- or less
- or more
- to get the 100/100 score on this issue.
-
-
- Your new global score would increase by {{rule.globalScoreIfFixed - result.scoreProfiles.generic.globalScore}} points ({{rule.globalScoreIfFixed}}/100).
-
-
- Your new global score would increase by {{rule.globalScoreIfFixed}} points ({{rule.globalScoreIfFixed}}/100).
-
-
- Your new global score would increase, but still not enough to reach 0/100. That's embarassing...
-
-
- Your new global score would slightly increase, but not enough to gain a single point.
-
-
-
-
-
-
Warning
-
This rule reached the abnormality threshold, which means there is a real problem you should care about.
-
-
-
-
-
-
-
- {{offender.parseError}}
-
-
-
-
- {{offender.url}}
- an iframe without URL
-
-
-
- {{offender.id}} : {{offender.count}} occurrences
-
-
-
- {{offender.query}} (in {{offender.count}} queries
-
-
-
-
Scroll event bound on window
-
Scroll event bound on document
-
window.onscroll function declared
-
no backtrace
-
-
-
-
-
{{offender.error}}
-
no backtrace
-
-
-
-
- function {{offender.functionName}} used {{offender.count}} times
-
-
-
- {{offender.writeFn}}
-
- called from
- {{offender.from.functionName}}()
-
-
- called from (no backtrace available)
-
-
-
-
- inline CSS
-
-
-
-
{{offender.color1}}
{{offender.color2}}
-
-
-
-
-
- {{offender.css}}
-
-
-
-
{{offender.property}} {{offender.message}}
-
- show
- hide
-
-
-
- {{cssRule.rule}} {{'{' + offender.property}}: {{cssRule.value + '}' }}
-
-
-
-
-
-
-
(offset: {{offender.offset | roundNbr}}px)
-
-
-
-
-
-
-
-
-
-
{{offender.width}}x{{offender.height}}
-
-
-
-
-
-
-
- {{offender.ttlWithUnit}} {{offender.unit}}
-
-
-
- {{offender.domain}}
- (
-
-
- {{offender}}
-
-
-
- {{offender.version}}
-
-
-
- {{offender.url}}
-
-
-
-
-
-
- {{offender.domain}} sends
-
-
- {{offender.domain}} uses {{offender.tlsVersion}} and seems to be on the critical path
-
-
-
-
-
-
-
- inline CSS
-
-
-
-
-
- {{offender.css}}
- @ {{offender.line}}:{{offender.column}}
-
-
-
- {{offender.query}} for @ {{offender.line}}:{{offender.column}}
-
-
-
- {{offender.rule}} (x{{offender.occurrences}} )
-
-
-
- Property {{offender.property}} duplicated in {{offender.rule}} { }
- @ {{offender.line}}:{{offender.column}}
-
-
-
- {{offender.css}} { }
- @ {{offender.line}}:{{offender.column}}
-
-
-
- {{offender.rule}} {{ '{' + offender.property}}: {{offender.value}} !important }
- @ {{offender.line}}:{{offender.column}}
-
-
-
- {{offender.browser}} fix: @ {{offender.line}}:{{offender.column}}
-
-
-
-
-
-
-
-
-
-
-
-
This is the colors palette, sized by total occurrences:
-
-
{{offender.color}} ({{offender.occurrences}} times)
-
-
-
-
-
-
-
Weight by MIME type
-
-
-
-
{{rule.offendersObj.list.byType[type].totalWeight | bytes}} of {{type}}
-
-
-
-
{{request.weight | bytes}}
-
-
-
-
-
-
-
-
- getElementById()
- getElementsByTagName()
- getElementsByClassName()
- querySelector() or querySelectorAll()
- appendChild() or insertBefore()
- added nodes
- removed nodes
- attribute changes
- addEventListener()
-
-
-
-
#{{access.id}}
-
{{access.tag}} on {{access.node | lastDOMNode}}
-
.{{access.class}} on {{access.node | lastDOMNode}}
-
{{access.selector}} on {{access.node | lastDOMNode}}
-
{{access.append | lastDOMNode}} added to {{access.node | lastDOMNode}}
-
{{access.node}} added to {{access.target}}
-
{{access.node}} removed from {{access.target}}
-
{{access.attribute}} changed on {{access.node}}
-
{{access.eventType}} on {{access.path | lastDOMNode}}
-
-
-
-
-
-
-
{{rule.value | bytes}} could be saved on
-
-
-
-
-
Current weight: {{image.originalWeigth | bytes}}
-
Current weight: {{image.originalWeigth | bytes}} ({{image.originalCompressedWeight | bytes}} compressed)
-
-
With a lossless optimization:-{{image.gain | bytes}} compressed)
-
With a lossless optimization:(-{{image.gain | bytes}} )
-
-
With a lossy optimization:-{{image.gain | bytes}} compressed )
-
With a lossy optimization:-{{image.gain | bytes}} )
-
-
-
-
-
-
-
{{rule.value | bytes}} could be saved on
-
-
-
-
-
-
{{file.originalSize | bytes}}
-
-
already gzipped
-
{{file.gzipped | bytes}}
-
-
{{file.brotlified | bytes}}
-
-
-{{file.gain | bytes}}
-
-
-
-
-
-
{{rule.value | bytes}} could be saved on
-
-
-
-
-
-
{{file.originalWeigth | bytes}} (compressed)
-
{{file.originalWeigth | bytes}} ({{file.originalCompressedWeight | bytes}} compressed)
-
{{file.afterOptimizationAndCompression | bytes}} (compressed)
-
{{file.optimized | bytes}} ({{file.afterOptimizationAndCompression | bytes}} compressed)
-
-{{file.gain | bytes}}
-
-
-
-
-
-
Requests by MIME type
-
-
-
Reduce the number of stylesheets by concatenating them.
-
Reduce the number of scripts by concatenating them.
-
Reduce the number of images by lazyloading them or by spriting them.
-
Fonts are generally loaded on the critical path of the head. Load as few as possible.
-
They can be Flash, XML, music or any undetected format.
-
-
-
-
-
-
-
A file of {{offender.weight | bytes}} is loaded {{offender.urls.length}} times:
-
-
-
-
-
-
-
Breakpoints list
-
-
-
Breakpoint {{offender.breakpoint}} involves
-
-
-
-
- No breakpoint
-
-
-
-
-
-
-
-
-
Weight
-
{{font.weight | bytes}}
-
{{font.weight | bytes}}
-
-
-
Number of glyphs
-
{{font.numGlyphs}}
-
{{font.numGlyphs}} (better < 500)
-
-
-
Average glyph complexity
-
{{font.averageGlyphComplexity}}
-
{{font.averageGlyphComplexity}} (better < 35)
-
-
-
-
-
-
-
-
-
-
-
- This font seems to be an icon font
- but only {{font.numGlyphsInCommonWithPageContent}} of its {{font.glyphs}} glyphs
- and {{font.numGlyphsInCommonWithPageContent}} of its {{font.glyphs}} glyphs
-
-
-
-
-
-
{{range.name}}
-
{{range.numGlyphsInCommonWithPageContent}} of its {{range.charset.length}} glyphs
-
{{range.numGlyphsInCommonWithPageContent}} of its {{range.charset.length}} glyphs are used
-
-
-
-
Ligatures or hidden chars
-
{{font.ligaturesOrHiddenChars}} glyphs
-
-
-
-
-
-
-
-
{{rule.value | bytes}} could be saved on
-
-
-
-
-
-
{{file.originalSize | bytes}}
-
{{file.woff2Size | bytes}}
-
-{{file.gain | bytes}}
-
-
-
-
-
-
404
- Rule "{{policyName}}"" not found
-
-
-
-
-
-
Screenshot
-
-
-
-
-
Screenshot not available
-
-
-
-
-
Yellow Lab Tools
-
-
-
-
Sorry, Yellow Lab Tools looks broken :/
-
The admin has been alerted.
-
-
-
-