divhunt 2.0.0

package/addons/render/pages/front/js/items/commands/change.js

@@ -0,0 +1,41 @@
+divhunt.AddonReady('commands', (commands) =>
+{
+    commands.Item({
+        id: 'pages:change',
+        method: 'POST',
+        endpoint: '/api/pages/change',
+        exposed: true,
+        description: 'Navigate to a page by ID or path',
+        in: {
+            id: ['string', null],
+            path: ['string', null],
+            parameters: ['object', {}],
+            push: ['boolean', true]
+        },
+        out: {
+            id: ['string'],
+            parameters: ['object'],
+            url: ['string']
+        },
+        callback: async function(props)
+        {
+            if(!props.id && !props.path)
+            {
+                throw new Error('Either id or path is required.');
+            }
+
+            const target = props.path || props.id;
+            const result = await pages.Fn('change', target, props.parameters || {}, {
+                path: !!props.path,
+                push: props.push !== false
+            });
+
+            if(result.code !== 200)
+            {
+                throw new Error(result.message);
+            }
+
+            return result.data;
+        }
+    });
+});

package/addons/render/pages/front/js/items/shortcuts/home.js

@@ -0,0 +1,9 @@
+divhunt.AddonReady('shortcuts', (shortcuts) =>
+{
+    shortcuts.Item({
+        id: 'pages:home',
+        key: 'meta+1',
+        description: 'Navigate to home page',
+        command: { id: 'pages:change', path: '/' }
+    });
+});

package/addons/render/pages/front/js/items/shortcuts/login.js

@@ -0,0 +1,9 @@
+divhunt.AddonReady('shortcuts', (shortcuts) =>
+{
+    shortcuts.Item({
+        id: 'pages:login',
+        key: 'meta+2',
+        description: 'Navigate to login page',
+        command: { id: 'pages:change', path: '/login' }
+    });
+});

package/addons/render/tags/addon.js

@@ -0,0 +1,11 @@
+import divhunt from '#framework/load.js';
+
+const tags = divhunt.Addon('tags', (addon) =>
+{
+    addon.Field('id', ['string']);
+    addon.Field('closeable', ['boolean', true]);
+    addon.Field('text', ['boolean', true]);
+    addon.Field('nest', ['object', {}]);
+});
+
+export default tags;

package/addons/render/tags/functions/groups.js

@@ -0,0 +1,13 @@
+import tags from '#tags/addon.js';
+
+tags.Fn('groups', function()
+{
+    return {
+        'text-inline': ['a', 'abbr', 'b', 'bdi', 'bdo', 'br', 'cite', 'code', 'em', 'i', 'img', 'kbd', 'mark', 'q', 'small', 'span', 'strong', 'sub', 'sup', 'time', 'u', 'var', 'del', 'ins'],
+        'form': ['input', 'textarea', 'select', 'option', 'optgroup', 'form', 'button', 'label', 'fieldset', 'legend', 'datalist', 'output'],
+        'block': ['div', 'p', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'blockquote', 'pre', 'ul', 'ol', 'li', 'table', 'section', 'article', 'aside', 'nav', 'header', 'footer', 'main', 'figure'],
+        'table': ['table', 'thead', 'tbody', 'tfoot', 'tr', 'th', 'td', 'caption', 'colgroup', 'col'],
+        'media': ['img', 'video', 'audio', 'source', 'track', 'embed', 'iframe'],
+        'void': ['area', 'base', 'br', 'col', 'embed', 'hr', 'img', 'input', 'link', 'meta', 'source', 'track', 'wbr']
+    };
+});

package/addons/render/tags/functions/validate.js

@@ -0,0 +1,51 @@
+import tags from '#tags/addon.js';
+
+tags.Fn('validate', function(parentTag, childTag)
+{
+    const parent = this.ItemGet(parentTag);
+    const child = this.ItemGet(childTag);
+    
+    if(!parent || !child)
+    {
+        return false;
+    }
+    
+    const nest = parent.Get('nest');
+    const groups = this.Fn('groups');
+    
+    this.methods.check = (rules, tag) =>
+    {
+        return rules.some(rule =>
+        {
+            if(rule === '*')
+            {
+                return true;
+            }
+            
+            if(rule.startsWith('@'))
+            {
+                const groupName = rule.substring(1);
+                return groups[groupName] && groups[groupName].includes(tag);
+            }
+            
+            return rule === tag;
+        });
+    };
+    
+    if(nest.allowed)
+    {
+        if(nest.allowed.includes('*'))
+        {
+            return !nest.disallowed || !this.methods.check(nest.disallowed, childTag);
+        }
+        
+        return this.methods.check(nest.allowed, childTag);
+    }
+    
+    if(nest.disallowed)
+    {
+        return !this.methods.check(nest.disallowed, childTag);
+    }
+    
+    return true;
+});

package/addons/render/tags/items/block.js

