@onetype/framework 2.0.41 → 2.0.43

package/addons/float/tooltips/items/directives/tooltip.js

@@ -1,74 +0,0 @@
-onetype.AddonReady('directives', function(directives)
-{
-    document.addEventListener('mouseover', function(event)
-    {
-        let node = event.target;
-
-        while(node && node !== document)
-        {
-            if('otConfig' in node && !node.otShow)
-            {
-                node.otShow = true;
-                node.otItem.Set('show', true);
-                break;
-            }
-
-            node = node.parentNode;
-        }
-    });
-
-    document.addEventListener('mouseout', function(event)
-    {
-        let node = event.target;
-
-        while(node && node !== document)
-        {
-            if('otConfig' in node && node.otShow)
-            {
-                if(!node.contains(event.relatedTarget))
-                {
-                    node.otShow = false;
-                    node.otItem.Set('show', false);
-                }
-                break;
-            }
-
-            node = node.parentNode;
-        }
-    });
-
-    directives.ItemAdd({
-        id: 'ot-tooltip',
-        icon: 'info',
-        name: 'Tooltip',
-        description: 'Shows tooltip on hover.',
-        trigger: 'node',
-        order: 600,
-        attributes: {
-            'ot-tooltip': ['string|object']
-        },
-        code: function(data, item, compile, node)
-        {
-            const value = data['ot-tooltip'].value;
-            let config = {};
-
-            if(typeof value === 'string')
-            {
-                config.text = value;
-            }
-            else if(typeof value === 'object')
-            {
-                config = value;
-            }
-
-            config.target = node;
-            config.show = false;
-
-            const tooltips = onetype.Addon('tooltips');
-
-            node.otConfig = config;
-            node.otShow = false;
-            node.otItem = tooltips.Item(config);
-        }
-    });
-});

package/addons/float/tooltips/items/elements/tooltip.css

@@ -1,64 +0,0 @@
-.e-209772d3
-{
-    pointer-events: none;
-}
-
-.e-209772d3 .holder
-{
-    display: flex;
-    align-items: flex-start;
-    gap: var(--ot-spacing-s);
-    padding: var(--ot-spacing-s) var(--ot-spacing-m);
-    border-radius: var(--ot-radius-s);
-    background: var(--ot-bg-4);
-    border: 1px solid var(--ot-bg-4-border);
-    max-width: 280px;
-}
-
-.e-209772d3 .holder .icon
-{
-    flex-shrink: 0;
-    font-size: 16px;
-    color: var(--ot-text-2);
-}
-
-.e-209772d3 .holder .content
-{
-    flex: 1;
-    min-width: 0;
-}
-
-.e-209772d3 .holder .content .title
-{
-    font-size: 12px;
-    font-weight: 600;
-    color: var(--ot-text-1);
-    margin-bottom: 2px;
-}
-
-.e-209772d3 .holder .content .text
-{
-    font-size: 12px;
-    color: var(--ot-text-2);
-    line-height: 1.4;
-}
-
-.e-209772d3 .holder[variant="info"] .icon
-{
-    color: var(--ot-blue);
-}
-
-.e-209772d3 .holder[variant="success"] .icon
-{
-    color: var(--ot-green);
-}
-
-.e-209772d3 .holder[variant="warning"] .icon
-{
-    color: var(--ot-orange);
-}
-
-.e-209772d3 .holder[variant="error"] .icon
-{
-    color: var(--ot-red);
-}

package/addons/float/tooltips/items/elements/tooltip.js

@@ -1,42 +0,0 @@
-onetype.AddonReady('elements', (elements) =>
-{
-    elements.ItemAdd({
-        id: 'tooltip',
-        icon: 'info',
-        name: 'Tooltip',
-        description: 'Rich tooltip with icon, title, and text.',
-        category: 'Feedback',
-        config: {
-            variant: {
-                type: 'string',
-                value: 'default',
-                options: ['default', 'info', 'success', 'warning', 'error']
-            },
-            icon: {
-                type: 'string',
-                value: null
-            },
-            title: {
-                type: 'string',
-                value: null
-            },
-            text: {
-                type: 'string',
-                value: ''
-            }
-        },
-        render: function()
-        {
-            return `
-                <div class="holder" :variant="variant">
-                    <i ot-if="icon" class="icon">{{ icon }}</i>
-
-                    <div class="content">
-                        <div ot-if="title" class="title">{{ title }}</div>
-                        <div ot-if="text" class="text">{{ text }}</div>
-                    </div>
-                </div>
-            `;
-        }
-    });
-});

package/addons/render/directives/front/js/functions/process.js

