@onetype/framework 2.0.42 → 2.0.43

package/lib/src/mixins/state.js

@@ -1,15 +1,27 @@
 const OneTypeState =
 {
-    StateGet(key)
+    StateGet(key, value)
     {
         const state = this.environment === 'front' ? window.__STATE__ : global.__STATE__;
 
         if(!state)
         {
-            return key ? undefined : {};
+            return key ? value : {};
         }
 
-        return key ? state[key] : state;
+        const result = key ? state[key] : state;
+
+        if(result === undefined || result === null)
+        {
+            return value;
+        }
+
+        if(value !== undefined && typeof result !== typeof value)
+        {
+            return value;
+        }
+
+        return result;
     },
 
     StateSet(key, value)
@@ -32,6 +44,8 @@ const OneTypeState =
 
             global.__STATE__[key] = value;
         }
+
+        this.Emit('@state.change', key, value);
     }
 };
 

package/lib/src/onetype.js

@@ -6,7 +6,6 @@ import OneTypeBinaries from './mixins/binaries.js';
 import OneTypeString from './mixins/string.js';
 import OneTypeEmitter from './mixins/emitter.js';
 import OneTypeMiddleware from './mixins/middleware.js';
-import OneTypeLogger from './mixins/logger.js';
 import OneTypeDependencies from './mixins/dependencies.js';
 import OneTypeFunction from './mixins/function.js';
 import OneTypeOverrides from './mixins/overrides.js';
@@ -20,6 +19,8 @@ import OneTypeForm from './mixins/form.js';
 import OneTypeCookie from './mixins/cookie.js';
 import OneTypeState from './mixins/state.js';
 import OneTypeAssets from './mixins/assets.js';
+import OneTypeObserver from './mixins/observer.js';
+import OneTypeMarkdown from './mixins/markdown.js';
 
 class OneType
 {
@@ -47,21 +48,6 @@ class OneType
             }
         };
 
-        this.logger =
-        {
-            levels:
-            {
-                error: 0,
-                warn: 1,
-                info: 2,
-                http: 3,
-                verbose: 4,
-                debug: 5,
-                silly: 6
-            },
-            level: 'error'
-        };
-
         this.data =
         {
             schemas: {},
@@ -69,7 +55,13 @@ class OneType
 
         this.assets = {};
 
-        this.$ot = {};
+        this.$ot =
+        {
+            get: (key) => this.StateGet(key),
+            set: (key, value) => this.StateSet(key, value)
+        };
+
+        this.ObserverStart();
     }
 }
 
@@ -81,7 +73,6 @@ Object.assign(OneType.prototype, OneTypeData);
 Object.assign(OneType.prototype, OneTypeBinaries);
 Object.assign(OneType.prototype, OneTypeString);
 Object.assign(OneType.prototype, OneTypeMiddleware);
-Object.assign(OneType.prototype, OneTypeLogger);
 Object.assign(OneType.prototype, OneTypeDependencies);
 Object.assign(OneType.prototype, OneTypeFunction);
 Object.assign(OneType.prototype, OneTypeOverrides);
@@ -95,5 +86,7 @@ Object.assign(OneType.prototype, OneTypeForm);
 Object.assign(OneType.prototype, OneTypeCookie);
 Object.assign(OneType.prototype, OneTypeState);
 Object.assign(OneType.prototype, OneTypeAssets);
+Object.assign(OneType.prototype, OneTypeObserver);
+Object.assign(OneType.prototype, OneTypeMarkdown);
 
 export default OneType;

package/lib/styles/classes/layout.css

@@ -22,15 +22,13 @@
 .ot-grid-cols-4 { display: grid; grid-template-columns: repeat(4, 1fr); }
 
 /* Container layouts */
-.ot-container { width: 100%; max-width: 1200px; margin: 0 auto; padding: 0 calc(var(--ot-spacing-m) * 2); }
-.ot-container-s { width: 100%; max-width: 768px; margin: 0 auto; padding: 0 calc(var(--ot-spacing-m) * 2); }
 .ot-container-m { width: 100%; max-width: 1200px; margin: 0 auto; padding: 0 calc(var(--ot-spacing-m) * 2); }
