add component minification

README.md

@@ -47,7 +47,7 @@ A few files needs to be imported in the page before the component is attempted t
     charset="utf-8"></script>
 
 <!--PDBe interactions component-->
-<script type="module" src="pdb-ligand-env-component-0.1.0.js"></script>
+<script type="module" src="pdb-ligand-env-component-0.2.0-min.js"></script>
 ```
 
 #### A) Ligand interactions
@@ -107,7 +107,7 @@ The component can be also added to DOM directly from JavaScript. There are some
 <link rel="stylesheet" href="https://ebi.emblstatic.net/web_guidelines/EBI-Icon-fonts/v1.3/fonts.css" />
 
 <!--PDB ligand environment plugin-->
-<script src="pdb-ligand-env-plugin.js"></script>
+<script src="pdb-ligand-env-plugin-min.js"></script>
 <link rel="stylesheet" href="pdb-ligand-env.css" />
 
 ```

demo/demo_component.html

@@ -13,7 +13,7 @@
     <script src="https://cdn.jsdelivr.net/npm/@webcomponents/webcomponentsjs/custom-elements-es5-adapter.js"
         charset="utf-8"></script>    
     <!--PDBe interactions component-->
-    <script type="module" src="pdb-ligand-env-component-0.2.0.js"></script>
+    <script type="module" src="pdb-ligand-env-component-0.2.0-min.js"></script>
 
   </head>
   

demo/demo_plugin.html

@@ -16,7 +16,7 @@
         charset="utf-8"></script>
   
     <!--PDBe interactions plugin-->
-    <script src="pdb-ligand-env-plugin.js"></script>
+    <script src="pdb-ligand-env-plugin-min.js"></script>
     
     <!--Initialize Visualization-->
     <script>

gulpfile.js

-var gulp = require('gulp');
+const gulp = require('gulp');
 const path = require('path');
-var del = require('del');
-var concat = require('gulp-concat');
-var header = require('gulp-header');
+const del = require('del');
+const concat = require('gulp-concat');
+const header = require('gulp-header');
+const minify = require("gulp-minify");
 
 const PACKAGE_ROOT_PATH = process.cwd();
 const PKG_JSON = require(path.join(PACKAGE_ROOT_PATH, "package.json"));
 
 const banner = ['/**',
-  ` * ${PKG_JSON.name}`,
-  ` * @version ${PKG_JSON.version}`,
-  ' * @link https://gitlab.ebi.ac.uk/pdbe/web-components/ligand-env',
-  ' * @license Apache 2.0',
-  ' */',
-  ''].join('\n');
+    ` * ${PKG_JSON.name}`,
+    ` * @version ${PKG_JSON.version}`,
+    ' * @link https://gitlab.ebi.ac.uk/pdbe/web-components/ligand-env',
+    ' * @license Apache 2.0',
+    ' */',
+    ''
+].join('\n');
 
