more settings enabled

src/server/.babelrc

@@ -0,0 +1,14 @@
+{
+    "presets": [
+        ["env", {
+            "modules": false
+        }]
+    ],
+    "plugins": [
+        "transform-es3-property-literals",
+        "transform-es3-member-expression-literals",
+        "transform-class-properties",
+        "transform-object-rest-spread",
+        "transform-object-assign"
+    ]
+}

src/server/.eslintrc.json

@@ -0,0 +1,17 @@
+{
+  "root": true,
+  "parser": "babel-eslint",
+  "extends": ["eslint:recommended", "google"],
+  "plugins": ["googleappsscript"],
+  "env": {
+    "googleappsscript/googleappsscript": true
+  },
+  "globals": {
+    "SpreadsheetApp": true,
+    "HtmlService": true,
+    "global": true
+  },
+  "rules": {
+    "import/prefer-default-export": 0
+  }
+}

src/server/code.js

@@ -0,0 +1,9 @@
+import * as publicFunctions from './sheets-utilities.js';
+
+// Expose public functions
+global.onOpen = publicFunctions.onOpen;
+global.openDialog = publicFunctions.openDialog;
+global.getSheetsData = publicFunctions.getSheetsData;
+global.addSheet = publicFunctions.addSheet;
+global.deleteSheet = publicFunctions.deleteSheet;
+global.setActiveSheet = publicFunctions.setActiveSheet;

src/server/sheets-utilities.js

@@ -0,0 +1,56 @@
+// Use ES6/7 code
+const onOpen = () => {
+  SpreadsheetApp.getUi() // Or DocumentApp or FormApp.
+    .createMenu('Custom scripts')
+    .addItem('Edit sheets [sample React project]', 'openDialog')
+    .addToUi();
+};
+
+const openDialog = () => {
+  let html = HtmlService.createHtmlOutputFromFile('dialog')
+    .setWidth(400)
+    .setHeight(600);
+  SpreadsheetApp.getUi() // Or DocumentApp or FormApp.
+    .showModalDialog(html, 'Sheet Editor');
+};
+
+const getSheets = () => SpreadsheetApp.getActive().getSheets();
+
+const getActiveSheetName = () => SpreadsheetApp.getActive().getSheetName();
+
+const getSheetsData = () => {
+  let activeSheetName = getActiveSheetName();
+  return getSheets().map((sheet, index) => {
+    let sheetName = sheet.getName();
+    return {
+      text: sheetName,
+      sheetIndex: index,
+      isActive: sheetName === activeSheetName,
+    };
+  });
+};
+
+const addSheet = (sheetTitle) => {
+  SpreadsheetApp.getActive().insertSheet(sheetTitle);
+  return getSheetsData();
+};
+
+const deleteSheet = (sheetIndex) => {
+  let sheets = getSheets();
+  SpreadsheetApp.getActive().deleteSheet(sheets[sheetIndex]);
+  return getSheetsData();
+};
+
+const setActiveSheet = (sheetName) => {
+  SpreadsheetApp.getActive().getSheetByName(sheetName).activate();
+  return getSheetsData();
+};
+
+export {
+  onOpen,
+  openDialog,
+  getSheetsData,
+  addSheet,
+  deleteSheet,
+  setActiveSheet,
+};