npm run import -- "study-demo.js"

function createStudyPack(email) {
    jupyter_ops.studysauce.copyStudy({email: email});
    return false;
}

function createCards(cards) {
    jupyter_ops.studysauce.renderCards({cards: cards})
        .then(r => document
              .getElementsByTagName('iframe')[0]
              .setAttribute('src', r))
    return false;
}

What the code could have been:

/**
 * Creates a study pack with the given email.
 * 
 * @param {string} email - The email to create the study pack for.
 * @returns {Promise} A promise resolving to a boolean indicating whether the operation was successful.
 */
async function createStudyPack(email) {
    try {
        // Call the Jupyter OPS function to create the study pack
        await jupyter_ops.studysauce.copyStudy({ email });
        // Log success to the console
        globalThis.console.log(`Study pack created for email: ${email}`);
        // Return true to indicate success
        return true;
    } catch (error) {
        // Log any errors to the console
        globalThis.console.error(`Error creating study pack for email: ${email}`, error);
        // Return false to indicate failure
        return false;
    }
}

/**
 * Creates a cards component with the given cards.
 * 
 * @param {Array} cards - The cards to create the component with.
 * @returns {Promise} A promise resolving when the operation is complete.
 */
async function createCards(cards) {
    try {
        // Check if the cards array is valid
        if (!Array.isArray(cards)) {
            throw new Error('Invalid cards array');
        }

        // Call the Jupyter OPS function to render the cards
        const response = await jupyter_ops.studysauce.renderCards({ cards });
        // Update the iframe source with the response
        globalThis.document.getElementsByTagName('iframe')[0].setAttribute('src', response);
    } catch (error) {
        // Log any errors to the console
        globalThis.console.error('Error creating cards component:', error);
    }
}