JavaScript in Plain English

New JavaScript and Web Development content every day. Follow to join our 3.5M+ monthly readers.

Follow publication

Member-only story

Master Google Apps Script UIs — Part 1: Bundling with Vite 🚀

Last week, we talked about the best way to build front-ends for Google Apps Script. Today, let’s roll up our sleeves and dive in! 😎

Let’s Start Building 🛠️

As I mentioned in my previous post, we’re going to create a super cool sidebar in Google Sheets that’ll help us select emojis with ease. 😎 Google Docs already has this functionality natively: simply head over to the “Insert” menu, select “Emoji,” and voilà! You’ll see a neat dialogue window with all emojis organized by category, as well as a handy search function:

However, we want more, so, we’ll be building our own version. 😏 Unlike Docs, we’ll have a full sidebar to work with, and clicking on an emoji won’t automatically insert it. Instead, it’ll copy it into our buffer, so we can paste it wherever we need it. 🎉

Create an account to read the full story.

The author made this story available to Medium members only.
If you’re new to Medium, create a new account to read this story on us.

Or, continue in mobile web

Already have an account? Sign in

Published in JavaScript in Plain English

New JavaScript and Web Development content every day. Follow to join our 3.5M+ monthly readers.

Responses (4)

Write a response

This post is absolutely amazing. I'm hooked for the series. I followed along and the build instructions were flawless. I have a few take it or leave it suggestions:
After running npm create vite @latest ., a subdirectory was created named @latest. I…

--

Dmitry, always ahead of his time. Nice post, thank you Dmitry!

--

I’ve been working in GAS for just under a year and building with clasp and typescript but using the include() function you demonstrated earlier.

I had no idea this was possible I’ve been limiting myself. This is a game changer for me!! Thank you…

--