Add gcp-build samples

.kokoro/appengine/typescript.cfg

@@ -0,0 +1,13 @@
+# Format: //devtools/kokoro/config/proto/build.proto
+
+# Set the folder in which the tests are run
+env_vars: {
+    key: "PROJECT"
+    value: "appengine/typescript"
+}
+
+# Tell the trampoline which build file to use.
+env_vars: {
+    key: "TRAMPOLINE_BUILD_FILE"
+    value: "github/nodejs-docs-samples/.kokoro/build.sh"
+}

.kokoro/appengine/uglifyjs.cfg

@@ -0,0 +1,13 @@
+# Format: //devtools/kokoro/config/proto/build.proto
+
+# Set the folder in which the tests are run
+env_vars: {
+    key: "PROJECT"
+    value: "appengine/uglifyjs"
+}
+
+# Tell the trampoline which build file to use.
+env_vars: {
+    key: "TRAMPOLINE_BUILD_FILE"
+    value: "github/nodejs-docs-samples/.kokoro/build.sh"
+}

appengine/typescript/.gcloudignore

@@ -0,0 +1,5 @@
+# Exclude compiled .js files
+*.js
+
+# Exclude dependencies
+node_modules/

appengine/typescript/.gitignore

@@ -0,0 +1,5 @@
+# Exclude compiled .js files
+*.js
+
+# Exclude dependencies
+node_modules/

appengine/typescript/README.md

@@ -0,0 +1,38 @@
+# App Engine TypeScript sample
+
+This sample provides an example of how to compile TypeScript files while
+deploying to App Engine.
+
+The `gcp-build` NPM script is used to trigger the TypeScript compilation
+process. This step happens automatically when deploying to App Engine, but must
+be performed manually when developing locally.
+
+## Setup
+
+Install dependencies:
+
+   npm install
+
+## Running locally
+
+1. Perform the build step:
+
+    npm run gcp-build
+
+1. Run the completed program
+
+    npm start
+
+## Deploying to App Engine
+
+Deploy your app:
+
+    npm run deploy
+
+By default, this application deploys to [App Engine Standard][appengine]. _(Recommended)_
+Deploy to App Engine Flexible by [modifying `app.yaml`][app_yaml].
+
+[appengine]: https://cloud.google.com/appengine/docs/standard/nodejs
+[app_yaml]: https://cloud.google.com/appengine/docs/flexible/nodejs/configuring-your-app-with-app-yaml
+[tutorial]: https://cloud.google.com/appengine/docs/standard/nodejs/quickstart
+[contributing]: https://github.com/GoogleCloudPlatform/nodejs-docs-samples/blob/master/CONTRIBUTING.md

appengine/typescript/app.yaml

@@ -0,0 +1 @@
+runtime: nodejs8

appengine/typescript/index.ts

@@ -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.
+
+/* tslint:disable:no-console */
+
+declare var process: {
+  env: {
+      PORT: string,
+  },
+};
+
+const PORT: number = Number(process.env.PORT) || 8080;
+import express = require("express");
+
+const app: any = express();
+
+app.get("/", (req: any, res: any) => {
+  res.send("🎉 Hello TypeScript! 🎉");
+});
+
+const server: object = app.listen(PORT, () => {
+  console.log(`App listening on port ${PORT}`);
+});

appengine/typescript/package.json

@@ -0,0 +1,27 @@
+{
+  "name": "appengine-typescript",
+  "description": "An example TypeScript app running on Google App Engine.",
+  "version": "0.0.1",
+  "private": true,
+  "license": "Apache Version 2.0",
+  "author": "Google Inc.",
+  "engines": {
+    "node": "8.x"
+  },
+  "scripts": {
+    "test": "npm run gcp-build && npm run lint && repo-tools test app -- index.js",
+    "lint": "tslint index.ts",
+    "start": "node ./index.js",
+    "gcp-build": "tsc index.ts",
+    "deploy": "gcloud app deploy"
+  },
+  "dependencies": {
+    "express": "^4.16.3",
+    "typescript": "^3.0.1"
+  },
+  "devDependencies": {
+    "@google-cloud/nodejs-repo-tools": "^2.3.3",
+    "semistandard": "^12.0.1",
+    "tslint": "^5.11.0"
+  }
+}

appengine/typescript/tslint.json

@@ -0,0 +1,3 @@
+{
+    "extends": "tslint:recommended"
+}

appengine/uglifyjs/.gcloudignore

@@ -0,0 +1,5 @@
+# Minify files on GCP
+**/*.min.*
+
+# Exclude dependencies
+node_modules/

appengine/uglifyjs/.gitignore

@@ -0,0 +1 @@
+**/*.min.*

appengine/uglifyjs/README.md

@@ -0,0 +1,39 @@
+# App Engine minification sample
+
+This sample provides an example of how to minify static CSS and JS files while
+deploying to App Engine.
+
+The `gcp-build` NPM script is used to trigger the minification process. This
+step happens automatically when deploying to App Engine, but must be performed
+manually when developing locally.
+
+## Setup
+
+Install dependencies:
+
+    npm install
+
+
+## Running locally
+
+1. Perform the build step locally:
+
+    npm run gcp-build
+
+1. Run the completed program
+
+    npm start
+
+## Deploying to App Engine
+
+Deploy your app:
+
+    npm run deploy
+
+By default, this application deploys to [App Engine Standard][appengine]. _(Recommended)_
+Deploy to App Engine Flexible by [modifying `app.yaml`][app_yaml].
+
+[appengine]: https://cloud.google.com/appengine/docs/standard/nodejs
+[app_yaml]: https://cloud.google.com/appengine/docs/flexible/nodejs/configuring-your-app-with-app-yaml
+[tutorial]: https://cloud.google.com/appengine/docs/standard/nodejs/quickstart
+[contributing]: https://github.com/GoogleCloudPlatform/nodejs-docs-samples/blob/master/CONTRIBUTING.md

appengine/uglifyjs/app.yaml

@@ -0,0 +1,10 @@
+runtime: nodejs8
+
+handlers:
+- url: /static
+  static_dir: static
+
+- url: /.*
+  secure: always
+  script: auto
+

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}`);

appengine/uglifyjs/package.json

@@ -0,0 +1,46 @@
+{
+  "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",
+    "test": "npm run gcp-build && repo-tools test app -- index.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",
+    "deploy": "gcloud app deploy"
+  },
+  "dependencies": {
+    "clean-css-cli": "^4.2.1",
+    "express": "^4.16.3",
+    "uglify-js": "^3.4.7"
+  },
+  "repo-tools": {
+    "test": {
+      "app": {
+        "url": "/full",
+        "msg": "message.min.js"
+      }
+    }
+  },
+  "devDependencies": {
+    "@google-cloud/nodejs-repo-tools": "^2.3.3",
+    "htmlhint": "^0.9.13",
+    "semistandard": "^12.0.1",
+    "stylelint": "^9.4.0",
+    "stylelint-config-recommended": "^2.1.0"
+  },
+  "stylelint": {
+    "extends": "stylelint-config-recommended"
+  }
+}

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>

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>

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;
+};