@sfdc-webapps/cli 1.0.2

package/test/e2e/gold/dep-complex-graph-apply/digitalExperiences/webApplications/dep-complex-graph/src/routes.tsx

@@ -0,0 +1,94 @@
+import type { RouteObject } from 'react-router';
+import AppLayout from './appLayout';
+import Home from './home';
+import Tools from "./tools";
+import Types from "./types";
+import Login from "./login";
+import Signup from "./signup";
+import Components from "./components";
+import Dashboard from "./dashboard";
+import Analytics from "./analytics";
+import Reports from "./reports";
+import Profile from "./profile";
+import ProfileEdit from "./profile-edit";
+import AdminLayout from "./admin-layout";
+import AdminDashboard from "./admin-dashboard";
+
+export const routes: RouteObject[] = [
+  {
+    path: '/',
+    element: <AppLayout />,
+    children: [
+      {
+        index: true,
+        element: <Home />,
+        handle: { showInNavigation: true, label: 'Home' }
+      },
+      {
+        path: 'tools',
+        element: <Tools />,
+        handle: { showInNavigation: true, label: 'Tools' }
+      },
+      {
+        path: 'types',
+        element: <Types />,
+        handle: { showInNavigation: true, label: 'Types' }
+      },
+      {
+        path: 'login',
+        element: <Login />,
+        handle: { showInNavigation: true, label: 'Login' }
+      },
+      {
+        path: 'signup',
+        element: <Signup />,
+        handle: { showInNavigation: true, label: 'Sign Up' }
+      },
+      {
+        path: 'components',
+        element: <Components />,
+        handle: { showInNavigation: true, label: 'Components' }
+      },
+      {
+        path: 'dashboard',
+        element: <Dashboard />,
+        handle: { showInNavigation: true, label: 'Dashboard' },
+        children: [
+          {
+            path: 'analytics',
+            element: <Analytics />,
+            handle: { showInNavigation: true, label: 'Analytics' }
+          },
+          {
+            path: 'reports',
+            element: <Reports />,
+            handle: { showInNavigation: true, label: 'Reports' }
+          }
+        ]
+      },
+      {
+        path: 'profile/:id',
+        element: <Profile />,
+        handle: { showInNavigation: true, label: 'Profile' },
+        children: [
+          {
+            path: 'edit',
+            element: <ProfileEdit />,
+            handle: { showInNavigation: false }
+          }
+        ]
+      }
+    ]
+  },
+  {
+    path: '/admin',
+    element: <AdminLayout />,
+    children: [
+      {
+        index: true,
+        element: <AdminDashboard />,
+        handle: { showInNavigation: true, label: 'Admin Dashboard' }
+      }
+    ]
+  }
+];

package/test/e2e/gold/dep-complex-graph-apply/digitalExperiences/webApplications/dep-complex-graph/src/signup.tsx

@@ -0,0 +1 @@
+export default function Signup() { return <div>Signup Page</div>; }

package/test/e2e/gold/dep-complex-graph-apply/digitalExperiences/webApplications/dep-complex-graph/src/styles/global.css

@@ -0,0 +1,14 @@
+:root {
+  --primary-color: #3b82f6;
+  --background-color: #ffffff;
+  --text-color: #1f2937;
+}
+
+body {
+  margin: 0;
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
+    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
+    sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}

package/test/e2e/gold/dep-complex-graph-apply/digitalExperiences/webApplications/dep-complex-graph/src/tools.tsx

@@ -0,0 +1 @@
+export default function Tools() { return <div>Tools Page</div>; }

package/test/e2e/gold/dep-complex-graph-apply/digitalExperiences/webApplications/dep-complex-graph/src/types.tsx

@@ -0,0 +1,8 @@
+export default function Types() {
+  return (
+    <div>
+      <h1>Shared Types</h1>
+      <p>Base type definitions</p>
+    </div>
+  );
+}

package/test/e2e/gold/feature-custom-mapping-apply/digitalExperiences/webApplications/feature-custom-mapping/package.json

@@ -0,0 +1,10 @@
+{
+  "name": "test-base-app",
+  "version": "1.0.0",
+  "type": "module",
+  "dependencies": {
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "react-router": "^7.0.0"
+  }
+}

