### Install Rust

Source: https://github.com/googleworkspace/apps-script-samples/blob/main/wasm/python/README.md

Install Rust using the official installation guide. This is a prerequisite for the project.

```bash
https://www.rust-lang.org/tools/install
```

--------------------------------

### Install Node.js

Source: https://github.com/googleworkspace/apps-script-samples/blob/main/wasm/python/README.md

Install Node.js from the official website. This is a prerequisite for the project.

```bash
https://nodejs.org/en/download
```

--------------------------------

### Install Binaryen

Source: https://github.com/googleworkspace/apps-script-samples/blob/main/wasm/python/README.md

Install Binaryen, which includes wasm-opt. This is a prerequisite for the project.

```bash
https://github.com/WebAssembly/binaryen
```

--------------------------------

### Install Node.js Dependencies

Source: https://github.com/googleworkspace/apps-script-samples/blob/main/wasm/hello-world/README.md

Run this command to install project dependencies using npm. Ensure Node.js is installed.

```bash
npm i
```

--------------------------------

### Build Project with npm

Source: https://github.com/googleworkspace/apps-script-samples/blob/main/wasm/hello-world/README.md

Execute this command to build the project after installing dependencies. This command is part of the development workflow for integrating external languages into Apps Script.

```bash
npm run build
```

--------------------------------

### Initiate Authorization Flow

Source: https://github.com/googleworkspace/apps-script-samples/blob/main/templates/sheets-import/JavaScript.html

Starts the OAuth authorization process. Opens a new window with the authorization URL upon success.

```javascript
function onAuthorizeClick() {
  google.script.run
    .withSuccessHandler(openUrlWindow)
    .withFailureHandler(reportError)
    .getAuthorizationUrl();
}
```

--------------------------------

### Lint and Format Code with Biome

Source: https://github.com/googleworkspace/apps-script-samples/blob/main/GEMINI.md

Use Biome to lint and format your Apps Script code. Ensure Biome is installed in your project.

```bash
pnpm lint
pnpm format
```

--------------------------------

### Lint Repository with pnpm

Source: https://github.com/googleworkspace/apps-script-samples/blob/main/README.md

Run ESLint to check and automatically fix simple errors in the repository. Ensure pnpm is installed.

```shell
pnpm lint
```

--------------------------------

### Get Initial Calendar Settings

Source: https://github.com/googleworkspace/apps-script-samples/blob/main/solutions/automations/calendar-timesheet/Page.html

This function initiates the retrieval of initial calendar settings from the server-side Apps Script using 'google.script.run'. It specifies failure and success handlers for the asynchronous operation.

```javascript
google.script.run
  .withFailureHandler(onFailure)
  .withSuccessHandler(onSuccessGetSettings)
  .getSettings();
```

--------------------------------

### Concise Function Expressions with Arrow Functions

Source: https://github.com/googleworkspace/apps-script-samples/blob/main/GEMINI.md

Utilize arrow functions for concise function expressions, particularly beneficial for callbacks. This example demonstrates mapping an array to its squares.

```javascript
const numbers = [1, 2, 3];
const squares = numbers.map(x => x * x); // [1, 4, 9]
```

--------------------------------

### Default Parameter Values in Functions

Source: https://github.com/googleworkspace/apps-script-samples/blob/main/GEMINI.md

Specify default values for function parameters to handle cases where arguments are not provided. This example shows a default name for a greeting function.

```javascript
function greet(name = "Guest") {
  console.log(`Hello, ${name}!`);
}

greet(); // "Hello, Guest!"
```

--------------------------------

### Evaluate HTML Template for Web App

Source: https://context7.com/googleworkspace/apps-script-samples/llms.txt

Serves HTML content for HTTP GET requests to a web app. It can dynamically set a 'folderId' variable in the template based on URL parameters.

```javascript
/**
 * Serves HTML for HTTP GET requests to the web app.
 * @param {Object} e Event parameter with URL parameters.
 * @return {HtmlOutput} The web app's HTML.
 */
function doGet(e) {
  const template = HtmlService.createTemplateFromFile("Index");

  if (e.parameter.folderId) {
    template.folderId = e.parameter.folderId;
  } else {
    template.folderId = "root";
  }

  return template.evaluate().setTitle("Drive File Browser");
}
```

--------------------------------

### Initialize Dialog and Get Document Title

Source: https://github.com/googleworkspace/apps-script-samples/blob/main/templates/docs-addon/DialogJavaScript.html

This snippet initializes dialog elements and fetches the current document title when the dialog loads. It uses `google.script.run` to call a server-side function and handles success or failure responses.

```javascript
$(function() {
  // Assign handler functions to dialog elements here, if needed.
  $('#title-form').submit(onTitleSave);

  // Call the server here to retrieve any information needed to build
  // the dialog, if necessary.
  google.script.run
    .withSuccessHandler(function(title) {
      // Respond to success conditions here.
      $('#dialog-title').val(title);
      showStatus('Ready.');
    })
    .withFailureHandler(function(msg) {
      // Respond to failure conditions here.
      showStatus('Error retrieving title: ' + msg, 'error');
    })
    .getDocTitle();
});
```

--------------------------------

### Initialize UI and Event Handlers

Source: https://github.com/googleworkspace/apps-script-samples/blob/main/templates/sheets-import/JavaScript.html

Sets up the initial sidebar view and binds click/change/keyup event handlers for various UI elements. It also listens for an 'oauthComplete' intercom signal to toggle the UI view.

```javascript
$(function() { // Pull in template parameters and set the initial sidebar view. toggleUiView(isAuthorized); // Add UI interaction handlers. $('#authorize').bind('click', onAuthorizeClick); $('#signout').bind('click', onSignoutClick); $('#column-options').click(addSelectedColumnOption); $('#columns-selected').click(removeSelectedColumnOption); $('#report-name').keyup(verifyAndEnableSave); $('#report-select').change(onReportSelect); $('#save-report').click(onSaveClick); $('#run-report').click(onRunClick); $('#delete-report').click(onDeleteClick); // Listen for auth complete intercom signal & toggle UI when received. var intercom = Intercom.getInstance(); intercom.on('oauthComplete', function(data) { if (data.user === user) { toggleUiView(data.isAuthorized); } }); // Get existing reports & load them into the report select box. refreshReportAndColumnLists(); });
```

--------------------------------

### List Upcoming Calendar Events using Advanced Service

Source: https://context7.com/googleworkspace/apps-script-samples/llms.txt

