TEZ-4337. [TEZ UI] Upgrade to Ember 3

build-tools/docker/Dockerfile

@@ -48,6 +48,7 @@ RUN apt-get -q update && apt-get -q install --no-install-recommends -y \
     git \
     gpg \
     gpg-agent \
+    libgtk-3-0 \
     libffi-dev \
     locales \
     make \

pom.xml

@@ -67,7 +67,7 @@
     <roaringbitmap.version>0.7.45</roaringbitmap.version>
     <protoc.path>${env.PROTOC_PATH}</protoc.path>
     <scm.url>scm:git:https://gitbox.apache.org/repos/asf/tez.git</scm.url>
-    <frontend-maven-plugin.version>1.4</frontend-maven-plugin.version>
+    <frontend-maven-plugin.version>1.12.0</frontend-maven-plugin.version>
     <findbugs-maven-plugin.version>3.0.5</findbugs-maven-plugin.version>
     <maven-checkstyle-plugin.version>3.1.1</maven-checkstyle-plugin.version>
     <checkstyle.version>8.35</checkstyle.version>
@@ -969,7 +969,7 @@
          <plugin>
           <groupId>ro.isdc.wro4j</groupId>
           <artifactId>wro4j-maven-plugin</artifactId>
-          <version>1.7.9</version>
+          <version>1.8.0</version>
             <dependencies>
               <!-- TODO: Remove this dependency after upgrading wro4j-maven-plugin to 1.8.1 or later. -->
               <dependency>

tez-ui/pom.xml

@@ -29,7 +29,8 @@
   <properties>
     <webappDir>src/main/webapp</webappDir>
 
-    <nodeVersion>v5.12.0</nodeVersion>
+    <nodeVersion>v14.18.1</nodeVersion>
+    <yarnVersion>v1.22.15</yarnVersion>
     <nodeExecutable>${basedir}/src/main/webapp/node/node</nodeExecutable>
 
     <packageManagerScript>node/yarn/dist/bin/yarn.js</packageManagerScript>
@@ -232,9 +233,6 @@
                 <fileset>
                   <directory>${webappDir}/node_modules</directory>
                 </fileset>
-                <fileset>
-                  <directory>${webappDir}/bower_components</directory>
-                </fileset>
               </filesets>
             </configuration>
           </plugin>
@@ -332,26 +330,23 @@
           <excludes>
             <exclude>src/main/webapp/node/**/*</exclude>
             <exclude>src/main/webapp/node_modules/**/*</exclude>
-            <exclude>src/main/webapp/bower_components/**/*</exclude>
             <exclude>src/main/webapp/.tmp/**/*</exclude>
             <exclude>src/main/webapp/dist/**/*</exclude>
             <exclude>src/main/webapp/tmp/**/*</exclude>
-            <exclude>src/main/webapp/.bowerrc</exclude>
             <exclude>src/main/webapp/.editorconfig</exclude>
             <exclude>src/main/webapp/.ember-cli</exclude>
             <exclude>src/main/webapp/.gitignore</exclude>
             <exclude>src/main/webapp/.jshintrc</exclude>
             <exclude>src/main/webapp/tests/.jshintrc</exclude>
             <exclude>src/main/webapp/blueprints/.jshintrc</exclude>
             <exclude>src/main/webapp/.watchmanconfig</exclude>
-            <exclude>src/main/webapp/bower.json</exclude>
-            <exclude>src/main/webapp/bower-shrinkwrap.json</exclude>
             <exclude>src/main/webapp/ember-cli-build.js</exclude>
             <exclude>src/main/webapp/package.json</exclude>
             <exclude>src/main/webapp/yarn.lock</exclude>
             <exclude>src/main/webapp/testem.json</exclude>
             <exclude>src/main/webapp/public/assets/images/*</exclude>
             <exclude>src/main/webapp/WEB-INF/wro.xml</exclude>
+            <exclude>src/main/webapp/WEB-INF/wro.properties</exclude>
           </excludes>
         </configuration>
       </plugin>
@@ -374,7 +369,7 @@
             </goals>
             <configuration>
               <nodeVersion>${nodeVersion}</nodeVersion>
-              <yarnVersion>v0.21.3</yarnVersion>
+              <yarnVersion>${yarnVersion}</yarnVersion>
             </configuration>
           </execution>
           <execution>
@@ -387,16 +382,6 @@
               <arguments>install</arguments>
             </configuration>
           </execution>
-          <execution>
-            <phase>generate-resources</phase>
-            <id>bower install</id>
-            <configuration>
-              <arguments>install ${allow-root-build}</arguments>
-            </configuration>
-            <goals>
-              <goal>bower</goal>
-            </goals>
-          </execution>
         </executions>
       </plugin>
 

tez-ui/src/main/webapp/.editorconfig

@@ -4,7 +4,6 @@
 
 root = true
 
-
 [*]
 end_of_line = lf
 charset = utf-8

tez-ui/src/main/webapp/.eslintignore

@@ -0,0 +1,21 @@
+# unconventional js
+/blueprints/*/files/
+/vendor/
+
+# compiled output
+/dist/
+/tmp/
+
+# dependencies
+/bower_components/
+/node_modules/
+
+# misc
+/coverage/
+!.*
+.eslintcache
+
+# ember-try
+/.node_modules.ember-try/
+/bower.json.ember-try
+/package.json.ember-try

