@holoscript/core 2.0.1 → 2.1.0

package/package.json

@@ -1,37 +1,40 @@
 {
   "name": "@holoscript/core",
-  "version": "2.0.1",
+  "version": "2.1.0",
   "description": "HoloScript+: VR language with declarative syntax, state management, reactive traits, and VR interactions. Full backward compatible with original HoloScript.",
   "type": "module",
-  "main": "./dist/index.js",
-  "module": "./dist/index.mjs",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "sideEffects": false,
+  "files": [
+    "dist"
+  ],
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.mjs",
-      "require": "./dist/index.js"
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
     },
     "./parser": {
       "types": "./dist/parser.d.ts",
-      "import": "./dist/parser.mjs",
-      "require": "./dist/parser.js"
+      "import": "./dist/parser.js",
+      "require": "./dist/parser.cjs"
     },
     "./runtime": {
       "types": "./dist/runtime.d.ts",
-      "import": "./dist/runtime.mjs",
-      "require": "./dist/runtime.js"
+      "import": "./dist/runtime.js",
+      "require": "./dist/runtime.cjs"
     },
     "./type-checker": {
       "types": "./dist/type-checker.d.ts",
-      "import": "./dist/type-checker.mjs",
-      "require": "./dist/type-checker.js"
+      "import": "./dist/type-checker.js",
+      "require": "./dist/type-checker.cjs"
     },
     "./debugger": {
       "types": "./dist/debugger.d.ts",
-      "import": "./dist/debugger.mjs",
-      "require": "./dist/debugger.js"
+      "import": "./dist/debugger.js",
+      "require": "./dist/debugger.cjs"
     }
   },
   "scripts": {
@@ -59,6 +62,7 @@
     "directory": "packages/core"
   },
   "devDependencies": {
+    "@hololand/network": "link:c:/Users/josep/Documents/GitHub/Hololand/packages/network",
     "tsup": "^8.0.1",
     "typedoc": "^0.28.16",
     "typescript": "^5.3.3",

package/src/HoloScript2DParser.js

@@ -1,227 +0,0 @@
-/**
- * HoloScript 2D Parser Extension
- *
- * Adds support for 2D UI elements to HoloScript for desktop/mobile apps.
- * Works alongside 3D VR syntax for hybrid applications.
- */
-import { logger } from './logger';
-const UI_SECURITY_CONFIG = {
-    maxUIElements: 500,
-    maxNestingDepth: 10,
-    maxPropertyLength: 500,
-    allowedEventHandlers: ['onClick', 'onChange', 'onSubmit', 'onFocus', 'onBlur', 'onHover'],
-};
-export class HoloScript2DParser {
-    constructor() {
-        this.uiElements = new Map();
-    }
-    /**
-     * Parse 2D UI element from HoloScript code
-     */
-    parse2DElement(code, depth = 0) {
-        if (depth > UI_SECURITY_CONFIG.maxNestingDepth) {
-            logger.warn('Max nesting depth exceeded', { depth });
-            return null;
-        }
-        const trimmedCode = code.trim();
-        const lines = trimmedCode.split('\n');
-        if (lines.length === 0)
-            return null;
-        const firstLine = lines[0].trim();
-        const headerMatch = firstLine.match(/^([\w-]+)\s+(\w+)\s*\{/);
-        if (!headerMatch) {
-            logger.warn('Invalid 2D element syntax', { line: firstLine });
-            return null;
-        }
-        const [, elementType, name] = headerMatch;
-        if (!this.isValidUIElementType(elementType)) {
-            logger.warn('Invalid UI element type', { elementType });
-            return null;
-        }
-        const startIndex = trimmedCode.indexOf('{');
-        const endIndex = trimmedCode.lastIndexOf('}');
-        if (startIndex === -1 || endIndex === -1 || endIndex <= startIndex) {
-            return null;
-        }
-        const innerContent = trimmedCode.slice(startIndex + 1, endIndex).trim();
-        const innerLines = this.splitIntoLogicalBlocks(innerContent);
-        const properties = {};
-        const events = {};
-        const children = [];
-        for (const block of innerLines) {
-            const line = block.trim();
-            if (!line)
-                continue;
-            if (line.includes('{')) {
-                const childNode = this.parse2DElement(line, depth + 1);
-                if (childNode)
-                    children.push(childNode);
-                continue;
-            }
-            const propMatch = line.match(/^(\w+):\s*(.+)$/);
-            if (propMatch) {
-                const [, key, rawValue] = propMatch;
-                if (UI_SECURITY_CONFIG.allowedEventHandlers.includes(key)) {
-                    events[key] = rawValue.trim();
-                }
-                else {
-                    properties[key] = this.parsePropertyValue(rawValue);
-                }
-            }
-        }
-        const node = {
-            type: '2d-element',
-            elementType: elementType,
-            name,
-            properties: { ...this.getDefaultProperties(elementType), ...properties },
-            events: Object.keys(events).length > 0 ? events : undefined,
-            children: children.length > 0 ? children : undefined,
-        };
-        if (depth === 0) {
-            if (this.uiElements.size >= UI_SECURITY_CONFIG.maxUIElements) {
-                logger.warn('Max UI elements limit reached');
-                return null;
-            }
-            this.uiElements.set(name, node);
-        }
-        return node;
-    }
-    splitIntoLogicalBlocks(content) {
-        const blocks = [];
-        let currentBlock = '';
-        let bracketDepth = 0;
-        for (let i = 0; i < content.length; i++) {
-            const char = content[i];
-            if (char === '{')
-                bracketDepth++;
-            if (char === '}')
-                bracketDepth--;
-            currentBlock += char;
-            if (bracketDepth === 0) {
-                if (char === '\n' || i === content.length - 1) {
-                    const trimmed = currentBlock.trim();
-                    if (trimmed)
-                        blocks.push(trimmed);
-                    currentBlock = '';
-                }
-            }
-        }
-        const finalTrimmed = currentBlock.trim();
-        if (finalTrimmed)
-            blocks.push(finalTrimmed);
-        return blocks;
-    }
-    /**
-     * Parse voice command for 2D UI creation
-     */
-    parse2DVoiceCommand(command) {
-        const tokens = command.toLowerCase().trim().split(/\s+/);
-        if (tokens.length < 3)
-            return null;
-        const action = tokens[0];
-        const elementType = tokens[1];
-        const name = tokens[2];
-        if (action !== 'create' && action !== 'add')
-            return null;
-        if (!this.isValidUIElementType(elementType))
-            return null;
-        const node = {
-            type: '2d-element',
-            elementType: elementType,
-            name,
-            properties: this.getDefaultProperties(elementType),
-        };
-        this.uiElements.set(name, node);
-        return node;
-    }
-    /**
-     * Parse gesture for 2D UI interaction
-     */
-    parse2DGesture(gestureType, position) {
-        switch (gestureType) {
-            case 'tap':
-                return this.createQuick2DElement('button', `button_${Date.now()}`, position);
-            case 'double-tap':
-                return this.createQuick2DElement('textinput', `input_${Date.now()}`, position);
-            case 'long-press':
-                return this.createQuick2DElement('panel', `panel_${Date.now()}`, position);
-            default:
-                return null;
-        }
-    }
-    createQuick2DElement(elementType, name, position) {
-        const node = {
-            type: '2d-element',
-            elementType,
-            name,
-            properties: {
-                ...this.getDefaultProperties(elementType),
-                x: position.x,
-                y: position.y,
-            },
-        };
-        this.uiElements.set(name, node);
-        return node;
-    }
-    isValidUIElementType(type) {
-        const validTypes = [
-            'canvas', 'button', 'textinput', 'panel', 'text', 'image',
-            'list', 'modal', 'slider', 'toggle', 'dropdown',
-            'flex-container', 'grid-container', 'scroll-view', 'tab-view'
-        ];
-        return validTypes.includes(type);
-    }
-    parsePropertyValue(value) {
-        const trimmed = value.trim();
-        if ((trimmed.startsWith('"') && trimmed.endsWith('"')) ||
-            (trimmed.startsWith("'") && trimmed.endsWith("'"))) {
-            return trimmed.slice(1, -1);
-        }
-        if (!isNaN(parseFloat(trimmed)) && isFinite(parseFloat(trimmed))) {
-            return parseFloat(trimmed);
-        }
-        if (trimmed === 'true')
-            return true;
-        if (trimmed === 'false')
-            return false;
-        if (trimmed.startsWith('[') && trimmed.endsWith(']')) {
-            const items = trimmed.slice(1, -1).split(',').map(item => this.parsePropertyValue(item.trim()));
-            return items;
-        }
-        return trimmed;
-    }
-    getDefaultProperties(elementType) {
-        const defaults = {
-            'canvas': { width: 800, height: 600, backgroundColor: '#ffffff' },
-            'button': { text: 'Button', width: 120, height: 40, backgroundColor: '#007bff', color: '#ffffff', borderRadius: 4 },
-            'textinput': { placeholder: '', width: 200, height: 36, fontSize: 14, borderColor: '#cccccc', borderWidth: 1, borderRadius: 4 },
-            'panel': { width: 200, height: 200, backgroundColor: '#f0f0f0', borderRadius: 0 },
-            'text': { content: 'Text', fontSize: 16, color: '#000000', fontFamily: 'sans-serif' },
-            'image': { src: '', width: 100, height: 100, fit: 'cover' },
-            'list': { items: [], itemHeight: 40, width: 200, height: 300 },
-            'modal': { title: 'Modal', width: 400, height: 300, visible: false, backgroundColor: '#ffffff' },
-            'slider': { min: 0, max: 100, value: 50, width: 200 },
-            'toggle': { checked: false, width: 50, height: 24 },
-            'dropdown': { options: [], selected: null, width: 200 },
-            'flex-container': { direction: 'row', gap: 10, padding: 10 },
-            'grid-container': { columns: 3, gap: 10, padding: 10 },
-            'scroll-view': { width: 300, height: 400, scrollDirection: 'vertical' },
-            'tab-view': { tabs: [], activeTabId: null, tabPosition: 'top', width: 400, height: 300 },
-            'dashboard': { title: 'Dashboard', width: 1200, height: 800, layout: 'grid', columns: 4 },
-            'card': { title: '', width: 300, height: 200, backgroundColor: '#ffffff', elevation: 2 },
-            'metric': { label: '', value: 0, unit: '', fontSize: 24, color: '#000000' },
-            'row': { height: 'auto', gap: 10, alignItems: 'center' },
-            'col': { width: 'auto', gap: 10, alignItems: 'stretch' },
-        };
-        return { ...defaults[elementType] };
-    }
-    getUIElements() {
-        return new Map(this.uiElements);
-    }
-    findElement(name) {
-        return this.uiElements.get(name) || null;
-    }
-    clear() {
-        this.uiElements.clear();
-    }
-}

package/src/HoloScript2DParser.ts

@@ -1,261 +0,0 @@
-/**
- * HoloScript 2D Parser Extension
- *
- * Adds support for 2D UI elements to HoloScript for desktop/mobile apps.
- * Works alongside 3D VR syntax for hybrid applications.
- */
-
-import { logger } from './logger';
-import type { UI2DNode, UIElementType, Position2D } from './types';
-
-const UI_SECURITY_CONFIG = {
-  maxUIElements: 500,
-  maxNestingDepth: 10,
-  maxPropertyLength: 500,
-  allowedEventHandlers: ['onClick', 'onChange', 'onSubmit', 'onFocus', 'onBlur', 'onHover'],
-};
-
-export class HoloScript2DParser {
-  private uiElements: Map<string, UI2DNode> = new Map();
-
-  /**
-   * Parse 2D UI element from HoloScript code
-   */
-  parse2DElement(code: string, depth: number = 0): UI2DNode | null {
-    if (depth > UI_SECURITY_CONFIG.maxNestingDepth) {
-      logger.warn('Max nesting depth exceeded', { depth });
-      return null;
-    }
-
-    const trimmedCode = code.trim();
-    const lines = trimmedCode.split('\n');
-    if (lines.length === 0) return null;
-
-    const firstLine = lines[0].trim();
-    const headerMatch = firstLine.match(/^([\w-]+)\s+(\w+)\s*\{/);
-
-    if (!headerMatch) {
-      logger.warn('Invalid 2D element syntax', { line: firstLine });
-      return null;
-    }
-
-    const [, elementType, name] = headerMatch;
-
-    if (!this.isValidUIElementType(elementType)) {
-      logger.warn('Invalid UI element type', { elementType });
-      return null;
-    }
-
-    const startIndex = trimmedCode.indexOf('{');
-    const endIndex = trimmedCode.lastIndexOf('}');
-    if (startIndex === -1 || endIndex === -1 || endIndex <= startIndex) {
-      return null;
-    }
-
-    const innerContent = trimmedCode.slice(startIndex + 1, endIndex).trim();
-    const innerLines = this.splitIntoLogicalBlocks(innerContent);
-
-    const properties: Record<string, unknown> = {};
-    const events: Record<string, string> = {};
-    const children: UI2DNode[] = [];
-
-    for (const block of innerLines) {
-      const line = block.trim();
-      if (!line) continue;
-
-      if (line.includes('{')) {
-        const childNode = this.parse2DElement(line, depth + 1);
-        if (childNode) children.push(childNode);
-        continue;
-      }
-
-      const propMatch = line.match(/^(\w+):\s*(.+)$/);
-      if (propMatch) {
-        const [, key, rawValue] = propMatch;
-        if (UI_SECURITY_CONFIG.allowedEventHandlers.includes(key)) {
-          events[key] = rawValue.trim();
-        } else {
-          properties[key] = this.parsePropertyValue(rawValue);
-        }
-      }
-    }
-
-    const node: UI2DNode = {
-      type: '2d-element',
-      elementType: elementType as UIElementType,
-      name,
-      properties: { ...this.getDefaultProperties(elementType as UIElementType), ...properties },
-      events: Object.keys(events).length > 0 ? events : undefined,
-      children: children.length > 0 ? children : undefined,
-    };
-
-    if (depth === 0) {
-      if (this.uiElements.size >= UI_SECURITY_CONFIG.maxUIElements) {
-        logger.warn('Max UI elements limit reached');
-        return null;
-      }
-      this.uiElements.set(name, node);
-    }
-
-    return node;
-  }
-
-  private splitIntoLogicalBlocks(content: string): string[] {
-    const blocks: string[] = [];
-    let currentBlock = '';
-    let bracketDepth = 0;
-
-    for (let i = 0; i < content.length; i++) {
-      const char = content[i];
-      if (char === '{') bracketDepth++;
-      if (char === '}') bracketDepth--;
-
-      currentBlock += char;
-
-      if (bracketDepth === 0) {
-        if (char === '\n' || i === content.length - 1) {
-          const trimmed = currentBlock.trim();
-          if (trimmed) blocks.push(trimmed);
-          currentBlock = '';
-        }
-      }
-    }
-
-    const finalTrimmed = currentBlock.trim();
-    if (finalTrimmed) blocks.push(finalTrimmed);
-
-    return blocks;
-  }
-
-  /**
-   * Parse voice command for 2D UI creation
-   */
-  parse2DVoiceCommand(command: string): UI2DNode | null {
-    const tokens = command.toLowerCase().trim().split(/\s+/);
-
-    if (tokens.length < 3) return null;
-
-    const action = tokens[0];
-    const elementType = tokens[1];
-    const name = tokens[2];
-
-    if (action !== 'create' && action !== 'add') return null;
-    if (!this.isValidUIElementType(elementType)) return null;
-
-    const node: UI2DNode = {
-      type: '2d-element',
-      elementType: elementType as UIElementType,
-      name,
-      properties: this.getDefaultProperties(elementType as UIElementType),
-    };
-
-    this.uiElements.set(name, node);
-    return node;
-  }
-
-  /**
-   * Parse gesture for 2D UI interaction
-   */
-  parse2DGesture(gestureType: string, position: Position2D): UI2DNode | null {
-    switch (gestureType) {
-      case 'tap':
-        return this.createQuick2DElement('button', `button_${Date.now()}`, position);
-      case 'double-tap':
-        return this.createQuick2DElement('textinput', `input_${Date.now()}`, position);
-      case 'long-press':
-        return this.createQuick2DElement('panel', `panel_${Date.now()}`, position);
-      default:
-        return null;
-    }
-  }
-
-  private createQuick2DElement(elementType: UIElementType, name: string, position: Position2D): UI2DNode {
-    const node: UI2DNode = {
-      type: '2d-element',
-      elementType,
-      name,
-      properties: {
-        ...this.getDefaultProperties(elementType),
-        x: position.x,
-        y: position.y,
-      },
-    };
-
-    this.uiElements.set(name, node);
-    return node;
-  }
-
-  private isValidUIElementType(type: string): boolean {
-    const validTypes: UIElementType[] = [
-      'canvas', 'button', 'textinput', 'panel', 'text', 'image',
-      'list', 'modal', 'slider', 'toggle', 'dropdown',
-      'flex-container', 'grid-container', 'scroll-view', 'tab-view'
-    ];
-    return validTypes.includes(type as UIElementType);
-  }
-
-  private parsePropertyValue(value: string): unknown {
-    const trimmed = value.trim();
-
-    if ((trimmed.startsWith('"') && trimmed.endsWith('"')) ||
-        (trimmed.startsWith("'") && trimmed.endsWith("'"))) {
-      return trimmed.slice(1, -1);
-    }
-
-    if (!isNaN(parseFloat(trimmed)) && isFinite(parseFloat(trimmed))) {
-      return parseFloat(trimmed);
-    }
-
-    if (trimmed === 'true') return true;
-    if (trimmed === 'false') return false;
-
-    if (trimmed.startsWith('[') && trimmed.endsWith(']')) {
-      const items = trimmed.slice(1, -1).split(',').map(item =>
-        this.parsePropertyValue(item.trim())
-      );
-      return items;
-    }
-
-    return trimmed;
-  }
-
-  private getDefaultProperties(elementType: UIElementType): Record<string, unknown> {
-    const defaults: Record<UIElementType, Record<string, unknown>> = {
-      'canvas': { width: 800, height: 600, backgroundColor: '#ffffff' },
-      'button': { text: 'Button', width: 120, height: 40, backgroundColor: '#007bff', color: '#ffffff', borderRadius: 4 },
-      'textinput': { placeholder: '', width: 200, height: 36, fontSize: 14, borderColor: '#cccccc', borderWidth: 1, borderRadius: 4 },
-      'panel': { width: 200, height: 200, backgroundColor: '#f0f0f0', borderRadius: 0 },
-      'text': { content: 'Text', fontSize: 16, color: '#000000', fontFamily: 'sans-serif' },
-      'image': { src: '', width: 100, height: 100, fit: 'cover' },
-      'list': { items: [], itemHeight: 40, width: 200, height: 300 },
-      'modal': { title: 'Modal', width: 400, height: 300, visible: false, backgroundColor: '#ffffff' },
-      'slider': { min: 0, max: 100, value: 50, width: 200 },
-      'toggle': { checked: false, width: 50, height: 24 },
-      'dropdown': { options: [], selected: null, width: 200 },
-      'flex-container': { direction: 'row', gap: 10, padding: 10 },
-      'grid-container': { columns: 3, gap: 10, padding: 10 },
-      'scroll-view': { width: 300, height: 400, scrollDirection: 'vertical' },
-      'tab-view': { tabs: [], activeTabId: null, tabPosition: 'top', width: 400, height: 300 },
-      'dashboard': { title: 'Dashboard', width: 1200, height: 800, layout: 'grid', columns: 4 },
-      'card': { title: '', width: 300, height: 200, backgroundColor: '#ffffff', elevation: 2 },
-      'metric': { label: '', value: 0, unit: '', fontSize: 24, color: '#000000' },
-      'row': { height: 'auto', gap: 10, alignItems: 'center' },
-      'col': { width: 'auto', gap: 10, alignItems: 'stretch' },
-    };
-    return { ...defaults[elementType] };
-  }
-
-  getUIElements(): Map<string, UI2DNode> {
-    return new Map(this.uiElements);
-  }
-
-  findElement(name: string): UI2DNode | null {
-    return this.uiElements.get(name) || null;
-  }
-
-  clear(): void {
-    this.uiElements.clear();
-  }
-}
-
-export type { UI2DNode, UIElementType, Position2D };