feat: added venobox for preview

chaibuilder · Oct 30, 2024 · a7f18ff · a7f18ff
1 parent caaccfc
commit a7f18ff
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 5 deletions.
diff --git a/src/Editor.tsx b/src/Editor.tsx
@@ -35,11 +35,11 @@ function ChaiBuilderDefault() {
   ]);
   return (
     <ChaiBuilderEditor
-      fallbackLang="fr"
-      languages={["en"]}
+      // fallbackLang="fr"
+      // languages={["en"]}
       unsplashAccessKey={"import.meta.env.VITE_UNSPLASH_ACCESS_KEY"}
-      showDebugLogs={true}
-      autoSaveSupport={false}
+      autoSaveSupport={true}
+      autoSaveInterval={5}
       previewComponent={PreviewWeb}
       blocks={blocks}
       brandingOptions={brandingOptions}
@@ -48,7 +48,7 @@ function ChaiBuilderDefault() {
         localStorage.setItem("chai-builder-blocks", JSON.stringify(blocks));
         localStorage.setItem("chai-builder-providers", JSON.stringify(providers));
         localStorage.setItem("chai-builder-branding-options", JSON.stringify(brandingOptions));
-        await new Promise((resolve) => setTimeout(resolve, 2000));
+        await new Promise((resolve) => setTimeout(resolve, 100));
         return true;
       }}
       saveAiContextCallback={async (aiContext: string) => {

diff --git a/src/__dev/preview/WebPreview.tsx b/src/__dev/preview/WebPreview.tsx
@@ -83,15 +83,20 @@ export const IframeInitialContent = (fonts: string, html: string): string => `<!
     </style>   
     <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
     <script src="https://cdn.tailwindcss.com?plugins=forms,typography,aspect-ratio"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/venobox.min.css">
   </head>
   <body class="font-body antialiased h-full">
     <div class="frame-root h-full">
     ${html}
     </div>  
     <script src="//unpkg.com/alpinejs" defer></script>
     <script src="https://unpkg.com/aos@next/dist/aos.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/venobox.min.js"></script>
     <script>
       AOS.init();
+      new VenoBox({
+        selector: '.cb-lightbox',
+      });
       function addClickEventToLinks() {
         document.querySelectorAll('a').forEach(link => {
           link.addEventListener('click', function(event) {