package/test/e2e/gold/feature-custom-mapping-apply/digitalExperiences/webApplications/feature-custom-mapping/src/appLayout.tsx

@@ -0,0 +1,27 @@
+import { Outlet, Link } from 'react-router';
+import { routes } from './routes';
+
+export default function AppLayout() {
+  return (
+    <div>
+      <nav>
+        <ul>
+          {routes[0].children?.map((route, index) => {
+            if (route.handle?.showInNavigation) {
+              const path = route.index ? '/' : `/${route.path}`;
+              return (
+                <li key={index}>
+                  <Link to={path}>{route.handle.label}</Link>
+                </li>
+              );
+            }
+            return null;
+          })}
+        </ul>
+      </nav>
+      <main>
+        <Outlet />
+      </main>
+    </div>
+  );
+}

package/test/e2e/gold/feature-custom-mapping-apply/digitalExperiences/webApplications/feature-custom-mapping/src/custom-component.tsx

@@ -0,0 +1,3 @@
+export function CustomComponent() {
+  return <div>This file uses custom 'web' mapping</div>;
+}

package/test/e2e/gold/feature-custom-mapping-apply/digitalExperiences/webApplications/feature-custom-mapping/src/home.tsx

@@ -0,0 +1,8 @@
+export default function Home() {
+  return (
+    <div>
+      <h1>Home Page</h1>
+      <p>Welcome to the base app.</p>
+    </div>
+  );
+}

package/test/e2e/gold/feature-custom-mapping-apply/digitalExperiences/webApplications/feature-custom-mapping/src/index.tsx

@@ -0,0 +1,10 @@
+import React from 'react';
+import ReactDOM from 'react-dom/client';
+import { RouterProvider } from 'react-router-dom';
+import { router } from './routes';
+
+ReactDOM.createRoot(document.getElementById('root')!).render(
+  <React.StrictMode>
+    <RouterProvider router={router} />
+  </React.StrictMode>,
+);

package/test/e2e/gold/feature-custom-mapping-apply/digitalExperiences/webApplications/feature-custom-mapping/src/old-page.tsx

@@ -0,0 +1,8 @@
+export default function OldPage() {
+  return (
+    <div>
+      <h1>Old Page</h1>
+      <p>This page will be deleted by feature-delete.</p>
+    </div>
+  );
+}

package/test/e2e/gold/feature-custom-mapping-apply/digitalExperiences/webApplications/feature-custom-mapping/src/routes.tsx

@@ -0,0 +1,28 @@
+import type { RouteObject } from 'react-router';
+import AppLayout from './appLayout';
+import Home from './home';
+import OldPage from './old-page';
+import { RouteObject } from "react-router-dom";
+
+export const routes: RouteObject[] = [
+  {
+    path: '/',
+    element: <AppLayout />,
+    children: [
+      {
+        index: true,
+        element: <Home />,
+        handle: { showInNavigation: true, label: 'Home' }
+      },
+      {
+        path: 'old',
+        element: <OldPage />,
+        handle: { showInNavigation: true, label: 'Old Page' }
+      }
+    ]
+  },
+  {
+    path: '/custom-mapping',
+    element: <div>Custom Mapping Test</div>
+  }
+];

package/test/e2e/gold/feature-custom-mapping-apply/digitalExperiences/webApplications/feature-custom-mapping/src/styles/global.css

@@ -0,0 +1,14 @@
+:root {
+  --primary-color: #3b82f6;
+  --background-color: #ffffff;
+  --text-color: #1f2937;
+}
+
+body {
+  margin: 0;
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
+    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
+    sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}

package/test/e2e/gold/feature-file-inherit-route-add-apply/digitalExperiences/webApplications/feature-file-inherit-route-add/package.json

@@ -0,0 +1,10 @@
+{
+  "name": "test-base-app",
+  "version": "1.0.0",
+  "type": "module",
+  "dependencies": {
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "react-router": "^7.0.0"
+  }
+}

package/test/e2e/gold/feature-file-inherit-route-add-apply/digitalExperiences/webApplications/feature-file-inherit-route-add/src/about.tsx

