@sfdc-webapps/cli 1.0.2

package/test/e2e/fixtures/single-operations/feature-route-add/feature.ts

@@ -0,0 +1,10 @@
+import type { Feature } from '../../../../../src/types.js';
+
+const feature: Feature = {
+  templateDir: 'template',
+  packageJson: {
+    dependencies: {}
+  }
+};
+
+export default feature;

package/test/e2e/fixtures/single-operations/feature-route-add/template/digitalExperiences/webApplications/feature-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-route-add.</p>
+    </div>
+  );
+}

package/test/e2e/fixtures/single-operations/feature-route-add/template/digitalExperiences/webApplications/feature-route-add/src/routes.tsx

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

package/test/e2e/fixtures/single-operations/feature-route-add/template/digitalExperiences/webApplications/feature-route-add/src/services.tsx

@@ -0,0 +1,8 @@
+export default function Services() {
+  return (
+    <div>
+      <h1>Services</h1>
+      <p>Our services page</p>
+    </div>
+  );
+}

package/test/e2e/fixtures/watch/watch-add-delete-files/feature.ts

@@ -0,0 +1,13 @@
+import type { Feature } from '../../../../../src/types';
+
+// Watch add/delete files test fixture
+// Tests that adding and deleting files in template directory is detected
+const feature: Feature = {
+  templateDir: 'template',
+  dependencies: [],
+  packageJson: {
+    dependencies: {}
+  }
+};
+
+export default feature;

package/test/e2e/fixtures/watch/watch-add-delete-files/template/digitalExperiences/webApplications/watch-add-delete-files/src/initial.tsx

@@ -0,0 +1,4 @@
+// Initial file for watch add/delete test
+export function Initial() {
+  return <div>Initial component</div>;
+}

package/test/e2e/fixtures/watch/watch-add-delete-files/template/digitalExperiences/webApplications/watch-add-delete-files/src/placeholder.tsx

@@ -0,0 +1,4 @@
+// Placeholder for add/delete test
+export default function Placeholder() {
+  return <div>Add/Delete test component</div>;
+}

package/test/e2e/fixtures/watch/watch-basic/feature.ts

@@ -0,0 +1,13 @@
+import type { Feature } from '../../../../../src/types';
+
+// Basic watch mode test fixture
+// Tests that file changes are detected and patches re-applied
+const feature: Feature = {
+  templateDir: 'template',
+  dependencies: [],
+  packageJson: {
+    dependencies: {}
+  }
+};
+
+export default feature;

package/test/e2e/fixtures/watch/watch-basic/template/digitalExperiences/webApplications/watch-basic/src/placeholder.tsx

@@ -0,0 +1,4 @@
+// Initial placeholder content
+export default function Placeholder() {
+  return <div>Placeholder component</div>;
+}

package/test/e2e/fixtures/watch/watch-basic/template/digitalExperiences/webApplications/watch-basic/src/watchTest.tsx

@@ -0,0 +1,3 @@
+export function WatchTest() {
+  return <div>Watch mode test component</div>;
+}

package/test/e2e/fixtures/watch/watch-debounce/feature.ts

@@ -0,0 +1,13 @@
+import type { Feature } from '../../../../../src/types';
+
+// Watch debounce test fixture
+// Tests that rapid changes are debounced and only applied once
+const feature: Feature = {
+  templateDir: 'template',
+  dependencies: [],
+  packageJson: {
+    dependencies: {}
+  }
+};
+
+export default feature;

package/test/e2e/fixtures/watch/watch-debounce/template/digitalExperiences/webApplications/watch-debounce/src/placeholder.tsx

@@ -0,0 +1,4 @@
+// Initial placeholder content for debounce test
+export default function Placeholder() {
+  return <div>Debounce test component</div>;
+}

package/test/e2e/fixtures/watch/watch-multiple-files/feature.ts

@@ -0,0 +1,13 @@
+import type { Feature } from '../../../../../src/types';
+
+// Watch multiple files test fixture
+// Tests that changes to multiple different files are all detected and applied
+const feature: Feature = {
+  templateDir: 'template',
+  dependencies: [],
+  packageJson: {
+    dependencies: {}
+  }
+};
+
+export default feature;

package/test/e2e/fixtures/watch/watch-multiple-files/template/digitalExperiences/webApplications/watch-multiple-files/src/components/WatchComponent.tsx

@@ -0,0 +1,3 @@
+export function WatchComponent() {
+  return <div>Multi-file watch component v1</div>;
+}

package/test/e2e/fixtures/watch/watch-multiple-files/template/digitalExperiences/webApplications/watch-multiple-files/src/placeholder.tsx

@@ -0,0 +1,4 @@
+// Placeholder for multiple files test
+export default function Placeholder() {
+  return <div>Multiple files test</div>;
+}

package/test/e2e/fixtures/watch/watch-multiple-files/template/digitalExperiences/webApplications/watch-multiple-files/src/styles/theme.css

@@ -0,0 +1,4 @@
+/* Theme styles for watch test */
+:root {
+  --theme-color: blue;
+}

package/test/e2e/gold/dep-chain-linear-apply/digitalExperiences/webApplications/dep-chain-linear/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/dep-chain-linear-apply/digitalExperiences/webApplications/dep-chain-linear/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/dep-chain-linear-apply/digitalExperiences/webApplications/dep-chain-linear/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/dep-chain-linear-apply/digitalExperiences/webApplications/dep-chain-linear/src/contact.tsx

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