@@ -0,0 +1,131 @@
+import tags from '#tags/addon.js';
+
+// Headings
+tags.Item({
+    id: 'h1',
+    closeable: true,
+    text: true,
+    nest: {
+        allowed: ['@text-inline']
+    }
+});
+
+tags.Item({
+    id: 'h2',
+    closeable: true,
+    text: true,
+    nest: {
+        allowed: ['@text-inline']
+    }
+});
+
+tags.Item({
+    id: 'h3',
+    closeable: true,
+    text: true,
+    nest: {
+        allowed: ['@text-inline']
+    }
+});
+
+tags.Item({
+    id: 'h4',
+    closeable: true,
+    text: true,
+    nest: {
+        allowed: ['@text-inline']
+    }
+});
+
+tags.Item({
+    id: 'h5',
+    closeable: true,
+    text: true,
+    nest: {
+        allowed: ['@text-inline']
+    }
+});
+
+tags.Item({
+    id: 'h6',
+    closeable: true,
+    text: true,
+    nest: {
+        allowed: ['@text-inline']
+    }
+});
+
+// Text blocks
+tags.Item({
+    id: 'p',
+    closeable: true,
+    text: true,
+    nest: {
+        allowed: ['@text-inline']
+    }
+});
+
+tags.Item({
+    id: 'blockquote',
+    closeable: true,
+    text: true,
+    nest: {
+        allowed: ['@text-inline', '@block']
+    }
+});
+
+tags.Item({
+    id: 'pre',
+    closeable: true,
+    text: true,
+    nest: {
+        allowed: ['@text-inline']
+    }
+});
+
+tags.Item({
+    id: 'hr',
+    closeable: false,
+    text: false,
+    nest: {
+        disallowed: ['*']
+    }
+});
+
+// Generic containers
+tags.Item({
+    id: 'div',
+    closeable: true,
+    text: true,
+    nest: {
+        allowed: ['*']
+    }
+});
+
+// Lists
+tags.Item({
+    id: 'ul',
+    closeable: true,
+    text: false,
+    nest: {
+        allowed: ['li']
+    }
+});
+
+tags.Item({
+    id: 'ol',
+    closeable: true,
+    text: false,
+    nest: {
+        allowed: ['li']
+    }
+});
+
+tags.Item({
+    id: 'li',
+    closeable: true,
+    text: true,
+    nest: {
+        allowed: ['*']
+    }
+});

package/addons/render/tags/items/form.js

@@ -0,0 +1,112 @@
+import tags from '#tags/addon.js';
+
+tags.Item({
+    id: 'form',
+    closeable: true,
+    text: true,
+    nest: {
+        allowed: ['*'],
+        disallowed: ['form']
+    }
+});
+
+tags.Item({
+    id: 'fieldset',
+    closeable: true,
+    text: true,
+    nest: {
+        allowed: ['*']
+    }
+});
+
+tags.Item({
+    id: 'legend',
+    closeable: true,
+    text: true,
+    nest: {
+        allowed: ['@text-inline']
+    }
+});
+
+tags.Item({
+    id: 'label',
+    closeable: true,
+    text: true,
+    nest: {
+        allowed: ['@text-inline', '@form'],
+        disallowed: ['label']
+    }
+});
+
+tags.Item({
+    id: 'input',
+    closeable: false,
+    text: false,
+    nest: {
+        disallowed: ['*']
+    }
+});
+
+tags.Item({
+    id: 'textarea',
+    closeable: true,
+    text: true,
+    nest: {
+        disallowed: ['*']
+    }
+});
+
+tags.Item({
+    id: 'select',
+    closeable: true,
+    text: false,
+    nest: {
+        allowed: ['option', 'optgroup']
+    }
+});
+
+tags.Item({
+    id: 'option',
+    closeable: true,
+    text: true,
+    nest: {
+        disallowed: ['*']
+    }
+});
+
+tags.Item({
+    id: 'optgroup',
+    closeable: true,
+    text: false,
+    nest: {
+        allowed: ['option']
+    }
+});
+
+tags.Item({
+    id: 'datalist',
+    closeable: true,
+    text: false,
+    nest: {
+        allowed: ['option']
+    }
+});
+
+tags.Item({
+    id: 'button',
+    closeable: true,
+    text: true,
+    nest: {
+        allowed: ['@text-inline'],
+        disallowed: ['@form']
+    }
+});
+
+tags.Item({
+    id: 'output',
+    closeable: true,
+    text: true,
+    nest: {
+        allowed: ['@text-inline']
+    }
+});

package/addons/render/tags/items/media.js

@@ -0,0 +1,64 @@
+import tags from '#tags/addon.js';
+
+tags.Item({
+    id: 'img',
+    closeable: false,
+    text: false,
+    nest: {
+        disallowed: ['*']
+    }
+});
+
+tags.Item({
+    id: 'video',
+    closeable: true,
+    text: true,
+    nest: {
+        allowed: ['source', 'track']
+    }
+});
+
+tags.Item({
+    id: 'audio',
+    closeable: true,
+    text: true,
+    nest: {
+        allowed: ['source', 'track']
+    }
+});
+
+tags.Item({
+    id: 'source',
+    closeable: false,
+    text: false,
+    nest: {
+        disallowed: ['*']
+    }
+});
+
+tags.Item({
+    id: 'track',
+    closeable: false,
+    text: false,
+    nest: {
+        disallowed: ['*']
+    }
+});
+
+tags.Item({
+    id: 'embed',
+    closeable: false,
+    text: false,
+    nest: {
+        disallowed: ['*']
+    }
+});
+
+tags.Item({
+    id: 'iframe',
+    closeable: true,
+    text: true,
+    nest: {
+        disallowed: ['*']
+    }
+});

