@shellui/core 0.1.0 → 0.2.0-alpha.1

package/src/router/routes.tsx

@@ -7,9 +7,6 @@ import { flattenNavigationItems } from '../features/layouts/utils';
 import urls from '../constants/urls';
 
 // Lazy load route components
-const HomeView = lazy(() =>
-  import('../components/HomeView').then((m) => ({ default: m.HomeView })),
-);
 const SettingsView = lazy(() =>
   import('../features/settings/SettingsView').then((m) => ({ default: m.SettingsView })),
 );
@@ -21,9 +18,15 @@ const CookiePreferencesView = lazy(() =>
 const ViewRoute = lazy(() =>
   import('../components/ViewRoute').then((m) => ({ default: m.ViewRoute })),
 );
+const IndexRoute = lazy(() =>
+  import('../components/IndexRoute').then((m) => ({ default: m.IndexRoute })),
+);
 const NotFoundView = lazy(() =>
   import('../components/NotFoundView').then((m) => ({ default: m.NotFoundView })),
 );
+const AppPathView = lazy(() =>
+  import('../components/AppPathView').then((m) => ({ default: m.AppPathView })),
+);
 
 function RouteFallback() {
   return (
@@ -59,6 +62,15 @@ export const createRoutes = (config: ShellUIConfig): RouteObject[] => {
             </Suspense>
           ),
         },
+        {
+          // App-path route: renders component-based nav items so they can be loaded in an iframe
+          path: `${urls.appPath.replace(/^\//, '')}/:path/*`,
+          element: (
+            <Suspense fallback={<RouteFallback />}>
+              <AppPathView />
+            </Suspense>
+          ),
+        },
         {
           // Catch-all route
           path: '*',
@@ -88,17 +100,18 @@ export const createRoutes = (config: ShellUIConfig): RouteObject[] => {
         path: '/',
         element: (
           <Suspense fallback={<RouteFallback />}>
-            <HomeView />
+            <IndexRoute />
           </Suspense>
         ),
       },
     ],
   };
 
-  // Add navigation routes
+  // Add navigation routes (skip items with path '' or '/' — they are shown at "/" via IndexRoute)
   if (config.navigation && config.navigation.length > 0) {
     const navigationItems = flattenNavigationItems(config.navigation);
     navigationItems.forEach((item) => {
+      if (item.path === '' || item.path === '/') return;
       (layoutRoute.children as RouteObject[]).push({
         path: `/${item.path}/*`,
         element: (

package/tailwind.config.js

@@ -56,5 +56,5 @@ module.exports = {
       },
     },
   },
-  plugins: [require('@tailwindcss/typography')],
+  plugins: [require('@tailwindcss/typography'), require('tailwindcss-animate')],
 };