@@ -0,0 +1,8 @@
+export default function About() {
+  return (
+    <div>
+      <h1>About Page</h1>
+      <p>This page was added by feature-simple.</p>
+    </div>
+  );
+}

package/test/e2e/gold/feature-file-inherit-route-add-apply/digitalExperiences/webApplications/feature-file-inherit-route-add/src/appLayout.tsx

@@ -0,0 +1,27 @@
+import { Outlet, Link } from 'react-router';
+import { routes } from './routes';
+
+export default function AppLayout() {
+  return (
+    <div>
+      <nav>
+        <ul>
+          {routes[0].children?.map((route, index) => {
+            if (route.handle?.showInNavigation) {
+              const path = route.index ? '/' : `/${route.path}`;
+              return (
+                <li key={index}>
+                  <Link to={path}>{route.handle.label}</Link>
+                </li>
+              );
+            }
+            return null;
+          })}
+        </ul>
+      </nav>
+      <main>
+        <Outlet />
+      </main>
+    </div>
+  );
+}

package/test/e2e/gold/feature-file-inherit-route-add-apply/digitalExperiences/webApplications/feature-file-inherit-route-add/src/home.tsx

@@ -0,0 +1,8 @@
+export default function Home() {
+  return (
+    <div>
+      <h1>Home Page</h1>
+      <p>Welcome to the base app.</p>
+    </div>
+  );
+}

package/test/e2e/gold/feature-file-inherit-route-add-apply/digitalExperiences/webApplications/feature-file-inherit-route-add/src/index.tsx

@@ -0,0 +1,10 @@
+import React from 'react';
+import ReactDOM from 'react-dom/client';
+import { RouterProvider } from 'react-router-dom';
+import { router } from './routes';
+
+ReactDOM.createRoot(document.getElementById('root')!).render(
+  <React.StrictMode>
+    <RouterProvider router={router} />
+  </React.StrictMode>,
+);

package/test/e2e/gold/feature-file-inherit-route-add-apply/digitalExperiences/webApplications/feature-file-inherit-route-add/src/old-page.tsx

@@ -0,0 +1,8 @@
+export default function OldPage() {
+  return (
+    <div>
+      <h1>Old Page</h1>
+      <p>This page will be deleted by feature-delete.</p>
+    </div>
+  );
+}

package/test/e2e/gold/feature-file-inherit-route-add-apply/digitalExperiences/webApplications/feature-file-inherit-route-add/src/routes.tsx

@@ -0,0 +1,29 @@
+import type { RouteObject } from 'react-router';
+import AppLayout from './appLayout';
+import Home from './home';
+import OldPage from './old-page';
+import About from "./about";
+
+export const routes: RouteObject[] = [
+  {
+    path: '/',
+    element: <AppLayout />,
+    children: [
+      {
+        index: true,
+        element: <Home />,
+        handle: { showInNavigation: true, label: 'Home' }
+      },
+      {
+        path: 'old',
+        element: <OldPage />,
+        handle: { showInNavigation: true, label: 'Old Page' }
+      },
+      {
+        path: 'about',
+        element: <About />,
+        handle: { showInNavigation: true, label: 'About' }
+      }
+    ]
+  }
+];

package/test/e2e/gold/feature-file-inherit-route-add-apply/digitalExperiences/webApplications/feature-file-inherit-route-add/src/styles/global.css

@@ -0,0 +1,14 @@
+:root {
+  --primary-color: #3b82f6;
+  --background-color: #ffffff;
+  --text-color: #1f2937;
+}
+
+body {
+  margin: 0;
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
+    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
+    sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}

package/test/e2e/gold/feature-file-prepend-append-apply/digitalExperiences/webApplications/feature-file-prepend-append/package.json

@@ -0,0 +1,10 @@
+{
+  "name": "test-base-app",
+  "version": "1.0.0",
+  "type": "module",
+  "dependencies": {
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "react-router": "^7.0.0"
+  }
+}

package/test/e2e/gold/feature-file-prepend-append-apply/digitalExperiences/webApplications/feature-file-prepend-append/src/appLayout.tsx

