@akinon/ui-shell-dev 1.3.4 → 1.3.6

package/src/server/dev-server.mjs

@@ -51,6 +51,14 @@ export class ShellDevServer {
         // Production: serve built assets
         this.app.use('/assets', express.static(path.join(distPath, 'assets')));
 
+        // Serve static files from dist root (images, favicon, etc.)
+        this.app.use(
+          express.static(distPath, {
+            index: false, // Don't serve index.html automatically
+            fallthrough: true // Continue to next handler if file not found
+          })
+        );
+
         this.app.get('*', (req, res, next) => {
           if (req.path.startsWith('/api')) {
             return next();
@@ -132,7 +140,12 @@ export class ShellDevServer {
         console.log(
           `🚀 Shell development server running on http://localhost:${this.config.shell.port}`
         );
-        console.log(`📱 Plugin expected at: ${this.config.plugin.url}`);
+        if (this.config.apps && this.config.apps.length > 0) {
+          console.log(`📱 Applications configured:`);
+          this.config.apps.forEach((app, index) => {
+            console.log(`   ${index + 1}. ${app.name} (${app.type}) at ${app.url}`);
+          });
+        }
         console.log(`🎨 Theme: ${this.config.shell.theme}`);
         console.log(`🔍 Server bound to 0.0.0.0:${this.config.shell.port}`);
       });
@@ -177,19 +190,33 @@ export class ShellDevServer {
       res.json(this.config);
     });
 
-    // Plugin proxy endpoint (for development)
-    this.app.get('/api/plugin/health', async (req, res) => {
-      try {
-        const response = await fetch(`${this.config.plugin.url}/api/health`);
-        const data = await response.json();
-        res.json({ plugin: data, shell: { status: 'ok' } });
-      } catch (error) {
-        res.status(502).json({
-          error: 'Plugin not available',
-          plugin_url: this.config.plugin.url,
-          message: error.message
-        });
+    // Apps health check endpoint (for development)
+    this.app.get('/api/apps/health', async (req, res) => {
+      const results = [];
+      
+      if (this.config.apps && this.config.apps.length > 0) {
+        for (const app of this.config.apps) {
+          try {
+            const response = await fetch(`${app.url}/api/health`);
+            const data = await response.json();
+            results.push({ 
+              name: app.name, 
+              url: app.url, 
+              status: 'ok', 
+              data 
+            });
+          } catch (error) {
+            results.push({ 
+              name: app.name, 
+              url: app.url, 
+              status: 'error', 
+              error: error.message 
+            });
+          }
+        }
       }
+      
+      res.json({ apps: results, shell: { status: 'ok' } });
     });
   }
 }

package/src/server/dev-server.ts

@@ -87,7 +87,12 @@ export class ShellDevServer {
         console.log(
           `🚀 Shell development server running on http://localhost:${this.config.shell.port}`
         );
-        console.log(`📱 Plugin expected at: ${this.config.plugin.url}`);
+        if (this.config.apps && this.config.apps.length > 0) {
+          console.log(`📱 Applications configured:`);
+          this.config.apps.forEach((app, index) => {
+            console.log(`   ${index + 1}. ${app.name} (${app.type}) at ${app.url}`);
+          });
+        }
         console.log(`🎨 Theme: ${this.config.shell.theme}`);
       });
 
@@ -124,19 +129,33 @@ export class ShellDevServer {
       res.json(this.config);
     });
 
-    // Plugin proxy endpoint (for development)
-    this.app.get('/api/plugin/health', async (req, res) => {
-      try {
-        const response = await fetch(`${this.config.plugin.url}/api/health`);
-        const data = await response.json();
-        res.json({ plugin: data, shell: { status: 'ok' } });
-      } catch (error) {
-        res.status(502).json({
-          error: 'Plugin not available',
-          plugin_url: this.config.plugin.url,
-          message: error.message
-        });
+    // Apps health check endpoint (for development)
+    this.app.get('/api/apps/health', async (req, res) => {
+      const results = [];
+      
+      if (this.config.apps && this.config.apps.length > 0) {
+        for (const app of this.config.apps) {
+          try {
+            const response = await fetch(`${app.url}/api/health`);
+            const data = await response.json();
+            results.push({ 
+              name: app.name, 
+              url: app.url, 
+              status: 'ok', 
+              data 
+            });
+          } catch (error) {
+            results.push({ 
+              name: app.name, 
+              url: app.url, 
+              status: 'error', 
+              error: error.message 
+            });
+          }
+        }
       }
+      
+      res.json({ apps: results, shell: { status: 'ok' } });
     });
   }
 }

package/src/types.ts

@@ -1,18 +1,20 @@
 export interface ShellConfig {
-  plugin: {
+  apps: Array<{
     url: string;
     path: string;
     name: string;
-    type: 'fullpage' | 'plugin';
-  };
+    type: 'full_page' | 'plugin';
+    navTitle?: string; // Optional navigation title for full_page apps
+  }>;
   shell: {
     port: number;
     theme: 'omnitron' | 'seller-center' | 'minimal';
     title: string;
   };
-  sidebar: {
+  sidebar?: {
     items: SidebarItem[];
   };
+  data?: Record<string, any>;
 }
 
 export interface SidebarItem {

package/src/utils/navigation.tsx

@@ -8,16 +8,31 @@ const STATIC_NAVIGATION_ITEMS: TMenuItemType[] = [
     icon: 'dashboard'
   },
   {
-    key: '/placeholder-1',
-    label: 'Settings',
-    icon: 'ayarlar',
+    key: '/products-and-catalogs',
+    label: 'Products & Catalogs',
+    icon: 'fiyatlistesi',
     disabled: true
   },
+  {
+    key: '/orders',
+    label: 'Orders',
+    icon: 'siparis',
+    disabled: true
+  }
+];
+
+const STATIC_NAVIGATION_ITEMS_BOTTOM: TMenuItemType[] = [
   {
     key: '/placeholder-2',
     label: 'Help & Support',
     icon: 'bilgilendirme_servis',
     disabled: true
+  },
+  {
+    key: '/placeholder-1',
+    label: 'Settings',
+    icon: 'ayarlar',
+    disabled: true
   }
 ];
 
@@ -33,6 +48,10 @@ export const getStaticNavigationItems = () => {
   return STATIC_NAVIGATION_ITEMS;
 };
 
+export const getStaticNavigationItemsBottom = () => {
+  return STATIC_NAVIGATION_ITEMS_BOTTOM;
+};
+
 export const getFullpageNavigationItems = (
   apps: RegisteredApp[],
   configs: Map<number, any>
@@ -60,6 +79,8 @@ export const getFullpageNavigationItems = (
     });
 };
 
-export const getPluginNavigationItems = () => {
-  return PLUGIN_NAVIGATION_ITEMS;
+export const getPluginNavigationItems = (apps: RegisteredApp[]) => {
+  // Only show plugin test page if there are plugin type apps
+  const hasPluginApps = apps.some(app => app.type === 'plugin');
+  return hasPluginApps ? PLUGIN_NAVIGATION_ITEMS : [];
 };