@builder.io/react 2.0.8-3 → 2.0.8-4

package/dist/lib/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@builder.io/react",
-    "version": "2.0.8-2",
+    "version": "2.0.8-3",
     "description": "",
     "keywords": [],
     "main": "dist/builder-react.cjs.js",

package/dist/lib/src/functions/safe-dynamic-require.js

@@ -1,13 +1,29 @@
 'use strict';
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.safeDynamicRequire = void 0;
+var sdk_1 = require("@builder.io/sdk");
 var noop = function () { return null; };
+// Allow us to require things dynamically safe from webpack bundling
+var localSafeDynamicRequire;
 /*
  * The if condition below used to be if (typeof globalThis.require === "function"
  * That broke in case Builder was running on the server (Next, SSR use-cases) where
  * globalThis.require was undefined. Avoiding use of Builder.isServer for Cloudflare worker cases
+ * That said, if we have change it to
+ *
+ * if (typeof require === 'function') {
+ *   localSafeDynamicRequire = eval('require');
+ * }
+ *
+ * Then the TSC compiler over-optimizes and replaces the if condition with true always
+ * causing it to blow up on the client side. Hence this convoluted way of doing it.
  */
-if (typeof require === 'function')
-    exports.safeDynamicRequire = eval('require');
-exports.safeDynamicRequire !== null && exports.safeDynamicRequire !== void 0 ? exports.safeDynamicRequire : (exports.safeDynamicRequire = noop);
+if (typeof globalThis.require === 'function') {
+    localSafeDynamicRequire = eval('globalThis.require');
+}
+if (localSafeDynamicRequire === undefined && sdk_1.Builder.isServer) {
+    localSafeDynamicRequire = eval('require');
+}
+localSafeDynamicRequire !== null && localSafeDynamicRequire !== void 0 ? localSafeDynamicRequire : (localSafeDynamicRequire = noop);
+exports.safeDynamicRequire = localSafeDynamicRequire;
 //# sourceMappingURL=safe-dynamic-require.js.map

package/dist/lib/src/functions/safe-dynamic-require.js.map

@@ -1 +1 @@
-{"version":3,"file":"safe-dynamic-require.js","sourceRoot":"","sources":["../../../../src/functions/safe-dynamic-require.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;AAIb,IAAM,IAAI,GAAG,cAAM,OAAA,IAAI,EAAJ,CAAI,CAAC;AAKxB;;;;GAIG;AACH,IAAI,OAAO,OAAO,KAAK,UAAU;IAAE,0BAAkB,GAAG,IAAI,CAAC,SAAS,CAAC,CAAC;AACxE,0BAAkB,aAAlB,0BAAkB,cAAlB,0BAAkB,IAAlB,0BAAkB,GAAK,IAAW,EAAC"}
+{"version":3,"file":"safe-dynamic-require.js","sourceRoot":"","sources":["../../../../src/functions/safe-dynamic-require.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;AAEb,uCAA0C;AAE1C,IAAM,IAAI,GAAG,cAAM,OAAA,IAAI,EAAJ,CAAI,CAAC;AACxB,oEAAoE;AAEpE,IAAI,uBAAmD,CAAC;AAExD;;;;;;;;;;;;GAYG;AACH,IAAI,OAAO,UAAU,CAAC,OAAO,KAAK,UAAU,EAAE;IAC5C,uBAAuB,GAAG,IAAI,CAAC,oBAAoB,CAAC,CAAC;CACtD;AAED,IAAI,uBAAuB,KAAK,SAAS,IAAI,aAAO,CAAC,QAAQ,EAAE;IAC7D,uBAAuB,GAAG,IAAI,CAAC,SAAS,CAAC,CAAC;CAC3C;AAED,uBAAuB,aAAvB,uBAAuB,cAAvB,uBAAuB,IAAvB,uBAAuB,GAAK,IAAW,EAAC;AAE7B,QAAA,kBAAkB,GAAoB,uBAAyB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@builder.io/react",
-  "version": "2.0.8-3",
+  "version": "2.0.8-4",
   "description": "",
   "keywords": [],
   "main": "dist/builder-react.cjs.js",

package/src/functions/safe-dynamic-require.ts

@@ -5,12 +5,30 @@ import { Builder } from '@builder.io/sdk';
 const noop = () => null;
 // Allow us to require things dynamically safe from webpack bundling
 
-export let safeDynamicRequire: typeof require;
+let localSafeDynamicRequire: typeof require | undefined;
 
 /*
  * The if condition below used to be if (typeof globalThis.require === "function"
  * That broke in case Builder was running on the server (Next, SSR use-cases) where
  * globalThis.require was undefined. Avoiding use of Builder.isServer for Cloudflare worker cases
+ * That said, if we have change it to 
+ * 
+ * if (typeof require === 'function') {
+ *   localSafeDynamicRequire = eval('require');
+ * }
+ * 
+ * Then the TSC compiler over-optimizes and replaces the if condition with true always
+ * causing it to blow up on the client side. Hence this convoluted way of doing it.
  */
-if (typeof require === 'function') safeDynamicRequire = eval('require');
-safeDynamicRequire ??= noop as any;
+if (typeof globalThis.require === 'function') {
+  localSafeDynamicRequire = eval('globalThis.require');
+}
+
+if (localSafeDynamicRequire === undefined && Builder.isServer) {
+  localSafeDynamicRequire = eval('require');
+}
+
+localSafeDynamicRequire ??= noop as any;
+
+export let safeDynamicRequire : typeof require = localSafeDynamicRequire!!;
+