tez-ui/src/main/webapp/.eslintrc.js

@@ -0,0 +1,58 @@
+'use strict';
+
+module.exports = {
+  root: true,
+  parser: 'babel-eslint',
+  parserOptions: {
+    ecmaVersion: 2018,
+    sourceType: 'module',
+    ecmaFeatures: {
+      legacyDecorators: true,
+    },
+  },
+  plugins: ['ember'],
+  extends: [
+    'eslint:recommended',
+    'plugin:ember/recommended',
+//    'plugin:prettier/recommended',
+  ],
+  env: {
+    browser: true,
+  },
+  rules: {},
+  overrides: [
+    // node files
+    {
+      files: [
+        '.eslintrc.js',
+        '.prettierrc.js',
+        '.template-lintrc.js',
+        'ember-cli-build.js',
+        'testem.js',
+        'blueprints/*/index.js',
+        'config/**/*.js',
+        'lib/*/index.js',
+        'server/**/*.js',
+      ],
+      parserOptions: {
+        sourceType: 'script',
+      },
+      env: {
+        browser: false,
+        node: true,
+      },
+      plugins: ['node'],
+      extends: ['plugin:node/recommended'],
+      rules: {
+        // this can be removed once the following is fixed
+        // https://github.com/mysticatea/eslint-plugin-node/issues/77
+        'node/no-unpublished-require': 'off',
+      },
+    },
+    {
+      // Test files:
+      files: ['tests/**/*-test.{js,ts}'],
+      extends: ['plugin:qunit/recommended'],
+    },
+  ],
+};

tez-ui/src/main/webapp/.gitignore

@@ -1,18 +1,27 @@
-# See http://help.github.com/ignore-files/ for more about ignoring files.
+# See https://help.github.com/ignore-files/ for more about ignoring files.
 
 # compiled output
-/dist
-/tmp
+/dist/
+/tmp/
 
 # dependencies
-/node
-/node_modules
-/bower_components
+/bower_components/
+/node_modules/
+/node/
 
 # misc
+/.env*
+/.pnp*
 /.sass-cache
+/.eslintcache
 /connect.lock
-/coverage/*
+/coverage/
 /libpeerconnection.log
-npm-debug.log
-testem.log
+/npm-debug.log*
+/testem.log
+/yarn-error.log
+
+# ember-try
+/.node_modules.ember-try/
+/bower.json.ember-try
+/package.json.ember-try

tez-ui/src/main/webapp/.jshintignore

@@ -0,0 +1,3 @@
+dist/**
+node/**
+node_modules/**

tez-ui/src/main/webapp/.prettierignore

@@ -0,0 +1,21 @@
+# unconventional js
+/blueprints/*/files/
+/vendor/
+
+# compiled output
+/dist/
+/tmp/
+
+# dependencies
+/bower_components/
+/node_modules/
+
+# misc
+/coverage/
+!.*
+.eslintcache
+
+# ember-try
+/.node_modules.ember-try/
+/bower.json.ember-try
+/package.json.ember-try

tez-ui/src/main/webapp/.prettierrc.js

@@ -0,0 +1,5 @@
+'use strict';
+
+module.exports = {
+  singleQuote: true,
+};

tez-ui/src/main/webapp/.template-lintrc.js

@@ -0,0 +1,5 @@
+'use strict';
+
+module.exports = {
+  extends: 'octane',
+};

tez-ui/src/main/webapp/.travis.yml

@@ -0,0 +1,28 @@
+---
+language: node_js
+node_js:
+  - "10"
+
+dist: xenial
+
+addons:
+  chrome: stable
+
+cache:
+  yarn: true
+
+env:
+  global:
+    # See https://git.io/vdao3 for details.
+    - JOBS=1
+
+branches:
+  only:
+    - master
+
+before_install:
+  - curl -o- -L https://yarnpkg.com/install.sh | bash
+  - export PATH=$HOME/.yarn/bin:$PATH
+
+script:
+  - yarn test

tez-ui/src/main/webapp/README.md

@@ -47,6 +47,12 @@ You will need the following things properly installed on your computer.
 
 * `yarn test`
 
+### Linting
+
+* `yarn lint:hbs`
+* `yarn lint:js`
+* `yarn lint:js --fix`
+
 ### Building
 
 * `yarn run build` (production)

tez-ui/src/main/webapp/WEB-INF/wro.properties

@@ -0,0 +1 @@
+debug=false