@onetype/framework 2.0.42 → 2.0.44

package/examples/basic-api/addons/tasks/items/commands/toggle.js

@@ -1,26 +0,0 @@
-import commands from 'onetype/commands';
-import tasks from '../../addon.js';
-
-commands.Item({
-    id: 'tasks:toggle',
-    method: 'PUT',
-    endpoint: '/api/tasks/:id',
-    exposed: true,
-    in: {
-        id: ['number', null, true]
-    },
-    callback: async function(properties, resolve)
-    {
-        const items = Object.values(tasks.Items());
-        const task = items.find(item => item.Get('id') === properties.id);
-
-        if(!task)
-        {
-            return resolve(null, 'Task not found', 404);
-        }
-
-        task.Set('done', !task.Get('done'));
-
-        resolve({ task: task.Get(['id', 'title', 'done']) });
-    }
-});

package/examples/basic-api/addons/tasks/load.js

@@ -1,8 +0,0 @@
-import tasks from './addon.js';
-
-import './items/commands/list.js';
-import './items/commands/create.js';
-import './items/commands/toggle.js';
-import './items/commands/delete.js';
-
-export default tasks;

package/examples/basic-api/index.js

@@ -1,15 +0,0 @@
-import onetype from 'onetype';
-import commands from 'onetype/commands';
-
-import './addons/tasks/load.js';
-
-commands.Fn('http.server', 3000, {
-    onStart: () =>
-    {
-        console.log('API running on http://localhost:3000');
-        console.log('');
-        console.log('Try:');
-        console.log('  curl http://localhost:3000/api/tasks');
-        console.log('  curl -X POST http://localhost:3000/api/tasks -d \'{"title":"Buy milk"}\'');
-    }
-});

package/examples/basic-api/package.json

@@ -1,7 +0,0 @@
-{
-    "name": "basic-api-example",
-    "type": "module",
-    "dependencies": {
-        "onetype": "^2.0.0"
-    }
-}

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

@@ -1,12 +0,0 @@
-import assets from 'onetype/assets';
-import 'onetype/pages';
-
-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

@@ -1,13 +0,0 @@
-import './assets.js';
-import './items/html/fonts.js';
-import './items/commands/html.js';
-import './items/commands/test.js';
-
-import commands from 'onetype/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

@@ -1,14 +0,0 @@
-import commands from 'onetype/commands';
-import html from 'onetype/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

@@ -1,19 +0,0 @@
-import commands from 'onetype/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

@@ -1,12 +0,0 @@
-import html from 'onetype/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

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

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