@@ -0,0 +1,27 @@
+import { Outlet, Link } from 'react-router';
+import { routes } from './routes';
+
+export default function AppLayout() {
+  return (
+    <div>
+      <nav>
+        <ul>
+          {routes[0].children?.map((route, index) => {
+            if (route.handle?.showInNavigation) {
+              const path = route.index ? '/' : `/${route.path}`;
+              return (
+                <li key={index}>
+                  <Link to={path}>{route.handle.label}</Link>
+                </li>
+              );
+            }
+            return null;
+          })}
+        </ul>
+      </nav>
+      <main>
+        <Outlet />
+      </main>
+    </div>
+  );
+}

package/test/e2e/gold/feature-file-prepend-append-apply/digitalExperiences/webApplications/feature-file-prepend-append/src/home.tsx

@@ -0,0 +1,8 @@
+export default function Home() {
+  return (
+    <div>
+      <h1>Home Page</h1>
+      <p>Welcome to the base app.</p>
+    </div>
+  );
+}

package/test/e2e/gold/feature-file-prepend-append-apply/digitalExperiences/webApplications/feature-file-prepend-append/src/index.tsx

@@ -0,0 +1,13 @@
+// Feature initialization code (prepended to index.tsx)
+console.log('Feature complex initialized');
+
+import React from 'react';
+import ReactDOM from 'react-dom/client';
+import { RouterProvider } from 'react-router-dom';
+import { router } from './routes';
+
+ReactDOM.createRoot(document.getElementById('root')!).render(
+  <React.StrictMode>
+    <RouterProvider router={router} />
+  </React.StrictMode>,
+);

package/test/e2e/gold/feature-file-prepend-append-apply/digitalExperiences/webApplications/feature-file-prepend-append/src/old-page.tsx

@@ -0,0 +1,8 @@
+export default function OldPage() {
+  return (
+    <div>
+      <h1>Old Page</h1>
+      <p>This page will be deleted by feature-delete.</p>
+    </div>
+  );
+}

package/test/e2e/gold/feature-file-prepend-append-apply/digitalExperiences/webApplications/feature-file-prepend-append/src/routes.tsx

@@ -0,0 +1,29 @@
+import type { RouteObject } from 'react-router';
+import AppLayout from './appLayout';
+import Home from './home';
+import OldPage from './old-page';
+import Settings from "./settings";
+
+export const routes: RouteObject[] = [
+  {
+    path: '/',
+    element: <AppLayout />,
+    children: [
+      {
+        index: true,
+        element: <Home />,
+        handle: { showInNavigation: true, label: 'Home' }
+      },
+      {
+        path: 'old',
+        element: <OldPage />,
+        handle: { showInNavigation: true, label: 'Old Page' }
+      },
+      {
+        path: 'settings',
+        element: <Settings />,
+        handle: { showInNavigation: true, label: 'Settings' }
+      }
+    ]
+  }
+];

package/test/e2e/gold/feature-file-prepend-append-apply/digitalExperiences/webApplications/feature-file-prepend-append/src/settings.tsx

@@ -0,0 +1,9 @@
+export default function Settings() {
+  return (
+    <div className="feature-specific">
+      <h1>Settings Page</h1>
+      <p>This page was added by feature-complex.</p>
+      <p>It demonstrates prepend, append, and inherit operations.</p>
+    </div>
+  );
+}

package/test/e2e/gold/feature-file-prepend-append-apply/digitalExperiences/webApplications/feature-file-prepend-append/src/styles/global.css

