divhunt 2.0.5 → 2.0.9

package/addons/core/commands/back/functions/expose.js

@@ -0,0 +1,14 @@
+import commands from '#commands/core/addon.js';
+
+commands.Fn('expose', function(id, endpoint = null)
+{
+    const command = commands.ItemGet(id);
+
+    if(!command)
+    {
+        return;
+    }
+
+    command.Set('exposed', true);
+    command.Set('endpoint', endpoint || '/api/' + id.replace(/:/g, '/'));
+});

package/addons/core/commands/back/functions/find.js

@@ -1,4 +1,4 @@
-import commands from '../addon.js';
+import commands from '#commands/core/addon.js';
 
 commands.Fn('find', function(method, pathname)
 {

package/addons/core/commands/back/functions/grpc/client.js

@@ -1,4 +1,4 @@
-import commands from '../../addon.js';
+import commands from '#commands/core/addon.js';
 
 commands.Fn('grpc.client', async function(host, port, metadata = {}, prefix = 'remote', bidirectional = false, callbacks = {})
 {

package/addons/core/commands/back/functions/grpc/server.js

@@ -1,4 +1,4 @@
-import commands from '../../addon.js';
+import commands from '#commands/core/addon.js';
 
 commands.Fn('grpc.server', async function(port = 50000, callbacks = {})
 {

package/addons/core/commands/back/functions/hide.js

@@ -0,0 +1,14 @@
+import commands from '#commands/core/addon.js';
+
+commands.Fn('hide', function(id)
+{
+    const command = commands.ItemGet(id);
+
+    if(!command)
+    {
+        return;
+    }
+
+    command.Set('exposed', false);
+    command.Set('endpoint', null);
+});

package/addons/core/commands/back/functions/http/server.js

@@ -1,5 +1,5 @@
 import divhunt from '#framework/load.js';
-import commands from '../../addon.js';
+import commands from '#commands/core/addon.js';
 
 commands.Fn('http.server', async function(port = 3000, callbacks = {})
 {

package/addons/core/commands/back/items/{many.js → self/many.js}

@@ -1,11 +1,9 @@
 import divhunt from '#framework/load.js';
-import commands from '../addon.js';
+import commands from '#commands/core/addon.js';
 
 commands.Item({
     id: 'commands:get:many',
-    exposed: true,
     method: 'GET',
-    endpoint: '/api/commands',
     type: 'JSON',
     out: {
         commands: {
@@ -44,7 +42,7 @@ commands.Item({
     {
         const list = [];
 
-        Object.values(commands.Items()).forEach((item) => 
+        Object.values(commands.Items()).forEach((item) =>
         {
             if(!item.Get('exposed'))
             {

package/addons/core/commands/back/items/{one.js → self/one.js}

@@ -1,11 +1,9 @@
 import divhunt from '#framework/load.js';
-import commands from '../addon.js';
+import commands from '#commands/core/addon.js';
 
 commands.Item({
     id: 'commands:get:one',
-    exposed: true,
     method: 'GET',
-    endpoint: '/api/commands/:id',
     type: 'JSON',
     in: {
         id: ['string']
@@ -73,4 +71,4 @@ commands.Item({
             }
         });
     }
-});
+});

package/addons/core/commands/back/items/{run.js → self/run.js}

@@ -1,10 +1,8 @@
-import commands from '../addon.js';
+import commands from '#commands/core/addon.js';
 
 commands.Item({
     id: 'commands:run',
-    exposed: true,
     method: 'POST',
-    endpoint: '/api/commands/run',
     type: 'JSON',
     in: {
         id: ['string', null, true],
@@ -17,8 +15,6 @@ commands.Item({
     },
     callback: async function(properties, resolve)
     {
-        console.log(properties.id);
-        
         const command = commands.ItemGet(properties.id);
 
         if(!command)
@@ -31,7 +27,7 @@ commands.Item({
             return resolve(null, 'Command is not exposed.', 403);
         }
 
-        try 
+        try
         {
             const result = await commands.Item(properties.id).Fn('run', (properties.data || {}));
 
@@ -46,4 +42,4 @@ commands.Item({
             resolve(null, error.message, typeof error.code === 'number' ? error.code : 500);
         }
     }
-});
+});

package/addons/core/commands/core/functions/run.js

@@ -0,0 +1,13 @@
+import commands from '#commands/core/addon.js';
+
+commands.Fn('run', async function(id, data = {})
+{
+	const command = commands.ItemGet(id);
+
+	if(!command)
+	{
+		throw new Error(`Command '${id}' not found.`);
+	}
+
+	return await command.Fn('run', data);
+});

package/addons/core/commands/{back → core}/item/functions/run.js

@@ -1,5 +1,5 @@
 import divhunt from '#framework/load.js';
-import commands from '../../addon.js';
+import commands from '#commands/core/addon.js';
 
 commands.Fn('item.run', function(item, properties = {}, onChunk = null, context = {})
 {

package/addons/core/commands/core/load.js

@@ -0,0 +1,25 @@
+import commands from '#commands/core/addon.js';
+
+import '#commands/core/item/functions/run.js';
+import '#commands/core/functions/run.js';
+
+/* gRPC */
+import '#commands/back/functions/grpc/server.js';
+import '#commands/back/functions/grpc/client.js';
+
+/* HTTP */
+import '#commands/back/functions/http/server.js';
+
+/* Find */
+import '#commands/back/functions/find.js';
+
+/* Expose */
+import '#commands/back/functions/expose.js';
+import '#commands/back/functions/hide.js';
+
+/* Items */
+import '#commands/back/items/self/one.js';
+import '#commands/back/items/self/many.js';
+import '#commands/back/items/self/run.js';
+
+export default commands;

package/addons/core/commands/front/directives/run.js

@@ -0,0 +1,84 @@
+directives.ItemAdd({
+	id: 'dh-command',
+	icon: 'terminal',
+	name: 'Command',
+	description: 'Execute a command instantly on render',
+	category: 'data',
+	trigger: 'node',
+	order: 664,
+	strict: false,
+	tag: 'dh-command',
+	attributes: {
+		'command': ['string', null, true],
+		'bind': ['string', 'command'],
+		'_success': ['function'],
+		'_error': ['function'],
+		'data': ['object', {}],
+		'api': ['boolean', false]
+	},
+	code: function(data, item, compile, node, identifier)
+	{
+		const config = {};
+		const methods = {};
+
+		methods.init = () =>
+		{
+			methods.config();
+
+			if(compile.data[config.bind] !== undefined)
+			{
+				return;
+			}
+
+			compile.data[config.bind] = null;
+			methods.run();
+		};
+
+		methods.config = () =>
+		{
+			config.command = data['command'].value;
+			config.bind = data['bind'].value;
+			config.onSuccess = data['_success'].value;
+			config.onError = data['_error'].value;
+			config.data = data['data'].value;
+			config.api = data['api'].value;
+		};
+
+		methods.run = async () =>
+		{
+			const state = {
+				response: null,
+				error: null,
+				loading: true
+			};
+
+			try
+			{
+				const result = config.api
+					? await commands.Fn('api', config.command, config.data)
+					: await commands.Fn('run', config.command, config.data);
+
+				state.response = result;
+				state.error    = null;
+				state.loading  = false;
+
+				config.onSuccess && config.onSuccess(state);
+			}
+			catch(error)
+			{
+				state.response = null;
+				state.error    = error.message;
+				state.loading  = false;
+
+				config.onError && config.onError(state);
+			}
+			finally
+			{
+				compile.data[config.bind] = state;
+				compile.data.Update();
+			}
+		};
+
+		methods.init();
+	}
+});

package/addons/core/commands/front/directives/submit.js

@@ -0,0 +1,150 @@
+directives.ItemAdd({
+	id: 'dh-command-submit',
+	icon: 'terminal',
+	name: 'Command Submit',
+	description: 'Submit form data to a command via commands.Fn',
+	category: 'data',
+	trigger: 'node',
+	order: 665,
+	strict: false,
+	tag: 'dh-command-submit',
+	attributes: {
+		'command': ['string', null, true],
+		'bind': ['string', 'command'],
+		'_success': ['function'],
+		'_error': ['function'],
+		'reset': ['boolean', false],
+		'stop': ['boolean', false],
+		'data': ['object', {}],
+		'api': ['boolean', false]
+	},
+	code: function(data, item, compile, node, identifier)
+	{
+		const config = {};
+		const methods = {};
+
+		methods.init = () =>
+		{
+			methods.config();
+
+			if(compile.data[config.bind] !== undefined)
+			{
+				return;
+			}
+
+			compile.data[config.bind] = {
+				response: null,
+				error: null,
+				loading: false
+			};
+
+			methods.element();
+			methods.handler();
+		};
+
+		methods.config = () =>
+		{
+			config.command = data['command'].value;
+			config.bind = data['bind'].value;
+			config.onSuccess = data['_success'].value;
+			config.onError = data['_error'].value;
+			config.reset = data['reset'].value;
+			config.stop = data['stop'].value;
+			config.data = data['data'].value;
+			config.api = data['api'].value;
+		};
+
+		methods.element = () =>
+		{
+			config.form = document.createElement('form');
+			config.form.setAttribute('autocomplete', 'off');
+
+			while(node.firstChild)
+			{
+				config.form.appendChild(node.firstChild);
+			}
+
+			node.appendChild(config.form);
+			divhunt.FormSet(config.form, config.data);
+		};
+
+		methods.handler = () =>
+		{
+			config.form.dhCommandSubmit = async (event) =>
+			{
+				event.preventDefault();
+
+				if(config.stop)
+				{
+					event.stopPropagation();
+				}
+
+				await methods.submit();
+			};
+		};
+
+		methods.submit = async () =>
+		{
+			const state = compile.data[config.bind];
+
+			if(state.loading)
+			{
+				return;
+			}
+
+			state.loading = true;
+			state.error = null;
+
+			compile.data.Update();
+
+			try
+			{
+				const formData = divhunt.FormGet(config.form);
+				const result = config.api
+					? await commands.Fn('api', config.command, formData)
+					: await commands.Fn('run', config.command, formData);
+
+				state.response = result;
+				state.error    = null;
+				state.loading  = false;
+
+				config.reset && config.form.reset();
+				config.onSuccess && config.onSuccess(state);
+			}
+			catch(error)
+			{
+				state.response = null;
+				state.error    = error.message;
+				state.loading  = false;
+
+				config.onError && config.onError(state);
+			}
+			finally
+			{
+				compile.data[config.bind] = state;
+				compile.data.Update();
+			}
+		};
+
+		methods.init();
+	}
+});
+
+divhunt.AddonReady('directives', function()
+{
+	document.addEventListener('submit', function(event)
+	{
+		let node = event.target;
+
+		while(node && node !== document)
+		{
+			if('dhCommandSubmit' in node)
+			{
+				node.dhCommandSubmit(event);
+				break;
+			}
+
+			node = node.parentNode;
+		}
+	});
+});

package/addons/core/commands/front/functions/api.js

@@ -0,0 +1,30 @@
+commands.Fn('api', async function(id, data = {})
+{
+    try
+    {
+        const response = await fetch('/api/commands/run', {
+            method: 'POST',
+            headers: {
+                'Content-Type': 'application/json'
+            },
+            body: JSON.stringify({ id, data })
+        });
+
+        const result = await response.json();
+
+        if(result.code !== 200)
+        {
+            throw result.data;
+        }
+
+        return { time: result.time, ...result.data };
+    }
+    catch(error)
+    {
+        return {
+            data: null,
+            message: error.message,
+            code: 500
+        };
+    }
+});

package/addons/render/assets/back/functions/import.js

@@ -8,7 +8,7 @@ const root = resolve(dirname(fileURLToPath(import.meta.url)), '..', '..', '..',
 const map =
 {
     framework:  { js: 'lib', ignore: ['lib/load.js'] },
-    commands:   { js: 'addons/core/commands/front', css: 'addons/core/commands/front' },
+    commands:   { js: 'addons/core/commands', css: 'addons/core/commands/front', ignore: ['addons/core/commands/back'] },
     database:   { js: 'addons/core/database/front' },
     actions:    { js: 'addons/modules/actions/front' },
     bugs:       { js: 'addons/modules/bugs/front' },

package/examples/basic-front/back/assets.js

@@ -0,0 +1,11 @@
+import assets from 'divhunt/assets';
+
+import { dirname, resolve } from 'path';
+import { fileURLToPath } from 'url';
+
+const root = resolve(dirname(fileURLToPath(import.meta.url)), '..');
+
+assets.Fn('import', ['framework', 'commands', 'pages']);
+
+assets.Item({ type: 'js', order: 10, path: resolve(root, 'front') });
+assets.Item({ type: 'css', order: 10, path: resolve(root, 'front') });

package/examples/basic-front/back/index.js

@@ -0,0 +1,13 @@
+import './assets.js';
+import './items/html/fonts.js';
+import './items/commands/html.js';
+import './items/commands/test.js';
+
+import commands from 'divhunt/commands';
+
+commands.Fn('http.server', 3000, {
+    onStart: () =>
+    {
+        console.log('basic-front running on http://localhost:3000');
+    }
+});

package/examples/basic-front/back/items/commands/html.js

@@ -0,0 +1,14 @@
+import commands from 'divhunt/commands';
+import html from 'divhunt/html';
+
+commands.Item({
+    id: 'html',
+    exposed: true,
+    method: 'GET',
+    endpoint: '*',
+    type: 'HTML',
+    callback: async function(properties, resolve)
+    {
+        resolve(html.Fn('render'));
+    }
+});

package/examples/basic-front/back/items/commands/test.js

@@ -0,0 +1,19 @@
+import commands from 'divhunt/commands';
+
+commands.Item({
+    id: 'test',
+    exposed: true,
+    method: 'POST',
+    endpoint: '/api/test',
+    type: 'JSON',
+    in: {
+        name: ['string', 'World']
+    },
+    out: {
+        message: ['string']
+    },
+    callback: async function(properties, resolve)
+    {
+        resolve({ message: 'Hello, ' + properties.name + '!' });
+    }
+});

package/examples/basic-front/back/items/html/fonts.js

@@ -0,0 +1,12 @@
+import html from 'divhunt/html';
+
+html.Item({
+    id: 'fonts',
+    tag: 'link',
+    position: 'head',
+    order: 85,
+    attributes: {
+        rel: 'stylesheet',
+        href: 'https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap'
+    }
+});

package/examples/basic-front/front/pages/home.js

@@ -0,0 +1,16 @@
+pages.Item({
+    id: 'home',
+    route: '/',
+    title: 'Divhunt Framework',
+    areas: {
+        main: function()
+        {
+            return `
+                <div class="hero">
+                    <h1>Hello from Divhunt Framework</h1>
+                    <p>A minimal full-stack JavaScript framework.</p>
+                </div>
+            `;
+        }
+    }
+});

package/examples/basic-front/front/styles/main.css

@@ -0,0 +1,31 @@
+* {
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+}
+
+body {
+    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
+    background: #0f0f0f;
+    color: #e0e0e0;
+    min-height: 100vh;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.hero {
+    text-align: center;
+}
+
+.hero h1 {
+    font-size: 48px;
+    font-weight: 600;
+    letter-spacing: -1px;
+    margin-bottom: 16px;
+}
+
+.hero p {
+    font-size: 16px;
+    color: #888;
+}

package/examples/basic-front/front/test.js

@@ -0,0 +1,7 @@
+const commands = divhunt.Addon('commands');
+
+(async () =>
+{
+    const result = await commands.Fn('api', 'test', { name: 'Dejan' });
+    console.log('api result:', result);
+})();

package/examples/basic-front/package.json

@@ -0,0 +1,7 @@
+{
+    "name": "basic-front-example",
+    "type": "module",
+    "dependencies": {
+        "divhunt": "^2.0.6"
+    }
+}

package/lib/src/divhunt.js

@@ -16,6 +16,7 @@ import DivhuntHelper from './mixins/helper.js';
 import DivhuntRoute from './mixins/route.js';
 import DivhuntError from './mixins/error.js';
 import DivhuntCrypto from './mixins/crypto.js';
+import DivhuntForm from './mixins/form.js';
 
 class Divhunt
 {
@@ -82,5 +83,6 @@ Object.assign(Divhunt.prototype, DivhuntHelper);
 Object.assign(Divhunt.prototype, DivhuntRoute);
 Object.assign(Divhunt.prototype, DivhuntError);
 Object.assign(Divhunt.prototype, DivhuntCrypto);
+Object.assign(Divhunt.prototype, DivhuntForm);
 
 export default Divhunt;

package/lib/src/mixins/form.js

@@ -0,0 +1,67 @@
+const DivhuntForm =
+{
+    FormGet(element)
+    {
+        const data = {};
+        const inputs = element.querySelectorAll('input[name], textarea[name], select[name]');
+
+        inputs.forEach(input =>
+        {
+            const name = input.getAttribute('name');
+
+            if(!name)
+            {
+                return;
+            }
+
+            if(input.type === 'checkbox')
+            {
+                data[name] = input.checked;
+            }
+            else if(input.type === 'radio')
+            {
+                if(input.checked)
+                {
+                    data[name] = input.value;
+                }
+            }
+            else
+            {
+                data[name] = input.value;
+            }
+        });
+
+        return data;
+    },
+
+    FormSet(element, data)
+    {
+        if(!data || typeof data !== 'object')
+        {
+            return;
+        }
+
+        Object.entries(data).forEach(([name, value]) =>
+        {
+            const inputs = element.querySelectorAll(`[name="${name}"]`);
+
+            inputs.forEach(input =>
+            {
+                if(input.type === 'checkbox')
+                {
+                    input.checked = !!value;
+                }
+                else if(input.type === 'radio')
+                {
+                    input.checked = input.value === value;
+                }
+                else
+                {
+                    input.value = value;
+                }
+            });
+        });
+    }
+};
+
+export default DivhuntForm;