[BUG] Fix packages with Import failure

Author: jcortes

components/google_tag_manager/package.json

@@ -2,6 +2,7 @@
   "name": "@pipedream/google_tag_manager",
   "version": "0.1.0",
   "description": "Pipedream Google Tag Manager Components",
+  "main": "google_tag_manager.app.mjs",
   "keywords": [
     "pipedream",
     "google_tag_manager"
@@ -12,6 +13,6 @@
     "access": "public"
   },
   "dependencies": {
-    "@pipedream/platform": "^1.5.1"
+    "@pipedream/platform": "^3.1.0"
   }
 }

components/netlify/netlify.app.mjs

@@ -4,7 +4,8 @@ import {
   createHash,
 } from "crypto";
 import jwt from "jwt-simple";
-import { NetlifyAPI } from "netlify";
+import pkg from "netlify";
+const { NetlifyAPI } = pkg;
 import parseLinkHeader from "parse-link-header";
 
 export default {

components/netlify/package.json

@@ -10,7 +10,7 @@
   "homepage": "https://pipedream.com/apps/netlify",
   "author": "Pipedream <support@pipedream.com> (https://pipedream.com/)",
   "dependencies": {
-    "@pipedream/platform": "^1.4.0",
+    "@pipedream/platform": "^3.1.0",
     "jwt-simple": "^0.5.6",
     "netlify": "^6.0.9",
     "parse-link-header": "^2.0.0"

components/pdfless/pdfless.app.mjs

@@ -1,7 +1,13 @@
-import {
-  PdfService,
-  TemplateService,
-} from "@pdfless/pdfless-js";
+// Using dynamic import to avoid ES module compatibility issues
+let PdfService, TemplateService;
+
+const initializeServices = async () => {
+  if (!PdfService || !TemplateService) {
+    const pdflessModule = await import("@pdfless/pdfless-js");
+    PdfService = pdflessModule.PdfService;
+    TemplateService = pdflessModule.TemplateService;
+  }
+};
 
 export default {
   type: "app",
@@ -24,17 +30,19 @@ export default {
   },
   methods: {
     async listTemplatesOpts(page) {
+      await initializeServices();
       const templateService = new TemplateService(this.$auth.api_key);
       const templates = await templateService.list(page);
       return templates.map((template) => ({
         label: template.name,
         value: template.id,
       }));
     },
-    generate({
+    async generate({
       templateId,
       payload,
     }) {
+      await initializeServices();
       const pdfService = new PdfService(this.$auth.api_key);
       const generatePDFCommand = {
         template_id: templateId,

components/playwright/package.json

@@ -13,6 +13,7 @@
     "access": "public"
   },
   "dependencies": {
+    "@pipedream/types": "^0.3.2",
     "@sparticuz/chromium": "121.0.0",
     "playwright-core": "1.41.2"
   }

components/playwright/playwright.app.mjs

@@ -3,8 +3,8 @@ import { defineApp } from "@pipedream/types";
 // can be found here: https://www.browserstack.com/docs/automate/playwright/browsers-and-os
 // The reason why playwright is locked to an old version is because
 // the latest Puppeeter Chromium version that works in a code step is chromium@112
-import { chromium as playwright } from "playwright-core@1.41.2";
-import chromium from "@sparticuz/chromium@121.0.0";
+import { chromium as playwright } from "playwright-core";
+import chromium from "@sparticuz/chromium";
 
 export default defineApp({
   type: "app",

components/puppeteer/package.json

@@ -13,7 +13,7 @@
     "access": "public"
   },
   "dependencies": {
-    "@pipedream/platform": "^1.5.1",
+    "@pipedream/platform": "^3.1.0",
     "@sparticuz/chromium": "121.0.0",
     "puppeteer-core": "21.11.0"
   }

components/puppeteer/puppeteer.app.mjs

@@ -1,8 +1,8 @@
 // Table for Chromium <> Puppeteer version support here: https://pptr.dev/chromium-support
 // @note: this is locked to an old chromium version
 //  because there's an unfulfilled promise bug in later version of puppeteer-core
-import puppeteer from "puppeteer-core@21.11.0";
-import chromium from "@sparticuz/chromium@121.0.0";
+import puppeteer from "puppeteer-core";
+import chromium from "@sparticuz/chromium";
 
 export default {
   type: "app",

components/shortcut/actions/create-story/create-story.js renamed to components/shortcut/actions/create-story/create-story.mjs

@@ -1,14 +1,14 @@
-const shortcut = require("../../shortcut.app");
-const get = require("lodash/get");
-const validate = require("validate.js");
-const utils = require("../../utils");
-const constants = require("../../constants");
+import shortcut from "../../shortcut.app.mjs";
+import lodash from "lodash";
+import validate from "validate.js";
+import utils from "../../common/utils.mjs";
+import constants from "../../common/constants.mjs";
 
-module.exports = {
+export default {
   key: "shortcut-create-story",
   name: "Create Story",
   description: "Creates a new story in your Shortcut account. See [Create Story](https://shortcut.com/api/rest/v3#Create-Story) in Shortcut Rest API, V3 reference for endpoint documentation.",
-  version: "0.0.1",
+  version: "1.0.0",
   type: "action",
   props: {
     shortcut,
@@ -58,7 +58,7 @@ module.exports = {
       async options() {
         let options = [];
         const epics = await this.shortcut.callWithRetry("listEpics");
-        const isEpicDataAvailable = get(epics, [
+        const isEpicDataAvailable = lodash.get(epics, [
           "data",
           "length",
         ]);
@@ -100,7 +100,7 @@ module.exports = {
       async options() {
         let options = [];
         const files = await this.shortcut.callWithRetry("listFiles");
-        const isFileDataAvailable = get(files, [
+        const isFileDataAvailable = lodash.get(files, [
           "data",
           "length",
         ]);
@@ -131,7 +131,7 @@ module.exports = {
       async options() {
         let options = [];
         const iterations = await this.shortcut.callWithRetry("listIterations");
-        const isIterationDataAvailable = get(iterations, [
+        const isIterationDataAvailable = lodash.get(iterations, [
           "data",
           "length",
         ]);
@@ -161,7 +161,7 @@ module.exports = {
       async options() {
         let options = [];
         const linkedFiles = await this.shortcut.callWithRetry("listLinkedFiles");
-        const isLinkedFilesDataAvailable = get(linkedFiles, [
+        const isLinkedFilesDataAvailable = lodash.get(linkedFiles, [
           "data",
           "length",
         ]);
@@ -197,7 +197,7 @@ module.exports = {
       async options() {
         let options = [];
         const projects = await this.shortcut.callWithRetry("listProjects");
-        const isProjectDataAvailable = get(projects, [
+        const isProjectDataAvailable = lodash.get(projects, [
           "data",
           "length",
         ]);
@@ -261,15 +261,15 @@ module.exports = {
       async options() {
         let options = [];
         const workflows = await this.shortcut.callWithRetry("listWorkflows");
-        const isWorkflowDataAvailable = get(workflows, [
+        const isWorkflowDataAvailable = lodash.get(workflows, [
           "data",
           "length",
         ]);
         if (!isWorkflowDataAvailable) {
           return options;
         }
         return workflows.data.reduce(function (options, workflow) {
-          const hasState = get(workflow, [
+          const hasState = lodash.get(workflow, [
             "states",
             "length",
           ]);

components/shortcut/actions/search-stories/search-stories.js renamed to components/shortcut/actions/search-stories/search-stories.mjs

@@ -1,10 +1,10 @@
-const shortcut = require("../../shortcut.app");
+import shortcut from "../../shortcut.app.mjs";
 
-module.exports = {
+export default {
   key: "shortcut-search-stories",
   name: "Search Stories",
   description: "Searches for stories in your Shortcut account.",
-  version: "0.0.1",
+  version: "1.0.0",
   type: "action",
   props: {
     shortcut,