-  const license = ['/**',
-  ' * Copyright 2019-2020 Lukas Pravda <lpravda@ebi.ac.uk>',
-  ' * European Bioinformatics Institute (EBI, http://www.ebi.ac.uk/)',
-  ' * European Molecular Biology Laboratory (EMBL, http://www.embl.de/)',
-  ' * Licensed under the Apache License, Version 2.0 (the "License");',
-  ' * you may not use this file except in compliance with the License.',
-  ' * You may obtain a copy of the License at ',
-  ' * http://www.apache.org/licenses/LICENSE-2.0',
-  ' * ',
-  ' * Unless required by applicable law or agreed to in writing, software',
-  ' * distributed under the License is distributed on an "AS IS" BASIS, ',
-  ' * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.',
-  ' * See the License for the specific language governing permissions and ',
-  ' * limitations under the License.',
-  ' */',
-  ''].join('\n');
+const license = ['/**',
+    ' * Copyright 2019-2020 Lukas Pravda <lpravda@ebi.ac.uk>',
+    ' * European Bioinformatics Institute (EBI, http://www.ebi.ac.uk/)',
+    ' * European Molecular Biology Laboratory (EMBL, http://www.embl.de/)',
+    ' * Licensed under the Apache License, Version 2.0 (the "License");',
+    ' * you may not use this file except in compliance with the License.',
+    ' * You may obtain a copy of the License at ',
+    ' * http://www.apache.org/licenses/LICENSE-2.0',
+    ' * ',
+    ' * Unless required by applicable law or agreed to in writing, software',
+    ' * distributed under the License is distributed on an "AS IS" BASIS, ',
+    ' * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.',
+    ' * See the License for the specific language governing permissions and ',
+    ' * limitations under the License.',
+    ' */',
+    ''
+].join('\n');
 
 
-gulp.task('clean', function() {
+gulp.task('clean', function () {
     return del([`build/${PKG_JSON.name}-component-${PKG_JSON.version}.js`, '!build']);
 });
 
-gulp.task('concatCSS', function () {
+gulp.task('concatCSS', () => {
     return gulp.src(['src/styles/pdb-ligand-env-svg.css'])
         .pipe(concat(`${PKG_JSON.name}-svg.css`))
-        .pipe(header(license, {} ))
-		.pipe(header(banner, {} ))
+        .pipe(header(license, {}))
+        .pipe(header(banner, {}))
         .pipe(gulp.dest('build/'));
 });
 
-gulp.task('copyIndex', function () {
+gulp.task('copyIndex', () => {
     return gulp.src(['dependencies/index.html'])
         .pipe(concat(`index.html`))
         .pipe(gulp.dest('build/'));
 });
 
-gulp.task('copyMapping', function () {
+gulp.task('copyMapping', () => {
     return gulp.src(['dependencies/het_mapping.json'])
         .pipe(concat(`het_mapping.json`))
         .pipe(gulp.dest('build/'));
 });
 
-gulp.task('copyXML', function () {
+gulp.task('copyXML', () => {
     return gulp.src(['dependencies/pdb-snfg-visuals.xml'])
         .pipe(concat(`pdb-snfg-visuals.xml`))
         .pipe(gulp.dest('build/'));
 });
 
-gulp.task('concat', function () {
-    return gulp.src([`build/${PKG_JSON.name}-plugin.js`,`build/${PKG_JSON.name}-component-init.js`])
+gulp.task('concat', () => {
+    return gulp.src([`build/${PKG_JSON.name}-plugin.js`, `build/${PKG_JSON.name}-component-init.js`])
         .pipe(concat(`${PKG_JSON.name}-component-${PKG_JSON.version}.js`))
-        .pipe(header(license, {} ))
-		.pipe(header(banner, {} ))
+        .pipe(header(license, {}))
+        .pipe(header(banner, {}))
+        .pipe(minify({
+            noSource: true
+        }))
         .pipe(gulp.dest('build/'));
 });
 
-gulp.task('default', gulp.series('clean', 'concat', 'concatCSS', 'copyXML', 'copyIndex', 'copyMapping'));
\ No newline at end of file
+gulp.task('minifyPlugin', () => {
+    return gulp.src([`build/${PKG_JSON.name}-plugin.js`])
+        .pipe(concat(`${PKG_JSON.name}-plugin.js`))
+        .pipe(header(license, {}))
+        .pipe(header(banner, {}))
+        .pipe(minify({
+            noSource: true
+        }))
+        .pipe(gulp.dest('build/'));
+});
+
+gulp.task('default', gulp.series('clean', 'concat', 'concatCSS',
+    'copyXML', 'copyIndex', 'copyMapping', 'minifyPlugin'));
\ No newline at end of file

package-lock.json

@@ -1472,6 +1472,15 @@
         "ansi-wrap": "^0.1.0"
       }
     },
+    "ansi-cyan": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/ansi-cyan/-/ansi-cyan-0.1.1.tgz",
+      "integrity": "sha1-U4rlKK+JgvKK4w2G8vF0VtJgmHM=",
+      "dev": true,
+      "requires": {
+        "ansi-wrap": "0.1.0"
+      }
+    },
     "ansi-escapes": {
       "version": "3.2.0",
       "resolved": "https://registry.npmjs.org/ansi-escapes/-/ansi-escapes-3.2.0.tgz",
@@ -1487,6 +1496,15 @@
         "ansi-wrap": "0.1.0"
       }
     },
+    "ansi-red": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/ansi-red/-/ansi-red-0.1.1.tgz",
+      "integrity": "sha1-jGOPnRCAgAo1PJwoyKgcpHBdlGw=",
+      "dev": true,
+      "requires": {
+        "ansi-wrap": "0.1.0"
+      }
+    },
     "ansi-regex": {
       "version": "2.1.1",
       "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-2.1.1.tgz",
@@ -5620,6 +5638,39 @@
         }
       }
     },
+    "gulp-minify": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/gulp-minify/-/gulp-minify-3.1.0.tgz",
+      "integrity": "sha512-ixF41aYg+NQikI8hpoHdEclYcQkbGdXQu1CBdHaU7Epg8H6e8d2jWXw1+rBPgYwl/XpKgjHj7NI6gkhoSNSSAg==",
+      "dev": true,
+      "requires": {
+        "ansi-colors": "^1.0.1",
+        "minimatch": "^3.0.2",
+        "plugin-error": "^0.1.2",
+        "terser": "^3.7.6",
+        "through2": "^2.0.3",
+        "vinyl": "^2.1.0"
+      },
+      "dependencies": {
+        "source-map": {
+          "version": "0.6.1",
+          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+          "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+          "dev": true
+        },
+        "terser": {
+          "version": "3.17.0",
+          "resolved": "https://registry.npmjs.org/terser/-/terser-3.17.0.tgz",
+          "integrity": "sha512-/FQzzPJmCpjAH9Xvk2paiWrFq+5M6aVOf+2KRbwhByISDX/EujxsK+BAvrhb6H+2rtrLCHK9N01wO014vrIwVQ==",
+          "dev": true,
+          "requires": {
+            "commander": "^2.19.0",
+            "source-map": "~0.6.1",
+            "source-map-support": "~0.5.10"
+          }
+        }
+      }
+    },
     "gulplog": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/gulplog/-/gulplog-1.0.0.tgz",
@@ -7940,6 +7991,58 @@
         "find-up": "^3.0.0"
       }
     },
+    "plugin-error": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/plugin-error/-/plugin-error-0.1.2.tgz",
+      "integrity": "sha1-O5uzM1zPAPQl4HQ34ZJ2ln2kes4=",
+      "dev": true,
+      "requires": {
+        "ansi-cyan": "^0.1.1",
+        "ansi-red": "^0.1.1",
+        "arr-diff": "^1.0.1",
+        "arr-union": "^2.0.1",
+        "extend-shallow": "^1.1.2"
+      },
+      "dependencies": {
+        "arr-diff": {
+          "version": "1.1.0",
+          "resolved": "https://registry.npmjs.org/arr-diff/-/arr-diff-1.1.0.tgz",
+          "integrity": "sha1-aHwydYFjWI/vfeezb6vklesaOZo=",
+          "dev": true,
+          "requires": {
+            "arr-flatten": "^1.0.1",
+            "array-slice": "^0.2.3"
+          }
+        },
+        "arr-union": {
+          "version": "2.1.0",
+          "resolved": "https://registry.npmjs.org/arr-union/-/arr-union-2.1.0.tgz",
+          "integrity": "sha1-IPnqtexw9cfSFbEHexw5Fh0pLH0=",
+          "dev": true
+        },
+        "array-slice": {
+          "version": "0.2.3",
+          "resolved": "https://registry.npmjs.org/array-slice/-/array-slice-0.2.3.tgz",
+          "integrity": "sha1-3Tz7gO15c6dRF82sabC5nshhhvU=",
+          "dev": true
+        },
+        "extend-shallow": {
+          "version": "1.1.4",
+          "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-1.1.4.tgz",
+          "integrity": "sha1-Gda/lN/AnXa6cR85uHLSH/TdkHE=",
+          "dev": true,
+          "requires": {
+            "kind-of": "^1.1.0"
+          }
+        },
+        "kind-of": {
+          "version": "1.1.0",
+          "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-1.1.0.tgz",
+          "integrity": "sha1-FAo9LUGjbS78+pN3tiwk+ElaXEQ=",
+          "dev": true
+        }
+      }
+    },
     "pluralize": {
       "version": "7.0.0",
       "resolved": "https://registry.npmjs.org/pluralize/-/pluralize-7.0.0.tgz",

package.json

@@ -29,6 +29,7 @@
     "gulp": "^4.0.2",
     "gulp-concat": "^2.6.1",
     "gulp-header": "^2.0.9",
+    "gulp-minify": "^3.1.0",
     "live-server": "^1.2.1",
     "npm-run-all": "^4.1.3",
     "onchange": "^6.1.0",