Performs a basic Excel API call using TypeScript. - Shared with Script Lab

Basic API call (TypeScript).yaml

name: Basic API call (TypeScript)
description: Performs a basic Excel API call using TypeScript.
author: vschmidt
host: EXCEL
api_set: {}
script:
    content: |
        $("#run").click(() => tryCatch(run));

        async function run() {
            await Excel.run(async (context) => {
                const range = context.workbook.getSelectedRange();
                range.format.fill.color = rgb(255,0,0);
                range.load("address");

                await context.sync()

                console.log(`The range address was "${range.address}".`);
            });
        }

        /** Default helper for invoking an action and handling errors. */
        async function tryCatch(callback) {
            try {
                await callback();
            }
            catch (error) {
                OfficeHelpers.UI.notify(error);
                OfficeHelpers.Utilities.log(error);
            }
        }
    language: typescript
template:
    content: |-
        <section class="ms-font-m">
            <p class="ms-font-m">This sample demonstrates basic Excel API calls.</p>
        </section>

        <section class="samples ms-font-m">
            <h3>Try it out</h3>
            <p class="ms-font-m">Select some cells in the worksheet, then press <b>Highlight selected range</b>.</p>
            <button id="run" class="ms-Button">
                <span class="ms-Button-label">Highlight selected range</span>
            </button>
        </section>
    language: html
style:
    content: |-
        section.samples {
            margin-top: 20px;
        }

        section.samples .ms-Button, section.setup .ms-Button {
            display: block;
            margin-bottom: 5px;
            margin-left: 20px;
            min-width: 80px;
        }
    language: css
libraries: |
    https://appsforoffice.microsoft.com/lib/1/hosted/office.js
    @types/office-js

    [email protected]/dist/css/fabric.min.css
    [email protected]/dist/css/fabric.components.min.css

    [email protected]/client/core.min.js
    @types/core-js

    @microsoft/[email protected]/dist/office.helpers.min.js
    @microsoft/[email protected]/dist/office.helpers.d.ts

    [email protected]
    @types/[email protected]