onelaraveljs 1.0.0

package/src/core/SEOConfig.js

@@ -0,0 +1,321 @@
+/**
+ * seo-config Module
+ * ES6 Module for Blade Compiler
+ */
+
+export const ViewState = function (view) {
+    const viewRef = view;
+    const states = [];
+    let stateIndex = 0;
+    const stateMap = [];
+    
+}
+export const SEOTagConfig = {
+    "meta:title": [
+        {
+            tag: "title",
+            selector: "title",
+            attribute: "@content",
+            attrs: {}
+        },
+        {
+            tag: "meta",
+            selector: "meta[name='title']",
+            attribute: "content",
+            attrs: {
+                "name": "title"
+            }
+
+        }
+    ],
+    "meta:description": [
+        {
+            tag: "meta",
+            selector: "meta[name='description']",
+            attribute: "content",
+            attrs: {
+                "name": "description"
+            }
+        }
+    ],
+    "meta:keywords": [
+        {
+            tag: "meta",
+            selector: "meta[name='keywords']",
+            attribute: "content",
+            attrs: {
+                "name": "keywords"
+            }
+        }
+    ],
+    "link:meta:canonical": [
+        {
+            tag: "link",
+            selector: "link[rel='canonical']",
+            attribute: "href",
+            attrs: {
+                "rel": "canonical"
+            }
+        }
+    ],
+    "meta:robots": [
+        {
+            tag: "meta",
+            selector: "meta[name='robots']",
+            attribute: "content",
+            attrs: {
+                "name": "robots"
+            }
+        }
+    ],
+    "meta:author": [
+        {
+            tag: "meta",
+            selector: "meta[name='author']",
+            attribute: "content",
+            attrs: {
+                "name": "author"
+            }
+        }
+    ],
+    "meta:image": [
+        {
+            tag: "meta",
+            selector: "meta[name='image']",
+            attribute: "content",
+            attrs: {
+                "name": "image"
+            }
+        }
+    ],
+    "meta:og:image": [
+        {
+            tag: "meta",
+            selector: "meta[property='og:image']",
+            attribute: "content",
+            attrs: {
+                "property": "og:image"
+            }
+        }
+    ],
+    "meta:og:title": [
+        {
+            tag: "meta",
+            selector: "meta[property='og:title']",
+            attribute: "content",
+            attrs: {
+                "property": "og:title"
+            }
+        }
+    ],
+    "meta:og:description": [
+        {
+            tag: "meta",
+            selector: "meta[property='og:description']",
+            attribute: "content",
+            attrs: {
+                "property": "og:description"
+            }
+        }
+    ],
+    "meta:og:type": [
+        {
+            tag: "meta",
+            selector: "meta[property='og:type']",
+            attribute: "content",
+            attrs: {
+                "property": "og:type"
+            }
+        }
+    ],
+    "meta:og:url": [
+        {
+            tag: "meta",
+            selector: "meta[property='og:url']",
+            attribute: "content",
+            attrs: {
+                "property": "og:url"
+            }
+        }
+    ],
+    "meta:og:site_name": [
+        {
+            tag: "meta",
+            selector: "meta[property='og:site_name']",
+            attribute: "content",
+            attrs: {
+                "property": "og:site_name"
+            }
+        }
+    ],
+    "meta:og:locale": [
+        {
+            tag: "meta",
+            selector: "meta[property='og:locale']",
+            attribute: "content",
+            attrs: {
+                "property": "og:locale"
+            }
+        }
+    ],
+    "meta:article:published_time": [
+        {
+            tag: "meta",
+            selector: "meta[property='article:published_time']",
+            attribute: "content",
+            attrs: {
+                "property": "article:published_time"
+            }
+        }
+    ],
+    "meta:article:modified_time": [
+        {
+            tag: "meta",
+            selector: "meta[property='article:modified_time']",
+            attribute: "content",
+            attrs: {
+                "property": "article:modified_time"
+            }
+        }
+    ],
+    "meta:article:section": [
+        {
+            tag: "meta",
+            selector: "meta[property='article:section']",
+            attribute: "content",
+            attrs: {
+                "property": "article:section"
+            }
+        }
+    ],
+    "meta:article:tag": [
+        {
+            tag: "meta",
+            selector: "meta[property='article:tag']",
+            attribute: "content",
+            attrs: {
+                "property": "article:tag"
+            }
+        }
+    ],
+    "meta:article:author": [
+        {
+            tag: "meta",
+            selector: "meta[property='article:author']",
+            attribute: "content",
+            attrs: {
+                "property": "article:author"
+            }
+        }
+    ],
+    "meta:article:publisher": [
+        {
+            tag: "meta",
+            selector: "meta[property='article:publisher']",
+            attribute: "content",
+            attrs: {
+                "property": "article:publisher"
+            }
+        }
+    ],
+    "meta:article:image": [
+        {
+            tag: "meta",
+            selector: "meta[property='article:image']",
+            attribute: "content",
+            attrs: {
+                "property": "article:image"
+            }
+        }
+    ],
+    "meta:og:image:width": [
+        {
+            tag: "meta",
+            selector: "meta[property='og:image:width']",
+            attribute: "content",
+            attrs: {
+                "property": "og:image:width"
+            }
+        }
+    ],
+    "meta:og:image:height": [
+        {
+            tag: "meta",
+            selector: "meta[property='og:image:height']",
+            attribute: "content",
+            attrs: {
+                "property": "og:image:height"
+            }
+        }
+    ],
+    "meta:twitter:card": [
+        {
+            tag: "meta",
+            selector: "meta[name='twitter:card']",
+            attribute: "content",
+            attrs: {
+                "name": "twitter:card"
+            }
+        }
+    ],
+    "meta:twitter:label1": [
+        {
+            tag: "meta",
+            selector: "meta[name='twitter:label1']",
+            attribute: "content",
+            attrs: {
+                "name": "twitter:label1"
+            }
+        }
+    ],
+    "meta:twitter:label2": [
+        {
+            tag: "meta",
+            selector: "meta[name='twitter:label2']",
+            attribute: "content",
+            attrs: {
+                "name": "twitter:label2"
+            }
+        }
+    ],
+    "twitter:data1": [
+        {
+            tag: "meta",
+            selector: "meta[name='twitter:data1']",
+            attribute: "content",
+            attrs: {
+                "name": "twitter:data1"
+            }
+        }
+    ],
+    "twitter:data2": [
+        {
+            tag: "meta",
+            selector: "meta[name='twitter:data2']",
+            attribute: "content",
+            attrs: {
+                "name": "twitter:data2"
+            }
+        }
+    ],
+    "link:rel:shortlink": [
+        {
+            tag: "meta",
+            selector: "meta[name='rel:shortlink']",
+            attribute: "content",
+            attrs: {
+                "rel": "shortlink"
+            }
+        }
+    ],
+    "link:rel:alternate": [
+        {
+            tag: "meta",
+            selector: "meta[name='rel:alternate']",
+            attribute: "content",
+            attrs: {
+                "rel": "alternate"
+            }
+        }
+    ]
+};

