add token hider function template

Author: sw-yx

src/commands/functions/create.js

@@ -278,7 +278,7 @@ async function downloadFromURL(flags, args, functionsDir) {
     const { onComplete, addons = [] } = require(fnTemplateFile);
 
     await installAddons.call(this, addons, path.resolve(fnFolder));
-    if (onComplete) onComplete();
+    if (onComplete) await onComplete.call(this);
     fs.unlinkSync(fnTemplateFile); // delete
   }
 }
@@ -293,7 +293,7 @@ async function installDeps(functionPath) {
 
 // no --url flag specified, pick from a provided template
 async function scaffoldFromTemplate(flags, args, functionsDir) {
-  const chosentemplate = await pickTemplate(); // pull the rest of the metadata from the template
+  const chosentemplate = await pickTemplate.call(this); // pull the rest of the metadata from the template
   if (chosentemplate === "url") {
     const { chosenurl } = await inquirer.prompt([
       {
@@ -375,7 +375,7 @@ async function scaffoldFromTemplate(flags, args, functionsDir) {
       }
 
       installAddons.call(this, addons, path.resolve(functionPath));
-      if (onComplete) onComplete(); // do whatever the template wants to do after it is scaffolded
+      if (onComplete) await onComplete.call(this); // do whatever the template wants to do after it is scaffolded
     });
   }
 }

src/detect-server.js

@@ -20,12 +20,13 @@ module.exports.serverSettings = async devConfig => {
     settings = settingsArr[0];
     settings.args = settings.possibleArgsArrs[0]; // just pick the first one
     if (!settings.args) {
-      console.error(
-        "empty args assigned, this is an internal Netlify Dev bug, please report your settings and scripts so we can improve"
-      );
       const { scripts } = JSON.parse(
         fs.readFileSync("package.json", { encoding: "utf8" })
       );
+      console.error(
+        "empty args assigned, this is an internal Netlify Dev bug, please report your settings and scripts so we can improve",
+        { scripts, settings }
+      );
       process.exit(1);
     }
   } else if (settingsArr.length > 1) {

src/functions-templates/js/token-hider/.netlify-function-template.js

@@ -0,0 +1,35 @@
+const chalk = require("chalk");
+const NETLIFYDEV = `[${chalk.cyan("Netlify Dev")}]`;
+
+module.exports = {
+  name: "token-hider",
+  description: "Token Hider: access APIs without exposing your API keys",
+  async onComplete() {
+    console.log(
+      `${NETLIFYDEV} ${chalk.yellow(
+        "token-hider"
+      )} function created from template!`
+    );
+    console.log(
+      `${NETLIFYDEV} note this function requires ${chalk.yellow(
+        "API_URL"
+      )} and ${chalk.yellow(
+        "API_TOKEN"
+      )} build environment variables set in your Netlify Site.`
+    );
+
+    let siteData = { name: "YOURSITENAMEHERE" };
+    try {
+      siteData = await this.netlify.api.getSite({
+        siteId: this.netlify.site.id
+      });
+    } catch (e) {
+      // silent error, not important
+    }
+    console.log(
+      `${NETLIFYDEV} Set them at: https://app.netlify.com/sites/${
+        siteData.name
+      }/settings/deploys#build-environment-variables (must have CD setup)`
+    );
+  }
+};

src/functions-templates/js/token-hider/package-lock.json

@@ -0,0 +1,21 @@
+{
+  "name": "token-hider",
+  "version": "1.0.0",
+  "description": "netlify functions:create - how to hide API tokens from your users",
+  "main": "token-hider.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "keywords": [
+    "netlify",
+    "serverless",
+    "apis",
+    "js"
+  ],
+  "author": "Netlify",
+  "license": "MIT",
+  "dependencies": {
+    "axios": "^0.18.0",
+    "qs": "^6.7.0"
+  }
+}

src/functions-templates/js/token-hider/package.json

@@ -0,0 +1,39 @@
+const axios = require("axios");
+const qs = require("qs");
+
+export function handler(event, context, callback) {
+  // apply our function to the queryStringParameters and assign it to a variable
+  const API_PARAMS = qs.stringify(event.queryStringParameters);
+  // Get env var values defined in our Netlify site UI
+  const { API_TOKEN, API_URL } = process.env;
+  // In this example, the API Key needs to be passed in the params with a key of key.
+  // We're assuming that the ApiParams var will contain the initial ?
+  const URL = `${API_URL}?${API_PARAMS}&key=${API_TOKEN}`;
+
+  // Let's log some stuff we already have.
+  console.log("Injecting token to", API_URL);
+  console.log("logging event.....", event);
+  console.log("Constructed URL is ...", URL);
+
+  // Here's a function we'll use to define how our response will look like when we call callback
+  const pass = body => {
+    callback(null, {
+      statusCode: 200,
+      body: JSON.stringify(body)
+    });
+  };
+
+  // Perform the API call.
+  const get = () => {
+    axios
+      .get(URL)
+      .then(response => {
+        console.log(response.data);
+        pass(response.data);
+      })
+      .catch(err => pass(err));
+  };
+  if (event.httpMethod == "GET") {
+    get();
+  }
+}