package/test/e2e/gold/dep-chain-linear-apply/digitalExperiences/webApplications/dep-chain-linear/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/dep-chain-linear-apply/digitalExperiences/webApplications/dep-chain-linear/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/dep-chain-linear-apply/digitalExperiences/webApplications/dep-chain-linear/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/dep-chain-linear-apply/digitalExperiences/webApplications/dep-chain-linear/src/routes.tsx

@@ -0,0 +1,35 @@
+import type { RouteObject } from 'react-router';
+import AppLayout from './appLayout';
+import Home from './home';
+import OldPage from './old-page';
+import About from "./about";
+import Contact from "./contact";
+
+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' }
+      },
+      {
+        path: 'contact',
+        element: <Contact />,
+        handle: { showInNavigation: true, label: 'Contact' }
+      }
+    ]
+  }
+];

package/test/e2e/gold/dep-chain-linear-apply/digitalExperiences/webApplications/dep-chain-linear/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-chain-long-apply/digitalExperiences/webApplications/dep-chain-a/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/dep-chain-long-apply/digitalExperiences/webApplications/dep-chain-a/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/dep-chain-long-apply/digitalExperiences/webApplications/dep-chain-a/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/dep-chain-long-apply/digitalExperiences/webApplications/dep-chain-a/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/dep-chain-long-apply/digitalExperiences/webApplications/dep-chain-a/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/dep-chain-long-apply/digitalExperiences/webApplications/dep-chain-a/src/page-a.tsx

@@ -0,0 +1,8 @@
+export default function PageA() {
+  return (
+    <div>
+      <h1>Page A</h1>
+      <p>Added by dep-chain-a (main feature, depends on B)</p>
+    </div>
+  );
+}

package/test/e2e/gold/dep-chain-long-apply/digitalExperiences/webApplications/dep-chain-a/src/page-b.tsx

@@ -0,0 +1,8 @@
+export default function PageB() {
+  return (
+    <div>
+      <h1>Page B</h1>
+      <p>Added by dep-chain-b (depends on C)</p>
+    </div>
+  );
+}

package/test/e2e/gold/dep-chain-long-apply/digitalExperiences/webApplications/dep-chain-a/src/page-c.tsx

@@ -0,0 +1,8 @@
+export default function PageC() {
+  return (
+    <div>
+      <h1>Page C</h1>
+      <p>Added by dep-chain-c (depends on D)</p>
+    </div>
+  );
+}

package/test/e2e/gold/dep-chain-long-apply/digitalExperiences/webApplications/dep-chain-a/src/page-d.tsx

@@ -0,0 +1,8 @@
+export default function PageD() {
+  return (
+    <div>
+      <h1>Page D</h1>
+      <p>Added by dep-chain-d (leaf dependency)</p>
+    </div>
+  );
+}

package/test/e2e/gold/dep-chain-long-apply/digitalExperiences/webApplications/dep-chain-a/src/routes.tsx

@@ -0,0 +1,47 @@
+import type { RouteObject } from 'react-router';
+import AppLayout from './appLayout';
+import Home from './home';
+import OldPage from './old-page';
+import PageD from "./page-d";
+import PageC from "./page-c";
+import PageB from "./page-b";
+import PageA from "./page-a";
+
+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: 'page-d',
+        element: <PageD />,
+        handle: { showInNavigation: true, label: 'Page D' }
+      },
+      {
+        path: 'page-c',
+        element: <PageC />,
+        handle: { showInNavigation: true, label: 'Page C' }
+      },
+      {
+        path: 'page-b',
+        element: <PageB />,
+        handle: { showInNavigation: true, label: 'Page B' }
+      },
+      {
+        path: 'page-a',
+        element: <PageA />,
+        handle: { showInNavigation: true, label: 'Page A' }
+      }
+    ]
+  }
+];

package/test/e2e/gold/dep-chain-long-apply/digitalExperiences/webApplications/dep-chain-a/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/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/dep-complex-graph-apply/digitalExperiences/webApplications/dep-complex-graph/src/admin-dashboard.tsx

@@ -0,0 +1 @@
+export default function AdminDashboard() { return <div>Admin Dashboard</div>; }

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

@@ -0,0 +1 @@
+export default function AdminLayout() { return <div>Admin Layout</div>; }

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

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

package/test/e2e/gold/dep-complex-graph-apply/digitalExperiences/webApplications/dep-complex-graph/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/dep-complex-graph-apply/digitalExperiences/webApplications/dep-complex-graph/src/components.tsx

@@ -0,0 +1,8 @@
+export default function Components() {
+  return (
+    <div>
+      <h1>Shared Components</h1>
+      <p>Reusable components (depends on utils + types)</p>
+    </div>
+  );
+}

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

@@ -0,0 +1,8 @@
+export default function Dashboard() {
+  return (
+    <div>
+      <h1>Dashboard</h1>
+      <p>Dashboard feature (depends on utils + components)</p>
+    </div>
+  );
+}

package/test/e2e/gold/dep-complex-graph-apply/digitalExperiences/webApplications/dep-complex-graph/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/dep-complex-graph-apply/digitalExperiences/webApplications/dep-complex-graph/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/dep-complex-graph-apply/digitalExperiences/webApplications/dep-complex-graph/src/login.tsx

@@ -0,0 +1,8 @@
+export default function Login() {
+  return (
+    <div>
+      <h1>Login</h1>
+      <p>Authentication feature (depends on utils + types)</p>
+    </div>
+  );
+}

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

@@ -0,0 +1 @@
+export default function ProfileEdit() { return <div>Edit Profile</div>; }

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

@@ -0,0 +1,8 @@
+export default function Profile() {
+  return (
+    <div>
+      <h1>Profile</h1>
+      <p>Profile feature (depends on components + types)</p>
+    </div>
+  );
+}

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

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