@@ -1,57 +0,0 @@
-directives.Fn('process', function(trigger, item, compile, node, identifier)
-{
-    if (!node)
-    {
-        return;
-    }
-
-    if(!directives.StoreHas('sorted'))
-    {
-        directives.StoreSet('sorted', Object.values(directives.Items()).sort((a, b) => a.Get('order') - b.Get('order')));
-    }
-
-    if(node.attributes && !node.__attributes)
-    {
-        node.__attributes = Array.from(node.attributes).map(attr => ({
-            name: attr.name,
-            lowerName: attr.name.toLowerCase(),
-            value: attr.value,
-            original: attr
-        }));
-    }
-
-    const items = directives.StoreGet('sorted');
-
-    for (let i = 0; i < items.length; i++)
-    {
-        const directive = items[i];
-
-        if (directive.Get('trigger') !== trigger)
-        {
-            continue;
-        }
-
-        if (!directives.Fn('process.match', directive, node))
-        {
-            continue;
-        }
-
-        const data = directives.Fn('process.data', directive.Get('attributes'), node, compile);
-
-        try
-        {
-            const result = directive.Get('code').call({}, data, item, compile, node, identifier);
-
-            if (result === false)
-            {
-                break;
-            }
-        }
-        catch (error)
-        {
-            console.error('Directive processing error:', error);
-        }
-    }
-
-    directives.Fn('process.attributes', node, compile);
-});

package/addons/render/transforms/item/functions/run.js

@@ -1,18 +0,0 @@
-transforms.Fn('item.run', function(item, node, data = null)
-{
-    if(data === null)
-    {
-        data = transforms.Fn('data', item.Get('config'), node);
-    }
-
-    item.Fn('load').then(() =>
-    {
-        item.Get('code').call({}, data, node, item);
-
-        requestAnimationFrame(() =>
-        {
-            node.removeAttribute('ot');
-            node.removeAttribute('ot-init');
-        });
-    });
-});

package/docs/addons.md