Lists the 10 upcoming events from the user's primary Google Calendar using the Calendar Advanced Service. It filters events by start time and orders them by start time.

```javascript
/**
 * Lists 10 upcoming events in the user's primary calendar.
 * @see https://developers.google.com/calendar/api/v3/reference/events/list
 */
function listUpcomingEvents() {
  const calendarId = "primary";
  const optionalArgs = {
    timeMin: new Date().toISOString(),
    showDeleted: false,
    singleEvents: true,
    maxResults: 10,
    orderBy: "startTime",
  };

  try {
    const response = Calendar.Events.list(calendarId, optionalArgs);
    const events = response.items;

    if (events.length === 0) {
      console.log("No upcoming events found");
      return;
    }

    for (const event of events) {
      let when = event.start.dateTime;
      if (!when) {
        when = event.start.date; // All-day events
      }
      console.log("%s (%s)", event.summary, when);
    }
  } catch (err) {
    console.log("Failed with error %s", err.message);
  }
}
```

--------------------------------

### Get Google Form by ID using Apps Script

Source: https://github.com/googleworkspace/apps-script-samples/blob/main/forms-api/demos/AppsScriptFormsAPIWebApp/Main.html

Retrieves a Google Form by its ID. This function calls the server-side `get` function via `google.script.run` and displays the raw API response. Ensure the form ID is correctly set in the `globalFormId` input.

```javascript
function get() {
  const status = document.getElementById('status');
  status.innerHTML = "Get form by id...";
  const formId = document.getElementById('globalFormId');
  google.script.run
    .withFailureHandler(function(error) {
      console.log('Error calling server function get: ' + error);
    })
    .withSuccessHandler(function(result) {
      console.log('Raw response from Forms API: ' + result);
      status.innerHTML = '<pre>' + result + '</pre>';
    }).get(formId.value);
```

--------------------------------

### Initialize UI and Load Preferences on Document Load

Source: https://github.com/googleworkspace/apps-script-samples/blob/main/ai/autosummarize/sidebar.html

Assigns click handlers to buttons and attempts to load user preferences when the document is loaded. This is typically used for setting up the initial state of a web app or sidebar.

```javascript
$(function() {
  $('#run').click(runScript);
});
```

--------------------------------

### Fetch and Format Data for Data Studio Connector

Source: https://context7.com/googleworkspace/apps-script-samples/llms.txt

Retrieves data from an external API based on user configuration and date range, then formats it for Data Studio. Requires `UrlFetchApp` and `JSON.parse`.

```javascript
/**
 * Gets data from an external API and returns it in the required format.
 * @param {object} request The data request object.
 * @return {object} The data response.
 */
function getData(request) {
  const requestedFieldIds = request.fields.map((field) => field.name);
  const requestedFields = getFields().forIds(requestedFieldIds);

  // Fetch data from npm API
  const url = [
    "https://api.npmjs.org/downloads/range/",
    request.dateRange.startDate,
    ":",
    request.dateRange.endDate,
    "/",
    request.configParams.package,
  ].join("");

  const response = UrlFetchApp.fetch(url);
  const parsedResponse = JSON.parse(response).downloads;

  // Transform data to rows
  const rows = parsedResponse.map((dailyDownload) => {
    const row = [];
    for (const field of requestedFields.asArray()) {
      switch (field.getId()) {
        case "day":
          row.push(dailyDownload.day.replace(/-/g, ""));
          break;
        case "downloads":
          row.push(dailyDownload.downloads);
          break;
        case "packageName":
          row.push(request.configParams.package);
          break;
      }
    }
    return { values: row };
  });

  return {
    schema: requestedFields.build(),
    rows: rows,
  };
}
```

--------------------------------

### Build Data Studio Community Connector Config

Source: https://context7.com/googleworkspace/apps-script-samples/llms.txt

Configures user settings for a Data Studio Community Connector. Use this to define input fields and instructions for users.

```javascript
/**
 * Builds the Community Connector config for user configuration.
 * @return {Config} The Community Connector config.
 */
function getConfig() {
  const cc = DataStudioApp.createCommunityConnector();
  const config = cc.getConfig();

  config
    .newInfo()
    .setId("instructions")
    .setText("Enter npm package names to fetch their download count.");

  config
    .newTextInput()
    .setId("package")
    .setName("Enter a single package name.")
    .setHelpText("for example, googleapis or lighthouse")
    .setPlaceholder("googleapis")
    .setAllowOverride(true);

  config.setDateRangeRequired(true);

  return config.build();
}
```

--------------------------------

### Get Google Docs Document Title

Source: https://context7.com/googleworkspace/apps-script-samples/llms.txt

Retrieves and logs the title of a Google Document using its ID. Ensure you have the correct document ID.

```javascript
/**
 * Retrieves and prints the title of a Google Doc.
 * @see https://developers.google.com/docs/api/reference/rest/v1/documents/get
 */
function printDocTitle() {
  const documentId = "YOUR_DOCUMENT_ID";
  const doc = Docs.Documents.get(documentId, { includeTabsContent: true });
  console.log(`The title of the doc is: ${doc.title}`);
}
```

--------------------------------

### Initialize Web App on Load

Source: https://github.com/googleworkspace/apps-script-samples/blob/main/templates/web-app/JavaScript.html

This snippet initializes the web app by calling a server-side function to retrieve data. It handles both successful data retrieval and failures, updating the UI accordingly.

```javascript
$(function() {
  // Call the server here to retrieve any information needed to build the page.
  google.script.run
    .withSuccessHandler(function(contents) {
      // Respond to success conditions here.
      updateDisplay(contents);
    })
    .withFailureHandler(function(msg) {
      // Respond to failure conditions here.
      $('#main-heading').text(msg);
      $('#main-heading').addClass("error");
      $('#error-message').show();
    })
    .getFolderContents(folderId);
});
```

--------------------------------

### Get File Metadata from Drive

Source: https://context7.com/googleworkspace/apps-script-samples/llms.txt

Retrieves metadata for a specified file from Google Drive using its ID. Requires the Drive Advanced Service to be enabled.

```javascript
/**
 * Gets file metadata for a selected file.
 * @param {string} fileId The ID of the file.
 * @return {Object} The file resource.
 */
function getFile(fileId) {
  return Drive.Files.get(fileId, { fields: "*" });
}
```

--------------------------------

### Initialize Translation UI

