-
Notifications
You must be signed in to change notification settings - Fork 176
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Amit Agarwal
committed
Jun 13, 2018
0 parents
commit 632ea00
Showing
14 changed files
with
586 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,21 @@ | ||
MIT License | ||
|
||
Copyright (c) 2018 Amit Agarwal | ||
|
||
Permission is hereby granted, free of charge, to any person obtaining a copy | ||
of this software and associated documentation files (the "Software"), to deal | ||
in the Software without restriction, including without limitation the rights | ||
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell | ||
copies of the Software, and to permit persons to whom the Software is | ||
furnished to do so, subject to the following conditions: | ||
|
||
The above copyright notice and this permission notice shall be included in all | ||
copies or substantial portions of the Software. | ||
|
||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR | ||
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, | ||
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE | ||
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER | ||
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, | ||
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE | ||
SOFTWARE. |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,82 @@ | ||
![Google Apps Script Development with ES6](https://digitalinspiration.com/images/google-apps-script-development.png) | ||
|
||
#### Google Apps Script 💯 | ||
|
||
Use the Apps Script Starter kit to quickly build Google add-ons and web applications with next-generation JavaScript. | ||
|
||
The starter kit is used by [Digital Inspiration](https://digitalinspiration.com/) for building Google add-on likes [Gmail Mail Merge](https://chrome.google.com/webstore/detail/mail-merge-with-attachmen/nifmcbjailaccmombpjjpijjbfoicppp), [Google Forms Notifications](https://chrome.google.com/webstore/detail/email-notifications-for-f/acknfdkglemcidajjmehljifccmflhkm) and [Twitter Archiver](https://chrome.google.com/webstore/detail/twitter-archiver/pkanpfekacaojdncfgbjadedbggbbphi?hl=en). | ||
|
||
For help, please contact [Amit Agarwal](https://twitter.com/labnol) amit@labnol.org | ||
|
||
#### Developing with Apps Script 🚀 | ||
|
||
The Apps Script Starter kit makes it easy for you to quickly setup a modern development environment and build workflow. Here's everything that's included in the starter kit to get you started: | ||
|
||
##### Babel | ||
|
||
Write code using ES6 features like arrow functions, destructuring, classes, template literals, and the Babel transpiler will transform your ECMAScript 2015/2017 code to ES5 that Apps Script can understand. | ||
|
||
##### ESLint | ||
|
||
A popular linting engine that analyzes your JavaScript code for correctness and highlights the errors in real time before you even compile the code, thus reducing the development time. | ||
|
||
##### Webpack | ||
|
||
Webpack is a powerful tool for bundling JavaScript modules. Developers can structure code in directory and Webpack creates a minimized and optimized bundle for pushing to production. | ||
|
||
##### Google CLASP | ||
|
||
A command line utility for working with Google Apps Script projects. You can develop code locally and push it to production, manage your manifest file, deploy web apps and publish new versions of apps. | ||
|
||
##### Visual Studio Code | ||
|
||
This incredibly powerful source code editor from Microsoft provides an integrated development environment and has built-in support for Emmet, Intellisense for code autocompletion, Command Line Terminal, Git integration, Node.js , TypeScript and more. | ||
|
||
##### Prettier | ||
|
||
A code formatter that will beautify your JavaScript, JSON, HTML and CSS stylesheets according to a set of rules and styles widely accepted by programmers. | ||
|
||
##### AirBnB | ||
|
||
Developers have their own unique style of writing code. AirBnB's JavaScript style guide outlines how JavaScript code should be written and adheres to the rules. | ||
|
||
#### Getting Started 🏃🏼 | ||
|
||
Getting started with Google Apps Script is something really easy and quick. First of all, you need to install Node.js which also includes the npm package manager. | ||
|
||
1\. Clone the repository and install npm dependencies | ||
``` | ||
git clone https://github.com/labnol/apps-script-starter | ||
cd apps-script-starter | ||
npm install | ||
``` | ||
|
||
2\. Log in to Google clasp and authorize with your Google account. | ||
``` | ||
npx clasp login | ||
``` | ||
|
||
3\. Replace the "scriptId" value in the .clasp.json file. | ||
|
||
4\. Include the necessary OAuth Scopes in the appsscript.json file | ||
|
||
5\. Deploy the project | ||
``` | ||
npm run deploy | ||
``` | ||
The `dist` directory contains the bundled code that is pushed to Google Apps Script. | ||
|
||
#### About 👨🏼💻 | ||
|
||
[Amit Agarwal](https://digitalinspiration.com/google-developer) is a web geek and author of [labnol.org](https://www.labnol.org/), a popular tech how-to website. He frequently uses [Google Apps Script](https://ctrlq.org/) to automate workflows enhance productivity. | ||
|
||
Reach him on [Twitter](https://twitter.com/labnol) or email amit@labnol.org | ||
|
||
#### Contributions 🙏🏼 | ||
|
||
Contributions and feature requests are welcome. If you are using the Google Apps Script starter package and fixed a bug for yourself, please consider submitting a PR! | ||
|
||
#### License | ||
|
||
[MIT License](https://github.com/labnol/apps-script-starter/LICENSE) (c) [Amit Agarwal](https://digitalinspiration.com/google-developer) |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,35 @@ | ||
{ | ||
"timeZone": "Asia/Calcutta", | ||
"dependencies": { | ||
"enabledAdvancedServices": [ | ||
{ | ||
"userSymbol": "Drive", | ||
"serviceId": "drive", | ||
"version": "v2" | ||
} | ||
], | ||
"libraries": [ | ||
{ | ||
"userSymbol": "OAuth2", | ||
"libraryId": | ||
"1B7FSrk5Zi6L1rSxxTDgDEUsPzlukDsi4KGuTMorsTQHhGBzBkMun4iDF", | ||
"version": "26" | ||
} | ||
] | ||
}, | ||
"webapp": { | ||
"access": "ANYONE", | ||
"executeAs": "USER_ACCESSING" | ||
}, | ||
"exceptionLogging": "STACKDRIVER", | ||
"oauthScopes": [ | ||
"https://www.googleapis.com/auth/drive", | ||
"https://www.googleapis.com/auth/script.external_request", | ||
"https://www.googleapis.com/auth/script.scriptapp", | ||
"https://www.googleapis.com/auth/script.send_mail", | ||
"https://www.googleapis.com/auth/script.storage", | ||
"https://www.googleapis.com/auth/script.webapp.deploy", | ||
"https://www.googleapis.com/auth/spreadsheets", | ||
"https://www.googleapis.com/auth/userinfo.email" | ||
] | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,35 @@ | ||
{ | ||
"timeZone": "Asia/Calcutta", | ||
"dependencies": { | ||
"enabledAdvancedServices": [ | ||
{ | ||
"userSymbol": "Drive", | ||
"serviceId": "drive", | ||
"version": "v2" | ||
} | ||
], | ||
"libraries": [ | ||
{ | ||
"userSymbol": "OAuth2", | ||
"libraryId": | ||
"1B7FSrk5Zi6L1rSxxTDgDEUsPzlukDsi4KGuTMorsTQHhGBzBkMun4iDF", | ||
"version": "26" | ||
} | ||
] | ||
}, | ||
"webapp": { | ||
"access": "ANYONE", | ||
"executeAs": "USER_ACCESSING" | ||
}, | ||
"exceptionLogging": "STACKDRIVER", | ||
"oauthScopes": [ | ||
"https://www.googleapis.com/auth/drive", | ||
"https://www.googleapis.com/auth/script.external_request", | ||
"https://www.googleapis.com/auth/script.scriptapp", | ||
"https://www.googleapis.com/auth/script.send_mail", | ||
"https://www.googleapis.com/auth/script.storage", | ||
"https://www.googleapis.com/auth/script.webapp.deploy", | ||
"https://www.googleapis.com/auth/spreadsheets", | ||
"https://www.googleapis.com/auth/userinfo.email" | ||
] | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,143 @@ | ||
function doGet() { | ||
}(function(e, a) { for(var i in a) e[i] = a[i]; }(this, /******/ (function(modules) { // webpackBootstrap | ||
/******/ // The module cache | ||
/******/ var installedModules = {}; | ||
/******/ | ||
/******/ // The require function | ||
/******/ function __webpack_require__(moduleId) { | ||
/******/ | ||
/******/ // Check if module is in cache | ||
/******/ if(installedModules[moduleId]) { | ||
/******/ return installedModules[moduleId].exports; | ||
/******/ } | ||
/******/ // Create a new module (and put it into the cache) | ||
/******/ var module = installedModules[moduleId] = { | ||
/******/ i: moduleId, | ||
/******/ l: false, | ||
/******/ exports: {} | ||
/******/ }; | ||
/******/ | ||
/******/ // Execute the module function | ||
/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__); | ||
/******/ | ||
/******/ // Flag the module as loaded | ||
/******/ module.l = true; | ||
/******/ | ||
/******/ // Return the exports of the module | ||
/******/ return module.exports; | ||
/******/ } | ||
/******/ | ||
/******/ | ||
/******/ // expose the modules object (__webpack_modules__) | ||
/******/ __webpack_require__.m = modules; | ||
/******/ | ||
/******/ // expose the module cache | ||
/******/ __webpack_require__.c = installedModules; | ||
/******/ | ||
/******/ // define getter function for harmony exports | ||
/******/ __webpack_require__.d = function(exports, name, getter) { | ||
/******/ if(!__webpack_require__.o(exports, name)) { | ||
/******/ Object.defineProperty(exports, name, { enumerable: true, get: getter }); | ||
/******/ } | ||
/******/ }; | ||
/******/ | ||
/******/ // define __esModule on exports | ||
/******/ __webpack_require__.r = function(exports) { | ||
/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { | ||
/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); | ||
/******/ } | ||
/******/ Object.defineProperty(exports, '__esModule', { value: true }); | ||
/******/ }; | ||
/******/ | ||
/******/ // create a fake namespace object | ||
/******/ // mode & 1: value is a module id, require it | ||
/******/ // mode & 2: merge all properties of value into the ns | ||
/******/ // mode & 4: return value when already ns object | ||
/******/ // mode & 8|1: behave like require | ||
/******/ __webpack_require__.t = function(value, mode) { | ||
/******/ if(mode & 1) value = __webpack_require__(value); | ||
/******/ if(mode & 8) return value; | ||
/******/ if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value; | ||
/******/ var ns = Object.create(null); | ||
/******/ __webpack_require__.r(ns); | ||
/******/ Object.defineProperty(ns, 'default', { enumerable: true, value: value }); | ||
/******/ if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key)); | ||
/******/ return ns; | ||
/******/ }; | ||
/******/ | ||
/******/ // getDefaultExport function for compatibility with non-harmony modules | ||
/******/ __webpack_require__.n = function(module) { | ||
/******/ var getter = module && module.__esModule ? | ||
/******/ function getDefault() { return module['default']; } : | ||
/******/ function getModuleExports() { return module; }; | ||
/******/ __webpack_require__.d(getter, 'a', getter); | ||
/******/ return getter; | ||
/******/ }; | ||
/******/ | ||
/******/ // Object.prototype.hasOwnProperty.call | ||
/******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); }; | ||
/******/ | ||
/******/ // __webpack_public_path__ | ||
/******/ __webpack_require__.p = ""; | ||
/******/ | ||
/******/ | ||
/******/ // Load entry module and return exports | ||
/******/ return __webpack_require__(__webpack_require__.s = 0); | ||
/******/ }) | ||
/************************************************************************/ | ||
/******/ ([ | ||
/* 0 */ | ||
/***/ (function(module, exports, __webpack_require__) { | ||
|
||
"use strict"; | ||
/* WEBPACK VAR INJECTION */(function(global) { | ||
|
||
var _webapp = __webpack_require__(2); | ||
|
||
global.doGet = _webapp.doGet; | ||
/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(1))) | ||
|
||
/***/ }), | ||
/* 1 */ | ||
/***/ (function(module, exports) { | ||
|
||
var g; | ||
|
||
// This works in non-strict mode | ||
g = (function() { | ||
return this; | ||
})(); | ||
|
||
try { | ||
// This works if eval is allowed (see CSP) | ||
g = g || Function("return this")() || (1, eval)("this"); | ||
} catch (e) { | ||
// This works if the window reference is available | ||
if (typeof window === "object") g = window; | ||
} | ||
|
||
// g can still be undefined, but nothing to do about it... | ||
// We return undefined, instead of nothing here, so it's | ||
// easier to handle this case. if(!global) { ...} | ||
|
||
module.exports = g; | ||
|
||
|
||
/***/ }), | ||
/* 2 */ | ||
/***/ (function(module, exports, __webpack_require__) { | ||
|
||
"use strict"; | ||
|
||
|
||
Object.defineProperty(exports, "__esModule", { | ||
value: true | ||
}); | ||
var doGet = exports.doGet = function doGet() { | ||
var title = 'Google Apps Script'; | ||
var fileName = 'index.html'; | ||
return HtmlService.createHtmlOutputFromFile(fileName).setTitle(title).setXFrameOptionsMode(HtmlService.XFrameOptionsMode.DEFAULT); | ||
}; | ||
|
||
/***/ }) | ||
/******/ ]))); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,57 @@ | ||
{ | ||
"name": "apps-script-starter", | ||
"version": "1.0.2", | ||
"description": "A starter kit for creating Google Apps Script project with modern JavaScript", | ||
"author": { | ||
"name": "Amit Agarwal", | ||
"email": "amit@labnol.org", | ||
"url": "https://digitalinspiration.com" | ||
}, | ||
"homepage": "https://digitalinspiration.com/", | ||
"license": "MIT", | ||
"main": "src/index.js", | ||
"scripts": { | ||
"prebuild": "npm version --loose-semver --new-version patch", | ||
"build": "webpack --bail --progress --colors --display-modules", | ||
"deploy": "npm run build && clasp push" | ||
}, | ||
"repository": { | ||
"type": "git", | ||
"url": "git+https://github.com/labnol/apps-script-starter.git" | ||
}, | ||
"keywords": [ | ||
"google-apps-script", | ||
"gsuite", | ||
"apps-script" | ||
], | ||
"dependencies": {}, | ||
"devDependencies": { | ||
"@google/clasp": "^1.3.2", | ||
"@types/google-apps-script": "0.0.23", | ||
"babel-core": "^6.26.3", | ||
"babel-eslint": "^8.2.3", | ||
"babel-loader": "^7.1.4", | ||
"babel-plugin-add-module-exports": "^0.2.1", | ||
"babel-plugin-transform-class-properties": "^6.24.1", | ||
"babel-plugin-transform-es3-member-expression-literals": "^6.22.0", | ||
"babel-plugin-transform-es3-property-literals": "^6.22.0", | ||
"babel-plugin-transform-object-assign": "^6.22.0", | ||
"babel-plugin-transform-object-rest-spread": "^6.26.0", | ||
"babel-preset-env": "^1.7.0", | ||
"clean-webpack-plugin": "^0.1.19", | ||
"copy-webpack-plugin": "^4.5.1", | ||
"eslint": "^4.19.1", | ||
"eslint-config-airbnb-base": "^12.1.0", | ||
"eslint-config-prettier": "^2.9.0", | ||
"eslint-loader": "^2.0.0", | ||
"eslint-plugin-googleappsscript": "^1.0.1", | ||
"eslint-plugin-import": "^2.12.0", | ||
"eslint-plugin-prettier": "^2.6.0", | ||
"gas-lib": "^2.0.1", | ||
"gas-webpack-plugin": "^0.3.0", | ||
"prettier": "^1.13.5", | ||
"uglifyjs-webpack-plugin": "^1.2.5", | ||
"webpack": "^4.12.0", | ||
"webpack-cli": "^3.0.4" | ||
} | ||
} |
Oops, something went wrong.