Fix long load times for async options in Google components (#2444)

* Fix long load times for async options in Google components

Replaces googleapis dependency with @googleapis/ submodules to reduce
startup times
- `@googleapis/drive`
- `@googleapis/sheets`
- `@googleapis/docs`
- `@googleapis/calendar`
- `@googleapis/youtube`

* Add package.json for Google Docs app

* Fix JSDocs in Youtube app and source

Changes import from 'googleapis' to '@googleapis/youtube' for @typedefs

* Bump versions of Google components

Bumps versions of components for apps:
- Google Drive
- Google Sheets
- Google Docs
- Google Calendar
- Youtube

Fix linter errors in Google Calendar components & Google Drive Create
New File From Template action

Author: js07

components/google_calendar/google_calendar.app.js

@@ -1,4 +1,4 @@
-const { google } = require("googleapis");
+const googleCalendar = require("@googleapis/calendar");
 
 module.exports = {
   type: "app",
@@ -127,9 +127,9 @@ module.exports = {
       };
     },
     calendar() {
-      const auth = new google.auth.OAuth2();
+      const auth = new googleCalendar.auth.OAuth2();
       auth.setCredentials(this._tokens());
-      const calendar = google.calendar({
+      const calendar = googleCalendar.calendar({
         version: "v3",
         auth,
       });

components/google_calendar/package-lock.json

@@ -11,7 +11,7 @@
     "author": "Pipedream <[email protected]> (https://pipedream.com/)",
     "license": "MIT",
     "dependencies": {
-        "googleapis": "^67.0.0",
+        "@googleapis/calendar": "^1.0.2",
         "lodash.get": "^4.4.2"
     },
     "gitHead": "e12480b94cc03bed4808ebc6b13e7fdb3a1ba535",

components/google_calendar/package.json

@@ -5,7 +5,8 @@ module.exports = {
   key: "google_calendar-event-cancelled",
   name: "Event Cancelled",
   description: "Emits when an event is cancelled or deleted",
-  version: "0.0.1",
+  version: "0.0.2",
+  type: "source",
   dedupe: "unique", // Dedupe events based on the Google Calendar event ID
   props: {
     googleCalendar,
@@ -16,7 +17,10 @@ module.exports = {
         const calendars = _.get(calListResp, "data.items");
         if (calendars) {
           const calendarIds = calendars.map((item) => {
-            return { value: item.id, label: item.summary };
+            return {
+              value: item.id,
+              label: item.summary,
+            };
           });
           return calendarIds;
         }
@@ -50,7 +54,10 @@ module.exports = {
       for (const event of events) {
         // only emit if status is cancelled
         if (event.status === "cancelled") {
-          const { summary, id } = event;
+          const {
+            summary,
+            id,
+          } = event;
           this.$emit(event, {
             summary,
             id,

components/google_calendar/sources/event-cancelled/event-cancelled.js

@@ -5,7 +5,8 @@ module.exports = {
   key: "google_calendar-event-ended",
   name: "Event Ended",
   description: "Emits when an event ends",
-  version: "0.0.1",
+  version: "0.0.2",
+  type: "source",
   dedupe: "unique", // Dedupe events based on the Google Calendar event ID
   props: {
     googleCalendar,
@@ -16,7 +17,10 @@ module.exports = {
         const calendars = _.get(calListResp, "data.items");
         if (calendars) {
           const calendarIds = calendars.map((item) => {
-            return { value: item.id, label: item.summary };
+            return {
+              value: item.id,
+              label: item.summary,
+            };
           });
           return calendarIds;
         }
@@ -53,7 +57,10 @@ module.exports = {
         const end = new Date(eventEnd);
         const msFromEnd = now.getTime() - end.getTime();
         if (eventEnd && msFromEnd > 0 && msFromEnd < intervalMs) {
-          const { summary, id } = event;
+          const {
+            summary,
+            id,
+          } = event;
           this.$emit(event, {
             summary,
             id,

components/google_calendar/sources/event-ended/event-ended.js

@@ -5,12 +5,16 @@ module.exports = {
   key: "google_calendar-new-event-search",
   name: "Event Search",
   description: "Emit when an event is created that matches a search",
-  version: "0.0.1",
+  version: "0.0.2",
+  type: "source",
   dedupe: "unique", // Dedupe events based on the Google Calendar event ID
   props: {
     googleCalendar,
     q: {
-      propDefinition: [googleCalendar, "q"],
+      propDefinition: [
+        googleCalendar,
+        "q",
+      ],
     },
     calendarId: {
       type: "string",
@@ -19,7 +23,10 @@ module.exports = {
         const calendars = _.get(calListResp, "data.items");
         if (calendars) {
           const calendarIds = calendars.map((item) => {
-            return { value: item.id, label: item.summary };
+            return {
+              value: item.id,
+              label: item.summary,
+            };
           });
           return calendarIds;
         }
@@ -55,7 +62,10 @@ module.exports = {
         const created = new Date(event.created);
         // created in last 5 mins and not cancelled
         if (created > past && event.status !== "cancelled") {
-          const { summary, id } = event;
+          const {
+            summary,
+            id,
+          } = event;
           this.$emit(event, {
             summary,
             id,

components/google_calendar/sources/event-search/new-event-search.js

@@ -5,7 +5,8 @@ module.exports = {
   key: "google_calendar-event-start",
   name: "Event Start",
   description: "Emits a specified time before an event starts",
-  version: "0.0.1",
+  version: "0.0.2",
+  type: "source",
   dedupe: "unique", // Dedupe events based on the Google Calendar event ID
   props: {
     googleCalendar,
@@ -16,7 +17,10 @@ module.exports = {
         const calendars = _.get(calListResp, "data.items");
         if (calendars) {
           const calendarIds = calendars.map((item) => {
-            return { value: item.id, label: item.summary };
+            return {
+              value: item.id,
+              label: item.summary,
+            };
           });
           return calendarIds;
         }
@@ -50,10 +54,13 @@ module.exports = {
     if (Array.isArray(events)) {
       for (const event of events) {
         const eventStart = _.get(event, "start.dateTime");
-        start = new Date(eventStart);
+        const start = new Date(eventStart);
         const msFromStart = start.getTime() - now.getTime();
         if (eventStart && msFromStart > 0 && msFromStart < intervalMs) {
-          const { summary, id } = event;
+          const {
+            summary,
+            id,
+          } = event;
           this.$emit(event, {
             summary,
             id,

components/google_calendar/sources/event-start/event-start.js

@@ -5,7 +5,8 @@ module.exports = {
   key: "google_calendar-new-calendar",
   name: "New Calendar",
   description: "Emit an event when a calendar is created.",
-  version: "0.0.1",
+  version: "0.0.2",
+  type: "source",
   props: {
     db: "$.service.db",
     googleCalendar,
@@ -28,7 +29,7 @@ module.exports = {
       this.db.set("calendarIds", []);
     },
   },
-  async run(event) {
+  async run() {
     const previousCalendarIds = this.db.get("calendarIds") || [];
 
     const calListResp = await this.googleCalendar.calendarList();
@@ -38,7 +39,10 @@ module.exports = {
     for (const calendar of calendars) {
       currentCalendarIds.push(calendar.id);
       if (!previousCalendarIds.includes(calendar.id)) {
-        const { summary, id } = calendar;
+        const {
+          summary,
+          id,
+        } = calendar;
         this.$emit(calendar, {
           summary,
           id,

components/google_calendar/sources/new-calendar/new-calendar.js

@@ -5,7 +5,8 @@ module.exports = {
   key: "google_calendar-new-event",
   name: "New Event",
   description: "Emits when an event is created",
-  version: "0.0.1",
+  version: "0.0.2",
+  type: "source",
   dedupe: "unique", // Dedupe events based on the Google Calendar event ID
   props: {
     googleCalendar,
@@ -16,7 +17,10 @@ module.exports = {
         const calendars = _.get(calListResp, "data.items");
         if (calendars) {
           const calendarIds = calendars.map((item) => {
-            return { value: item.id, label: item.summary };
+            return {
+              value: item.id,
+              label: item.summary,
+            };
           });
           return calendarIds;
         }
@@ -50,7 +54,10 @@ module.exports = {
       for (const event of events) {
         const created = new Date(event.created);
         if (created > past && event.status !== "cancelled") {
-          const { summary, id } = event;
+          const {
+            summary,
+            id,
+          } = event;
           this.$emit(event, {
             summary,
             id,

components/google_calendar/sources/new-event/new-event.js

@@ -5,7 +5,8 @@ module.exports = {
   key: "google_calendar-new-or-updated-event",
   name: "New or Updated Event",
   description: "Emits when an event is created or updated (except when it's cancelled)",
-  version: "0.0.1",
+  version: "0.0.2",
+  type: "source",
   dedupe: "unique", // Dedupe events based on the Google Calendar event ID
   props: {
     googleCalendar,
@@ -16,7 +17,10 @@ module.exports = {
         const calendars = _.get(calListResp, "data.items");
         if (calendars) {
           const calendarIds = calendars.map((item) => {
-            return { value: item.id, label: item.summary };
+            return {
+              value: item.id,
+              label: item.summary,
+            };
           });
           return calendarIds;
         }
@@ -49,7 +53,10 @@ module.exports = {
     if (Array.isArray(events)) {
       for (const event of events) {
         if (event.status !== "cancelled") {
-          const { summary, id } = event;
+          const {
+            summary,
+            id,
+          } = event;
           this.$emit(event, {
             summary,
             id,