@@ -0,0 +1,25 @@
+:root {
+  --primary-color: #3b82f6;
+  --background-color: #ffffff;
+  --text-color: #1f2937;
+}
+
+body {
+  margin: 0;
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
+    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
+    sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+/* Custom styles from feature-complex */
+:root {
+  --feature-color: #066afe;
+  --feature-background: #ffffff;
+}
+
+.feature-specific {
+  color: var(--feature-color);
+  background-color: var(--feature-background);
+}

package/test/e2e/gold/feature-file-route-delete-apply/digitalExperiences/webApplications/feature-file-route-delete/package.json

@@ -0,0 +1,10 @@
+{
+  "name": "test-base-app",
+  "version": "1.0.0",
+  "type": "module",
+  "dependencies": {
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "react-router": "^7.0.0"
+  }
+}

package/test/e2e/gold/feature-file-route-delete-apply/digitalExperiences/webApplications/feature-file-route-delete/src/appLayout.tsx

@@ -0,0 +1,27 @@
+import { Outlet, Link } from 'react-router';
+import { routes } from './routes';
+
+export default function AppLayout() {
+  return (
+    <div>
+      <nav>
+        <ul>
+          {routes[0].children?.map((route, index) => {
+            if (route.handle?.showInNavigation) {
+              const path = route.index ? '/' : `/${route.path}`;
+              return (
+                <li key={index}>
+                  <Link to={path}>{route.handle.label}</Link>
+                </li>
+              );
+            }
+            return null;
+          })}
+        </ul>
+      </nav>
+      <main>
+        <Outlet />
+      </main>
+    </div>
+  );
+}

package/test/e2e/gold/feature-file-route-delete-apply/digitalExperiences/webApplications/feature-file-route-delete/src/home.tsx

@@ -0,0 +1,8 @@
+export default function Home() {
+  return (
+    <div>
+      <h1>Home Page</h1>
+      <p>Welcome to the base app.</p>
+    </div>
+  );
+}

package/test/e2e/gold/feature-file-route-delete-apply/digitalExperiences/webApplications/feature-file-route-delete/src/index.tsx

@@ -0,0 +1,10 @@
+import React from 'react';
+import ReactDOM from 'react-dom/client';
+import { RouterProvider } from 'react-router-dom';
+import { router } from './routes';
+
+ReactDOM.createRoot(document.getElementById('root')!).render(
+  <React.StrictMode>
+    <RouterProvider router={router} />
+  </React.StrictMode>,
+);

package/test/e2e/gold/feature-file-route-delete-apply/digitalExperiences/webApplications/feature-file-route-delete/src/routes.tsx

@@ -0,0 +1,17 @@
+import type { RouteObject } from 'react-router';
+import AppLayout from './appLayout';
+import Home from './home';
+
+export const routes: RouteObject[] = [
+  {
+    path: '/',
+    element: <AppLayout />,
+    children: [
+      {
+        index: true,
+        element: <Home />,
+        handle: { showInNavigation: true, label: 'Home' }
+      }
+    ]
+  }
+];

package/test/e2e/gold/feature-file-route-delete-apply/digitalExperiences/webApplications/feature-file-route-delete/src/styles/global.css

@@ -0,0 +1,14 @@
+:root {
+  --primary-color: #3b82f6;
+  --background-color: #ffffff;
+  --text-color: #1f2937;
+}
+
+body {
+  margin: 0;
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
+    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
+    sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}

package/test/e2e/gold/feature-mixed-paths-apply/digitalExperiences/webApplications/feature-mixed-paths/assets/icon.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
+  <circle cx="12" cy="12" r="10" fill="blue"/>
+</svg>

package/test/e2e/gold/feature-mixed-paths-apply/digitalExperiences/webApplications/feature-mixed-paths/package.json

@@ -0,0 +1,10 @@
+{
+  "name": "test-base-app",
+  "version": "1.0.0",
+  "type": "module",
+  "dependencies": {
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "react-router": "^7.0.0"
+  }
+}

package/test/e2e/gold/feature-mixed-paths-apply/digitalExperiences/webApplications/feature-mixed-paths/src/appLayout.tsx

@@ -0,0 +1,27 @@
+import { Outlet, Link } from 'react-router';
+import { routes } from './routes';
+
+export default function AppLayout() {
+  return (
+    <div>
+      <nav>
+        <ul>
+          {routes[0].children?.map((route, index) => {
+            if (route.handle?.showInNavigation) {
+              const path = route.index ? '/' : `/${route.path}`;
+              return (
+                <li key={index}>
+                  <Link to={path}>{route.handle.label}</Link>
+                </li>
+              );
+            }
+            return null;
+          })}
+        </ul>
+      </nav>
+      <main>
+        <Outlet />
+      </main>
+    </div>
+  );
+}