package/src/core/SectionEngine.js

@@ -0,0 +1,75 @@
+import { uniqId } from "../helpers/utils";
+
+export const SectionEngine = function (name, content, type = 'string', View) {
+    const SECTION_ID = uniqId();
+    const placholder = `<section-placeholder id="${SECTION_ID}" data-section-name="${name}"></section-placeholder>`
+    const placeholderElement = View.templateToDom(placholder);
+    const templator = document.createElement('template');
+    templator.innerHTML = content;
+    const frag = templator.content;
+    /**
+     * @type {NodeList}
+     */
+    const refs = [];
+
+    if (type === 'html') {
+        for (let i = 0; i < frag.childNodes.length; i++) {
+            const node = frag.childNodes[i];
+            refs.push(node);
+        }
+    }
+    this.name = name;
+    this.content = frag;
+    this.refs = refs;
+    this.placeholder = placholder;
+    this.sectionId = SECTION_ID;
+    this.isInserted = false;
+    this.viewEngine = null;
+    this.textContent = type === 'html' ? placholder : content;
+    this.updateRefs = function () {
+        const fragment = templator.content;
+        refs.length = 0;
+        for (let i = 0; i < fragment.childNodes.length; i++) {
+            const node = fragment.childNodes[i];
+            refs.push(node);
+        }
+    }
+    this.replace = function () {
+        const placeholder = document.querySelector(`#${this.sectionId}`);
+        if (placeholder && placeholder.parentNode) {
+            for (let i = refs.length - 1; i >= 0; i--) {
+                const node = refs[i];
+                placeholder.parentNode.insertBefore(node, placeholder);
+            }
+            placeholder.remove();
+            this.isInserted = true;
+        }
+    }
+    this.rerender = function (template) {
+        if (refs.length > 0) {
+            refs[0].parentNode.insertBefore(placeholderElement, refs[0]);
+        }
+        this.removeRefNodes();
+        templator.innerHTML = template;
+        this.updateRefs();
+        this.replace();
+
+    }
+
+    this.removeRefNodes = function () {
+
+        for (let i = 0; i < refs.length; i++) {
+            const node = refs[i];
+            node.remove();
+        }
+        refs.length = 0;
+    }
+    this.setViewEngine = function (viewEngine) {
+        this.viewEngine = viewEngine;
+        return this;
+    }
+
+};
+SectionEngine.prototype.toString = function () {
+    return this.textContent;
+}

package/src/core/TemplateEngine.js

@@ -0,0 +1,83 @@
+/**
+ * Template Engine for managing and rendering templates
+ */
+export class TemplateEngine {
+    constructor(App, View, viewInstance, subscribe) {
+        this.App = App;
+        this.View = View;
+        this.viewInstance = viewInstance;
+        this.subscribe = subscribe;
+        this.templates = {};
+    }
+
+    /**
+     * Set templates
+     * @param {Object} templates - Object of template functions
+     */
+    setTemplates(templates) {
+        this.templates = templates;
+    }
+
+    /**
+     * Render a template
+     * @param {string} name - Template name
+     * @param {Object} context - Context data
+     * @param {Array|Object} data - Template data
+     * @returns {string} Rendered template
+     */
+    render(name, context, data = []) {
+        if (!this.templates[name]) {
+            console.warn(`Template '${name}' not found`);
+            return '';
+        }
+
+        try {
+            const templateFn = this.templates[name];
+            return templateFn(context, data);
+        } catch (error) {
+            console.error(`Error rendering template '${name}':`, error);
+            return `<div class="template-error">Template '${name}' error: ${error.message}</div>`;
+        }
+    }
+
+    /**
+     * Check if template exists
+     * @param {string} name - Template name
+     * @returns {boolean} True if template exists
+     */
+    hasTemplate(name) {
+        return !!this.templates[name];
+    }
+
+    /**
+     * Get template
+     * @param {string} name - Template name
+     * @returns {Function|null} Template function or null
+     */
+    getTemplate(name) {
+        return this.templates[name] || null;
+    }
+
+    /**
+     * Remove template
+     * @param {string} name - Template name
+     */
+    removeTemplate(name) {
+        delete this.templates[name];
+    }
+
+    /**
+     * Clear all templates
+     */
+    clearTemplates() {
+        this.templates = {};
+    }
+
+    /**
+     * Get all template names
+     * @returns {Array} Array of template names
+     */
+    getTemplateNames() {
+        return Object.keys(this.templates);
+    }
+}