Support larger rendering input

src/managers/message-component-manager.js

@@ -28,10 +28,11 @@ export async function preloadRenderer() {
   embedMessage({messageId: ""}, preloadFrameId);
 }
 
-export function loadEmbedComponent(elementId, url, message) {
+export function loadEmbedComponent(elementId, url, message, options) {
   var element = safelyFetchElement(elementId);
   if (element) {
-    element.classList.add(getMessageElementId(message.instanceId));
+    var messageElementId = getMessageElementId(message.instanceId);
+    element.classList.add(messageElementId);
     var messageProperties = resolveMessageProperties(message);
     var messageWidth = messageProperties.messageWidth + "px";
     if (wideOverlayPositions.includes(elementId) && !messageProperties.hasCustomWidth) {
@@ -45,6 +46,7 @@ export function loadEmbedComponent(elementId, url, message) {
       element.style.height = "0px";
     }
     element.innerHTML = embed(url, message, messageProperties);
+    attachIframeLoadEvent(messageElementId, options);
   } else {
     log(`Message could not be embedded, elementId ${elementId} not found.`);
   }
@@ -94,8 +96,25 @@ export function resizeComponent(message, size) {
   }
 }
 
-export function loadOverlayComponent(url, message) {
+export function loadOverlayComponent(url, message, options) {
   document.body.insertAdjacentHTML('afterbegin', component(url, message));
+  attachIframeLoadEvent(getMessageElementId(message.instanceId), options);
+}
+
+function attachIframeLoadEvent(elementId, options) {
+  const iframe = document.getElementById(elementId);
+  if (iframe) {
+      iframe.onload = function() {
+          sendOptionsToIframe(elementId, options); // Send the options when iframe loads
+      };
+  }
+}
+
+function sendOptionsToIframe(iframeId, options) {
+  const iframe = document.getElementById(iframeId);
+  if (iframe && iframe.contentWindow) {
+      iframe.contentWindow.postMessage({ options: options }, '*');
+  }
 }
 
 export function showOverlayComponent(message) {

src/managers/message-manager.js

@@ -126,28 +126,20 @@ function loadMessageComponent(message, elementId = null) {
     livePreview: false,
     properties: message.properties
   }
-  var url = `${settings.GIST_VIEW_ENDPOINT[Gist.config.env]}/index.html?options=${encodeUnicode(JSON.stringify(options))}`
+  var url = `${settings.GIST_VIEW_ENDPOINT[Gist.config.env]}/index.html`
   window.addEventListener('message', handleGistEvents);
   window.addEventListener('touchstart', handleTouchStartEvents);
 
   if (elementId) {
     if (positions.includes(elementId)) { addPageElement(elementId); }
-    loadEmbedComponent(elementId, url, message);
+    loadEmbedComponent(elementId, url, message, options);
   } else {
-    loadOverlayComponent(url, message);
+    loadOverlayComponent(url, message, options);
   }
 
   return message;
 }
 
-function encodeUnicode(str) {
-  var base64Unicode = btoa(encodeURIComponent(str).replace(/%([0-9A-F]{2})/g,
-      function toSolidBytes(match, p1) {
-          return String.fromCharCode('0x' + p1);
-  }));
-
-  return encodeURIComponent(base64Unicode);
-}
 
 async function reportMessageView(message) {
   log(`Message shown, logging view for: ${message.messageId}`);

src/services/settings.js

@@ -11,7 +11,7 @@ export const settings = {
   },
   GIST_VIEW_ENDPOINT: {
     "prod": "https://renderer.gist.build/2.0",
-    "dev": "https://renderer.gist.build/2.0",
+    "dev": "https://renderer.gist.build/beta",
     "local": "http://app.local.gist.build:8080/web"
   }
 }