Upload 2 files

editor.html

@@ -23,6 +23,19 @@
                 return originalSaveAjax.call(this, data, saveUrl, callback, error);
             };
         }
+        
+        // Check if we need authentication for the editor
+        fetch('save.php?action=checkAuth', {
+            method: 'GET',
+            credentials: 'include'
+        }).then(response => {
+            if (response.status === 401) {
+                // Redirect to config page which will handle authentication
+                window.location.href = 'config.php';
+            }
+        }).catch(err => {
+            console.log('Auth check failed, continuing anyway');
+        });
     });
     </script>
   </head>
@@ -418,7 +431,7 @@
 																	<option value="active">active</option>
 																	<option value="nth-of-type(2n)">nth-of-type(2n)</option>
 																  </select>
-																</div>
+															  </div>
 															  </div>
 														 </div>
 														
@@ -1823,458 +1836,58 @@ Unzip the latest ckeditor release zip from https://github.com/ckeditor/ckeditor4
 <script src="libs/autocomplete/jquery.autocomplete.js"></script>	
 -->
 <script>
-let renameUrl = 'save.php?action=rename';
-let deleteUrl = 'save.php?action=delete';	
-let saveReusableUrl = 'save.php?action=saveReusable';	
-let oEmbedProxyUrl = 'save.php?action=oembedProxy';
-let chatgptOptions = {"key":"","model":"gpt-3.5-turbo-instruct","temperature":0,"max_tokens":300};
-
+// Override default pages to use a safe fallback
 let defaultPages = {
-	//uncomment php code below and rename file to .php extension to load saved html files in the editor or use editor.php
-	/*
-	<?php 
-	   $htmlFiles = glob('{my-pages/*.html,demo/*\/*.html, demo/*.html}',  GLOB_BRACE);
-	   foreach ($htmlFiles as $file) { 
-		   if (in_array($file, array('new-page-blank-template.html', 'editor.html'))) continue;//skip template files
-		   $pathInfo = pathinfo($file);
-		   $filename = $pathInfo['filename'];
-		   $folder = preg_replace('@/.+?$@', '', $pathInfo['dirname']);
-		   $subfolder = preg_replace('@^.+?/@', '', $pathInfo['dirname']);
-		   if ($filename == 'index' && $subfolder) {
-			   $filename = $subfolder;
-		   }
-		   $url = $pathInfo['dirname'] . '/' . $pathInfo['basename'];
-	?>
-	"<?php echo ucfirst($filename);?>":{name:"<?php echo ucfirst($filename);?>", file:"<?php echo ucfirst($filename);?>", title:"<?php echo ucfirst($filename);?>",  url: "<?php echo $url;?>", folder:"<?php echo $folder?>"},
-	<?php } ?>
-	*/
-  "index": {
-    name: "index",
-    filename: "index.html",
-    file: "demo/landing/index.html",
-    url: "demo/landing/index.html",
-    title: "Home page",
-    folder: null,
-    description: "Website homepage"
-  },
-  "contact": {
-    name: "contact",
-    filename: "contact.html",
-    file: "demo/landing/contact.html",
-    url: "demo/landing/contact.html",
-    title: "Contact us page",
-    folder: null,
-    description: "Contact us page"
-  },
   "blank": {
     name: "blank",
-    filename: "blank.html",
-    file: "demo/landing/blank.html",
-    url: "demo/landing/blank.html",
+    filename: "blank.html", 
+    file: "new-page-blank-template.html",
+    url: "new-page-blank-template.html",
     title: "Blank page",
     folder: null,
-    description: "Template page used for new pages"
-  },
-  "error404": {
-    name: "error404",
-    filename: "error404.html",
-    file: "demo/landing/error404.html",
-    url: "demo/landing/error404.html",
-    title: "Page not found",
-    folder: null,
-    description: "Shows when a page is not available"
-  },
-  "error500": {
-    name: "error500",
-    filename: "error500.html",
-    file: "demo/landing/error500.html",
-    url: "demo/landing/error500.html",
-    title: "Server error",
-    folder: null,
-    description: "Site error display page"
-  },
-  "index-blog": {
-    name: "index-blog",
-    filename: "index-blog.html",
-    file: "demo/landing/index-blog.html",
-    url: "demo/landing/index-blog.html",
-    title: "Index blog",
-    folder: null,
-    description: ""
-  },
-  "index-landing": {
-    name: "index-landing",
-    filename: "index-landing.html",
-    file: "demo/landing/index-landing.html",
-    url: "demo/landing/index-landing.html",
-    title: "Index landing",
-    folder: null,
-    description: ""
-  },
-  "index.coming-soon": {
-    name: "index.coming-soon",
-    filename: "index.coming-soon.html",
-    file: "demo/landing/index.coming-soon.html",
-    url: "demo/landing/index.coming-soon.html",
-    title: "Coming soon",
-    folder: null,
-    description: "Coming soon message page"
-  },
-  "index.maintenance": {
-    name: "index.maintenance",
-    filename: "index.maintenance.html",
-    file: "demo/landing/index.maintenance.html",
-    url: "demo/landing/index.maintenance.html",
-    title: "Under maintenance",
-    folder: null,
-    description: "Website under maintenance message page"
-  },
-  "email-new": {
-    name: "email-new",
-    filename: "new.html",
-    file: "demo/landing/email/order/new.html",
-    url: "demo/landing/email/order/new.html",
-    title: "New",
-    folder: "email",
-    description: ""
-  },
-  "email-new.txt": {
-    name: "email-new.txt",
-    filename: "new.txt.html",
-    file: "demo/landing/email/order/new.txt.html",
-    url: "demo/landing/email/order/new.txt.html",
-    title: "New txt",
-    folder: "email",
-    description: ""
-  },
-  "email-reset": {
-    name: "email-reset",
-    filename: "reset.html",
-    file: "demo/landing/email/user/reset.html",
-    url: "demo/landing/email/user/reset.html",
-    title: "Reset",
-    folder: "email",
-    description: ""
-  },
-  "email-reset.txt": {
-    name: "email-reset.txt",
-    filename: "reset.txt.html",
-    file: "demo/landing/email/user/reset.txt.html",
-    url: "demo/landing/email/user/reset.txt.html",
-    title: "Reset txt",
-    folder: "email",
-    description: ""
-  },
-  "email-signup": {
-    name: "email-signup",
-    filename: "signup.html",
-    file: "demo/landing/email/user/signup.html",
-    url: "demo/landing/email/user/signup.html",
-    title: "Signup",
-    folder: "email",
-    description: ""
-  },
-  "email-signup.txt": {
-    name: "email-signup.txt",
-    filename: "signup.txt.html",
-    file: "demo/landing/email/user/signup.txt.html",
-    url: "demo/landing/email/user/signup.txt.html",
-    title: "Signup txt",
-    folder: "email",
-    description: ""
-  },
-  "user-edit": {
-    name: "user-edit",
-    filename: "edit.html",
-    file: "demo/landing/user/edit.html",
-    url: "demo/landing/user/edit.html",
-    title: "Edit",
-    folder: "user",
-    description: ""
-  },
-  "user-reset": {
-    name: "user-reset",
-    filename: "reset.html",
-    file: "demo/landing/user/reset.html",
-    url: "demo/landing/user/reset.html",
-    title: "Reset",
-    folder: "user",
-    description: ""
-  },
-  "cart-cart": {
-    name: "cart-cart",
-    filename: "cart.html",
-    file: "demo/landing/cart/cart.html",
-    url: "demo/landing/cart/cart.html",
-    title: "Cart",
-    folder: "cart",
-    description: ""
-  },
-  "checkout-checkout": {
-    name: "checkout-checkout",
-    filename: "checkout.html",
-    file: "demo/landing/checkout/checkout.html",
-    url: "demo/landing/checkout/checkout.html",
-    title: "Checkout",
-    folder: "checkout",
-    description: ""
-  },
-  "checkout-confirm": {
-    name: "checkout-confirm",
-    filename: "confirm.html",
-    file: "demo/landing/checkout/confirm.html",
-    url: "demo/landing/checkout/confirm.html",
-    title: "Confirm",
-    folder: "checkout",
-    description: ""
-  },
-  "checkout-order": {
-    name: "checkout-order",
-    filename: "order.html",
-    file: "demo/landing/checkout/order.html",
-    url: "demo/landing/checkout/order.html",
-    title: "Order",
-    folder: "checkout",
-    description: ""
-  },
-  "content-archive": {
-    name: "content-archive",
-    filename: "archive.html",
-    file: "demo/landing/content/archive.html",
-    url: "demo/landing/content/archive.html",
-    title: "Archive",
-    folder: "content",
-    description: ""
-  },
-  "content-category": {
-    name: "content-category",
-    filename: "category.html",
-    file: "demo/landing/content/category.html",
-    url: "demo/landing/content/category.html",
-    title: "Category",
-    folder: "content",
-    description: ""
-  },
-  "content-index": {
-    name: "content-index",
-    filename: "index.html",
-    file: "demo/landing/content/index.html",
-    url: "demo/landing/content/index.html",
-    title: "Blog homepage",
-    folder: "content",
-    description: "Blog page with latest posts"
-  },
-  "content-page": {
-    name: "content-page",
-    filename: "page.html",
-    file: "demo/landing/content/page.html",
-    url: "demo/landing/content/page.html",
-    title: "Page",
-    folder: "content",
-    description: ""
-  },
-  "content-post-image-header": {
-    name: "content-post-image-header",
-    filename: "post-image-header.html",
-    file: "demo/landing/content/post-image-header.html",
-    url: "demo/landing/content/post-image-header.html",
-    title: "Post image header",
-    folder: "content",
-    description: ""
-  },
-  "content-post-image-hero": {
-    name: "content-post-image-hero",
-    filename: "post-image-hero.html",
-    file: "demo/landing/content/post-image-hero.html",
-    url: "demo/landing/content/post-image-hero.html",
-    title: "Post image hero",
-    folder: "content",
-    description: ""
-  },
-  "content-post": {
-    name: "content-post",
-    filename: "post.html",
-    file: "demo/landing/content/post.html",
-    url: "demo/landing/content/post.html",
-    title: "Blog post",
-    folder: "content",
-    description: "Blog post",
-    "editor": {
-      "template": "post"
-    }
-  },
-  "content-tag": {
-    name: "content-tag",
-    filename: "tag.html",
-    file: "demo/landing/content/tag.html",
-    url: "demo/landing/content/tag.html",
-    title: "Tag",
-    folder: "content",
-    description: ""
-  },
-  "content-user": {
-    name: "content-user",
-    filename: "user.html",
-    file: "demo/landing/content/user.html",
-    url: "demo/landing/content/user.html",
-    title: "User",
-    folder: "content",
-    description: ""
-  },
-  "product-category": {
-    name: "product-category",
-    filename: "category.html",
-    file: "demo/landing/product/category.html",
-    url: "demo/landing/product/category.html",
-    title: "Category",
-    folder: "product",
-    description: ""
-  },
-  "product-index": {
-    name: "product-index",
-    filename: "index.html",
-    file: "demo/landing/product/index.html",
-    url: "demo/landing/product/index.html",
-    title: "Shop page",
-    folder: "product",
-    description: "Shop homepage"
-  },
-  "product-manufacturer": {
-    name: "product-manufacturer",
-    filename: "manufacturer.html",
-    file: "demo/landing/product/manufacturer.html",
-    url: "demo/landing/product/manufacturer.html",
-    title: "Manufacturer",
-    folder: "product",
-    description: ""
-  },
-  "product-product": {
-    name: "product-product",
-    filename: "product.html",
-    file: "demo/landing/product/product.html",
-    url: "demo/landing/product/product.html",
-    title: "Product",
-    folder: "product",
-    description: ""
-  },
-  "product-vendor": {
-    name: "product-vendor",
-    filename: "vendor.html",
-    file: "demo/landing/product/vendor.html",
-    url: "demo/landing/product/vendor.html",
-    title: "Vendor",
-    folder: "product",
-    description: ""
-  },
-  "search-index": {
-    name: "search-index",
-    filename: "index.html",
-    file: "demo/landing/search/index.html",
-    url: "demo/landing/search/index.html",
-    title: "Search page",
-    folder: "search",
-    description: "Search page"
-  },
-  "user-address": {
-    name: "user-address",
-    filename: "address.html",
-    file: "demo/landing/user/address.html",
-    url: "demo/landing/user/address.html",
-    title: "Address",
-    folder: "user",
-    description: ""
-  },
-  "user-comments": {
-    name: "user-comments",
-    filename: "comments.html",
-    file: "demo/landing/user/comments.html",
-    url: "demo/landing/user/comments.html",
-    title: "Comments",
-    folder: "user",
-    description: ""
-  },
-  "user-downloads": {
-    name: "user-downloads",
-    filename: "downloads.html",
-    file: "demo/landing/user/downloads.html",
-    url: "demo/landing/user/downloads.html",
-    title: "Downloads",
-    folder: "user",
-    description: ""
-  },
-  "user-index": {
-    name: "user-index",
-    filename: "index.html",
-    file: "demo/landing/user/index.html",
-    url: "demo/landing/user/index.html",
-    title: "Dashboard",
-    folder: "user",
-    description: "User dashboard"
-  },
-  "user-login": {
-    name: "user-login",
-    filename: "login.html",
-    file: "demo/landing/user/login.html",
-    url: "demo/landing/user/login.html",
-    title: "Login",
-    folder: "user",
-    description: ""
-  },
-  "user-orders": {
-    name: "user-orders",
-    filename: "orders.html",
-    file: "demo/landing/user/orders.html",
-    url: "demo/landing/user/orders.html",
-    title: "Orders",
-    folder: "user",
-    description: ""
-  },
-  "user-profile": {
-    name: "user-profile",
-    filename: "profile.html",
-    file: "demo/landing/user/profile.html",
-    url: "demo/landing/user/profile.html",
-    title: "Profile",
-    folder: "user",
-    description: ""
-  },
-  "user-signup": {
-    name: "user-signup",
-    filename: "signup.html",
-    file: "demo/landing/user/signup.html",
-    url: "demo/landing/user/signup.html",
-    title: "Signup",
-    folder: "user",
-    description: ""
-  },
- "narrow-jumbotron":{name:"narrow-jumbotron", title:"Jumbotron",  url: "demo/narrow-jumbotron/index.html", file: "demo/narrow-jumbotron/index.html"},
- "album":{name:"album", title:"Album",  url: "demo/album/index.html", file: "demo/album/index.html", folder:"content"},
- "blog":{name:"blog", title:"Blog",  url: "demo/blog/index.html", file: "demo/blog/index.html", folder:"content"},
- "carousel":{name:"carousel", title:"Carousel",  url: "demo/carousel/index.html",  file: "demo/carousel/index.html", folder:"content"},
- "offcanvas":{name:"offcanvas", title:"Offcanvas",  url: "demo/offcanvas/index.html", file: "demo/offcanvas/index.html", folder:"content"},
- "pricing":{name:"pricing", title:"Pricing",  url: "demo/pricing/index.html", file: "demo/pricing/index.html", folder:"ecommerce"},
- "product":{name:"product", title:"Product",  url: "demo/product/index.html", file: "demo/product/index.html", folder:"ecommerce"}  
-};	
-	
+    description: "New blank page template"
+  }
+};
 
 let pages = defaultPages;