package/addons/render/tags/items/meta.js

@@ -0,0 +1,28 @@
+import tags from '#tags/addon.js';
+
+tags.Item({
+    id: 'meta',
+    closeable: false,
+    text: false,
+    nest: {
+        disallowed: ['*']
+    }
+});
+
+tags.Item({
+    id: 'link',
+    closeable: false,
+    text: false,
+    nest: {
+        disallowed: ['*']
+    }
+});
+
+tags.Item({
+    id: 'script',
+    closeable: true,
+    text: true,
+    nest: {
+        disallowed: ['*']
+    }
+});

package/addons/render/tags/items/semantic.js

@@ -0,0 +1,114 @@
+import tags from '#tags/addon.js';
+
+// Document structure
+tags.Item({
+    id: 'main',
+    closeable: true,
+    text: true,
+    nest: {
+        allowed: ['*'],
+        disallowed: ['main']
+    }
+});
+
+tags.Item({
+    id: 'header',
+    closeable: true,
+    text: true,
+    nest: {
+        allowed: ['*'],
+        disallowed: ['header', 'footer']
+    }
+});
+
+tags.Item({
+    id: 'footer',
+    closeable: true,
+    text: true,
+    nest: {
+        allowed: ['*'],
+        disallowed: ['header', 'footer']
+    }
+});
+
+tags.Item({
+    id: 'nav',
+    closeable: true,
+    text: true,
+    nest: {
+        allowed: ['*']
+    }
+});
+
+tags.Item({
+    id: 'section',
+    closeable: true,
+    text: true,
+    nest: {
+        allowed: ['*']
+    }
+});
+
+tags.Item({
+    id: 'article',
+    closeable: true,
+    text: true,
+    nest: {
+        allowed: ['*']
+    }
+});
+
+tags.Item({
+    id: 'aside',
+    closeable: true,
+    text: true,
+    nest: {
+        allowed: ['*']
+    }
+});
+
+// Content grouping
+tags.Item({
+    id: 'figure',
+    closeable: true,
+    text: true,
+    nest: {
+        allowed: ['*']
+    }
+});
+
+tags.Item({
+    id: 'figcaption',
+    closeable: true,
+    text: true,
+    nest: {
+        allowed: ['@text-inline']
+    }
+});
+
+tags.Item({
+    id: 'details',
+    closeable: true,
+    text: true,
+    nest: {
+        allowed: ['*']
+    }
+});
+
+tags.Item({
+    id: 'summary',
+    closeable: true,
+    text: true,
+    nest: {
+        allowed: ['@text-inline']
+    }
+});
+
+tags.Item({
+    id: 'dialog',
+    closeable: true,
+    text: true,
+    nest: {
+        allowed: ['*']
+    }
+});

package/addons/render/tags/items/table.js

@@ -0,0 +1,92 @@
+import tags from '#tags/addon.js';
+
+tags.Item({
+    id: 'table',
+    closeable: true,
+    text: false,
+    nest: {
+        allowed: ['caption', 'colgroup', 'thead', 'tbody', 'tfoot', 'tr']
+    }
+});
+
+tags.Item({
+    id: 'caption',
+    closeable: true,
+    text: true,
+    nest: {
+        allowed: ['@text-inline']
+    }
+});
+
+tags.Item({
+    id: 'colgroup',
+    closeable: true,
+    text: false,
+    nest: {
+        allowed: ['col']
+    }
+});
+
+tags.Item({
+    id: 'col',
+    closeable: false,
+    text: false,
+    nest: {
+        disallowed: ['*']
+    }
+});
+
+tags.Item({
+    id: 'thead',
+    closeable: true,
+    text: false,
+    nest: {
+        allowed: ['tr']
+    }
+});
+
+tags.Item({
+    id: 'tbody',
+    closeable: true,
+    text: false,
+    nest: {
+        allowed: ['tr']
+    }
+});
+
+tags.Item({
+    id: 'tfoot',
+    closeable: true,
+    text: false,
+    nest: {
+        allowed: ['tr']
+    }
+});
+
+tags.Item({
+    id: 'tr',
+    closeable: true,
+    text: false,
+    nest: {
+        allowed: ['th', 'td']
+    }
+});
+
+tags.Item({
+    id: 'th',
+    closeable: true,
+    text: true,
+    nest: {
+        allowed: ['*'],
+        disallowed: ['@form']
+    }
+});
+
+tags.Item({
+    id: 'td',
+    closeable: true,
+    text: true,
+    nest: {
+        allowed: ['*']
+    }
+});