rollup-plugin-google-apps-script

About

Rollup plugin for Google Apps Script. This plugin supports local development of applications that run on Google Apps Script. Files bundled using this plugin can be deployed to Google Apps Script using clasp.

Support build using Vite and Rollup.

This is inspired by gas-webpack-plugin.

Detail

Google Apps Script requires the entry point to be a top-level function declaration in order to be called from google.script.run or some triggers. This plugin generates top-level function declaration statements when it encounters a global object in a function assignment expression.

Sample of the source code

// main.js

// The plugin will nothing to generate for this function.
const sayHello = (target) => {
  console.log(`Hello ${target}!!`);
};

// The plugin will generate a top-level function declaration for this function.
global.greet = () => {
  sayHello("world");
};

Installation

1. NPM

   npm install -D rollup-plugin-google-apps-script

2. Yarn

   yarn add -D rollup-plugin-google-apps-script

Usage

Options

You can pass a object of configuration options to rollup-plugin-gas. Allowed values are as follows | Name | Type | Default | Description | | ------------------- | :---------------: | :-------------: | ------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | comment | {boolean} | false | If true then generate a top level function declaration statement with comment. | | include | {Array<string>} | [**/*] | Array of path patterns to detect functions to generate top level function definitions. accept glob pattern. | | moduleHeaderComment | {boolean} | false | If true, Print a comment of the module filename to the bandle file. | | manifest.copy | {boolean} | false | if ture, copy the manifest file (appsscript.json) to output directory from manifest.srcDir. | | manifest.srcDir | {string} | process.cwd() | Set relative path from the project root to the directory where the manifest file (appsscript.json) is located, if you create the file at other than project root. | | verbose | {boolean} | false | If true then output details of processing to the console. |

Example

Node

1. Create build script

   // build.ts
   import path from "path";
   import { fileURLToPath } from "url";
   import { rollup } from "rollup";
   import rollupPluginGas from "rollup-plugin-google-apps-script";
   
   const __dirname = path.dirname(fileURLToPath(import.meta.url));
   const entryPath = path.resolve(__dirname, "./code.js");
   
   const distPath = path.resolve(__dirname, "./dist");
   
   const bundle = await rollup({
     input: entryPath,
     plugins: [rollupPluginGas()],
   });
   
   await bundle.write({
     dir: distPath,
     entryFileNames: "[name].js",
   });

2. Run build script

   ts-node build.ts

vite

1. Create configration file for vite

   // vite.config.ts
   import { defineConfig } from "vite";
   import typescript from "@rollup/plugin-typescript";
   import rollupPluginGas from "rollup-plugin-google-apps-script";
   import path from "path";
   
   export default defineConfig({
     plugins: [typescript(), rollupPluginGas()],
     build: {
       rollupOptions: {
         input: "./src/main.ts",
         output: {
           dir: "./dist",
           entryFileNames: "[name].js",
         },
       },
       minify: false, // This option is requred.
     },
     resolve: {
       alias: {
         "@": path.resolve(__dirname, "./src"),
       },
     },
   });

2. Add build script in package.json

   // package.json
   {
     ...
     "scripts": {
       ...
       "build": "vite build",
       ...
     },
     ...
   }

3. Run the build command

   npm run build

Note

• Some rollup options are overridden in plugins.

  | Option | Value | | :-----------: | :---: | | output.format | umd |

• When use vite, following configration is required.

  | Option | Value | Remarks | | :----------: | :-----: | ---------------------------------------------------------------------- | | build.minify | false | Disable minify because the function name defined in script is changed. |