Source: https://github.com/googleworkspace/apps-script-samples/blob/main/slides/translate/sidebar.html

Sets up the language selection radio buttons and attaches a click handler to the translate button. This code runs in the browser.

```javascript
$(function() { // Add an input radio button for every language. const languages = { ar: 'Arabic', zh: 'Chinese', en: 'English', fr: 'French', de: 'German', hi: 'Hindi', ja: 'Japanese', pt: 'Portuguese', es: 'Spanish' }; const languageList = Object.keys(languages).map((id)=> { return $('<li>').html(\[ $('<input>') .attr('type', 'radio') .attr('name', 'dest') .attr('id', 'radio-dest-' + id) .attr('value', id), $('<label>') .attr('for', 'radio-dest-' + id) .html(languages\[id\]) \]); }); $('#run-translation').click(runTranslation); $('#languages').html(languageList); });
```

--------------------------------

### Watch for Dialog Closure in Apps Script

Source: https://github.com/googleworkspace/apps-script-samples/blob/main/docs/dialog2sidebar/Sidebar.html

Starts a timeout to detect if a dialog has been closed without explicit submission or abortion. Emits a 'lost' event if the timeout is reached.

```javascript
function watch(dialogId) {
  timeoutIds[dialogId] = window.setTimeout(function() {
    intercom.emit(dialogId, 'lost');
  }, DIALOG_TIMEOUT_MS);
}
```

--------------------------------

### Call Vertex AI Gemini API for Summary

Source: https://context7.com/googleworkspace/apps-script-samples/llms.txt

Sends a prompt to a Vertex AI Gemini model (e.g., gemini-pro-vision) and returns a text summary. Requires authentication via `credentialsForVertexAI()` and `UrlFetchApp`. Ensure `VERTEX_AI_LOCATION` and `MODEL_ID` are correctly set.

```javascript
const VERTEX_AI_LOCATION = "us-central1";
const MODEL_ID = "gemini-pro-vision";

/**
 * Sends a prompt to Vertex AI Gemini and returns the response.
 * @param {Array} parts The content parts to send (text, images, etc.).
 * @param {Object} options Optional generation config parameters.
 * @returns {string} The generated text response.
 */
function getAiSummary(parts, options = {}) {
  const defaultOptions = {
    temperature: 0.1,
    maxOutputTokens: 8192,
    topK: 1,
    topP: 1,
    stopSequences: [],
  };

  const request = {
    contents: [
      {
        role: "user",
        parts: parts,
      },
    ],
    generationConfig: {
      ...defaultOptions,
      ...options,
    },
  };

  const credentials = credentialsForVertexAI();

  const fetchOptions = {
    method: "POST",
    headers: {
      Authorization: `Bearer ${credentials.accessToken}`,
    },
    contentType: "application/json",
    muteHttpExceptions: true,
    payload: JSON.stringify(request),
  };

  const url =
    `https://${VERTEX_AI_LOCATION}-aiplatform.googleapis.com/v1/projects/${credentials.projectId}` +
    `/locations/${VERTEX_AI_LOCATION}/publishers/google/models/${MODEL_ID}:generateContent`;

  const response = UrlFetchApp.fetch(url, fetchOptions);

  const responseCode = response.getResponseCode();
  if (responseCode >= 400) {
    throw new Error(`Unable to process: Error code ${responseCode}`);
  }

  const parsedResponse = JSON.parse(response.getContentText());
  if (parsedResponse.error) {
    throw new Error(parsedResponse.error.message);
  }

  return parsedResponse.candidates[0].content.parts[0].text;
}

// Example usage:
// const summary = getAiSummary([{ text: "Summarize this document..." }]);

```

--------------------------------

### Define Optional Parameters in JSDoc

Source: https://github.com/googleworkspace/apps-script-samples/blob/main/GEMINI.md

Use square brackets `[]` or an equals sign `=` after the type to denote optional parameters in your JSDoc. The example shows an optional age parameter.

```javascript
/**
 * @param {string} name The name.
 * @param {number=} age Optional age.
 */
function greet(name, age) {
  if (age) { ... }
}
```

--------------------------------

### Run Report Import

Source: https://github.com/googleworkspace/apps-script-samples/blob/main/templates/sheets-import/JavaScript.html

Initiates a data import for a specified report. Handles success and failure scenarios, including specific error codes for import failures.

```javascript
function onRunClick() {
  this.disabled = true;
  var config = collectSidebarData();
  if (config.columns.length > 0) {
    setUiState(UI_STATE.TOGGLE_ALL, {disable: true});
    google.script.run
      .withSuccessHandler(function(config) {
        setUiState(UI_STATE.TOGGLE_ALL, {disable: false});
        setUiState(UI_STATE.CONFIG_LOADED, config);
      })
      .withFailureHandler(function(error) {
        setUiState(UI_STATE.TOGGLE_ALL, {disable: false});
        setUiState(UI_STATE.CONFIG_LOADED);
        if (error == ERROR_CODES.IMPORT_FAILED) {
          reportError('Error: data import failed.');
        } else {
          reportError('Unknown error during data import.');
        }
      })
      .runImport(config.reportId);
  } else {
    this.disabled = false;
  }
}
```

--------------------------------

### Get OAuth Token for Picker API

Source: https://context7.com/googleworkspace/apps-script-samples/llms.txt

Obtains the user's OAuth 2.0 access token, which is necessary for authorizing the Google Picker API. This token is used for authentication.

```javascript
/**
 * Gets OAuth token for Picker API authorization.
 * @return {string} The user's OAuth 2.0 access token.
 */
function getOAuthToken() {
  return ScriptApp.getOAuthToken();
}
```

--------------------------------

### Initialize Translation Add-on

Source: https://github.com/googleworkspace/apps-script-samples/blob/main/docs/translate/sidebar.html

On document load, assign click handlers to buttons and load user language preferences. This function is called when the add-on is first loaded.

```javascript
/**
 * On document load, assign click handlers to each button and try to load the
 * user's origin and destination language preferences if previously set.
 */
$(function() {
  $('#run-translation').click(runTranslation);
  $('#insert-text').click(insertText);
  google.script.run.withSuccessHandler(loadPreferences)
      .withFailureHandler(showError).getPreferences();
});
```

--------------------------------

### Get Values from Spreadsheet Range

Source: https://context7.com/googleworkspace/apps-script-samples/llms.txt

Retrieves values from a specified range within a Google Sheet. Ensure the spreadsheet ID and range are correct. Requires the Sheets Advanced Service.

```javascript
/**
 * Gets the values of cells in the specified range.
 * @param {string} spreadsheetId ID of the spreadsheet.
 * @param {string} range Specifying the start and end cells (e.g., "Sheet1!A1:D10").
 * @returns {Object} Values in the range.
 */
