ywana-core8 0.2.8 → 0.2.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ywana-core8",
-  "version": "0.2.8",
+  "version": "0.2.9",
   "description": "ywana-core8",
   "homepage": "https://ywana.github.io/workspace",
   "author": "Ernesto Roldan Garcia",

package/src/desktop/AppManager.js

@@ -2,125 +2,11 @@
  * AppManager - Manages available applications for the desktop
  */
 export class AppManager {
+
     constructor() {
         this.applications = new Map()
         this.categories = new Map()
         this.listeners = new Set()
-        
-        // Initialize with default applications
-        this.initializeDefaultApps()
-    }
-
-    /**
-     * Initialize default applications
-     */
-    initializeDefaultApps() {
-        // System applications
-        this.registerApp({
-            id: 'file-explorer',
-            name: 'File Explorer',
-            description: 'Browse and manage files',
-            icon: '📁',
-            category: 'System',
-            component: null, // Will be set when registering actual components
-            size: { width: 600, height: 400 },
-            toolbar: null,
-            statusBar: null
-        })
-
-        this.registerApp({
-            id: 'text-editor',
-            name: 'Text Editor',
-            description: 'Edit text files',
-            icon: '📝',
-            category: 'Productivity',
-            component: null,
-            size: { width: 500, height: 350 },
-            toolbar: null,
-            statusBar: null,
-        })
-
-        this.registerApp({
-            id: 'calculator',
-            name: 'Calculator',
-            description: 'Perform calculations',
-            icon: '🧮',
-            category: 'Utilities',
-            component: null,
-            size: { width: 300, height: 400 }
-        })
-
-        this.registerApp({
-            id: 'settings',
-            name: 'Settings',
-            description: 'System configuration',
-            icon: '⚙️',
-            category: 'System',
-            component: null,
-            size: { width: 450, height: 300 }
-        })
-
-        this.registerApp({
-            id: 'browser',
-            name: 'Web Browser',
-            description: 'Browse the internet',
-            icon: '🌐',
-            category: 'Internet',
-            component: null,
-            size: { width: 800, height: 500 }
-        })
-
-        this.registerApp({
-            id: 'terminal',
-            name: 'Terminal',
-            description: 'Command line interface',
-            icon: '💻',
-            category: 'Development',
-            component: null,
-            size: { width: 700, height: 400 }
-        })
-
-        this.registerApp({
-            id: 'image-viewer',
-            name: 'Image Viewer',
-            description: 'View and edit images',
-            icon: '🖼️',
-            category: 'Media',
-            component: null,
-            size: { width: 600, height: 500 }
-        })
-
-        this.registerApp({
-            id: 'music-player',
-            name: 'Music Player',
-            description: 'Play audio files',
-            icon: '🎵',
-            category: 'Media',
-            component: null,
-            size: { width: 400, height: 300 }
-        })
-
-        // Initialize categories
-        this.initializeCategories()
-    }
-
-    /**
-     * Initialize application categories
-     */
-    initializeCategories() {
-        const categoryData = [
-            { id: 'system', name: 'System', icon: '⚙️', color: '#607d8b' },
-            { id: 'productivity', name: 'Productivity', icon: '📊', color: '#2196f3' },
-            { id: 'utilities', name: 'Utilities', icon: '🔧', color: '#ff9800' },
-            { id: 'internet', name: 'Internet', icon: '🌐', color: '#4caf50' },
-            { id: 'development', name: 'Development', icon: '💻', color: '#9c27b0' },
-            { id: 'media', name: 'Media', icon: '🎬', color: '#e91e63' },
-            { id: 'games', name: 'Games', icon: '🎮', color: '#f44336' }
-        ]
-
-        categoryData.forEach(category => {
-            this.categories.set(category.id, category)
-        })
     }
 
     /**
@@ -266,5 +152,183 @@ export class AppManager {
     }
 }
 
+/**
+ * AppLoader - Loads applications and categories from JSON configuration
+ */
+export class AppLoader {
+    /**
+     * Load configuration into AppManager
+     * @param {AppManager} appManager - The AppManager instance
+     * @param {Object} config - JSON configuration object
+     * @param {Array} config.categories - Array of category definitions
+     * @param {Array} config.applications - Array of application definitions
+     */
+    static load(appManager, config) {
+        if (!config) {
+            console.warn('AppLoader: No configuration provided')
+            return
+        }
+
+        // Load categories first
+        if (config.categories && Array.isArray(config.categories)) {
+            this.loadCategories(appManager, config.categories)
+        }
+
+        // Load applications
+        if (config.applications && Array.isArray(config.applications)) {
+            this.loadApplications(appManager, config.applications)
+        }
+    }
+
+    /**
+     * Load categories from configuration
+     * @param {AppManager} appManager - The AppManager instance
+     * @param {Array} categories - Array of category definitions
+     */
+    static loadCategories(appManager, categories) {
+        categories.forEach(category => {
+            if (this.validateCategory(category)) {
+                appManager.categories.set(category.id, category)
+            } else {
+                console.warn('AppLoader: Invalid category configuration:', category)
+            }
+        })
+    }
+
+    /**
+     * Load applications from configuration
+     * @param {AppManager} appManager - The AppManager instance
+     * @param {Array} applications - Array of application definitions
+     */
+    static loadApplications(appManager, applications) {
+        applications.forEach(app => {
+            if (this.validateApplication(app)) {
+                appManager.registerApp(app)
+            } else {
+                console.warn('AppLoader: Invalid application configuration:', app)
+            }
+        })
+    }
+
+    /**
+     * Validate category configuration
+     * @param {Object} category - Category definition
+     * @returns {boolean} - True if valid
+     */
+    static validateCategory(category) {
+        return category &&
+               typeof category.id === 'string' &&
+               typeof category.name === 'string' &&
+               category.id.length > 0 &&
+               category.name.length > 0
+    }
+
+    /**
+     * Validate application configuration
+     * @param {Object} app - Application definition
+     * @returns {boolean} - True if valid
+     */
+    static validateApplication(app) {
+        return app &&
+               typeof app.id === 'string' &&
+               typeof app.name === 'string' &&
+               app.id.length > 0 &&
+               app.name.length > 0
+    }
+}
+
+/**
+ * Default desktop configuration
+ */
+export const defaultDesktopConfig = {
+    categories: [
+        { id: 'system', name: 'System', icon: '⚙️', color: '#607d8b' },
+        { id: 'productivity', name: 'Productivity', icon: '📊', color: '#2196f3' },
+        { id: 'utilities', name: 'Utilities', icon: '🔧', color: '#ff9800' },
+        { id: 'internet', name: 'Internet', icon: '🌐', color: '#4caf50' },
+        { id: 'development', name: 'Development', icon: '💻', color: '#9c27b0' },
+        { id: 'media', name: 'Media', icon: '🎬', color: '#e91e63' },
+        { id: 'games', name: 'Games', icon: '🎮', color: '#f44336' }
+    ],
+    applications: [
+        {
+            id: 'file-explorer',
+            name: 'File Explorer',
+            description: 'Browse and manage files',
+            icon: '📁',
+            category: 'System',
+            component: null,
+            size: { width: 600, height: 400 },
+            toolbar: null,
+            statusBar: null
+        },
+        {
+            id: 'text-editor',
+            name: 'Text Editor',
+            description: 'Edit text files',
+            icon: '📝',
+            category: 'Productivity',
+            component: null,
+            size: { width: 500, height: 350 },
+            toolbar: null,
+            statusBar: null
+        },
+        {
+            id: 'calculator',
+            name: 'Calculator',
+            description: 'Perform calculations',
+            icon: '🧮',
+            category: 'Utilities',
+            component: null,
+            size: { width: 300, height: 400 }
+        },
+        {
+            id: 'settings',
+            name: 'Settings',
+            description: 'System configuration',
+            icon: '⚙️',
+            category: 'System',
+            component: null,
+            size: { width: 450, height: 300 }
+        },
+        {
+            id: 'browser',
+            name: 'Web Browser',
+            description: 'Browse the internet',
+            icon: '🌐',
+            category: 'Internet',
+            component: null,
+            size: { width: 800, height: 500 }
+        },
+        {
+            id: 'terminal',
+            name: 'Terminal',
+            description: 'Command line interface',
+            icon: '💻',
+            category: 'Development',
+            component: null,
+            size: { width: 700, height: 400 }
+        },
+        {
+            id: 'image-viewer',
+            name: 'Image Viewer',
+            description: 'View and edit images',
+            icon: '🖼️',
+            category: 'Media',
+            component: null,
+            size: { width: 600, height: 500 }
+        },
+        {
+            id: 'music-player',
+            name: 'Music Player',
+            description: 'Play audio files',
+            icon: '🎵',
+            category: 'Media',
+            component: null,
+            size: { width: 400, height: 300 }
+        }
+    ]
+}
+
 // Create default instance
 export const defaultAppManager = new AppManager()