+.ot-container-s { width: 100%; max-width: 768px; margin: 0 auto; padding: 0 calc(var(--ot-spacing-m) * 2); }
 .ot-container-l { width: 100%; max-width: 1440px; margin: 0 auto; padding: 0 calc(var(--ot-spacing-m) * 2); }
 .ot-container-full { width: 100%; padding: 0 calc(var(--ot-spacing-m) * 2); }
 
 @media screen and (max-width: 900px)
 {
-    .ot-container,
     .ot-container-s,
     .ot-container-m,
     .ot-container-l,

package/lib/styles/variables.css

@@ -3,7 +3,7 @@
     --ot-spacing-x: 4px;
     --ot-spacing-s: 8px;
     --ot-spacing-m: 16px;
-    --ot-spacing-l: 34px;
+    --ot-spacing-l: 32px;
 
     --ot-radius-s: 4px;
     --ot-radius-m: 8px;
@@ -43,6 +43,7 @@
 
     --ot-text-1: rgba(225, 228, 232, 1);
     --ot-text-2: rgba(156, 156, 156, 1);
+    --ot-text-3: rgba(100, 100, 100, 1);
 
     --ot-brand: rgba(226, 112, 85, 1);
     --ot-brand-border: rgba(236, 142, 120, 1);

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@onetype/framework",
-    "version": "2.0.42",
+    "version": "2.0.43",
     "description": "OneType Framework — 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",
@@ -21,9 +21,8 @@
         "./tags": "./addons/render/tags/load.js",
         "./sources": "./addons/modules/sources/back/load.js",
         "./variables": "./addons/modules/variables/core/load.js",
-        "./agents": "./addons/ai/agents/load.js",
-        "./orchestrator": "./addons/ai/orchestrator/load.js",
-        "./providers": "./addons/ai/providers/load.js"
+        "./ai": "./addons/ai/load.js",
+        "./services/cloudflare/images": "./addons/services/cloudflare/images/back/load.js"
     },
     "imports": {
         "#framework/*": "./lib/*",
@@ -40,9 +39,8 @@
         "#tags/*": "./addons/render/tags/*",
         "#sources/*": "./addons/modules/sources/*",
         "#variables/*": "./addons/modules/variables/*",
-        "#agents/*": "./addons/ai/agents/*",
-        "#orchestrator/*": "./addons/ai/orchestrator/*",
-        "#providers/*": "./addons/ai/providers/*"
+        "#ai/*": "./addons/ai/*",
+        "#cloudflare-images/*": "./addons/services/cloudflare/images/back/*"
     },
     "dependencies": {
         "@grpc/grpc-js": "^1.13.3",

package/README.md

@@ -1,86 +0,0 @@
-# OneType Framework
-
-Full-stack isomorphic JavaScript framework built from scratch. No React, no Express, no Vue — original architecture from zero.
-
-One universal abstraction — the **addon** — powers databases, servers, commands, pages, directives, queues, and more. Define an addon with fields, and you get: data validation, event system, middleware chains, CRUD with PostgreSQL, automatic API exposure, frontend reactivity, and DOM manipulation — all from a single definition.
-
-Built by [Dejan Tomic](https://github.com/tomic-d). Powers multiple production applications including a cloud SaaS platform serving thousands of users, a travel agency website with 27 addons and 50+ frontend components, a distributed function execution gateway, and a multi-tenant CMS.
-
-## Quick Look
-
-```js
-import onetype from '#framework/load.js';
-import database from '#database/load.js';
-import commands from '#commands/load.js';
-
-// Define an addon — typed, persistent, full CRUD
-const users = onetype.Addon('users', (addon) => {
-    addon.Table('users');
-    addon.Field('id', ['string']);
-    addon.Field('name', ['string', null, true]);
-    addon.Field('email', ['string', null, true]);
-    addon.Field('created_at', ['string']);
-});
-
-// Connect database — all addons with Table() persist automatically
-database.Item({
-    id: 'primary',
-    hostname: process.env.DB_HOSTNAME,
-    username: process.env.DB_USERNAME,
-    database: process.env.DB_DATABASE,
-    password: process.env.DB_PASSWORD
-});
-
-// Start HTTP server
-commands.Fn('http.server', 3000, {
-    onStart: () => console.log('Server started on port 3000')
-});
-
-// Define an API endpoint with typed input/output
-onetype.AddonReady('commands', (commands) => {
-    commands.Item({
-        id: 'users:get:many',
-        method: 'GET',
-        endpoint: '/api/users',
-        exposed: true,
-        callback: async function(properties, resolve) {
-            const items = await users.Find()
-                .sort('created_at', 'desc')
-                .page(properties.page || 1)
-                .limit(properties.limit || 20)
-                .many();
-
-            resolve({
-                users: items.map(u => u.Get(['id', 'name', 'email', 'created_at']))
-            });
-        }
-    });
-});
-```
-
-## Documentation
-
-| Topic | What's covered |
-|---|---|
-| [Addons](docs/addons.md) | Addon definition, fields, functions, lifecycle events, preloading |
-| [Database](docs/database.md) | Connection, fluent ORM, query builder, 17+ operators, joins |
-| [Commands](docs/commands.md) | API endpoints, typed input/output, CRUD patterns, dynamic registration |
-| [Servers](docs/servers.md) | HTTP setup, gRPC streaming, binary transport, Store API |
-| [Frontend](docs/frontend.md) | Pages, components, directives, asset bundling, reactivity |
-| [Architecture](docs/architecture.md) | File structure, design decisions, mixin composition |
-
-## Install
-
-```bash
-npm install onetype
-```
-
-Requires Node.js >= 18.
-
-## Origin
-
-Originally built as the core of [OneType](https://onetype.ai), a cloud SaaS platform. The framework (v1) powered the entire platform — backend and frontend — serving thousands of users for 4+ years. This is v2: rebuilt with Proxy-based reactivity, improved addon architecture, gRPC transport, and a complete render system.
-
-## License
-
-[MIT](LICENSE)

package/addons/ai/agents/addon.js

@@ -1,23 +0,0 @@
-import onetype from 'onetype';
-
-const agents = onetype.Addon('agents', (addon) =>
-{
-    addon.Field('id', ['string|number']);
-    addon.Field('name', ['string', 'JSON']);
-    addon.Field('description', ['string', '']);
-    addon.Field('instructions', ['string', '']);
-    addon.Field('context', ['object|function', {}]);
-    addon.Field('commands', ['array', []]);
-    addon.Field('tokens', ['number', 8000]);
-    addon.Field('provider', ['string', '']);
-    addon.Field('model', ['string', '']);
-    addon.Field('input', ['object', {}]);
-    addon.Field('output', ['object', {}]);
-    addon.Field('stop', ['function']);
-    addon.Field('callback', ['function']);
-    addon.Field('onRun', ['function']);
-    addon.Field('onSuccess', ['function']);
-    addon.Field('onFail', ['function']);
-});
-
-export default agents;

package/addons/ai/agents/functions/parse.js

@@ -1,129 +0,0 @@
-import agents from '#agents/addon.js';
-
-agents.Fn('parse', function(content)
-{
-    let text = (content || '').trim();
-
-    text = text.replace(/^```(?:json)?\n?/i, '').replace(/\n?```$/i, '');
-
-    /* Find first balanced JSON object */
-    const start = text.indexOf('{');
-
-    if (start === -1)
-    {
-        console.log('[PARSE ERROR] No JSON found in response:', text);
-        throw new Error('Invalid JSON response');
-    }
-
-    let depth = 0;
-    let inString = false;
-    let escape = false;
-    let end = -1;
-
-    for (let i = start; i < text.length; i++)
-    {
-        const char = text[i];
-
-        if (escape)
-        {
-            escape = false;
-            continue;
-        }
-
-        if (char === '\\' && inString)
-        {
-            escape = true;
-            continue;
-        }
-
-        if (char === '"')
-        {
-            inString = !inString;
-            continue;
-        }
-
-        if (!inString)
-        {
-            if (char === '{') depth++;
-            if (char === '}') depth--;
-
-            if (depth === 0)
-            {
-                end = i;
-                break;
-            }
-        }
-    }
-
-    if (end === -1)
-    {
-        console.log('[PARSE ERROR] No balanced JSON found in response:', text);
-        throw new Error('Invalid JSON response');
-    }
-
-    let json = text.slice(start, end + 1);
-
-    /* Clean string contents */
-    let result = '';
-    inString = false;
-    escape = false;
-
-    for (let i = 0; i < json.length; i++)
-    {
-        const char = json[i];
-
-        if (escape)
-        {
-            result += char;
-            escape = false;
-            continue;
-        }
-
-        if (char === '\\')
-        {
-            result += char;
-            escape = true;
-            continue;
-        }
-
-        if (char === '"')
-        {
-            inString = !inString;
-            result += char;
-            continue;
-        }
-
-        if (inString)
-        {
-            if (/[\u201C\u201D\u201E\u201F]/.test(char)) { result += '\\"'; continue; }
-            if (/[\u2018\u2019\u201A\u201B]/.test(char)) { result += "'"; continue; }
-            if (char === '\n') { result += '\\n'; continue; }
-            if (char === '\r') { result += '\\r'; continue; }
-            if (char === '\t') { result += '\\t'; continue; }
-        }
-
-        result += char;
-    }
-
-    try
-    {
-        return JSON.parse(result);
-    }
-    catch
-    {
-        /* Fix wrapped strings: "key": { "value" } → "key": "value" */
-        const fixed = result.replace(/:\s*\{\s*("(?:[^"\\]|\\.)*?")\s*\}/g, ': $1');
-
-        try
-        {
-            return JSON.parse(fixed);
-        }
-        catch (error)
-        {
-            console.log('[PARSE ERROR] Raw response:', text);
-            console.log('[PARSE ERROR] Cleaned result:', result);
-            console.log('[PARSE ERROR] Fixed attempt:', fixed);
-            throw error;
-        }
-    }
-});

package/addons/ai/agents/item/functions/run.js

@@ -1,218 +0,0 @@
-import onetype from 'onetype';
-import agents from '#agents/addon.js';
-import providers from '#providers/addon.js';
-
-agents.Fn('item.run', async function(agent, data = {})
-{
-    this.methods.schema = (agent) =>
-    {
-        const schema = {};
-
-        for (const [key, value] of Object.entries(agent.Get('output')))
-        {
-            if (value.populate !== false)
-            {
-                schema[key] = value;
-            }
-        }
-
-        return schema;
-    };
-
-    this.methods.system = (agent) =>
-    {
-        return agent.Get('instructions');
-    };
-
-    this.methods.context = (agent, data) =>
-    {
-        const context = agent.Get('context');
-
-        if (typeof context === 'function')
-        {
-            return context({ data });
-        }
-
-        return context;
-    };
-
-    this.methods.content = async (agent, data) =>
-    {
-        let content = '';
-
-        const context = await this.methods.context(agent, data);
-
-        if (context && Object.keys(context).length > 0)
-        {
-            content += JSON.stringify(context, null, 2) + '\n\n';
-        }
-
-        if (Object.keys(data).length > 0)
-        {
-            content += JSON.stringify(data, null, 2);
-        }
-
-        return content.trim();
-    };
-
-    this.methods.output = (schema) =>
-    {
-        const keys = Object.keys(schema);
-
-        if (keys.length === 0)
-        {
-            return 'Respond with a JSON object.';
-        }
-
-        let text = 'Respond with a single-line JSON object containing:\n';
-
-        for (const [key, field] of Object.entries(schema))
-        {
-            const type = field.type || 'string';
-            const required = field.required === false ? 'optional' : 'required';
-            const description = field.description || '';
-
-            text += `- "${key}" (${type}, ${required})${description ? ': ' + description : ''}\n`;
-        }
-
-        return text.trim();
-    };
-
-    this.methods.example = (schema) =>
-    {
-        const example = {};
-
-        for (const [key, field] of Object.entries(schema))
-        {
-            const type = field.type || 'string';
-
-            if (type === 'number')
-            {
-                example[key] = 0;
-            }
-            else if (type === 'boolean')
-            {
-                example[key] = false;
-            }
-            else if (type === 'array')
-            {
-                example[key] = [];
-            }
-            else if (type === 'object')
-            {
-                example[key] = {};
-            }
-            else
-            {
-                example[key] = '';
-            }
-        }
-
-        return JSON.stringify(example);
-    };
-
-    this.methods.format = () =>
-    {
-        return { type: 'json_object' };
-    };
-
-    this.methods.payload = async (agent, data) =>
-    {
-        const schema = this.methods.schema(agent);
-        const system = this.methods.system(agent);
-        const content = await this.methods.content(agent, data);
-        const output = this.methods.output(schema);
-        const example = this.methods.example(schema);
-        const format = this.methods.format(agent, schema);
-
-        const messages = [
-            { role: 'system', content: system },
-            { role: 'assistant', content: 'What data do you have?' },
-            { role: 'user', content: content },
-            { role: 'assistant', content: 'How should I format my response?' },
-            { role: 'user', content: output + '\n\nExample: ' + example }
-        ];
-
-        return {
-            model: agent.Get('model'),
-            messages,
-            max_tokens: agent.Get('tokens') || 1000,
-            temperature: 0.7,
-            top_p: 0.8,
-            top_k: 20,
-            presence_penalty: 1.5,
-            response_format: format
-        };
-    };
-
-    this.methods.validate = (data, schema, type) =>
-    {
-        if (Object.keys(schema).length === 0)
-        {
-            return data;
-        }
-
-        try
-        {
-            return onetype.DataDefine(data, schema);
-        }
-        catch (error)
-        {
-            throw new Error(`Agent ${type} Error: ${error.message}`);
-        }
-    };
-
-    const validated = this.methods.validate(data, agent.Get('input'), 'Input');
-    const payload = await this.methods.payload(agent, validated);
-
-    const providerId = agent.Get('provider');
-    const provider = providerId ? providers.ItemGet(providerId) : providers.Fn('default');
-
-    if (!provider)
-    {
-        throw new Error(`Provider not found: ${providerId || 'default'}`);
-    }
-
-    try
-    {
-        agent.Get('onRun') && await agent.Get('onRun')({ payload });
-
-        const result = await provider.Fn('request', payload);
-        let parsed = agents.Fn('parse', result.content);
-
-        if (agent.Get('callback'))
-        {
-            await agent.Get('callback')({ input: validated, output: parsed });
-            parsed = this.methods.validate(parsed, agent.Get('output'), 'Output Post-Callback');
-        }
-        else
-        {
-            parsed = this.methods.validate(parsed, agent.Get('output'), 'Output');
-        }
-
-        const missing = Object.keys(agent.Get('output')).filter(k => agent.Get('output')[k].populate !== false && parsed[k] === undefined);
-
-        if (missing.length > 0)
-        {
-            throw new Error(`Missing output fields: ${missing.join(', ')}`);
-        }
-
-        const meta = {
-            time: result.time,
-            tokens: result.tokens,
-            tps: result.tps,
-            reasoning: result.reasoning
-        };
-
-        agent.Get('onSuccess') && await agent.Get('onSuccess')({ payload, parsed, meta });
-
-        parsed._meta = meta;
-
-        return parsed;
-    }
-    catch (error)
-    {
-        agent.Get('onFail') && await agent.Get('onFail')({ payload, error });
-        throw error;
-    }
-});

package/addons/ai/agents/load.js

@@ -1,8 +0,0 @@
-import '#providers/load.js';
-import agents from '#agents/addon.js';
-
-/* Functions */
-import '#agents/functions/parse.js';
-import '#agents/item/functions/run.js';
-
-export default agents;

package/addons/ai/orchestrator/addon.js

@@ -1,25 +0,0 @@
-import onetype from 'onetype';
-
-const orchestrator = onetype.Addon('orchestrator', (addon) =>
-{
-    addon.Field('id', ['string|number']);
-
-    addon.Field('data', ['object', {}]);
-    addon.Field('task', ['string']);
-
-    addon.Field('steps', ['number', 10]);
-    addon.Field('agents', ['array', []]);
-    addon.Field('status', ['string', 'idle']);
-    addon.Field('state', ['object', null]);
-    
-    addon.Field('onDone', ['function', null]);
-    addon.Field('onAgent', ['function', null]);
-    addon.Field('onGoal', ['function', null]);
-    addon.Field('onConclusion', ['function', null]);
-    addon.Field('onStep', ['function', null]);
-    addon.Field('onStop', ['function', null]);
-    addon.Field('onSuccess', ['function', null]);
-    addon.Field('onFail', ['function', null]);
-});
-
-export default orchestrator;