@reldens/cms 0.9.0 → 0.10.0

package/lib/installer.js

@@ -8,7 +8,6 @@ const { FileHandler, Encryptor } = require('@reldens/server-utils');
 const { DriversMap, EntitiesGenerator, PrismaSchemaGenerator } = require('@reldens/storage');
 const { EntitiesLoader } = require('./entities-loader');
 const { Logger, sc } = require('@reldens/utils');
-const mustache = require('mustache');
 
 class Installer
 {
@@ -18,6 +17,7 @@ class Installer
         this.app = sc.get(props, 'app', false);
         this.appServer = sc.get(props, 'appServer', false);
         this.appServerFactory = sc.get(props, 'appServerFactory', false);
+        this.renderEngine = sc.get(props, 'renderEngine', false);
         this.projectRoot = sc.get(props, 'projectRoot', './');
         this.projectTemplatesPath = FileHandler.joinPaths(this.projectRoot, 'templates');
         this.projectPublicPath = FileHandler.joinPaths(this.projectRoot, 'public');
@@ -43,7 +43,7 @@ class Installer
         return FileHandler.exists(this.installLockPath);
     }
 
-    async prepareSetup(app, appServer, appServerFactory)
+    async prepareSetup(app, appServer, appServerFactory, renderEngine)
     {
         if(!app){
             Logger.error('Missing app on prepareSetup for Installer.');
@@ -53,9 +53,14 @@ class Installer
             Logger.error('Missing appServerFactory on prepareSetup for Installer.');
             return false;
         }
+        if(!renderEngine){
+            Logger.error('Missing renderEngine for Installer.');
+            return false;
+        }
         this.app = app;
         this.appServerFactory = appServerFactory;
         this.appServer = appServer;
+        this.renderEngine = renderEngine;
         app.use('/install-assets', appServerFactory.applicationFramework.static(this.installerPath, {index: false}));
         app.use(appServerFactory.session({
             secret: Encryptor.generateSecretKey(),
@@ -88,7 +93,7 @@ class Installer
             if(errorParam){
                 contentParams.errorMessage = this.getErrorMessage(errorParam);
             }
-            return res.send(mustache.render(content, contentParams));
+            return res.send(this.renderEngine.render(content, contentParams));
         }
         if('/install' !== urlPath){
             return res.redirect('/');
@@ -161,7 +166,9 @@ class Installer
             'install-cms-tables': 'install.sql',
             'install-user-auth': 'users-authentication.sql',
             'install-default-user': 'default-user.sql',
-            'install-default-homepage': 'default-homepage.sql'
+            'install-default-homepage': 'default-homepage.sql',
+            'install-default-blocks': 'default-blocks.sql',
+            'install-entity-access': 'default-entity-access.sql'
         };
         for(let checkboxName of Object.keys(executeFiles)){
             let fileName = executeFiles[checkboxName];
@@ -191,17 +198,24 @@ class Installer
                     await this.appServer.close();
                 }
                 Logger.debug('Running postInstallCallback.');
-                await this.postInstallCallback({
+                let callbackResult = await this.postInstallCallback({
                     loadedEntities: this.entitiesLoader.loadEntities(selectedDriver),
                     mappedVariablesForConfig
                 });
+                if(false === callbackResult){
+                    Logger.error('Post-install callback failed.');
+                    return res.redirect('/?error=installation-entities-callback-failed');
+                }
             }
             await this.createLockFile();
             Logger.info('Installation successful!');
             let successContent = 'Installation successful! Run "node ." to start your CMS.';
             let successFileContent = FileHandler.readFile(FileHandler.joinPaths(this.installerPath, 'success.html'));
             if(successFileContent){
-                successContent = mustache.render(successFileContent, {adminPath: templateVariables['app-admin-path']});
+                successContent = this.renderEngine.render(
+                    successFileContent,
+                    {adminPath: templateVariables['app-admin-path']}
+                );
             }
             return res.send(successContent);
         } catch (error) {
@@ -245,6 +259,7 @@ class Installer
     {
         let generator = new PrismaSchemaGenerator({
             ...connectionData,
+            dataProxy: true,
             prismaSchemaPath: this.projectRoot+'/prisma'
         });
         let success = await generator.generate();
@@ -263,7 +278,7 @@ class Installer
             Logger.error('Template ".env.dist" not found: '+envTemplatePath);
             return false;
         }
-        return FileHandler.writeFile(this.envFilePath, mustache.render(envTemplateContent, templateVariables));
+        return FileHandler.writeFile(this.envFilePath, this.renderEngine.render(envTemplateContent, templateVariables));
     }
 
     mapVariablesForTemplate(configVariables)
@@ -310,7 +325,7 @@ class Installer
         }
         let indexTemplate = FileHandler.readFile(this.indexTemplatePath);
         let driverKey = templateVariables['db-storage-driver'];
-        let indexContent = mustache.render(indexTemplate, {driverKey});
+        let indexContent = this.renderEngine.render(indexTemplate, {driverKey});
         let indexFilePath = FileHandler.joinPaths(this.projectRoot, 'index.js');
         if(FileHandler.exists(indexFilePath)){
             Logger.info('Index.js file already exists, the CMS installer will not override the existent one.');
@@ -353,6 +368,7 @@ class Installer
     async prepareProjectDirectories()
     {
         FileHandler.createFolder(this.projectTemplatesPath);
+        FileHandler.createFolder(FileHandler.joinPaths(this.projectTemplatesPath, 'layouts'));
         FileHandler.createFolder(this.projectPublicPath);
         FileHandler.createFolder(this.projectPublicAssetsPath);
         FileHandler.createFolder(this.projectCssPath);
@@ -360,7 +376,6 @@ class Installer
         let baseFiles = [
             'page.html',
             '404.html',
-            'layout.html',
             'browserconfig.xml',
             'favicon.ico',
             'site.webmanifest'
@@ -371,6 +386,10 @@ class Installer
                 FileHandler.joinPaths(this.projectTemplatesPath, fileName)
             );
         }
+        FileHandler.copyFile(
+            FileHandler.joinPaths(this.defaultTemplatesPath, 'layouts', 'default.html'),
+            FileHandler.joinPaths(this.projectTemplatesPath, 'layouts', 'default.html')
+        );
         FileHandler.copyFile(
             FileHandler.joinPaths(this.defaultTemplatesPath, 'css', 'styles.css'),
             FileHandler.joinPaths(this.projectCssPath, 'styles.css')
@@ -379,6 +398,14 @@ class Installer
             FileHandler.joinPaths(this.defaultTemplatesPath, 'js', 'scripts.js'),
             FileHandler.joinPaths(this.projectJsPath, 'scripts.js')
         );
+        FileHandler.copyFolderSync(
+            FileHandler.joinPaths(this.defaultTemplatesPath, 'partials'),
+            FileHandler.joinPaths(this.projectTemplatesPath, 'partials')
+        );
+        FileHandler.copyFolderSync(
+            FileHandler.joinPaths(this.defaultTemplatesPath, 'domains'),
+            FileHandler.joinPaths(this.projectTemplatesPath, 'domains')
+        );
         return true;
     }
 

package/lib/manager.js

@@ -37,6 +37,7 @@ class Manager
         this.entitiesTranslations = sc.get(props, 'entitiesTranslations', {});
         this.entitiesConfig = sc.get(props, 'entitiesConfig', {});
         this.processedEntities = sc.get(props, 'processedEntities', {});
+        this.entityAccess = sc.get(props, 'entityAccess', {});
         this.authenticationMethod = sc.get(props, 'authenticationMethod', 'db-users');
         this.authenticationCallback = sc.get(props, 'authenticationCallback', false);
         this.events = sc.get(props, 'events', EventsManagerSingleton);
@@ -51,11 +52,16 @@ class Manager
         this.companyName = sc.get(props, 'companyName', 'Reldens - CMS');
         this.logo = sc.get(props, 'logo', '/assets/web/reldens-your-logo-mage.png');
         this.favicon = sc.get(props, 'favicon', '/assets/web/favicon.ico');
+        this.defaultDomain = sc.get(props, 'defaultDomain', (process.env.RELDENS_DEFAULT_DOMAIN || ''));
+        this.domainMapping = sc.get(props, 'domainMapping', sc.toJson(process.env.RELDENS_DOMAIN_MAPPING));
+        this.siteKeyMapping = sc.get(props, 'siteKeyMapping', sc.toJson(process.env.RELDENS_SITE_KEY_MAPPING));
+        this.templateExtensions = sc.get(props, 'templateExtensions', ['.html', '.mustache', '.template']);
         this.app = sc.get(props, 'app', false);
         this.appServer = sc.get(props, 'appServer', false);
         this.dataServer = sc.get(props, 'dataServer', false);
         this.adminManager = sc.get(props, 'adminManager', false);
         this.frontend = sc.get(props, 'frontend', false);
+        this.renderEngine = sc.get(props, 'renderEngine', mustache);
         this.appServerFactory = new AppServerFactory();
         this.adminEntitiesGenerator = new AdminEntitiesGenerator();
         this.installer = new Installer({
@@ -165,7 +171,7 @@ class Manager
         }
         if(!this.isInstalled()){
             Logger.info('CMS not installed, preparing setup');
-            await this.installer.prepareSetup(this.app, this.appServer, this.appServerFactory);
+            await this.installer.prepareSetup(this.app, this.appServer, this.appServerFactory, this.renderEngine);
             if(!this.useProvidedServer){
                 await this.appServer.listen(this.config.port);
             }
@@ -185,7 +191,6 @@ class Manager
     async initializeCmsAfterInstall(props)
     {
         try {
-            //Logger.debug('Loaded entities post install.', props.loadedEntities);
             this.rawRegisteredEntities = props.loadedEntities.rawRegisteredEntities;
             this.entitiesTranslations = props.loadedEntities.entitiesTranslations;
             this.entitiesConfig = props.loadedEntities.entitiesConfig;
@@ -206,6 +211,9 @@ class Manager
                 return false;
             }
         }
+        if(0 < Object.keys(this.entityAccess).length){
+            await this.setupEntityAccess();
+        }
         if(!this.loadProcessedEntities()){
             return false;
         }
@@ -228,6 +236,25 @@ class Manager
         return true;
     }
 
+    async setupEntityAccess()
+    {
+        let accessEntity = this.dataServer.getEntity('cmsEntityAccess');
+        if(!accessEntity){
+            Logger.warning('Entity access control table not found.');
+            return;
+        }
+        for(let entityName of Object.keys(this.entityAccess)){
+            let accessConfig = this.entityAccess[entityName];
+            if(!await accessEntity.loadOneBy('entity_name', entityName)){
+                await accessEntity.create({
+                    entity_name: entityName,
+                    is_public: sc.get(accessConfig, 'public', false),
+                    allowed_operations: JSON.stringify(sc.get(accessConfig, 'operations', ['read']))
+                });
+            }
+        }
+    }
+
     loadProcessedEntities()
     {
         if(0 === Object.keys(this.processedEntities).length){
@@ -354,12 +381,12 @@ class Manager
         return true;
     }
 
-    async renderCallback(template, params)
+    async renderCallback(template, params = {})
     {
         if(!template){
             return '';
         }
-        return mustache.render(template, params);
+        return this.renderEngine.render(template, params);
     }
 
     async initializeFrontend()
@@ -367,8 +394,13 @@ class Manager
         this.frontend = new Frontend({
             app: this.app,
             dataServer: this.dataServer,
+            renderEngine: this.renderEngine,
             projectRoot: this.projectRoot,
-            appServerFactory: this.appServerFactory
+            appServerFactory: this.appServerFactory,
+            defaultDomain: this.defaultDomain,
+            domainMapping: this.domainMapping,
+            siteKeyMapping: this.siteKeyMapping,
+            templateExtensions: this.templateExtensions
         });
         return await this.frontend.initialize();
     }

package/migrations/default-blocks.sql

@@ -0,0 +1,8 @@
+
+-- Default CMS blocks:
+
+REPLACE INTO `cms_blocks` (`name`, `title`, `content`, `is_active`) VALUES
+    ('header-main', 'Main Header', '{{>header}}', 1),
+    ('sidebar-left', 'Left Sidebar', '<aside class="sidebar-left">{{>sidebar}}</aside>', 1),
+    ('sidebar-right', 'Right Sidebar', '<aside class="sidebar-right">{{>sidebar}}</aside>', 1),
+    ('footer-main', 'Main Footer', '{{>footer}}', 1);

package/migrations/default-entity-access.sql

@@ -0,0 +1,9 @@
+
+-- Default entity access rules:
+
+REPLACE INTO `cms_entity_access` (`entity_name`, `is_public`, `allowed_operations`) VALUES
+    ('cms_pages', TRUE, '["read"]'),
+    ('routes', FALSE, '[]'),
+    ('users', FALSE, '[]'),
+    ('cms_blocks', FALSE, '[]'),
+    ('cms_entity_access', FALSE, '[]');

package/migrations/default-homepage.sql

@@ -3,7 +3,7 @@
 
 -- Create a default homepage route if not exists
 REPLACE INTO `cms_pages` (`id`, `title`, `content`, `template`, `created_at`) VALUES
-(1, 'Home', '<h1>Welcome to Reldens CMS</h1><p>This is your homepage. Edit this content in the admin panel.</p>', 'page', NOW());
+(1, 'Home', '<h1>Welcome to Reldens CMS</h1><p>This is your homepage. Edit this content in the admin panel.</p>', NULL, NOW());
 
 -- Create a default route to the homepage
 REPLACE INTO `routes` (`id`, `path`, `router`, `content_id`, `title`, `meta_description`, `status`, `created_at`) VALUES

package/migrations/install.sql

@@ -2,10 +2,10 @@
 -- Install Reldens CMS
 
 CREATE TABLE IF NOT EXISTS `routes` (
-    `id` INT(10) UNSIGNED NOT NULL AUTO_INCREMENT,
+    `id` INT UNSIGNED NOT NULL AUTO_INCREMENT,
     `path` VARCHAR(255) CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci NOT NULL,
     `router` VARCHAR(255) CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci NOT NULL,
-    `content_id` INT(10) UNSIGNED NOT NULL,
+    `content_id` INT UNSIGNED NOT NULL,
     `title` VARCHAR(255) CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci NOT NULL,
     `meta_description` TEXT CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci NULL,
     `canonical_url` VARCHAR(255) CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci NULL,
@@ -25,12 +25,10 @@ CREATE TABLE IF NOT EXISTS `routes` (
 ) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci;
 
 CREATE TABLE IF NOT EXISTS `cms_pages_meta` (
-    `id` INT(10) UNSIGNED NOT NULL AUTO_INCREMENT,
-    `page_id` INT(10) UNSIGNED NOT NULL,
-    `layout` VARCHAR(255) CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci NULL,
+    `id` INT UNSIGNED NOT NULL AUTO_INCREMENT,
+    `page_id` INT UNSIGNED NOT NULL,
     `publish_date` TIMESTAMP NULL,
     `expire_date` TIMESTAMP NULL,
-    `author_id` INT(10) UNSIGNED NULL,
     `created_at` TIMESTAMP NOT NULL DEFAULT (NOW()),
     `updated_at` TIMESTAMP NOT NULL DEFAULT (NOW()) ON UPDATE CURRENT_TIMESTAMP,
     PRIMARY KEY (`id`) USING BTREE,
@@ -38,21 +36,22 @@ CREATE TABLE IF NOT EXISTS `cms_pages_meta` (
 ) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci;
 
 CREATE TABLE IF NOT EXISTS `cms_pages` (
-    `id` INT(10) UNSIGNED NOT NULL AUTO_INCREMENT,
+    `id` INT UNSIGNED NOT NULL AUTO_INCREMENT,
     `title` VARCHAR(255) CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci NOT NULL,
     `content` LONGTEXT CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci NULL,
     `markdown` LONGTEXT CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci NULL,
     `json_data` JSON NULL,
     `template` VARCHAR(255) CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci NULL,
+    `layout` VARCHAR(255) CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci NULL DEFAULT 'default',
     `created_at` TIMESTAMP NOT NULL DEFAULT (NOW()),
     `updated_at` TIMESTAMP NOT NULL DEFAULT (NOW()) ON UPDATE CURRENT_TIMESTAMP,
     PRIMARY KEY (`id`) USING BTREE
 ) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci;
 
 CREATE TABLE IF NOT EXISTS `entities_meta` (
-    `id` INT(10) UNSIGNED NOT NULL AUTO_INCREMENT,
+    `id` INT UNSIGNED NOT NULL AUTO_INCREMENT,
     `entity_name` VARCHAR(255) CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci NOT NULL,
-    `entity_id` INT(10) UNSIGNED NOT NULL,
+    `entity_id` INT UNSIGNED NOT NULL,
     `meta_key` VARCHAR(255) CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci NOT NULL,
     `meta_value` LONGTEXT CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci NULL,
     `created_at` TIMESTAMP NOT NULL DEFAULT (NOW()),
@@ -60,3 +59,29 @@ CREATE TABLE IF NOT EXISTS `entities_meta` (
     PRIMARY KEY (`id`) USING BTREE,
     UNIQUE KEY `entity_meta` (`entity_name`, `entity_id`, `meta_key`) USING BTREE
 ) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci;
+
+CREATE TABLE IF NOT EXISTS `cms_blocks` (
+    `id` INT UNSIGNED NOT NULL AUTO_INCREMENT,
+    `name` VARCHAR(255) CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci NOT NULL,
+    `title` VARCHAR(255) CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci NULL,
+    `content` LONGTEXT CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci NULL,
+    `template_file` VARCHAR(255) CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci NULL,
+    `variables` JSON NULL,
+    `is_active` BOOLEAN NOT NULL DEFAULT TRUE,
+    `created_at` TIMESTAMP NOT NULL DEFAULT (NOW()),
+    `updated_at` TIMESTAMP NOT NULL DEFAULT (NOW()) ON UPDATE CURRENT_TIMESTAMP,
+    PRIMARY KEY (`id`) USING BTREE,
+    UNIQUE KEY `name` (`name`) USING BTREE
+) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci;
+
+CREATE TABLE IF NOT EXISTS `cms_entity_access` (
+    `id` INT UNSIGNED NOT NULL AUTO_INCREMENT,
+    `entity_name` VARCHAR(255) CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci NOT NULL,
+    `is_public` BOOLEAN NOT NULL DEFAULT FALSE,
+    `allowed_operations` JSON NULL DEFAULT ('["read"]'),
+    `access_rules` JSON NULL,
+    `created_at` TIMESTAMP NOT NULL DEFAULT (NOW()),
+    `updated_at` TIMESTAMP NOT NULL DEFAULT (NOW()) ON UPDATE CURRENT_TIMESTAMP,
+    PRIMARY KEY (`id`) USING BTREE,
+    UNIQUE KEY `entity_name` (`entity_name`) USING BTREE
+) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci;

package/migrations/users-authentication.sql

@@ -2,11 +2,11 @@
 -- Default db-users authentication:
 
 CREATE TABLE IF NOT EXISTS `users` (
-    `id` INT(10) UNSIGNED NOT NULL AUTO_INCREMENT,
+    `id` INT UNSIGNED NOT NULL AUTO_INCREMENT,
     `email` VARCHAR(255) CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci NOT NULL,
     `username` VARCHAR(255) CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci NOT NULL,
     `password` VARCHAR(255) CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci NOT NULL,
-    `role_id` INT(10) UNSIGNED NOT NULL,
+    `role_id` INT UNSIGNED NOT NULL,
     `status` VARCHAR(255) CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci NOT NULL,
     `created_at` TIMESTAMP NOT NULL DEFAULT (NOW()),
     `updated_at` TIMESTAMP NOT NULL DEFAULT (NOW()) ON UPDATE CURRENT_TIMESTAMP,

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@reldens/cms",
     "scope": "@reldens",
-    "version": "0.9.0",
+    "version": "0.10.0",
     "description": "Reldens - CMS",
     "author": "Damian A. Pastorini",
     "license": "MIT",
@@ -32,9 +32,9 @@
         "url": "https://github.com/damian-pastorini/reldens-cms/issues"
     },
     "dependencies": {
-        "@reldens/server-utils": "^0.17.0",
-        "@reldens/storage": "^0.45.0",
-        "@reldens/utils": "^0.47.0",
+        "@reldens/server-utils": "^0.18.0",
+        "@reldens/storage": "^0.47.0",
+        "@reldens/utils": "^0.49.0",
         "dotenv": "^16.5.0",
         "mustache": "^4.2.0"
     }

package/templates/404.html

@@ -1,30 +1,8 @@
-<!DOCTYPE html>
-<html>
-<head>
-    <title>404 - Page Not Found</title>
-    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-    <link rel="stylesheet" href="/css/styles.css">
-    <script src="/js/scripts.js"></script>
-</head>
-<body>
-<header>
-    <div class="container">
-        <h1>Reldens CMS</h1>
-        <nav>
-            <a href="/">Home</a>
-        </nav>
+<section class="hero d-flex align-items-center">
+    <div class="container text-center">
+        <h1>404</h1>
+        <h2>Page Not Found</h2>
+        <p>The page you are looking for doesn't exist.</p>
+        <a href="/" class="btn-get-started">Go Home</a>
     </div>
-</header>
-<div class="container">
-    <main class="error-container">
-        <h1>404 - Page Not Found</h1>
-        <p>The page you are looking for might have been removed, had its name changed, or is temporarily unavailable.</p>
-        <a href="/" class="button">Return to Homepage</a>
-    </main>
-</div>
-<footer>
-    <p>&copy; {{current_year}} - Built with Reldens CMS</p>
-</footer>
-</body>
-</html>
-
+</section>

package/templates/css/styles.css

@@ -1,4 +1,7 @@
-/* Frontend styles */
+/**
+ * Reldens - CMS - Styles
+ */
+
 body {
     font-family: 'Open Sans', sans-serif;
     line-height: 1.6;

package/templates/js/scripts.js

@@ -1,12 +1,14 @@
-// Frontend JavaScript
+/**
+ * Reldens - CMS - Scripts
+ */
+
 document.addEventListener('DOMContentLoaded', function() {
-    // Add active class to current navigation item
-    const currentPath = window.location.pathname;
-    const navLinks = document.querySelectorAll('nav a');
+    let currentPath = window.location.pathname;
 
-    navLinks.forEach(link => {
-        if (link.getAttribute('href') === currentPath) {
+    let navLinks = document.querySelectorAll('nav a');
+    for(let link of navLinks){
+        if(link.getAttribute('href') === currentPath){
             link.classList.add('active');
         }
-    });
+    }
 });

package/templates/layouts/default.html

@@ -0,0 +1,21 @@
+
+{{>header}}
+
+{{ entity('cmsBlocks', 'header-main') }}
+
+<main id="main" class="main-container">
+    <div class="container">
+        <div class="row">
+            <div class="col-md-3">
+                {{ entity('cmsBlocks', 'sidebar-left') }}
+            </div>
+            <div class="col-md-9">
+                {{{content}}}
+            </div>
+        </div>
+    </div>
+</main>
+
+{{ entity('cmsBlocks', 'footer-main') }}
+
+{{>footer}}

package/templates/page.html

@@ -1,38 +1,20 @@
 <!DOCTYPE html>
-<html>
+<html lang="{{locale}}">
 <head>
     <title>{{title}}</title>
-    <meta name="description" content="{{meta_description}}">
-    <meta property="og:title" content="{{og_title}}">
-    <meta property="og:description" content="{{og_description}}">
-    <meta property="og:image" content="{{og_image}}">
-    <meta name="twitter:card" content="{{twitter_card_type}}">
-    <meta name="robots" content="{{meta_robots}}">
-    {{#canonical_url}}<link rel="canonical" href="{{canonical_url}}">{{/canonical_url}}
-    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-    <link rel="stylesheet" href="/css/styles.css">
-    <script src="/js/scripts.js"></script>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0, user-scalable=yes, viewport-fit=cover"/>
+    <meta name="theme-color" content="#000000"/>
+    <meta name="description" content="{{description}}"/>
+    <meta property="og:title" content="{{title}}"/>
+    <meta property="og:description" content="{{description}}"/>
+    <link href="/css/styles.css" rel="stylesheet"/>
 </head>
-<body>
-<header>
-    <div class="container">
-        <h1>Reldens CMS</h1>
-        <nav>
-            <a href="/">Home</a>
-            {{#navigation}}
-            <a href="{{url}}">{{label}}</a>
-            {{/navigation}}
-        </nav>
-    </div>
-</header>
-<div class="container">
-    <main>
-        <h1>{{title}}</h1>
-        {{{content}}}
-    </main>
-</div>
-<footer>
-    <p>&copy; {{current_year}} - Built with Reldens CMS</p>
-</footer>
+<body class="{{siteHandle}}{{#elementClassName}} {{elementClassName}}{{/elementClassName}}"{{#backgroundImage}} style="background-image: url('{{backgroundImage}}');"{{/backgroundImage}}>
+    {{{content}}}
+    <script type="text/javascript" defer src="/js/scripts.js"></script>
+    <script type="text/javascript">
+        const currentYear = {{currentYear}};
+    </script>
 </body>
 </html>

package/templates/partials/footer.html

@@ -0,0 +1,35 @@
+<div class="footer-top">
+    <div class="container top-border">
+        <div class="row">
+            <div class="col-lg-4 col-md-6 footer-contact">
+                <h3>{{site_name}}</h3>
+                <p><strong>E-mail:</strong> <a href="mailto:{{contact_email}}">{{contact_email}}</a></p>
+            </div>
+            <div class="col-lg-4 col-md-6 footer-links">
+                {{#footer_menu}}
+                <h4>Useful Links</h4>
+                <ul>
+                    {{#items}}
+                    <li><a href="{{url}}">{{title}}</a></li>
+                    {{/items}}
+                </ul>
+                {{/footer_menu}}
+            </div>
+            {{#social_links}}
+            <div class="col-lg-4 col-md-12 footer-links text-right">
+                <h4>Networks</h4>
+                <div class="social-links mt-3">
+                    {{#links}}
+                    <a href="{{url}}" target="_blank"><i class="bx {{icon}}"></i></a>
+                    {{/links}}
+                </div>
+            </div>
+            {{/social_links}}
+        </div>
+    </div>
+</div>
+<div class="container footer-bottom clearfix">
+    <div class="copyright">
+        &copy; Copyright {{currentYear}} <strong><a href="https://www.dwdeveloper.com" target="_blank">DwDeveloper</a></strong>. All Rights Reserved
+    </div>
+</div>

package/templates/partials/header.html

@@ -0,0 +1,36 @@
+<div class="container d-flex align-items-center">
+    <div class="logo{{#is_reldens}} reldens-logo{{/is_reldens}}">
+        {{#logo_image}}
+        <a href="{{home_url}}">
+            <img src="{{logo_image}}" alt="{{site_name}}">
+        </a>
+        {{/logo_image}}
+        {{^logo_image}}
+        <a href="{{home_url}}">{{site_name}}</a>
+        {{/logo_image}}
+    </div>
+    {{#menu_items}}
+    <nav class="nav-menu d-none d-lg-block">
+        <ul>
+            {{#items}}
+            <li{{#has_children}} class="drop-down"{{/has_children}}>
+            <a href="{{url}}"{{#is_external}} target="_blank"{{/is_external}}>{{title}}</a>
+            {{#has_children}}
+            <ul>
+                {{#children}}
+                <li>
+                    <a href="{{url}}"{{#is_external}} target="_blank"{{/is_external}}>{{title}}</a>
+                </li>
+                {{/children}}
+            </ul>
+            {{/has_children}}
+            </li>
+            {{/items}}
+        </ul>
+    </nav>
+    {{/menu_items}}
+    <form class="search" action="/search" method="get">
+        <input type="search" class="quicksearch" name="q" value="{{search_query}}" placeholder="Search..."/>
+        <button type="submit"><i class="bx bx-search"></i></button>
+    </form>
+</div>