CL-1543 | Patch the dynamic import code after tsc compile

Author: dhruvparekh12

package.json

@@ -92,7 +92,8 @@
     "version": "oclif readme && git add README.md",
     "build": "npm run clean && npm run compile",
     "clean": "rm -rf ./dist tsconfig.build.tsbuildinfo",
-    "compile": "tsc -b tsconfig.json",
+    "compile": "tsc -b tsconfig.json && npm run patch-load-data-url",
+    "patch-load-data-url": "node scripts/patch-load-data-url-file.js",
     "prepack": "npm run build && oclif manifest && oclif readme",
     "test:unit": "mocha --forbid-only \"test/unit/**/*.test.ts\"",
     "test:unit:report": "nyc --extension .ts mocha --forbid-only \"test/unit/**/*.test.ts\""

scripts/patch-load-data-url-file.js

@@ -0,0 +1,17 @@
+const fs = require('fs');
+const path = require('path');
+
+function replaceFileContent(filePath, newContent) {
+  fs.writeFile(filePath, newContent, 'utf8', (err) => {
+    if (err) {
+      console.error(`Error writing to file: ${err.message}`);
+    } else {
+      console.log(`${filePath} : File content patched successfully!`);
+    }
+  });
+}
+
+const loadDataURLFunctionFilePath = path.join(process.cwd(), 'dist/util/cloud-function/load-data-url.js');
+const loadDataURLFunctionCode = `export function loadDataURL(dataURL) { return import(dataURL); }`;
+
+replaceFileContent(loadDataURLFunctionFilePath, loadDataURLFunctionCode);

src/util/cloud-function/cloud-functions.ts

@@ -4,7 +4,7 @@ import express, {
   Response,
 } from 'express';
 import { Express } from 'express-serve-static-core';
-import path, { normalize } from "path";
+import path from "path";
 
 import { CloudFunctionsValidator } from "./cloud-functions-validator";
 import {
@@ -20,6 +20,7 @@ import rollup from "rollup";
 import { nodeResolve } from "@rollup/plugin-node-resolve";
 import commonjs from "@rollup/plugin-commonjs";
 import json from "@rollup/plugin-json";
+import { loadDataURL } from './load-data-url';
 
 export class CloudFunctions {
   private cloudFunctionsDirectoryPath: string;
@@ -189,7 +190,7 @@ export class CloudFunctions {
   private async buildHandlerForFilepath(cloudFunctionFilePath: string) {
     const bundle = await rollup.rollup({
       input: cloudFunctionFilePath,
-      plugins: [nodeResolve({ preferBuiltins: false }), commonjs(), json()],
+      plugins: [nodeResolve({ preferBuiltins: true }), commonjs(), json()],
     });
 
     const { output } = await bundle.generate({
@@ -202,7 +203,7 @@ export class CloudFunctions {
     const builtCodeInDataURLFormat =
       "data:text/javascript;base64," + Buffer.from(builtCode).toString("base64");
 
-    const module = await import(builtCodeInDataURLFormat);
+    const module = await loadDataURL(builtCodeInDataURLFormat);
 
     let handler = null;
     const isDefaultExportESModuleFunction = typeof module.default === 'function';

src/util/cloud-function/load-data-url.ts

@@ -0,0 +1,3 @@
+export function loadDataURL(dataURL: string) {
+    return import(dataURL);
+}