Oaphi

/**
 * Promise-friendly google.script.run call
 * @param {String} funcName
 * @param {...*} params
 * @returns {Promise}
 */
const asyncGAPI = (funcName, ...params) => {
    return new Promise((res, rej) => {
        google.script.run
            .withSuccessHandler(data => res(data))

Oaphi

Preliminary

1. Does the Web App have a saved deployment? ("Publish" -> "Deploy as Web App")
2. Are you accessing the /dev endpoint (https://script.google.com/.../yourIdHere/dev)?
3. If you are accessing the /exec endpoint (https://script.google.com/.../yourIdHere/exec), did you redeploy?
4. If you redeployed, did you increment the script version?
5. If you have a client-side problem, what does the console say (pres F12 to open developer tools)?
6. If you have a server-side problem, what do executions say (https://script.google.com/home/projects/yourIdHere/executions

Web App Access

Oaphi

var PropertyLock = (() => {

    let locked = false;
    let timeout = 0;

    const store = PropertiesService.getScriptProperties();

    const propertyName = "locked";
    const triggerName = "PropertyLock.releaseLock";

Oaphi

const withInterval = async ({
    timeouts = [],
    delay = 0,
    interval = 4,
    callback,
    times = 1,
    stopIf = () => false
}) => {
    if (!times) {
        return;

Oaphi

/**
 * @summary converts unicode literal \u{<code point>} into hex byte sequence \x<byte>...
 */
const fromUnicodeToHexBytes = (unicode: string) => {
  //make bytes unsigned -128 +127 -> +256 or & 0xff -> 0 256
  return Utilities.newBlob(unicode)
    .getBytes()
    .map((bt) => `\\x${(bt & 0xff).toString(16)}`)
    .join("");
};

Oaphi

const getFolderByName = (name: string, create = false) => {
  const iter = DriveApp.getFoldersByName(name);
  return iter.hasNext()
    ? iter.next()
    : create
    ? DriveApp.createFolder(name)
    : null;
};

Oaphi

    /**
     * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/TextMetrics}
     * @summary measure text width
     * @param {CanvasRenderingContext2D} ctx drawing context
     * @returns {number}
     */
    const measureWidth = (ctx, text) => {

        const measurement = ctx.measureText(text);
        

Oaphi

Quick install for HTML-based projects:

npm install --save-dev 
  webpack \
  clean-webpack-plugin \
  css-minimizer-webpack-plugin \
  html-webpack-plugin \
  html-loader

Oaphi

import { BaseEncodingOptions } from "fs";
import { appendFile, mkdir } from "fs/promises";
import { parse, sep } from "path";

const recursiveAppend = async (
  path: string,
  encoding: BaseEncodingOptions["encoding"] = "utf-8"
) => {
  const parts = path.split(sep);

Oaphi

  /**
   * @summary extracts values from select
   * @param {HTMLSelectElement} sel
   * @return {string[]}
   */
  const getSelectVals = ({ options }) =>
    Array.from(options).map(({ value }) => value);
  
  /**
   * @summary checks if select has a value