GoogleCloudPlatform · ace-n · Aug 21, 2018 · Aug 13, 2018 · Aug 14, 2018 · Aug 14, 2018
diff --git a/appengine/uglifyjs/.gcloudignore b/appengine/uglifyjs/.gcloudignore
@@ -0,0 +1,5 @@
+# Minify files on GCP
+**/*.min.*
+
+# Exclude dependencies
+node_modules/
diff --git a/appengine/uglifyjs/.gitignore b/appengine/uglifyjs/.gitignore
@@ -0,0 +1 @@
+**/*.min.*
diff --git a/appengine/uglifyjs/app.yaml b/appengine/uglifyjs/app.yaml
@@ -0,0 +1,10 @@
+runtime: nodejs8
+
+handlers:
+- url: /static
+  static_dir: static
+
+- url: /.*
+  secure: always
+  script: auto
+
diff --git a/appengine/uglifyjs/index.js b/appengine/uglifyjs/index.js
@@ -0,0 +1,34 @@
+// Copyright 2018 Google LLC
+//
+// 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.
+
+'use strict';
+
+const express = require('express');
+const path = require('path');
+
+const app = express();
+const PORT = process.env.PORT || 8080;
+
+app.use(express.static('static'));
+
+app.get('/full', (req, res) => {
+  res.sendFile(path.join(__dirname, '/static/index.html'));
+});
+
+app.get('/min', (req, res) => {
+  res.sendFile(path.join(__dirname, '/static/index_min.html'));
+});
+
+app.listen(PORT);
+console.log(`App listening on port ${PORT}`);
diff --git a/appengine/uglifyjs/package.json b/appengine/uglifyjs/package.json
@@ -0,0 +1,35 @@
+{
+  "name": "appengine-uglifyjs",
+  "description": "An example of minifying files with UglifyJS and Clean-CSS on Google App Engine.",
+  "version": "0.0.1",
+  "private": true,
+  "license": "Apache Version 2.0",
+  "author": "Google Inc.",
+  "engines": {
+    "node": "8.x"
+  },
+  "scripts": {
+    "start": "node ./index.js",
+    "lint-css": "stylelint static/style.css",
+    "lint-html": "htmlhint index.html",
+    "lint-js": "semistandard index.js static/message.js",
+    "lint": "npm run lint-css && npm run lint-html && npm run lint-js",
+    "minify-css": "cleancss -o static/style.min.css static/style.css",
+    "minify-js": "uglifyjs --compress --mangle -o static/message.min.js static/message.js",
+    "gcp-build": "npm run minify-js && npm run minify-css"
+  },
+  "dependencies": {
+    "clean-css-cli": "^4.2.1",
+    "express": "^4.16.3",
+    "uglify-js": "^3.4.7"
+  },
+  "devDependencies": {
+    "htmlhint": "^0.9.13",
+    "semistandard": "^12.0.1",
+    "stylelint": "^9.4.0",
+    "stylelint-config-recommended": "^2.1.0"
+  },
+  "stylelint": {
+    "extends": "stylelint-config-recommended"
+  }
+}
diff --git a/appengine/uglifyjs/static/index.html b/appengine/uglifyjs/static/index.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+
+<!--
+Copyright 2018 Google LLC
+
+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.
+-->
+
+<html>
+  <head>
+    <title>Simple web page</title>
+    <script src="message.js" type="text/javascript"></script>
+    <link rel="stylesheet" href="style.css">
+  </head>
+  <body>
+    <button onclick="window.buttonClick()">Click me!</button>
+    <br>
+    <div id="message">You haven't clicked the button.</div>
+
+    <!-- Error message -->
+    <div id="cssError" style="font-size:40px; color:red">ERROR: CSS files not found!</div>
+  </body>
+</html>
diff --git a/appengine/uglifyjs/static/index_min.html b/appengine/uglifyjs/static/index_min.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+
+<!--
+Copyright 2018 Google LLC
+
+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.
+-->
+
+<html>
+  <head>
+    <title>Simple web page</title>
+    <script src="message.min.js" type="text/javascript"></script>
+    <link rel="stylesheet" href="style.min.css">
+  </head>
+  <body>
+    <button onclick="window.buttonClick()">Click me!</button>
+    <br>
+    <div id="message">You haven't clicked the button.</div>
+
+    <!-- Error message -->
+    <div id="cssError" style="font-size:40px; color:red">ERROR: CSS files not found!</div>
+  </body>
+</html>
diff --git a/appengine/uglifyjs/static/message.js b/appengine/uglifyjs/static/message.js
@@ -0,0 +1,33 @@
+// Copyright 2018 Google LLC
+//
+// 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.
+
+window.onload = function () {
+  window.messageDiv = document.getElementById('message');
+  window.buttonClicks = 0;
+};
+
+window.buttonClick = function () {
+  window.buttonClicks++;
+
+  var buttonClickTimes;
+  if (window.buttonClicks === 1) {
+    buttonClickTimes = 'once';
+  } else if (window.buttonClicks === 2) {
+    buttonClickTimes = 'twice';
+  } else {
+    buttonClickTimes = window.buttonClicks + ' times';
+  }
+
+  window.messageDiv.innerHTML = 'You clicked the button ' + buttonClickTimes;
+};
diff --git a/appengine/uglifyjs/static/style.css b/appengine/uglifyjs/static/style.css
@@ -0,0 +1,39 @@
+/*
+  Copyright 2018 Google LLC
+
+  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.
+*/
+
+button {
+  background-color: #2962ff;
+  border-color: #0039cb;
+  border-radius: 50%;
+  border-width: 2px;
+  width: 120px;
+  height: 120px;
+  color: #fefefe;
+  font-size: 24px;
+  font-family: Roboto, sans-serif;
+}
+
+#message {
+  padding-top: 20px
+}
+
+body {
+  padding: 20px;
+}
+
+#cssError {
+  display: none;
+}