@@ -1,31 +0,0 @@
-* {
-    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

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

package/examples/basic-front/package.json

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

package/lib/items/directives/500-blur.js

@@ -1,46 +0,0 @@
-directives.ItemAdd({
-    id: 'ot-blur',
-    icon: 'visibility_off',
-    name: 'Blur',
-    description: 'Handle blur events when elements lose focus. Useful for form validation and input state management.',
-    category: 'events',
-    trigger: 'node',
-    order: 500,
-    attributes: {
-        'ot-blur': ['string']
-    },
-    code: function(data, item, compile, node, identifier)
-    {
-        const attribute = data['ot-blur'].value;
-
-        node.otBlur = (event) =>
-        {
-            const results = onetype.Function(attribute, compile.data, false);
-
-            if(typeof results === 'function')
-            {
-                const value = event.target.value || '';
-                results(event, {item, compile, node, identifier, value});
-            }
-        }
-    }
-});
-
-onetype.AddonReady('directives', function()
-{
-    document.addEventListener('blur', function(event)
-    {
-        let node = event.target;
-
-        while(node && node !== document)
-        {
-            if('otBlur' in node)
-            {
-                node.otBlur(event);
-                break;
-            }
-
-            node = node.parentNode;
-        }
-    }, true);
-});

package/lib/items/directives/500-change.js

@@ -1,53 +0,0 @@
-directives.ItemAdd({
-    id: 'ot-change',
-    icon: 'sync_alt',
-    name: 'Change',
-    description: 'Handle change events when form fields lose focus. Triggers after value is committed with modifiers support.',
-    category: 'events',
-    trigger: 'node',
-    order: 500,
-    attributes: {
-        'ot-change': ['string']
-    },
-    code: function(data, item, compile, node, identifier)
-    {
-        const attribute = data['ot-change'].value;
-
-        node.otChange = (event) =>
-        {
-            // Auto-apply modifiers
-            if (data['ot-change'].modifiers && data['ot-change'].modifiers.length > 0)
-            {
-                if (data['ot-change'].modifiers.includes('prevent')) event.preventDefault();
-                if (data['ot-change'].modifiers.includes('stop')) event.stopPropagation();
-            }
-
-            const results = onetype.Function(attribute, compile.data, false);
-
-            if(typeof results === 'function')
-            {
-                const value = event.target.value;
-                results(event, {item, compile, node, identifier, value});
-            }
-        }
-    }
-});
-
-onetype.AddonReady('directives', function()
-{
-    document.addEventListener('change', function(event)
-    {
-        let node = event.target;
-
-        while(node && node !== document)
-        {
-            if('otChange' in node)
-            {
-                node.otChange(event);
-                break;
-            }
-
-            node = node.parentNode;
-        }
-    });
-});

package/lib/items/directives/500-click-outside.js

@@ -1,50 +0,0 @@
-onetype.AddonReady('directives', function()
-{
-	const handlers = new Set();
-
-	document.addEventListener('click', function(event)
-	{
-		handlers.forEach((entry) =>
-		{
-			if(!document.contains(entry.element))
-			{
-				handlers.delete(entry);
-				return;
-			}
-
-			if(!entry.element.contains(event.target) && entry.element !== event.target)
-			{
-				entry.handler(event);
-			}
-		});
-	});
-
-	directives.ItemAdd({
-		id: 'ot-click-outside',
-		icon: 'close_fullscreen',
-		name: 'Click Outside',
-		description: 'Detect clicks outside the element.',
-		category: 'events',
-		trigger: 'node',
-		order: 500,
-		attributes: {
-			'ot-click-outside': ['string']
-		},
-		code: function(data, item, compile, node, identifier)
-		{
-			const attribute = data['ot-click-outside'].value;
-
-			const handler = (event) =>
-			{
-				const results = onetype.Function(attribute, compile.data, false);
-
-				if(typeof results === 'function')
-				{
-					results(event, {item, compile, node, identifier});
-				}
-			};
-
-			handlers.add({element: node, handler});
-		}
-	});
-});

package/lib/items/directives/500-click.js

@@ -1,52 +0,0 @@
-onetype.AddonReady('directives', function()
-{
-    document.addEventListener('click', function(event)
-    {
-        let node = event.target;
-
-        while(node && node !== document)
-        {
-            if('otClick' in node)
-            {
-                node.otClick(event);
-                break;
-            }
-
-            node = node.parentNode;
-        }
-    });
-
-    directives.ItemAdd({
-        id: 'ot-click',
-        icon: 'touch_app',
-        name: 'Click',
-        description: 'Handle click events with support for prevent and stop modifiers. Executes functions on element clicks.',
-        category: 'events',
-        trigger: 'node',
-        order: 500,
-        attributes: {
-            'ot-click': ['string']
-        },
-        code: function(data, item, compile, node, identifier)
-        {
-            const attribute = data['ot-click'].value;
-
-            node.otClick = (event) =>
-            {
-                // Auto-apply modifiers
-                if (data['ot-click'].modifiers && data['ot-click'].modifiers.length > 0)
-                {
-                    if (data['ot-click'].modifiers.includes('prevent')) event.preventDefault();
-                    if (data['ot-click'].modifiers.includes('stop')) event.stopPropagation();
-                }
-
-                const results = onetype.Function(attribute, compile.data, false);
-
-                if (typeof results === 'function')
-                {
-                    results(event, {item, compile, node, identifier});
-                }
-            }
-        }
-    });
-});

package/lib/items/directives/500-double-click.js

@@ -1,52 +0,0 @@
-directives.ItemAdd({
-    id: 'ot-double-click',
-    icon: 'ads_click',
-    name: 'Double Click',
-    description: 'Handle double-click events on elements. Enables advanced click interactions.',
-    category: 'events',
-    trigger: 'node',
-    order: 500,
-    attributes: {
-        'ot-double-click': ['string']
-    },
-    code: function(data, item, compile, node, identifier)
-    {
-        const attribute = data['ot-double-click'].value;
-
-        node.otDoubleClick = (event) =>
-        {
-            // Auto-apply modifiers
-            if (data['ot-double-click'].modifiers && data['ot-double-click'].modifiers.length > 0)
-            {
-                if (data['ot-double-click'].modifiers.includes('prevent')) event.preventDefault();
-                if (data['ot-double-click'].modifiers.includes('stop')) event.stopPropagation();
-            }
-
-            const results = onetype.Function(attribute, compile.data, false);
-
-            if(typeof results === 'function')
-            {
-                results(event, {item, compile, node, identifier});
-            }
-        }
-    }
-});
-
-onetype.AddonReady('directives', function()
-{
-    document.addEventListener('dblclick', function(event)
-    {
-        let node = event.target;
-
-        while(node && node !== document)
-        {
-            if('otDoubleClick' in node)
-            {
-                node.otDoubleClick(event);
-                break;
-            }
-
-            node = node.parentNode;
-        }
-    });
-});

package/lib/items/directives/500-focus.js

@@ -1,46 +0,0 @@
-directives.ItemAdd({
-    id: 'ot-focus',
-    icon: 'center_focus_strong',
-    name: 'Focus',
-    description: 'Handle focus events when elements receive focus. Enables focus-based interactions and accessibility features.',
-    category: 'events',
-    trigger: 'node',
-    order: 500,
-    attributes: {
-        'ot-focus': ['string']
-    },
-    code: function(data, item, compile, node, identifier)
-    {
-        const attribute = data['ot-focus'].value;
-
-        node.otFocus = (event) =>
-        {
-            const results = onetype.Function(attribute, compile.data, false);
-
-            if(typeof results === 'function')
-            {
-                const value = event.target.value || '';
-                results(event, {item, compile, node, identifier, value});
-            }
-        }
-    }
-});
-
-onetype.AddonReady('directives', function()
-{
-    document.addEventListener('focus', function(event)
-    {
-        let node = event.target;
-
-        while(node && node !== document)
-        {
-            if('otFocus' in node)
-            {
-                node.otFocus(event);
-                break;
-            }
-
-            node = node.parentNode;
-        }
-    }, true);
-});

package/lib/items/directives/500-input.js

@@ -1,46 +0,0 @@
-directives.ItemAdd({
-    id: 'ot-input',
-    icon: 'keyboard',
-    name: 'Input',
-    description: 'Handle input events for real-time form field updates. Captures value changes as user types.',
-    category: 'events',
-    trigger: 'node',
-    order: 500,
-    attributes: {
-        'ot-input': ['string']
-    },
-    code: function(data, item, compile, node, identifier)
-    {
-        const attribute = data['ot-input'].value;
-
-        node.otInput = (event) =>
-        {
-            const results = onetype.Function(attribute, compile.data, false);
-
-            if (typeof results === 'function')
-            {
-                const value = event.target.value;
-                results(event, {item, compile, node, identifier, value});
-            }
-        }
-    }
-});
-
-onetype.AddonReady('directives', function()
-{
-    document.addEventListener('input', function(event)
-    {
-        let node = event.target;
-
-        while(node && node !== document)
-        {
-            if('otInput' in node)
-            {
-                node.otInput(event);
-                break;
-            }
-
-            node = node.parentNode;
-        }
-    });
-});

package/lib/items/directives/500-keydown.js

@@ -1,53 +0,0 @@
-directives.ItemAdd({
-    id: 'ot-keydown',
-    icon: 'keyboard_arrow_down',
-    name: 'Keydown',
-    description: 'Handle keydown events for keyboard shortcuts. Captures keys as they are pressed down.',
-    category: 'events',
-    trigger: 'node',
-    order: 500,
-    attributes: {
-        'ot-keydown': ['string']
-    },
-    code: function(data, item, compile, node, identifier)
-    {
-        const attribute = data['ot-keydown'].value;
-
-        node.otKeydown = (event) =>
-        {
-            // Auto-apply modifiers
-            if (data['ot-keydown'].modifiers && data['ot-keydown'].modifiers.length > 0)
-            {
-                if (data['ot-keydown'].modifiers.includes('prevent')) event.preventDefault();
-                if (data['ot-keydown'].modifiers.includes('stop')) event.stopPropagation();
-            }
-
-            const results = onetype.Function(attribute, compile.data, false);
-
-            if(typeof results === 'function')
-            {
-                const value = event.target.value || '';
-                results(event, {item, compile, node, identifier, value});
-            }
-        }
-    }
-});
-
-onetype.AddonReady('directives', function()
-{
-    document.addEventListener('keydown', function(event)
-    {
-        let node = event.target;
-
-        while(node && node !== document)
-        {
-            if('otKeydown' in node)
-            {
-                node.otKeydown(event);
-                break;
-            }
-
-            node = node.parentNode;
-        }
-    });
-});

package/lib/items/directives/500-keyup.js

@@ -1,53 +0,0 @@
-directives.ItemAdd({
-    id: 'ot-keyup',
-    icon: 'keyboard_arrow_up',
-    name: 'Keyup',
-    description: 'Handle keyup events for keyboard interactions. Detects when keys are released.',
-    category: 'events',
-    trigger: 'node',
-    order: 500,
-    attributes: {
-        'ot-keyup': ['string']
-    },
-    code: function(data, item, compile, node, identifier)
-    {
-        const attribute = data['ot-keyup'].value;
-
-        node.otKeyup = (event) =>
-        {
-            // Auto-apply modifiers
-            if (data['ot-keyup'].modifiers && data['ot-keyup'].modifiers.length > 0)
-            {
-                if (data['ot-keyup'].modifiers.includes('prevent')) event.preventDefault();
-                if (data['ot-keyup'].modifiers.includes('stop')) event.stopPropagation();
-            }
-
-            const results = onetype.Function(attribute, compile.data, false);
-
-            if(typeof results === 'function')
-            {
-                const value = event.target.value || '';
-                results(event, {item, compile, node, identifier, value});
-            }
-        }
-    }
-});
-
-onetype.AddonReady('directives', function()
-{
-    document.addEventListener('keyup', function(event)
-    {
-        let node = event.target;
-
-        while(node && node !== document)
-        {
-            if('otKeyup' in node)
-            {
-                node.otKeyup(event);
-                break;
-            }
-
-            node = node.parentNode;
-        }
-    });
-});