-
 let firstPage = Object.keys(pages)[0];
-Vvveb.Builder.init(pages[firstPage]["url"], function() {
-	//load code after page is loaded here
-});
-
-Vvveb.Gui.init();
-Vvveb.FileManager.init();
-Vvveb.SectionList.init();
-Vvveb.TreeList.init();
-Vvveb.Breadcrumb.init();
-Vvveb.CssEditor.init();
-
-Vvveb.FileManager.addPages(pages);
-Vvveb.FileManager.loadPage(pages[firstPage]["name"]);
-Vvveb.Gui.toggleRightColumn(false);
-Vvveb.Breadcrumb.init();
+
+// Initialize with error handling
+try {
+    Vvveb.Builder.init(pages[firstPage]["url"], function() {
+        console.log('VvvebJs builder initialized successfully');
+    });
+
+    Vvveb.Gui.init();
+    Vvveb.FileManager.init();
+    Vvveb.SectionList.init();
+    Vvveb.TreeList.init();
+    Vvveb.Breadcrumb.init();
+    Vvveb.CssEditor.init();
+
+    Vvveb.FileManager.addPages(pages);
+    Vvveb.FileManager.loadPage(pages[firstPage]["name"]);
+    Vvveb.Gui.toggleRightColumn(false);
+    Vvveb.Breadcrumb.init();
+    
+    console.log('VvvebJs initialized successfully');
+} catch (error) {
+    console.error('Error initializing VvvebJs:', error);
+    // Show user-friendly error message
+    document.body.innerHTML = `
+        <div style="max-width: 600px; margin: 100px auto; padding: 40px; text-align: center; background: #f8f9fa; border-radius: 10px;">
+            <h2>🛠️ Editor Loading...</h2>
+            <p>The visual editor is initializing. If this message persists, please check:</p>
+            <ul style="text-align: left; margin: 20px 0;">
+                <li>Browser console for errors</li>
+                <li>Network connectivity</li>
+                <li>Required files are properly uploaded</li>
+            </ul>
+            <a href="config.php" class="btn btn-primary" style="margin: 10px; padding: 12px 24px; background: #007bff; color: white; text-decoration: none; border-radius: 5px;">⚙️ Check Configuration</a>
+            <a href="index.html" class="btn btn-secondary" style="margin: 10px; padding: 12px 24px; background: #6c757d; color: white; text-decoration: none; border-radius: 5px;">🏠 Return Home</a>
+        </div>
+    `;
+}
 </script>
 </body>
 </html>

new-page-blank-template.html

@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>New Page</title>
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
+</head>
+<body>
+    <div class="container-fluid">
+        <section class="py-5">
+            <div class="container">
+                <div class="row">
+                    <div class="col-lg-12">
+                        <h1 class="display-4">Welcome to Your New Page</h1>
+                        <p class="lead">This is a blank template. Start building your website by adding components and sections.</p>
+                        <hr class="my-4">
+                        <p class="mb-4">Use the visual editor to drag and drop components, customize styles, and create beautiful pages.</p>
+                        <a class="btn btn-primary btn-lg" href="#" role="button">Get Started</a>
+                    </div>
+                </div>
+            </div>
+        </section>
+    </div>
+    
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
+</body>
+</html>