CustomJS: Add Run Puppoteer and HTML to PNG actions

Author: hamadawan

.wordlist.txt

@@ -153,6 +153,7 @@ CSVs
 Ctrl
 Cuep
 customizable
+CustomJS
 customResponse
 cvIZPg
 DaData
@@ -687,6 +688,7 @@ PropType
 proto
 PRs
 Psw
+Puppoteer
 Pushbullet
 Pushsafer
 Pushshift

components/customjs/actions/convert-html-to-png/convert-html-to-png.mjs

@@ -0,0 +1,44 @@
+import customjs from "../../customjs.app.mjs";
+import fs from "fs";
+import { normalizeFilepath } from "../common/utils.mjs";
+
+export default {
+  key: "customjs-convert-html-to-png",
+  name: "Convert HTML to PNG",
+  description: "Converts an HTML string to a PNG image. [See the documentation](https://www.customjs.space/api/docs#_4-html-to-png)",
+  version: "0.0.1",
+  type: "action",
+  props: {
+    customjs,
+    html: {
+      type: "string",
+      label: "HTML",
+      description: "The HTML string to be converted to a PNG",
+    },
+    filename: {
+      propDefinition: [
+        customjs,
+        "filename",
+      ],
+    },
+  },
+  async run({ $ }) {
+    const fileContent = await this.customjs.convertHtmlToPng({
+      $,
+      data: {
+        input: this.html,
+        code: "const { HTML2PNG } = require('./utils'); return HTML2PNG(input);",
+        returnBinary: "true",
+      },
+    });
+
+    const filepath = normalizeFilepath(this.filename);
+    fs.writeFileSync(filepath, Buffer.from(fileContent));
+
+    $.export("$summary", "Successfully converted HTML to PNG");
+    return {
+      filename: this.filename,
+      filepath,
+    };
+  },
+};

components/customjs/actions/run-puppoteer/run-puppoteer.mjs

@@ -0,0 +1,44 @@
+import customjs from "../../customjs.app.mjs";
+import fs from "fs";
+import { normalizeFilepath } from "../common/utils.mjs";
+
+export default {
+  key: "customjs-run-puppoteer",
+  name: "Run Puppoteer",
+  description: "run-puppoteer. [See the documentation](https://www.customjs.space/api/docs#_5-run-puppoteer)",
+  version: "0.0.1",
+  type: "action",
+  props: {
+    customjs,
+    code: {
+      type: "string",
+      label: "Code",
+      description: "Enter code you want to run on puppeteer.",
+    },
+    filename: {
+      propDefinition: [
+        customjs,
+        "filename",
+      ],
+    },
+  },
+  async run({ $ }) {
+    const fileContent = await this.customjs.runPuppoteer({
+      $,
+      data: {
+        input: this.code,
+        code: "const { PUPPETEER } = require('./utils'); return PUPPETEER(input);",
+        returnBinary: "true",
+      },
+    });
+
+    const filepath = normalizeFilepath(this.filename);
+    fs.writeFileSync(filepath, Buffer.from(fileContent));
+
+    $.export("$summary", "Successfully run the puppoteer code.");
+    return {
+      filename: this.filename,
+      filepath,
+    };
+  },
+};

components/customjs/customjs.app.mjs

@@ -31,23 +31,39 @@ export default {
     convertHtmlToPdf(opts = {}) {
       return this._makeRequest({
         headers: {
-          "customjs-origin": "zapier/generatePDF",
+          "customjs-origin": "pipedream/generatePDF",
+        },
+        ...opts,
+      });
+    },
+    convertHtmlToPng(opts = {}) {
+      return this._makeRequest({
+        headers: {
+          "customjs-origin": "pipedream/generatePNG",
         },
         ...opts,
       });
     },
     createScreenshot(opts = {}) {
       return this._makeRequest({
         headers: {
-          "customjs-origin": "zapier/screenshot",
+          "customjs-origin": "pipedream/screenshot",
         },
         ...opts,
       });
     },
     mergePdfs(opts = {}) {
       return this._makeRequest({
         headers: {
-          "customjs-origin": "zapier/mergePDFs",
+          "customjs-origin": "pipedream/mergePDFs",
+        },
+        ...opts,
+      });
+    },
+    runPuppoteer(opts = {}) {
+      return this._makeRequest({
+        headers: {
+          "customjs-origin": "pipedream/puppeteer",
         },
         ...opts,
       });