@@ -1,281 +0,0 @@
-# Addons
-
-Everything in the framework is an addon. An addon is a typed, persistent entity with fields, items, functions, lifecycle events, and in-memory storage.
-
-## Defining an addon
-
-An addon is defined in an `addon.js` file:
-
-```js
-import onetype from '#framework/load.js';
-
-const users = onetype.Addon('users', (addon) => {
-    addon.Table('users');
-
-    addon.Field('id', ['string']);
-    addon.Field('name', ['string']);
-    addon.Field('email', ['string']);
-    addon.Field('password', ['string']);
-    addon.Field('is_verified', ['boolean']);
-    addon.Field('created_at', ['string']);
-});
-
-export default users;
-```
-
-## Table
-
-`addon.Table(tableName, columnPrefix)` maps the addon to a PostgreSQL table.
-
-```js
-addon.Table('offers', 'offer_');
-```
-
-With prefix `offer_`, field `name` maps to column `offer_name` in the database. Without a prefix, field names match column names directly.
-
-## Fields
-
-`addon.Field(name, [type, default, required])`
-
-```js
-addon.Field('id', ['number|string']);            // union type
-addon.Field('name', ['string', null, true]);     // required
-addon.Field('status', ['string', 'Draft']);       // with default
-addon.Field('tags', ['array']);
-addon.Field('metadata', ['object']);
-addon.Field('active', ['boolean', false]);
-```
-
-**Types:** `string`, `number`, `boolean`, `array`, `object`, `function`, `binary`.
-
-**Union types:** `'number|string'` accepts either type.
-
-Every `Get()` and `Set()` runs through field transform pipelines (`get[]`, `set[]`) then validates against the schema.
-
-## Items
-
-Items are instances of an addon. Full CRUD through middleware chains.
-
-```js
-// Create an item (in-memory)
-const user = users.Item({
-    name: 'Dejan',
-    email: 'hi@iamdejan.com'
-});
-
-// Persist to database
-await user.Create();
-
-// Read fields
-user.Get('name');                                    // single field
-user.Get(['id', 'name', 'email', 'created_at']);     // multiple → plain object
-
-// Update
-user.Set('name', 'Dejan Tomic');
-await user.Update();
-
-// Delete
-await user.Delete();
-
-// Remove from memory (without database delete)
-user.Remove();
-```
-
-### Bulk operations
-
-```js
-// Add multiple items at once
-addon.ItemsAdd(items, null, false);
-
-// Remove all items from memory
-addon.ItemsRemove(false);
-
-// Get all items
-const all = Object.values(addon.Items());
-```
-
-### Get by ID
-
-```js
-const user = users.Item(42);          // get by ID
-const user = users.ItemGet(42);       // same thing
-```
-
-## Functions
-
-Functions are reusable business logic attached to an addon.
-
-```js
-// Define
-users.Fn('password.hash', async function(password) {
-    return await bcrypt.hash(password, 10);
-});
-
-users.Fn('password.verify', async function(password, hash) {
-    return await bcrypt.compare(password, hash);
-});
-
-// Call
-const hash = await users.Fn('password.hash', 'secret123');
-const valid = await users.Fn('password.verify', 'secret123', hash);
-```
-
-Functions can have any number of arguments. Inside the function, `this` gives access to the addon's methods.
-
-## Lifecycle events
-
-React to item operations:
-
-```js
-// When an item is added
-users.ItemOn('add', function(item) {
-    console.log('User added:', item.Get('name'));
-});
-
-// When a field is set
-users.ItemOn('set', async function(item, key, value) {
-    if (key === 'password' && value) {
-        // false = skip callbacks, prevents infinite loop
-        item.Set('password', await users.Fn('password.hash', value), false);
-    }
-});
-
-// When an item is modified (before data changes)
-users.ItemOn('modify', function(item, key, value, prevValue) {
-    console.log(`${key}: ${prevValue} → ${value}`);
-});
-
-// When an item is removed
-users.ItemOn('remove', function(item) {
-    console.log('User removed:', item.Get('id'));
-});
-```
-
-**Available events:** `add`, `added`, `set`, `modify`, `modified`, `remove`, `removed`.
-
-The `callback` parameter on `Set(key, value, callback)` controls whether lifecycle events fire. Pass `false` to skip them — essential when setting values inside a `set` listener to avoid loops.
-
-## AddonReady
-
-Wait for an addon to be loaded before using it:
-
-```js
-onetype.AddonReady('commands', (commands) => {
-    commands.Item({
-        id: 'users:create',
-        method: 'POST',
-        endpoint: '/api/users',
-        // ...
-    });
-});
-```
-
-Import order doesn't matter. `AddonReady` handles async dependency resolution.
-
-## Preloading data
-
-Load database data into memory on startup:
-
-```js
-onetype.AddonReady('organizations', async function(organizations) {
-    await organizations.Find()?.limit(50000).many(true);
-    console.log(`Loaded ${Object.keys(organizations.Items()).length} items`);
-
-    // Optional: periodic refresh
-    setInterval(async () => {
-        const items = await organizations.Find()?.limit(50000).many();
-        organizations.ItemsRemove(false);
-        items.forEach(item => organizations.Item(item.data));
-    }, 600000);
-});
-```
-
-`.many(true)` loads query results into in-memory addon storage.
-
-## Store
-
-Per-item and per-addon in-memory key-value storage:
-
-```js
-// Set
-connection.StoreSet('node', nodeItem);
-connection.StoreSet('stream', streamObject);
-
-// Get
-const node = connection.StoreGet('node');
-const stream = connection.StoreGet('stream');
-```
-
-Useful for attaching runtime state to items without persisting it.
-
-## DataSchema
-
-Register a named schema for use in command `in`/`out` validation:
-
-```js
-onetype.DataSchema('user', {
-    id: ['string'],
-    name: ['string', null, true],
-    email: ['string', null, true],
-    is_verified: ['boolean'],
-    created_at: ['string']
-});
-```
-
-Reference it in commands with `config: 'user'`.
-
-## Addon file structure
-
-Each addon follows this convention:
-
-```
-addons/users/
-    addon.js              Define addon, table, fields
-    load.js               Import addon + commands + functions + events
-    functions/
-        password/
-            hash.js
-            verify.js
-    items/
-        commands/
-            create.js
-            get.many.js
-            get.one.js
-            update.js
-            delete.js
-    item/
-        catch/
-            set.js        Lifecycle hooks
-    events/
-        ready.back.js     Startup logic (preload data, etc.)
-```
-
-The `load.js` file imports everything and is the single entry point:
-
-```js
-import onetype from '#framework/load.js';
-import users from './addon.js';
-
-import './items/commands/create.js';
-import './items/commands/get.many.js';
-import './items/commands/get.one.js';
-import './items/commands/update.js';
-import './items/commands/delete.js';
-
-import './functions/password/hash.js';
-import './functions/password/verify.js';
-
-import './item/catch/set.js';
-
-import './events/ready.back.js';
-
-onetype.DataSchema('user', {
-    id: ['string'],
-    name: ['string', null, true],
-    email: ['string', null, true],
-    is_verified: ['boolean'],
-    created_at: ['string']
-});
-
-export default users;
-```