divhunt 2.0.9 → 2.0.11

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

@@ -25,8 +25,8 @@ commands.Fn('http.server', async function(port = 3000, callbacks = {})
 
             if(!command || !command.Get('exposed'))
             {
-                http.response.code = 404;
-                http.response.message = 'Command not found.';
+                http.respond.code = 404;
+                http.respond.message = 'Command not found.';
 
                 callbacks['onResponse'] && callbacks['onResponse'](http);
                 return;
@@ -47,7 +47,7 @@ commands.Fn('http.server', async function(port = 3000, callbacks = {})
             {
                 http.data.streaming = 1;
                 http.prevent = true;
-                http.raw.writeHead(200, {
+                http.response.writeHead(200, {
                     'Content-Type': type.contentType,
                     'Transfer-Encoding': 'chunked'
                 });
@@ -58,7 +58,7 @@ commands.Fn('http.server', async function(port = 3000, callbacks = {})
                 if(http.data.streaming)
                 {
                     http.data.streaming++;
-                    http.raw.write(type.formatter(chunk.data) + '\n');
+                    http.response.write(type.formatter(chunk.data) + '\n');
                 }
 
                 callbacks['onChunk'] && callbacks['onChunk'](http, chunk);
@@ -68,16 +68,16 @@ commands.Fn('http.server', async function(port = 3000, callbacks = {})
             {
                 if(http.data.streaming === 1)
                 {
-                    http.raw.write(type.formatter(response.data) + '\n');
+                    http.response.write(type.formatter(response.data) + '\n');
                 }
 
-                http.raw.end();
+                http.response.end();
             }
 
-            http.response.type = command.Get('type');
-            http.response.data = response.data;
-            http.response.message = response.message;
-            http.response.code = response.code;
+            http.respond.type = command.Get('type');
+            http.respond.data = response.data;
+            http.respond.message = response.message;
+            http.respond.code = response.code;
 
             callbacks['onResponse'] && callbacks['onResponse'](http);
         },

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

@@ -18,6 +18,11 @@ directives.ItemAdd({
 	},
 	code: function(data, item, compile, node, identifier)
 	{
+		if(node.tagName.toLowerCase() !== 'dh-command')
+		{
+			return;
+		}
+
 		const config = {};
 		const methods = {};
 
@@ -74,6 +79,7 @@ directives.ItemAdd({
 			}
 			finally
 			{
+				
 				compile.data[config.bind] = state;
 				compile.data.Update();
 			}

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

@@ -26,20 +26,21 @@ directives.ItemAdd({
 		methods.init = () =>
 		{
 			methods.config();
+			methods.state();
+			methods.element();
+			methods.handler();
+		};
 
-			if(compile.data[config.bind] !== undefined)
+		methods.state = () =>
+		{
+			if(!compile.data[config.bind])
 			{
-				return;
+				compile.data[config.bind] = {
+					response: null,
+					error: null,
+					loading: false
+				};
 			}
-
-			compile.data[config.bind] = {
-				response: null,
-				error: null,
-				loading: false
-			};
-
-			methods.element();
-			methods.handler();
 		};
 
 		methods.config = () =>
@@ -85,15 +86,17 @@ directives.ItemAdd({
 
 		methods.submit = async () =>
 		{
-			const state = compile.data[config.bind];
+			compile.data[config.bind];
 
-			if(state.loading)
+			if(compile.data[config.bind].loading)
 			{
 				return;
 			}
 
-			state.loading = true;
-			state.error = null;
+			compile.data[config.bind].loading = true;
+			compile.data[config.bind].error = null;
+
+			console.log(compile.data[config.bind]);
 
 			compile.data.Update();
 
@@ -104,24 +107,23 @@ directives.ItemAdd({
 					? await commands.Fn('api', config.command, formData)
 					: await commands.Fn('run', config.command, formData);
 
-				state.response = result;
-				state.error    = null;
-				state.loading  = false;
+				compile.data[config.bind].response = result;
+				compile.data[config.bind].error    = null;
+				compile.data[config.bind].loading  = false;
 
 				config.reset && config.form.reset();
-				config.onSuccess && config.onSuccess(state);
+				config.onSuccess && config.onSuccess(compile.data[config.bind]);
 			}
 			catch(error)
 			{
-				state.response = null;
-				state.error    = error.message;
-				state.loading  = false;
+				compile.data[config.bind].response = null;
+				compile.data[config.bind].error    = error.message;
+				compile.data[config.bind].loading  = false;
 
-				config.onError && config.onError(state);
+				config.onError && config.onError(compile.data[config.bind]);
 			}
 			finally
 			{
-				compile.data[config.bind] = state;
 				compile.data.Update();
 			}
 		};

package/addons/core/servers/back/http/item/functions/start.js

@@ -27,11 +27,11 @@ serversHTTP.Fn('item.start', function(item)
             user: this.methods.user(request),
             time: performance.now(),
             error: null,
-            raw: response,
+            response,
             streaming: false,
             types: this.methods.types,
             prevent: false,
-            response: {
+            respond: {
                 type: 'JSON',
                 data: null,
                 message: 'Request processed',
@@ -64,7 +64,7 @@ serversHTTP.Fn('item.start', function(item)
             return;
         }
 
-        const type = http.types[http.response.type] || http.types.JSON;
+        const type = http.types[http.respond.type] || http.types.JSON;
 
         http.time = (performance.now() - http.time).toFixed(2);
 
@@ -83,14 +83,14 @@ serversHTTP.Fn('item.start', function(item)
             return;
         }
 
-        const content = http.response.type === 'JSON' ? {
-            data: http.response.data || {},
-            message: http.response.message || 'No response message provided.',
-            code: http.response.code,
+        const content = http.respond.type === 'JSON' ? {
+            data: http.respond.data || {},
+            message: http.respond.message || 'No response message provided.',
+            code: http.respond.code,
             time: http.time
-        } : http.response.data || '';
+        } : http.respond.data || '';
 
-        response.writeHead(http.response.code, { 'Content-Type': type.contentType });
+        response.writeHead(http.respond.code, { 'Content-Type': type.contentType });
         response.end(type.formatter(content));
 
         item.Get('onComplete') && item.Get('onComplete')(http);

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

@@ -18,7 +18,7 @@ const map =
     sources:    { js: 'addons/modules/sources/front' },
     directives: { js: 'addons/render/directives/front' },
     transforms: { js: 'addons/render/transforms/front' },
-    pages:      { js: 'addons/render/pages/front', css: 'addons/render/pages/front' },
+    pages:      { js: 'addons/render/pages', css: 'addons/render/pages/front' },
     elements:   { js: 'addons/render/elements/front', css: 'addons/render/elements/front' },
     float:      { js: 'addons/float', css: 'addons/float' }
 };

package/addons/render/pages/{front/js/#register → core}/addon.js

@@ -1,3 +1,5 @@
+import divhunt from '#framework/load.js';
+
 const pages = divhunt.Addon('pages', (addon) =>
 {
 	addon.Field('id', ['string']);
@@ -27,3 +29,5 @@ const pages = divhunt.Addon('pages', (addon) =>
 	addon.Field('element', ['object']);
 	addon.Field('404', ['boolean', false]);
 });
+
+export default pages;

package/addons/render/pages/core/load.js

@@ -0,0 +1,3 @@
+import pages from './addon.js';
+
+export default pages;

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

@@ -0,0 +1,38 @@
+directives.ItemAdd({
+	id: 'dh-page',
+	icon: 'file',
+	name: 'Page',
+	description: 'Navigate to a page on render',
+	category: 'navigation',
+	trigger: 'node',
+	order: 666,
+	strict: false,
+	tag: 'dh-page',
+	attributes: {
+		'route': ['string', null, true],
+		'parameters': ['object', {}],
+		'history': ['boolean', true],
+		'timeout': ['number', 0]
+	},
+	code: function(data, item, compile, node, identifier)
+	{
+		const route = data['route'].value;
+		const parameters = data['parameters'].value;
+		const push = data['history'].value;
+		const timeout = data['timeout'].value;
+
+		const change = () =>
+		{
+			pages.Fn('change', route, parameters, { path: true, push });
+		};
+
+		if(timeout > 0)
+		{
+			setTimeout(change, timeout);
+		}
+		else
+		{
+			change();
+		}
+	}
+});

package/docs/architecture.md

@@ -3,12 +3,12 @@
 ## File structure
 
 ```
-lib/                     Core Divhunt class + 16 mixins
+lib/                     Core Divhunt class + 17 mixins
   load.js                Entry point — creates Divhunt instance, handles signals
   src/
     divhunt.js           Main class (mixin-composed)
     mixins/              Addons, Emitter, Middleware, Data, DOM, Route,
-                         Function, Generate, Binaries, Helper, and more
+                         Function, Generate, Binaries, Helper, Cookie, and more
     classes/
       addon/             DivhuntAddon + mixins (fields, items, functions, find, render, store)
         classes/

package/docs/servers.md

@@ -20,6 +20,60 @@ commands.Fn('http.server', 3000, {
 });
 ```
 
+## HTTP object
+
+Every request creates an `http` object passed to `onRequest` and command callbacks (via `this.http`):
+
+| Property | Type | Description |
+|---|---|---|
+| `request` | IncomingMessage | Node.js request (headers, method, url) |
+| `response` | ServerResponse | Node.js response (writeHead, setHeader, end) |
+| `data` | object | Parsed request data (query params + body) |
+| `url` | URL | Parsed request URL |
+| `user` | object | `{ ip, agent, forwarded, referrer }` |
+| `respond` | object | `{ type, data, message, code }` — response payload |
+| `prevent` | boolean | Set `true` to skip automatic response |
+
+## Cookies
+
+Built-in cookie support via `divhunt.Cookie*` methods. Works on both front (browser) and back (server) — detected via `divhunt.environment`.
+
+### Back (server)
+
+```js
+// Read from request
+const token = divhunt.CookieGet('token', this.http.request);
+
+// Set on response (HttpOnly + Secure by default)
+divhunt.CookieSet('token', value, {
+    path: '/',
+    maxAge: 86400,
+    sameSite: 'Strict'
+}, this.http.response);
+
+// Clear
+divhunt.CookieClear('token', { path: '/' }, this.http.response);
+```
+
+### Front (browser)
+
+```js
+divhunt.CookieSet('theme', 'dark', { path: '/', maxAge: 86400 });
+const theme = divhunt.CookieGet('theme');
+divhunt.CookieClear('theme');
+```
+
+### Options
+
+| Option | Back default | Front default | Description |
+|---|---|---|---|
+| `path` | — | — | Cookie path |
+| `maxAge` | — | — | Lifetime in seconds |
+| `domain` | — | — | Cookie domain |
+| `httpOnly` | `true` | N/A | JS can't read the cookie |
+| `secure` | `true` | `false` | HTTPS only |
+| `sameSite` | — | — | `Strict`, `Lax`, or `None` |
+
 ## gRPC server
 
 Bidirectional streaming with automatic reconnection and binary data transport.

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

@@ -1,4 +1,5 @@
 import assets from 'divhunt/assets';
+import 'divhunt/pages';
 
 import { dirname, resolve } from 'path';
 import { fileURLToPath } from 'url';

package/lib/src/divhunt.js

@@ -17,11 +17,13 @@ import DivhuntRoute from './mixins/route.js';
 import DivhuntError from './mixins/error.js';
 import DivhuntCrypto from './mixins/crypto.js';
 import DivhuntForm from './mixins/form.js';
+import DivhuntCookie from './mixins/cookie.js';
 
 class Divhunt
 {
     constructor()
     {
+        this.environment = typeof window !== 'undefined' ? 'front' : 'back';
         this.emitters = {};
         this.middleware = {};
 
@@ -84,5 +86,6 @@ Object.assign(Divhunt.prototype, DivhuntRoute);
 Object.assign(Divhunt.prototype, DivhuntError);
 Object.assign(Divhunt.prototype, DivhuntCrypto);
 Object.assign(Divhunt.prototype, DivhuntForm);
+Object.assign(Divhunt.prototype, DivhuntCookie);
 
 export default Divhunt;

package/lib/src/mixins/cookie.js

@@ -0,0 +1,73 @@
+const DivhuntCookie =
+{
+    CookieGet(name, request)
+    {
+        const header = this.environment === 'front' ? document.cookie : (request?.headers?.cookie || '');
+        const match = header.match(new RegExp('(?:^|;\\s*)' + name + '=([^;]*)'));
+
+        if(!match)
+        {
+            return null;
+        }
+
+        return decodeURIComponent(match[1]);
+    },
+
+    CookieSet(name, value, options, response)
+    {
+        const parts = [encodeURIComponent(name) + '=' + encodeURIComponent(value)];
+
+        if(options?.path)
+        {
+            parts.push('Path=' + options.path);
+        }
+
+        if(options?.maxAge)
+        {
+            parts.push('Max-Age=' + options.maxAge);
+        }
+
+        if(options?.domain)
+        {
+            parts.push('Domain=' + options.domain);
+        }
+
+        if(options?.sameSite)
+        {
+            parts.push('SameSite=' + options.sameSite);
+        }
+
+        if(this.environment === 'front')
+        {
+            if(options?.secure)
+            {
+                parts.push('Secure');
+            }
+
+            document.cookie = parts.join('; ');
+            return;
+        }
+
+        if(options?.httpOnly !== false)
+        {
+            parts.push('HttpOnly');
+        }
+
+        if(options?.secure !== false)
+        {
+            parts.push('Secure');
+        }
+
+        const existing = response.getHeader('Set-Cookie') || [];
+        const cookies = Array.isArray(existing) ? existing : [existing];
+        cookies.push(parts.join('; '));
+        response.setHeader('Set-Cookie', cookies);
+    },
+
+    CookieClear(name, options, response)
+    {
+        this.CookieSet(name, '', { path: options?.path || '/', maxAge: 0 }, response);
+    }
+};
+
+export default DivhuntCookie;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "divhunt",
-    "version": "2.0.9",
+    "version": "2.0.11",
     "description": "Full-stack isomorphic JavaScript framework built from scratch. One addon abstraction powers databases, servers, commands, pages, directives, queues, and more.",
     "type": "module",
     "main": "lib/load.js",
@@ -16,6 +16,7 @@
         "./commands": "./addons/core/commands/core/load.js",
         "./queue": "./addons/core/queue/back/load.js",
         "./assets": "./addons/render/assets/back/load.js",
+        "./pages": "./addons/render/pages/core/load.js",
         "./html": "./addons/render/html/load.js",
         "./tags": "./addons/render/tags/load.js",
         "./sources": "./addons/modules/sources/back/load.js",
@@ -31,6 +32,7 @@
         "#assets/*": "./addons/render/assets/back/*",
         "#html/*": "./addons/render/html/*",
         "#directives/*": "./addons/render/directives/*",
+        "#pages/*": "./addons/render/pages/*",
         "#elements/*": "./addons/render/elements/*",
         "#tags/*": "./addons/render/tags/*",
         "#sources/*": "./addons/modules/sources/*",

package/test/front/test.js

@@ -11,20 +11,43 @@ pages.Item({
         content: function()
         {
             return `
-                {{ name }}
+                1
                 <h1>dh-command test</h1>
-
-                <dh-command command="test" :api="true" bind="test2" :data='{"name": "dejan"}'>
+                <dh-command-submit command="test" :api="true" bind="test" :data='{"name": "dejan"}'>
+                    <input name="name" placeholder="Name"/>
+                    <button type="submit">Send</button>
                     <p dh-if="test.loading">Loading...</p>
                     <p dh-if="test.error">Error: {{test.error}}</p>
-                    <p dh-if="test.response">{{test.response.message}}</p>
-                </dh-command>
+                    <div dh-if="test.response">dsas<dh-page route="/2"></dh-page></div>
+                </dh-command-submit>
+            `;
+        }
+    }
+});
 
-                <dh-command command="test" :api="true" bind="test" :data='{"name": "dejan"}'>
+
+pages.Item({
+    id: 'hom2e',
+    route: '/2',
+    title: 'dh-command test',
+    grid: {
+        template: '"content"',
+        columns: '1fr',
+        rows: '1fr'
+    },
+    areas: {
+        content: function()
+        {
+            return `
+                2
+                <h1>dh-command test</h1>
+                <dh-command-submit command="test" :api="true" bind="test" :data='{"name": "dejan"}'>
+                    <input name="name" placeholder="Name"/>
+                    <button type="submit">Send</button>
                     <p dh-if="test.loading">Loading...</p>
                     <p dh-if="test.error">Error: {{test.error}}</p>
-                    <p dh-if="test.response">{{test.response.message}}</p>
-                </dh-command>
+                    <div dh-if="test.response">dsas<dh-page route="/"></dh-page></div>
+                </dh-command-submit>
             `;
         }
     }

package/test.js

@@ -5,6 +5,7 @@ const root = resolve(dirname(fileURLToPath(import.meta.url)));
 
 import assets from './addons/render/assets/back/load.js';
 import commands from './addons/core/commands/core/load.js';
+import pages from './addons/render/pages/core/load.js';
 import html from './addons/render/html/load.js';
 
 assets.Fn('import', ['framework', 'directives', 'commands', 'pages']);
@@ -41,7 +42,6 @@ commands.Item({
     }
 });
 
-
 commands.Fn('expose', 'commands:run', '/api/commands/run');
 
 await commands.Fn('http.server', 3000, {

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

@@ -1,41 +0,0 @@
-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

@@ -1,9 +0,0 @@
-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

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