feat: re-integrate webdev week 1

App-Dev-League · Jul 22, 2023 · 417de8c · 417de8c · vercel · Jul 22, 2023
1 parent dfe1af9
commit 417de8c
Show file tree

Hide file tree

Showing 7 changed files with 26 additions and 116 deletions.
diff --git a/src/components/PreviewStandalone.js b/src/components/PreviewStandalone.js
@@ -53,8 +53,11 @@ class CodeEditor extends ModuleComponent {
 						<div class="vertical-divider"></div>
 						${this.state.codePreview}
                         <style>
-                                        
+
                             ${this.isLive ? `
+                            .tab-panel-hidden-mobile {
+                                display: block !important;
+                            }
                             #code-frame {
                                 position: fixed;
                                 top: 0;

diff --git a/src/config.js b/src/config.js
@@ -218,7 +218,7 @@
 			if (isDemo) data.previewIndex = 0;
 			modulePage.setComponent(new Preview({}, modulePage, true), data);
 		}
-		request.data.base64EncodedCode = window.atob(request.data.base64EncodedCode)
+		request.data.base64EncodedCode = window.atob(decodeURIComponent(request.data.base64EncodedCode))
 
 		showPage({
 			type: "project",

diff --git a/src/data/modules/mdd-assets/61c6d0a95e4486b5d8869593b20db9b1f5d8c88b.png b/src/data/modules/mdd-assets/61c6d0a95e4486b5d8869593b20db9b1f5d8c88b.png
diff --git a/src/data/modules/mdd-assets/6a1e021d85de17dbdbf81e43235b80998adf1482.png b/src/data/modules/mdd-assets/6a1e021d85de17dbdbf81e43235b80998adf1482.png
diff --git a/src/data/modules/mdd-assets/6b9b7a96af198be8b00b8df806bcc3a3fe9751a6.png b/src/data/modules/mdd-assets/6b9b7a96af198be8b00b8df806bcc3a3fe9751a6.png
diff --git a/src/data/modules/webdev/0.json b/src/data/modules/webdev/0.json
diff --git a/src/utils/renderMdd.js b/src/utils/renderMdd.js
@@ -31,7 +31,7 @@ module.exports = function renderMdd(mddString) {
         let language = e.slice(3, e.indexOf("\n"))
         let content = e.slice(e.indexOf("\n"), -3).trim()
         let name = language.split("-")[1]?.trim() || "";
-        if (name === "LIVE") return `<div class="image-wrapper info-text"><iframe src="#/live-demo/${language.split("-")[0]}/${window.btoa(content)}" style="width: 100%; height: 250px; border-radius: 10px; display: block; margin-left: auto; margin-right: auto;" onload="resizeIframe(this)"></iframe></div>`
+        if (name === "LIVE") return `<div class="image-wrapper info-text"><iframe src="#/live-demo/${language.split("-")[0]}/${encodeURIComponent(window.btoa(content))}" style="width: 100%; height: 250px; border-radius: 10px; display: block; margin-left: auto; margin-right: auto;" onload="resizeIframe(this)"></iframe></div>`
 
         let component = new codeBlock({ code: codeBlockHelper.escapeHtml(content), language: language.split("-")[0], name: name })
         return `<div class="codeblock-wrapper">