function getValues(spreadsheetId, range) {
  try {
    const result = Sheets.Spreadsheets.Values.get(spreadsheetId, range);
    const numRows = result.values ? result.values.length : 0;
    console.log("Retrieved %s rows", numRows);
    return result;
  } catch (err) {
    console.log("Failed with error %s", err.message);
  }
}
```

--------------------------------

### Initialize Sidebar on Load

Source: https://github.com/googleworkspace/apps-script-samples/blob/main/templates/forms-addon/SidebarJavaScript.html

This code runs when the sidebar loads. It's used to assign event handlers to sidebar elements and can be extended to fetch initial data from the server.

```javascript
$(function() {
  // Assign handler functions to sidebar elements here, if needed.
  $('#sidebar-add-button').click(onAddItemClick);

  // Call the server here to retrieve any information needed to build
  // the sidebar, if necessary.
});
```

--------------------------------

### Initialize UI Event Handlers

Source: https://github.com/googleworkspace/apps-script-samples/blob/main/tasks/simpleTasks/javascript.html

Binds event handlers for UI elements when the page loads. Ensure jQuery is available.

```javascript
$(function() {
    $('#tasklist').bind('change', loadTasks);
    $('#new-task').bind('submit', onNewTaskFormSubmit);
    loadTaskLists();
});
```

--------------------------------

### Handle Gmail Unread Count with Apps Script

Source: https://github.com/googleworkspace/apps-script-samples/blob/main/ui/communication/success/index.html

This snippet shows how to call a server-side Apps Script function to get the unread email count and update the UI upon success.

```javascript
function onSuccess(numUnread) { var div = document.getElementById('output'); div.innerHTML = 'You have ' + numUnread + ' unread messages in your Gmail inbox.'; }
google.script.run.withSuccessHandler(onSuccess) .getUnreadEmails();
```

--------------------------------

### Handle Report Selection Change

Source: https://github.com/googleworkspace/apps-script-samples/blob/main/templates/sheets-import/JavaScript.html

Responds to changes in the report selection dropdown. If 'new-report' is selected, it sets the UI to the new report state. Otherwise, it proceeds to load the selected report's configuration.

```javascript
function onReportSelect() { var reportId = $('#report-select').val(); if (reportId == 'new-report') { setUiState(UI_STATE.NEW_REPORT); } else { setUiState(UI_STATE.TOGGLE_ALL, 
```

```javascript
null);
```

--------------------------------

### Open a Dialog in Apps Script

Source: https://github.com/googleworkspace/apps-script-samples/blob/main/docs/dialog2sidebar/Sidebar.html

Use this function to initiate the opening of a dialog. It sets up success and failure handlers for the operation.

```javascript
function openDialog() {
  google.script.run.withSuccessHandler(onDialogOpened)
    .withFailureHandler(onError)
    .openDialog();
}
```

--------------------------------

### Get Folder Contents from Drive

Source: https://context7.com/googleworkspace/apps-script-samples/llms.txt

Retrieves a list of filenames within a specified Google Drive folder. It handles both the root folder and specific folder IDs, limiting results to 20 files.

```javascript
/**
 * Returns filenames from a Drive folder.
 * @param {String} folderId Folder ID or "root" for root folder.
 * @return {Object} Folder contents with filenames.
 */
function getFolderContents(folderId) {
  let topFolder;
  const contents = { children: [] };

  if (folderId === "root") {
    topFolder = DriveApp.getRootFolder();
  } else {
    topFolder = DriveApp.getFolderById(folderId);
  }
  contents.rootName = `${topFolder.getName()}/`;

  const files = topFolder.getFiles();
  let numFiles = 0;
  while (files.hasNext() && numFiles < 20) {
    const file = files.next();
    contents.children.push(file.getName());
    numFiles++;
  }

  return contents;
}
```

--------------------------------

### Load Initial Sidebar Lists

Source: https://github.com/googleworkspace/apps-script-samples/blob/main/templates/sheets-import/JavaScript.html

Populates the sidebar's report and column selection lists with data. Preserves the current report selection if possible. Requires jQuery.

```javascript
function loadInitialSidebarLists(savedData) {
  var currentReport = $('#report-select').val();
  $("#report-select").find('option').remove();
  updateReportNameInList('new-report');
  savedData.reports.forEach(function(report) {
    updateReportNameInList(report.reportId, report.name);
  });
  $('#report-select').val(currentReport);
  $("#column-options").find('option').remove();
  savedData.columns.forEach(function(col) {
    addToSelectBox('#column-options', col.label, col.id);
  });
}
```

--------------------------------

### Get Form Submit Trigger State Callback

Source: https://github.com/googleworkspace/apps-script-samples/blob/main/templates/forms-addon/DialogJavaScript.html

This callback function receives the trigger state from the server and updates the dialog's checkbox accordingly. It also displays a 'Ready' status message.

```javascript
function getTriggerStateCallback(triggerEnabled) {
  // Use the information retrieved from the server to adjust the dialog.
  if (triggerEnabled) {
    $('#dialog-trigger-check').prop('checked', true);
  } else {
    $('#dialog-trigger-check').prop('checked', false);
  }
  showStatus('Ready.');
}
```

--------------------------------

### Intercom.js Initialization and Basic Usage

Source: https://github.com/googleworkspace/apps-script-samples/blob/main/docs/dialog2sidebar/Intercom.js.html

This snippet shows the core structure of Intercom.js, including its event handling mechanism and how to create an interface for managing events. It's useful for setting up communication channels.

```javascript
var Intercom=function(){var g=function(){};g.createInterface=function(b){return{on:function(a,c){"undefined"===typeof this\[b\]&&(this\[b\]={});this\[b\]\.hasOwnProperty(a)||(this\[b\]\[a\]=\[\]);this\[b\]\[a\]\.push(c)},off:function(a,c){"undefined"!==typeof this\[b\]&&this\[b\]\.hasOwnProperty(a)&&i.removeItem(c,this\[b\]\[a\])},trigger:function(a){if("undefined"!==typeof this\[b\]&&this\[b\]\.hasOwnProperty(a))for(var c=Array.prototype.slice.call(arguments,1),e=0;e<this\[b\]\[a\]\.length;e++)this\[b\]\[a\]\[e\]\.apply(this\[b\]\[a\]\[e\],c)}}}; var m=g.createInterface("_handlers");g.prototype._on=m.on;g.prototype._off=m.off;g.prototype._trigger=m.trigger;var n=g.createInterface("handlers");g.prototype.on=function(){n.on.apply(this,arguments);Array.prototype.unshift.call(arguments,"on");this._trigger.apply(this,arguments)};g.prototype.off=n.off;g.prototype.trigger=n.trigger;var f=window.localStorage;
```

--------------------------------

### Prefer for...of for Iteration

Source: https://github.com/googleworkspace/apps-script-samples/blob/main/GEMINI.md

Prefer `for...of` loops over `forEach` for better performance and control (e.g., `break`, `continue`) in Apps Script, especially with large arrays. This example iterates through a number array.

```javascript
const numbers = [1, 2, 3];

// Using forEach (less performant for large arrays)
numbers.forEach(num => {
  console.log(num);
});

// Using for...of (preferred)
for (const num of numbers) {
  console.log(num);
}
```

--------------------------------

### Create and Configure Google Picker

Source: https://github.com/googleworkspace/apps-script-samples/blob/main/picker/dialog.html

Builds and displays a Google Picker instance configured to show only spreadsheets owned by the user. It hides the navigation panel and title bar for a cleaner interface within an Apps Script dialog.

```javascript
function createPicker(token) {
  document.getElementById("result").innerHTML = "";
  if (pickerApiLoaded && token) {
    const picker = new google.picker.PickerBuilder()
      .addView(
        new google.picker.DocsView(google.picker.ViewId.SPREADSHEETS).setOwnedByMe(true)
      )
      .enableFeature(google.picker.Feature.NAV_HIDDEN)
      .hideTitleBar()
      .setOAuthToken(token)
      .setDeveloperKey(DEVELOPER_KEY)
      .setAppId(CLOUD_PROJECT_NUMBER)
      .setCallback(pickerCallback)
      .setOrigin(google.script.host.origin)
      .build();
    picker.setVisible(true);
  } else {
    showError("Unable to load the file picker.");
  }
}
```

--------------------------------

### Initialize and Refresh State

Source: https://github.com/googleworkspace/apps-script-samples/blob/main/docs/cursorInspector/sidebar.js.html

Sets up the initial state on page load and defines the function to refresh document information. Includes error handling and success callbacks for asynchronous operations.

```javascript
var REFRESH_WAIT_SECONDS = 1;
var INACTIVITY_TIMEOUT_MINUTES = 2;

var lastResult;
var refreshOn = true;
var lastChangedTime;
var timeoutId;

$(function() {
  $('#loading').hide();
  refreshState();
});

/**
 * Refreshes the state information in the sidebar.
 */
function refreshState() {
  google.script.run.withFailureHandler(function(error) {
    showError(error);
    tick(null);
  }).withSuccessHandler(function(result) {
    hideError();
    if (!lastResult || !jsonEquals(result.cursor, lastResult.cursor)) {
      updateCursor(result.cursor);
    }
    if (!lastResult || !jsonEquals(result.selection, lastResult.selection)) {
      updateSelection(result.selection);
    }
    tick(result);
  }).getDocumentInfo();
}
```

--------------------------------

### Get OAuth Token for Picker

Source: https://github.com/googleworkspace/apps-script-samples/blob/main/picker/dialog.html

Retrieves the user's OAuth 2.0 access token from the server-side script. This token is used by the Google Picker to access user files without requiring a separate authorization dialog.

```javascript
function getOAuthToken() {
  google.script.run
    .withSuccessHandler((token) => {
      oauthToken = token;
      createPicker(token);
    })
    .withFailureHandler(showError)
    .getOAuthToken();
}
```

--------------------------------

### Set UI State for New Report

Source: https://github.com/googleworkspace/apps-script-samples/blob/main/templates/sheets-import/JavaScript.html

Resets the UI to a new report state. This involves refreshing data, disabling save/run/delete buttons, clearing input fields, and resetting selection boxes. Use this when starting a new report.

```javascript
case UI_STATE.NEW_REPORT: // Refresh to collect any changes other editors have made. refreshReportAndColumnLists(); // Disable buttons and clear sidebar data. $('#delete-report').prop("disabled", true); $('#run-report').prop("disabled", true); $('#save-report').prop("disabled", true); $('#report-select').val("new-report"); $("#columns-selected").find('option').remove(); $("#report-name").val(''); $('#scheduling-checkbox').prop('checked', false); $('#last-run').html('?'); $('#sheet-name').html('?'); $('#owner-name').html('?'); break;
```

--------------------------------

### Initialize Sidebar on Load

Source: https://github.com/googleworkspace/apps-script-samples/blob/main/templates/docs-addon/SidebarJavaScript.html

This code runs when the sidebar loads. It assigns click handlers and calls a server function to retrieve initial data, updating the sidebar footer upon success or displaying an error on failure.

```javascript
$(function() {
  // Assign handler functions to sidebar elements here, if needed.
  $('#sidebar-save-button').click(onSaveFooterClick);

  // Call the server here to retrieve any information needed to build
  // the sidebar, if necessary.
  google.script.run
    .withSuccessHandler(function(footerText) {
      // Respond to success conditions here.
      $('#sidebar-footer-text').val(footerText);
      showStatus('Ready.');
    })
    .withFailureHandler(function(msg) {
      // Respond to failure conditions here.
      showStatus(msg, 'error');
    })
    .getFooterText();
});
```

--------------------------------

### Display Google Picker Dialog

Source: https://context7.com/googleworkspace/apps-script-samples/llms.txt

Shows a modal dialog to the user for selecting files using the Google Picker API. Ensure 'dialog.html' exists in the script project.

```javascript
/**
 * Displays a Google Picker dialog.
 */
function showPicker() {
  const html = HtmlService.createHtmlOutputFromFile("dialog.html")
    .setWidth(800)
    .setHeight(600)
    .setSandboxMode(HtmlService.SandboxMode.IFRAME);
  SpreadsheetApp.getUi().showModalDialog(html, "Select a file");
}
```

--------------------------------

### Pull Value from Active Cell

Source: https://github.com/googleworkspace/apps-script-samples/blob/main/templates/sheets-addon/SidebarJavaScript.html

This function is triggered when the 'pull' button is clicked. It calls a server-side Apps Script function to get the value of the active cell and updates the sidebar's text field with the result. It includes success and failure handlers.

```javascript
function onPullClick() {
  this.disabled = true;
  // Gather any information that needs to be sent to the server here.
  // Send the value to the server and handle the response.
  google.script.run
    .withSuccessHandler( function(msg, element) {
      // Respond to success conditions here.
      $('#sidebar-value').val(msg);
      showStatus('Pulled value successfully.');
      element.disabled = false;
    })
    .withFailureHandler( function(msg, element) {
      // Respond to failure conditions here.
      showStatus(msg, 'error');
      element.disabled = false;
    })
    .withUserObject(this)
    .getActiveValue();
}
```

--------------------------------

### Initialize Dialog on Load

Source: https://github.com/googleworkspace/apps-script-samples/blob/main/templates/sheets-addon/DialogJavaScript.html

Assigns handler functions to dialog elements when the dialog loads. Use this to set up event listeners for UI elements.

```javascript
$(function() {
  // Assign handler functions to dialog elements here, if needed.
  $('#dialog-execute-button').click(onExecuteClick);
  // Call the server here to retrieve any information needed to build
  // the dialog, if necessary.
});
```

--------------------------------

### Get a Specific Response from a Google Form using Apps Script

Source: https://github.com/googleworkspace/apps-script-samples/blob/main/forms-api/demos/AppsScriptFormsAPIWebApp/Main.html

Retrieves a specific response from a Google Form using both the form ID and the response ID. This function calls the server-side `responsesGet` function via `google.script.run`. Ensure both `globalFormId` and `responseId` inputs are populated.

```javascript
function responsesGet() {
  const status = document.getElementById('status');
  status.innerHTML = "Get response by id...";
  const formId = document.getElementById('globalFormId');
  const respId = document.getElementById('responseId');
  google.script.run
    .withFailureHandler(function(error) {
      console.log('Error calling server function responseList: ' + error);
    })
    .withSuccessHandler(function(result) {
      console.log('Raw response from Forms API: ' + result);
      status.innerHTML = '<pre>' + result + '</pre>';
    }).responsesGet(formId.value, respId.value);
```

--------------------------------

### Load User Language Preferences

Source: https://github.com/googleworkspace/apps-script-samples/blob/main/docs/translate/sidebar.html

Populates the origin and destination selection boxes with user preferences loaded from the server. This function is a callback for `getPreferences`.

```javascript
/**
 * Callback function that populates the origin and destination selection
 * boxes with user preferences from the server.
 *
 * @param {Object} languagePrefs The saved origin and destination languages.
 */
function loadPreferences(languagePrefs) {
  $('input:radio[name="origin"]
    .filter('[value=' + languagePrefs.originLang + ']')
    .attr('checked', true);
  $('input:radio[name="dest"]
    .filter('[value=' + languagePrefs.destLang + ']')
    .attr('checked', true);
}
```

--------------------------------

### Run Type Checker

Source: https://github.com/googleworkspace/apps-script-samples/blob/main/GEMINI.md

Execute the type checker from the repository root to validate .gs files. Pass a specific path to check only projects within that directory.

```bash
pnpm run check
```

```bash
pnpm run check solutions/automations
```

--------------------------------

### Load Google Picker API

Source: https://github.com/googleworkspace/apps-script-samples/blob/main/picker/dialog.html

Loads the Google Picker API asynchronously. This function should be called to make the Picker API available for use.

```javascript
function onApiLoad() {
  gapi.load("picker", {
    callback: function () {
      pickerApiLoaded = true;
    },
  });
}
```

--------------------------------

### Open URL in New Window

Source: https://github.com/googleworkspace/apps-script-samples/blob/main/templates/sheets-import/JavaScript.html

Opens a new browser window to the specified URL. This is a utility function often used as a success handler.

```javascript
function openUrlWindow(url) {
  window.open(url);
}
```

--------------------------------

### Set up Interval for Server Check-in in Apps Script

Source: https://github.com/googleworkspace/apps-script-samples/blob/main/docs/dialog2sidebar/Dialog.html

Sets up a recurring interval to check in with the server, useful for detecting if a dialog has been closed. Requires the Intercom.js library.

```javascript
var DIALOG_ID = '<?= dialogId ?>';
var CHECKIN_INTERVAL_MS = 500;
var intercom = Intercom.getInstance();
window.setInterval(function() {
  intercom.emit(DIALOG_ID, 'checkIn');
}, CHECKIN_INTERVAL_MS);
```

--------------------------------

### Run AI Summarization Script with Status Updates

Source: https://github.com/googleworkspace/apps-script-samples/blob/main/ai/autosummarize/sidebar.html

Executes a server-side function to perform AI summarization. It provides visual feedback to the user through status updates and handles success or failure responses. Requires elements with IDs 'run', 'status', 'wip', 'customPrompt1', 'customPrompt2', 'sliderTemperature', and 'sliderTokens'.

```javascript
function runScript() {
  $('#run').toggleClass("disabledButton");
  $('#status').text("Creating sheet...");
  $('#wip').show();
  let statusUpdates = setTimeout(function changeText1() {
    $('#status').text("Reticulating splines...");
    statusUpdates = setTimeout(function changeText2() {
      $('#status').text("Talking to Gemini AI...");
      statusUpdates = setTimeout(function changeText3() {
        $('#status').text("Gemini AI is reading...");
        statusUpdates = setTimeout(function changeText4() {
          $('#status').text("Gemini AI is writing...");
          statusUpdates = setTimeout(function changeText5() {
            $('#status').text("Preparing delivery...");
          }, 10000);
        }, 6000);
      }, 8000);
    }, 3000);
  }, 3000);
  let customPrompt1 = document.getElementById("customPrompt1").value;
  let customPrompt2 = document.getElementById("customPrompt2").value;
  let temperature = document.getElementById("sliderTemperature").value / 100;
  let tokens = document.getElementById("sliderTokens").value;
  google.script.run
    .withSuccessHandler( function(response) {
      clearTimeout(statusUpdates);
      $('#wip').hide();
      $('#status').text("Your AI summaries are here! \u{1F389}");
      $('#run').toggleClass("disabledButton");
    })
    .withFailureHandler( function(err) {
      $('#wip').hide();
      $('#status').text("Something didn't quite work right. " + err);
      $('#run').toggleClass("disabledButton");
    })
    .doAutoSummarizeAI(customPrompt1,customPrompt2,temperature,tokens);
}
```

--------------------------------

### Display Task Lists in Dropdown

Source: https://github.com/googleworkspace/apps-script-samples/blob/main/tasks/simpleTasks/javascript.html

Populates a dropdown menu with task list data received from the server. Clears existing options before adding new ones.

```javascript
function showTaskLists(taskLists) {
    var select = $('#tasklist');
    select.empty();
    taskLists.forEach(function(taskList) {
        var option = $('<option>')
            .attr('value', taskList.id)
            .text(taskList.name);
        select.append(option);
    });
    loadTasks();
}
```

--------------------------------

### Prefer Direct Runtime Error Handling

Source: https://github.com/googleworkspace/apps-script-samples/blob/main/GEMINI.md

Avoid wrapping code in `try/catch` blocks solely for logging the error message. Let the runtime handle error reporting for cleaner sample code, unless specific catch logic is required.

```javascript
// Avoid this
try {
  AdminDirectory.Users.list();
} catch (err) {
  console.log(err.message);
}

// Prefer this
AdminDirectory.Users.list();
```

--------------------------------

### Initialize Dialog on Load

Source: https://github.com/googleworkspace/apps-script-samples/blob/main/templates/forms-addon/DialogJavaScript.html

This snippet initializes event handlers and fetches initial data when a dialog loads. It uses jQuery for DOM manipulation and google.script.run for server communication.

```javascript
$(function() {
  // Assign handler functions to sidebar elements here, if needed.
  $('#dialog-save-button').click(onSaveTriggerClick);
  showStatus('Please wait...');

  // Call the server here to retrieve any information needed to build
  // the sidebar, if necessary.
  google.script.run
    .withSuccessHandler(getTriggerStateCallback)
    .getTriggerState();
});
```

--------------------------------

### Load Tasks for Selected List

Source: https://github.com/googleworkspace/apps-script-samples/blob/main/tasks/simpleTasks/javascript.html

Retrieves tasks for the currently selected task list from the server. Displays a 'Loading...' message while fetching.

```javascript
function loadTasks() {
    $('#tasks').text('Loading...');
    var taskListId = $('#tasklist').val();
    google.script.run.withSuccessHandler(showTasks)
        .withFailureHandler(showError)
        .getTasks(taskListId);
}
```

--------------------------------

### Build Data Studio Community Connector Schema

Source: https://context7.com/googleworkspace/apps-script-samples/llms.txt

Defines the schema for a Data Studio Community Connector, specifying dimensions and metrics. Ensure field IDs and types match your data.

```javascript
/**
 * Builds the schema with dimensions and metrics.
 * @return {Fields} The Community Connector fields.
 */
function getFields() {
  const cc = DataStudioApp.createCommunityConnector();
  const fields = cc.getFields();
  const types = cc.FieldType;
  const aggregations = cc.AggregationType;

  fields.newDimension().setId("packageName").setName("Package Name").setType(types.TEXT);
  fields.newDimension().setId("day").setName("Day").setType(types.YEAR_MONTH_DAY);
  fields.newMetric().setId("downloads").setName("Downloads").setType(types.NUMBER).setAggregation(aggregations.SUM);

  return fields;
}
```

--------------------------------

### Run BigQuery Query and Export to Google Sheets

Source: https://context7.com/googleworkspace/apps-script-samples/llms.txt

Executes a BigQuery SQL query, retrieves results, and populates a new Google Sheet with the data. Requires a project ID and a valid query.

```javascript
/**
 * Runs a BigQuery query and logs the results in a spreadsheet.
 */
function runQuery() {
  const projectId = "YOUR_PROJECT_ID";

  const request = {
    query:
      "SELECT refresh_date AS Day, term AS Top_Term, rank " +
      "FROM `bigquery-public-data.google_trends.top_terms` " +
      "WHERE rank = 1 " +
      "AND refresh_date >= DATE_SUB(CURRENT_DATE(), INTERVAL 2 WEEK) " +
      "GROUP BY Day, Top_Term, rank " +
      "ORDER BY Day DESC;",
```

```javascript
    useLegacySql: false,
  };

  let queryResults = BigQuery.Jobs.query(request, projectId);
  const jobId = queryResults.jobReference.jobId;

  // Check on status of the Query Job
  let sleepTimeMs = 500;
  while (!queryResults.jobComplete) {
    Utilities.sleep(sleepTimeMs);
    sleepTimeMs *= 2;
    queryResults = BigQuery.Jobs.getQueryResults(projectId, jobId);
  }

  // Get all the rows of results
  let rows = queryResults.rows;
  while (queryResults.pageToken) {
    queryResults = BigQuery.Jobs.getQueryResults(projectId, jobId, {
      pageToken: queryResults.pageToken,
    });
    rows = rows.concat(queryResults.rows);
  }

  if (!rows) {
    console.log("No rows returned.");
    return;
  }

  // Create spreadsheet and populate with results
  const spreadsheet = SpreadsheetApp.create("BigQuery Results");
  const sheet = spreadsheet.getActiveSheet();

  // Append the headers
  const headers = queryResults.schema.fields.map((field) => field.name);
  sheet.appendRow(headers);

  // Append the results
  const data = new Array(rows.length);
  for (let i = 0; i < rows.length; i++) {
    const cols = rows[i].f;
    data[i] = new Array(cols.length);
    for (let j = 0; j < cols.length; j++) {
      data[i][j] = cols[j].v;
    }
  }
  sheet.getRange(2, 1, rows.length, headers.length).setValues(data);

  console.log("Results spreadsheet created: %s", spreadsheet.getUrl());
}
```

--------------------------------

### List Files with Drive Advanced Service

Source: https://context7.com/googleworkspace/apps-script-samples/llms.txt

Lists the names and IDs of up to 10 files in Google Drive. Requires the Drive Advanced Service to be enabled.

```javascript
/**
 * Lists the names and IDs of up to 10 files in Drive.
 */
function listFiles() {
  try {
    const files = Drive.Files.list({
      fields: "nextPageToken, items(id, title)",
      maxResults: 10,
    }).items;

    for (const file of files) {
      console.log("%s (%s)", file.title, file.id);
    }
  } catch (err) {
    console.log("Failed with error %s", err.message);
  }
}
```

--------------------------------

### Call Server-Side Function with Success Handler

Source: https://github.com/googleworkspace/apps-script-samples/blob/main/ui/communication/private/index.html

This snippet shows how to call a server-side Apps Script function and handle its successful return value in the client-side. Ensure the server-side function `getBankBalance` is defined.

```javascript
function onSuccess(balance) { var div = document.getElementById('output'); div.innerHTML = balance; }
google.script.run.withSuccessHandler(onSuccess) .getBankBalance();
```

--------------------------------

### Type Check Repository with pnpm

Source: https://github.com/googleworkspace/apps-script-samples/blob/main/README.md

Validate .gs files for syntax and type issues using TypeScript and JSDoc annotations. This command temporarily converts .gs files to .js for checking.

```shell
pnpm check
```

--------------------------------

### Display Tasks on the Page

Source: https://github.com/googleworkspace/apps-script-samples/blob/main/tasks/simpleTasks/javascript.html

Renders a list of tasks, including checkboxes for completion status. Updates UI elements like text decoration for completed tasks.

```javascript
function showTasks(tasks) {
    var list = $('#tasks').empty();
    if (tasks.length > 0) {
        tasks.forEach(function(task) {
            var item = $('<li>');
            var checkbox = $('<input type="checkbox">')
                .data('taskId', task.id)
                .bind('change', onCheckBoxChange);
            item.append(checkbox);
            var title = $('<span>')
                .text(task.title);
            item.append(title);
            if (task.completed) {
                checkbox.prop('checked', true);
                title.css('text-decoration', 'line-through');
            }
            list.append(item);
        });
    } else {
        list.text('No tasks');
    }
}
```

--------------------------------

### Initialize Form Notifications UI

Source: https://github.com/googleworkspace/apps-script-samples/blob/main/forms/notifications/sidebar.html

On document load, this script assigns event handlers to UI elements and attempts to load previously saved settings. It uses jQuery for DOM manipulation and Google Apps Script's `google.script.run` for server communication.

```javascript
$(function() {
  $('#save-settings').click(saveSettingsToServer);
  $('#creator-notify').click(toggleCreatorNotify);
  $('#respondent-notify').click(toggleRespondentNotify);
  $('#response-step').change(validateNumber);
  google.script.run
    .withSuccessHandler(loadSettings)
    .withFailureHandler(showStatus)
    .withUserObject($('#button-bar').get())
    .getSettings();
});
```

--------------------------------

### Create a New Google Slides Presentation

Source: https://context7.com/googleworkspace/apps-script-samples/llms.txt

Programmatically create a new Google Slides presentation with a specified title using the Slides Advanced Service. Logs the presentation ID or any errors encountered.

```javascript
/**
 * Creates a new presentation with the specified title.
 * @returns {Object} The created presentation.
 */
function createPresentation() {
  try {
    const presentation = Slides.Presentations.create({
      title: "My New Presentation",
    });
    console.log("Created presentation with ID: %s", presentation.presentationId);
    return presentation;
  } catch (err) {
    console.log("Failed with error: %s", err.error);
  }
}
```

--------------------------------

### Update Selection Information

Source: https://github.com/googleworkspace/apps-script-samples/blob/main/docs/cursorInspector/sidebar.js.html

Populates a table in the sidebar with selection details, including element type, partial selection status, and offsets. Displays 'None' if no selection is present.

```javascript
/**
 * Updates the selection information in the sidebar.
 * @param {Object} selection The selection information.
 */
function updateSelection(selection) {
  var tableBody = $('#selection table tbody');
  tableBody.children().remove();
  if (selection) {
    selection.selectedElements.forEach(function(selectedElement) {
      var row = $('<tr>');
      var data = [
        selectedElement.element.type,
        selectedElement.partial,
        selectedElement.startOffset,
        selectedElement.endOffsetInclusive
      ];
      data.forEach(function(value) {
        row.append($('<td>').text(value));
      });
      tableBody.append(row);
    });
    tableBody.effect("highlight", { duration: 1500 });
  } else {
    tableBody.append($('<tr><td class="na" colspan="4">None</td></tr>'));
  }
}
```

--------------------------------

### Handle Task Checkbox Changes

Source: https://github.com/googleworkspace/apps-script-samples/blob/main/tasks/simpleTasks/javascript.html

Updates the visual state of a task (completed/incomplete) and calls the server to update its status. Uses a highlight effect for visual feedback.

```javascript
function onCheckBoxChange() {
    var checkbox = $(this);
    var title = checkbox.siblings('span');
    var isChecked = checkbox.prop('checked');
    var taskListId = $('#tasklist').val();
    var taskId = checkbox.data('taskId');
    if (isChecked) {
        title.css('text-decoration', 'line-through');
    } else {
        title.css('text-decoration', 'none');
    }
    google.script.run.withSuccessHandler(function() {
        title.effect("highlight", { duration: 1500 });
    }).withFailureHandler(showError)
        .setCompleted(taskListId, taskId, isChecked);
}
```

--------------------------------

### Refresh Report and Column Lists

Source: https://github.com/googleworkspace/apps-script-samples/blob/main/templates/sheets-import/JavaScript.html

Fetches initial data for sidebar lists, including saved reports and column options. Uses `google.script.run` to call a server-side function.

```javascript
function refreshReportAndColumnLists() {
  google.script.run
    .withSuccessHandler(loadInitialSidebarLists)
    .withFailureHandler(reportError)
    .getInitialDataForSidebar();
}
```

--------------------------------

### Create Google Form using Apps Script

Source: https://github.com/googleworkspace/apps-script-samples/blob/main/forms-api/demos/AppsScriptFormsAPIWebApp/Main.html

Creates a new Google Form with a specified title. It uses `google.script.run` to call the server-side `create` function and handles success and failure callbacks. The response includes the new form's ID, which is then used to update the UI.

```javascript
function create() {
  const status = document.getElementById('status');
  status.innerHTML = "Creating new form...";
  const newFormTitle = document.getElementById('newFormTitle');
  google.script.run
    .withFailureHandler(function(error) {
      console.log('Error calling server function create: ' + error);
    })
    .withSuccessHandler(function(result) {
      console.log('Raw response in client from Forms API: ' + JSON .stringify(result));
      let resObj = JSON.parse(result);
      let newFormId = resObj["formId"];
      console.log('New Form Id is: ' + newFormId);
      document.getElementById('globalFormId').value = newFormId;
      resetFormId();
      status.innerHTML = '<pre>' + result + '</pre>';
    }).create(newFormTitle.value);
```