@aws/nx-plugin 0.37.1 → 0.38.1

package/src/ts/react-website/app/__snapshots__/generator.spec.ts.snap

@@ -0,0 +1,4038 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`react-website generator > TailwindCSS integration > should configure vite with TailwindCSS plugin by default > vite.config.ts-with-tailwind 1`] = `
+"import tailwindcss from '@tailwindcss/vite';
+import tsconfigPaths from 'vite-tsconfig-paths';
+import { resolve } from 'path';
+import { tanstackRouter } from '@tanstack/router-plugin/vite';
+/// <reference types='vitest' />
+import { defineConfig } from 'vite';
+import react from '@vitejs/plugin-react';
+
+export default defineConfig(() => ({
+  define: {
+    global: {},
+  },
+  root: __dirname,
+  cacheDir: '../node_modules/.vite/test-app',
+  server: {
+    port: 4200,
+    host: 'localhost',
+  },
+  preview: {
+    port: 4300,
+    host: 'localhost',
+  },
+  plugins: [
+    tanstackRouter({
+      routesDirectory: resolve(__dirname, 'src/routes'),
+      generatedRouteTree: resolve(__dirname, 'src/routeTree.gen.ts'),
+    }),
+    react(),
+    tailwindcss(),
+    tsconfigPaths(),
+  ],
+  build: {
+    outDir: '../dist/test-app',
+    emptyOutDir: true,
+    reportCompressedSize: true,
+    commonjsOptions: {
+      transformMixedEsModules: true,
+    },
+  },
+  test: {
+    watch: false,
+    globals: true,
+    environment: 'jsdom',
+    include: ['{src,tests}/**/*.{test,spec}.{js,mjs,cjs,ts,mts,cts,jsx,tsx}'],
+    reporters: ['default'],
+    coverage: {
+      reportsDirectory: './test-output/vitest/coverage',
+      provider: 'v8' as const,
+    },
+    passWithNoTests: true,
+  },
+}));
+"
+`;
+
+exports[`react-website generator > TailwindCSS integration > should configure vite without TailwindCSS plugin when disabled > vite.config.ts-without-tailwind 1`] = `
+"import tsconfigPaths from 'vite-tsconfig-paths';
+import { resolve } from 'path';
+import { tanstackRouter } from '@tanstack/router-plugin/vite';
+/// <reference types='vitest' />
+import { defineConfig } from 'vite';
+import react from '@vitejs/plugin-react';
+
+export default defineConfig(() => ({
+  define: {
+    global: {},
+  },
+  root: __dirname,
+  cacheDir: '../node_modules/.vite/test-app',
+  server: {
+    port: 4200,
+    host: 'localhost',
+  },
+  preview: {
+    port: 4300,
+    host: 'localhost',
+  },
+  plugins: [
+    tanstackRouter({
+      routesDirectory: resolve(__dirname, 'src/routes'),
+      generatedRouteTree: resolve(__dirname, 'src/routeTree.gen.ts'),
+    }),
+    react(),
+    tsconfigPaths(),
+  ],
+  build: {
+    outDir: '../dist/test-app',
+    emptyOutDir: true,
+    reportCompressedSize: true,
+    commonjsOptions: {
+      transformMixedEsModules: true,
+    },
+  },
+  test: {
+    watch: false,
+    globals: true,
+    environment: 'jsdom',
+    include: ['{src,tests}/**/*.{test,spec}.{js,mjs,cjs,ts,mts,cts,jsx,tsx}'],
+    reporters: ['default'],
+    coverage: {
+      reportsDirectory: './test-output/vitest/coverage',
+      provider: 'v8' as const,
+    },
+    passWithNoTests: true,
+  },
+}));
+"
+`;
+
+exports[`react-website generator > TailwindCSS integration > should include TailwindCSS import in styles.css by default > styles.css-with-tailwind 1`] = `
+"@import 'tailwindcss';
+/* You can add global styles to this file, and also import other style files */
+"
+`;
+
+exports[`react-website generator > TailwindCSS integration > should not include TailwindCSS import in styles.css when disabled > styles.css-without-tailwind 1`] = `
+"/* You can add global styles to this file, and also import other style files */
+"
+`;
+
+exports[`react-website generator > Tanstack router integration > should generate website with no router correctly > .gitignore 1`] = `
+"vite.config.*.timestamp*
+vitest.config.*.timestamp*
+
+runtime-config.json"
+`;
+
+exports[`react-website generator > Tanstack router integration > should generate website with no router correctly > .prettierrc 1`] = `
+"{ "singleQuote": true }
+"
+`;
+
+exports[`react-website generator > Tanstack router integration > should generate website with no router correctly > eslint.config.mjs 1`] = `
+"import eslintPluginPrettierRecommended from 'eslint-plugin-prettier/recommended';
+import nx from '@nx/eslint-plugin';
+
+export default [
+  eslintPluginPrettierRecommended,
+  ...nx.configs['flat/base'],
+  ...nx.configs['flat/typescript'],
+  ...nx.configs['flat/javascript'],
+  {
+    ignores: [
+      '**/dist',
+      '**/vite.config.*.timestamp*',
+      '**/vitest.config.*.timestamp*',
+      '**/vite.config.ts.timestamp*',
+    ],
+  },
+  {
+    files: ['**/*.ts', '**/*.tsx', '**/*.js', '**/*.jsx'],
+    rules: {
+      '@nx/enforce-module-boundaries': [
+        'error',
+        {
+          enforceBuildableLibDependency: true,
+          allow: ['^.*/eslint(\\\\.base)?\\\\.config\\\\.[cm]?js$'],
+          depConstraints: [
+            {
+              sourceTag: '*',
+              onlyDependOnLibsWithTags: ['*'],
+            },
+          ],
+        },
+      ],
+    },
+  },
+  {
+    files: [
+      '**/*.ts',
+      '**/*.tsx',
+      '**/*.cts',
+      '**/*.mts',
+      '**/*.js',
+      '**/*.jsx',
+      '**/*.cjs',
+      '**/*.mjs',
+    ],
+    rules: {},
+  },
+];
+"
+`;
+
+exports[`react-website generator > Tanstack router integration > should generate website with no router correctly > nx.json 1`] = `
+"{
+  "affected": {
+    "defaultBase": "main"
+  },
+  "targetDefaults": {
+    "build": {
+      "cache": true,
+      "dependsOn": ["^build"],
+      "inputs": ["default"]
+    },
+    "lint": {
+      "cache": true,
+      "configurations": {
+        "fix": {
+          "fix": true
+        }
+      },
+      "inputs": [
+        "default",
+        "{workspaceRoot}/eslint.config.mjs",
+        "{projectRoot}/eslint.config.mjs"
+      ]
+    },
+    "@nx/eslint:lint": {
+      "cache": true,
+      "inputs": [
+        "default",
+        "{workspaceRoot}/.eslintrc.json",
+        "{workspaceRoot}/.eslintignore",
+        "{workspaceRoot}/eslint.config.mjs"
+      ]
+    },
+    "@nx/vite:test": {
+      "cache": true,
+      "inputs": ["default", "^default"],
+      "configurations": {
+        "update-snapshot": {
+          "args": "--update"
+        }
+      }
+    },
+    "@nx/vite:build": {
+      "cache": true,
+      "dependsOn": ["^build"],
+      "inputs": ["default", "^default"]
+    },
+    "test": {
+      "dependsOn": ["^build"],
+      "inputs": ["default"]
+    },
+    "compile": {
+      "cache": true,
+      "inputs": ["default"]
+    }
+  },
+  "generators": {
+    "@nx/react": {
+      "application": {
+        "babel": true,
+        "style": "css",
+        "linter": "eslint",
+        "bundler": "vite"
+      },
+      "component": {
+        "style": "css"
+      },
+      "library": {
+        "style": "css",
+        "linter": "eslint"
+      }
+    }
+  },
+  "plugins": [
+    {
+      "plugin": "@nx/js/typescript",
+      "options": {
+        "typecheck": {
+          "targetName": "typecheck"
+        },
+        "build": {
+          "targetName": "compile",
+          "configName": "tsconfig.lib.json",
+          "buildDepsName": "build-deps",
+          "watchDepsName": "watch-deps"
+        }
+      }
+    },
+    {
+      "plugin": "@nx/eslint/plugin",
+      "options": {
+        "targetName": "lint"
+      }
+    }
+  ],
+  "namedInputs": {
+    "default": [
+      {
+        "dependentTasksOutputFiles": "**/*",
+        "transitive": true
+      }
+    ]
+  }
+}
+"
+`;
+
+exports[`react-website generator > Tanstack router integration > should generate website with no router correctly > package.json 1`] = `
+"{
+  "name": "@proj/source",
+  "dependencies": {
+    "@cloudscape-design/board-components": "^3.0.94",
+    "@cloudscape-design/components": "^3.0.928",
+    "@cloudscape-design/global-styles": "^1.0.38",
+    "aws-cdk-lib": "^2.200.0",
+    "constructs": "^10.4.2",
+    "react": "19.0.0",
+    "react-dom": "19.0.0",
+    "tailwindcss": "^4.1.11"
+  },
+  "devDependencies": {
+    "@eslint/js": "^9.8.0",
+    "@nx/eslint": "21.0.3",
+    "@nx/eslint-plugin": "21.0.3",
+    "@nx/js": "21.0.3",
+    "@nx/react": "21.0.3",
+    "@nx/vite": "21.0.3",
+    "@nx/web": "21.0.3",
+    "@swc-node/register": "~1.9.1",
+    "@swc/cli": "~0.6.0",
+    "@swc/core": "~1.5.7",
+    "@swc/helpers": "~0.5.11",
+    "@tailwindcss/vite": "^4.1.11",
+    "@testing-library/dom": "10.4.0",
+    "@testing-library/react": "16.1.0",
+    "@types/node": "^22.13.13",
+    "@types/react": "19.0.0",
+    "@types/react-dom": "19.0.0",
+    "@vitejs/plugin-react": "^4.2.0",
+    "@vitest/coverage-v8": "^3.0.5",
+    "@vitest/ui": "^3.0.0",
+    "eslint": "^9.8.0",
+    "eslint-config-prettier": "^10.0.0",
+    "eslint-plugin-import": "2.31.0",
+    "eslint-plugin-jsx-a11y": "6.10.1",
+    "eslint-plugin-prettier": "^5.2.5",
+    "eslint-plugin-react": "7.35.0",
+    "eslint-plugin-react-hooks": "5.0.0",
+    "jiti": "2.4.2",
+    "jsdom": "~22.1.0",
+    "jsonc-eslint-parser": "^2.4.0",
+    "prettier": "^3.5.3",
+    "typescript": "~5.7.2",
+    "typescript-eslint": "^8.19.0",
+    "vite": "^6.0.0",
+    "vite-tsconfig-paths": "^5.1.4",
+    "vitest": "^3.0.0"
+  },
+  "type": "module"
+}
+"
+`;
+
+exports[`react-website generator > Tanstack router integration > should generate website with no router correctly > packages/common/constructs/README.md 1`] = `
+"# @proj/common-constructs
+
+This library was generated with [@aws/nx-plugin](https://github.com/awslabs/nx-plugin-for-aws/).
+
+## Building
+
+Run \`npx nx build @proj/common-constructs [--skip-nx-cache]\` to build the application.
+
+## Running unit tests
+
+Run \`npx nx test @proj/common-constructs\` to execute the unit tests via Vitest.
+
+### Updating snapshots
+
+To update snapshots, run the following command:
+
+\`npx nx test @proj/common-constructs --configuration=update-snapshot\`
+
+## Run lint
+
+Run \`npx nx lint @proj/common-constructs\`
+
+### Fixable issues
+
+You can also automatiaclly fix some lint errors by running the following command:
+
+\`npx nx lint @proj/common-constructs --configuration=fix\`
+
+## Useful links
+
+- [common-constructs reference docs](TODO)
+- [Learn more about NX](https://nx.dev/getting-started/intro)
+"
+`;
+
+exports[`react-website generator > Tanstack router integration > should generate website with no router correctly > packages/common/constructs/eslint.config.mjs 1`] = `
+"import baseConfig from '../../../eslint.config.mjs';
+
+export default [
+  ...baseConfig,
+  {
+    files: ['**/*.json'],
+    rules: {
+      '@nx/dependency-checks': [
+        'warn',
+        {
+          ignoredFiles: [
+            '{projectRoot}/eslint.config.{js,cjs,mjs}',
+            '{projectRoot}/vite.config.{js,ts,mjs,mts}',
+          ],
+        },
+      ],
+    },
+    languageOptions: {
+      parser: await import('jsonc-eslint-parser'),
+    },
+  },
+];
+"
+`;
+
+exports[`react-website generator > Tanstack router integration > should generate website with no router correctly > packages/common/constructs/project.json 1`] = `
+"{
+  "name": "@proj/common-constructs",
+  "$schema": "../../../node_modules/nx/schemas/project-schema.json",
+  "sourceRoot": "packages/common/constructs/src",
+  "projectType": "library",
+  "tags": [],
+  "targets": {
+    "build": {
+      "dependsOn": ["lint", "compile", "test", "@proj/test-app:build"]
+    },
+    "compile": {
+      "executor": "nx:run-commands",
+      "outputs": ["{workspaceRoot}/dist/packages/common/constructs/tsc"],
+      "options": {
+        "command": "tsc --build tsconfig.lib.json",
+        "cwd": "{projectRoot}"
+      }
+    },
+    "test": {
+      "executor": "@nx/vite:test",
+      "outputs": ["{options.reportsDirectory}"],
+      "options": {
+        "reportsDirectory": "../../../coverage/packages/common/constructs"
+      }
+    }
+  },
+  "metadata": {
+    "generator": "ts#project"
+  }
+}
+"
+`;
+
+exports[`react-website generator > Tanstack router integration > should generate website with no router correctly > packages/common/constructs/src/app/index.ts 1`] = `
+"export * from './static-websites/index.js';
+"
+`;
+
+exports[`react-website generator > Tanstack router integration > should generate website with no router correctly > packages/common/constructs/src/app/static-websites/index.ts 1`] = `
+"export * from './test-app.js';
+"
+`;
+
+exports[`react-website generator > Tanstack router integration > should generate website with no router correctly > packages/common/constructs/src/app/static-websites/test-app.ts 1`] = `
+"import * as url from 'url';
+import { Construct } from 'constructs';
+import { StaticWebsite } from '../../core/index.js';
+
+export class TestApp extends StaticWebsite {
+  constructor(scope: Construct, id: string) {
+    super(scope, id, {
+      websiteFilePath: url.fileURLToPath(
+        new URL('../../../../../../dist/test-app/bundle', import.meta.url),
+      ),
+    });
+  }
+}
+"
+`;
+
+exports[`react-website generator > Tanstack router integration > should generate website with no router correctly > packages/common/constructs/src/core/app.ts 1`] = `
+"import { App as _App, AppProps, Aspects, IAspect, Stack } from 'aws-cdk-lib';
+import { IConstruct } from 'constructs';
+
+export class App extends _App {
+  constructor(props?: AppProps) {
+    super(props);
+
+    Aspects.of(this).add(new MetricsAspect());
+  }
+}
+
+/**
+ * Adds information to CloudFormation stack descriptions to provide usage metrics for @aws/nx-plugin
+ */
+class MetricsAspect implements IAspect {
+  visit(node: IConstruct): void {
+    if (node instanceof Stack) {
+      const id = 'uksb-4wk0bqpg5s';
+      const version = '0.0.0';
+      const tags: string[] = ['g5'];
+      node.templateOptions.description =
+        \`\${node.templateOptions.description ?? ''} (\${id}) (version:\${version}) (tag:\${tags.join(',')})\`.trim();
+    }
+  }
+}
+"
+`;
+
+exports[`react-website generator > Tanstack router integration > should generate website with no router correctly > packages/common/constructs/src/core/index.ts 1`] = `
+"export * from './static-website.js';
+export * from './app.js';
+export * from './runtime-config.js';
+"
+`;
+
+exports[`react-website generator > Tanstack router integration > should generate website with no router correctly > packages/common/constructs/src/core/runtime-config.ts 1`] = `
+"import type { IRuntimeConfig } from ':proj/common-types';
+import { Stack } from 'aws-cdk-lib';
+import { Construct } from 'constructs';
+
+const RuntimeConfigKey = '__RuntimeConfig__';
+
+export class RuntimeConfig extends Construct {
+  private readonly _runtimeConfig: Partial<IRuntimeConfig> = {};
+
+  static ensure(scope: Construct): RuntimeConfig {
+    const stack = Stack.of(scope);
+    return (
+      RuntimeConfig.of(scope) ?? new RuntimeConfig(stack, RuntimeConfigKey)
+    );
+  }
+
+  static of(scope: Construct): RuntimeConfig | undefined {
+    const stack = Stack.of(scope);
+    return stack.node.tryFindChild(RuntimeConfigKey) as
+      | RuntimeConfig
+      | undefined;
+  }
+
+  constructor(scope: Construct, id: string) {
+    super(scope, id);
+  }
+
+  get config(): Partial<IRuntimeConfig> {
+    return this._runtimeConfig;
+  }
+}
+"
+`;
+
+exports[`react-website generator > Tanstack router integration > should generate website with no router correctly > packages/common/constructs/src/core/static-website.ts 1`] = `
+"import { CfnJson, CfnOutput, RemovalPolicy, Stack, Token } from 'aws-cdk-lib';
+import { Distribution, ViewerProtocolPolicy } from 'aws-cdk-lib/aws-cloudfront';
+import { S3BucketOrigin } from 'aws-cdk-lib/aws-cloudfront-origins';
+import {
+  BlockPublicAccess,
+  Bucket,
+  BucketEncryption,
+  IBucket,
+  ObjectOwnership,
+} from 'aws-cdk-lib/aws-s3';
+import { BucketDeployment, Source } from 'aws-cdk-lib/aws-s3-deployment';
+import { Construct } from 'constructs';
+import { RuntimeConfig } from './runtime-config.js';
+import { Key } from 'aws-cdk-lib/aws-kms';
+import { CfnWebACL } from 'aws-cdk-lib/aws-wafv2';
+const DEFAULT_RUNTIME_CONFIG_FILENAME = 'runtime-config.json';
+
+export interface StaticWebsiteProps {
+  readonly websiteFilePath: string;
+}
+
+/**
+ * Deploys a Static Website using by default a private S3 bucket as an origin and Cloudfront as the entrypoint.
+ *
+ * This construct configures a webAcl containing rules that are generally applicable to web applications. This
+ * provides protection against exploitation of a wide range of vulnerabilities, including some of the high risk
+ * and commonly occurring vulnerabilities described in OWASP publications such as OWASP Top 10.
+ *
+ */
+export class StaticWebsite extends Construct {
+  public readonly websiteBucket: IBucket;
+  public readonly cloudFrontDistribution: Distribution;
+  public readonly bucketDeployment: BucketDeployment;
+
+  constructor(
+    scope: Construct,
+    id: string,
+    { websiteFilePath }: StaticWebsiteProps,
+  ) {
+    super(scope, id);
+    this.node.setContext(
+      '@aws-cdk/aws-s3:serverAccessLogsUseBucketPolicy',
+      true,
+    );
+
+    const websiteKey = new Key(this, 'WebsiteKey', {
+      enableKeyRotation: true,
+    });
+
+    const accessLogsBucket = new Bucket(this, 'AccessLogsBucket', {
+      versioned: false,
+      enforceSSL: true,
+      autoDeleteObjects: true,
+      removalPolicy: RemovalPolicy.DESTROY,
+      encryption: BucketEncryption.KMS,
+      encryptionKey: websiteKey,
+      objectOwnership: ObjectOwnership.OBJECT_WRITER,
+      publicReadAccess: false,
+      blockPublicAccess: BlockPublicAccess.BLOCK_ALL,
+    });
+    // S3 Bucket to hold website files
+    this.websiteBucket = new Bucket(this, 'WebsiteBucket', {
+      versioned: true,
+      enforceSSL: true,
+      autoDeleteObjects: true,
+      removalPolicy: RemovalPolicy.DESTROY,
+      encryption: BucketEncryption.KMS,
+      encryptionKey: websiteKey,
+      objectOwnership: ObjectOwnership.BUCKET_OWNER_ENFORCED,
+      publicReadAccess: false,
+      blockPublicAccess: BlockPublicAccess.BLOCK_ALL,
+      serverAccessLogsPrefix: 'website-access-logs',
+      serverAccessLogsBucket: accessLogsBucket,
+    });
+    // Web ACL
+    const wafStack = new CloudfrontWebAcl(this, 'waf');
+
+    // Cloudfront Distribution
+    const logBucket = new Bucket(this, 'DistributionLogBucket', {
+      enforceSSL: true,
+      autoDeleteObjects: true,
+      removalPolicy: RemovalPolicy.DESTROY,
+      encryption: BucketEncryption.KMS,
+      encryptionKey: websiteKey,
+      objectOwnership: ObjectOwnership.BUCKET_OWNER_PREFERRED,
+      publicReadAccess: false,
+      blockPublicAccess: BlockPublicAccess.BLOCK_ALL,
+      serverAccessLogsPrefix: 'distribution-access-logs',
+      serverAccessLogsBucket: accessLogsBucket,
+    });
+    const defaultRootObject = 'index.html';
+    this.cloudFrontDistribution = new Distribution(
+      this,
+      'CloudfrontDistribution',
+      {
+        webAclId: wafStack.wafArn,
+        enableLogging: true,
+        logBucket: logBucket,
+        defaultBehavior: {
+          origin: S3BucketOrigin.withOriginAccessControl(this.websiteBucket),
+          viewerProtocolPolicy: ViewerProtocolPolicy.REDIRECT_TO_HTTPS,
+        },
+        defaultRootObject,
+        errorResponses: [
+          {
+            httpStatus: 404, // We need to redirect "key not found errors" to index.html for single page apps
+            responseHttpStatus: 200,
+            responsePagePath: \`/\${defaultRootObject}\`,
+          },
+          {
+            httpStatus: 403, // We need to redirect reloads from paths (e.g. /foo/bar) to index.html for single page apps
+            responseHttpStatus: 200,
+            responsePagePath: \`/\${defaultRootObject}\`,
+          },
+        ],
+      },
+    );
+    // Deploy Website
+    this.bucketDeployment = new BucketDeployment(this, 'WebsiteDeployment', {
+      sources: [
+        Source.asset(websiteFilePath),
+        Source.jsonData(
+          DEFAULT_RUNTIME_CONFIG_FILENAME,
+          this.resolveTokens(RuntimeConfig.ensure(this).config),
+        ),
+      ],
+      destinationBucket: this.websiteBucket,
+      // Files in the distribution's edge caches will be invalidated after files are uploaded to the destination bucket.
+      distribution: this.cloudFrontDistribution,
+      memoryLimit: 1024,
+    });
+    new CfnOutput(this, 'DistributionDomainName', {
+      value: this.cloudFrontDistribution.domainName,
+    });
+    new CfnOutput(this, 'WebsiteBucketName', {
+      value: this.websiteBucket.bucketName,
+    });
+  }
+  private resolveTokens = (payload: any) => {
+    const _payload: Record<string, any> = {};
+    Object.entries(payload).forEach(([key, value]) => {
+      if (
+        Token.isUnresolved(value) ||
+        (typeof value === 'string' && value.endsWith('}}'))
+      ) {
+        _payload[key] = new CfnJson(this, \`ResolveToken-\${key}\`, {
+          value,
+        }).value;
+      } else if (typeof value === 'object') {
+        _payload[key] = this.resolveTokens(value);
+      } else if (Array.isArray(value)) {
+        _payload[key] = value.map((v) => this.resolveTokens(v));
+      } else {
+        _payload[key] = value;
+      }
+    });
+    return _payload;
+  };
+}
+
+export class CloudfrontWebAcl extends Stack {
+  public readonly wafArn;
+  constructor(scope: Construct, id: string) {
+    super(scope, id, {
+      env: {
+        region: 'us-east-1',
+        account: Stack.of(scope).account,
+      },
+      crossRegionReferences: true,
+    });
+
+    this.wafArn = new CfnWebACL(this, 'WebAcl', {
+      defaultAction: { allow: {} },
+      scope: 'CLOUDFRONT',
+      visibilityConfig: {
+        cloudWatchMetricsEnabled: true,
+        metricName: id,
+        sampledRequestsEnabled: true,
+      },
+      rules: [
+        {
+          name: 'CRSRule',
+          priority: 0,
+          statement: {
+            managedRuleGroupStatement: {
+              name: 'AWSManagedRulesCommonRuleSet',
+              vendorName: 'AWS',
+            },
+          },
+          visibilityConfig: {
+            cloudWatchMetricsEnabled: true,
+            metricName: 'MetricForWebACLCDK-CRS',
+            sampledRequestsEnabled: true,
+          },
+          overrideAction: {
+            none: {},
+          },
+        },
+      ],
+    }).attrArn;
+  }
+}
+"
+`;
+
+exports[`react-website generator > Tanstack router integration > should generate website with no router correctly > packages/common/constructs/src/index.ts 1`] = `
+"export * from './app/index.js';
+export * from './core/index.js';
+"
+`;
+
+exports[`react-website generator > Tanstack router integration > should generate website with no router correctly > packages/common/constructs/tsconfig.json 1`] = `
+"{
+  "extends": "../../../tsconfig.base.json",
+  "files": [],
+  "include": [],
+  "references": [
+    {
+      "path": "./tsconfig.lib.json"
+    },
+    {
+      "path": "./tsconfig.spec.json"
+    }
+  ],
+  "compilerOptions": {}
+}
+"
+`;
+
+exports[`react-website generator > Tanstack router integration > should generate website with no router correctly > packages/common/constructs/tsconfig.lib.json 1`] = `
+"{
+  "extends": "../../../tsconfig.base.json",
+  "compilerOptions": {
+    "rootDir": ".",
+    "outDir": "../../../dist/packages/common/constructs/tsc",
+    "tsBuildInfoFile": "../../../dist/packages/common/constructs/tsc/tsconfig.lib.tsbuildinfo",
+    "emitDeclarationOnly": false,
+    "module": "nodenext",
+    "moduleResolution": "nodenext",
+    "types": ["node"]
+  },
+  "include": ["src/**/*.ts"],
+  "references": [],
+  "exclude": [
+    "vite.config.ts",
+    "vite.config.mts",
+    "vitest.config.ts",
+    "vitest.config.mts",
+    "src/**/*.test.ts",
+    "src/**/*.spec.ts",
+    "src/**/*.test.tsx",
+    "src/**/*.spec.tsx",
+    "src/**/*.test.js",
+    "src/**/*.spec.js",
+    "src/**/*.test.jsx",
+    "src/**/*.spec.jsx"
+  ]
+}
+"
+`;
+
+exports[`react-website generator > Tanstack router integration > should generate website with no router correctly > packages/common/constructs/tsconfig.spec.json 1`] = `
+"{
+  "extends": "../../../tsconfig.base.json",
+  "compilerOptions": {
+    "outDir": "./out-tsc/vitest",
+    "types": [
+      "vitest/globals",
+      "vitest/importMeta",
+      "vite/client",
+      "node",
+      "vitest"
+    ],
+    "module": "nodenext",
+    "moduleResolution": "nodenext"
+  },
+  "include": [
+    "vite.config.ts",
+    "vite.config.mts",
+    "vitest.config.ts",
+    "vitest.config.mts",
+    "src/**/*.test.ts",
+    "src/**/*.spec.ts",
+    "src/**/*.test.tsx",
+    "src/**/*.spec.tsx",
+    "src/**/*.test.js",
+    "src/**/*.spec.js",
+    "src/**/*.test.jsx",
+    "src/**/*.spec.jsx",
+    "src/**/*.d.ts"
+  ],
+  "references": [
+    {
+      "path": "./tsconfig.lib.json"
+    }
+  ]
+}
+"
+`;
+
+exports[`react-website generator > Tanstack router integration > should generate website with no router correctly > packages/common/constructs/vite.config.ts 1`] = `
+"import { defineConfig } from 'vite';
+
+export default defineConfig(() => ({
+  root: __dirname,
+  cacheDir: '../../../node_modules/.vite/packages/common/constructs',
+  plugins: [],
+  // Uncomment this if you are using workers.
+  // worker: {
+  //  plugins: [ nxViteTsPaths() ],
+  // },
+  test: {
+    watch: false,
+    globals: true,
+    environment: 'jsdom',
+    include: ['src/**/*.{test,spec}.{js,mjs,cjs,ts,mts,cts,jsx,tsx}'],
+    reporters: ['default'],
+    coverage: {
+      reportsDirectory: './test-output/vitest/coverage',
+      provider: 'v8' as const,
+    },
+    passWithNoTests: true,
+  },
+}));
+"
+`;
+
+exports[`react-website generator > Tanstack router integration > should generate website with no router correctly > packages/common/types/README.md 1`] = `
+"# @proj/common-types
+
+This library was generated with [@aws/nx-plugin](https://github.com/awslabs/nx-plugin-for-aws/).
+
+## Building
+
+Run \`npx nx build @proj/common-types [--skip-nx-cache]\` to build the application.
+
+## Running unit tests
+
+Run \`npx nx test @proj/common-types\` to execute the unit tests via Vitest.
+
+### Updating snapshots
+
+To update snapshots, run the following command:
+
+\`npx nx test @proj/common-types --configuration=update-snapshot\`
+
+## Run lint
+
+Run \`npx nx lint @proj/common-types\`
+
+### Fixable issues
+
+You can also automatiaclly fix some lint errors by running the following command:
+
+\`npx nx lint @proj/common-types --configuration=fix\`
+
+## Useful links
+
+- [common-types reference docs](TODO)
+- [Learn more about NX](https://nx.dev/getting-started/intro)
+"
+`;
+
+exports[`react-website generator > Tanstack router integration > should generate website with no router correctly > packages/common/types/eslint.config.mjs 1`] = `
+"import baseConfig from '../../../eslint.config.mjs';
+
+export default [
+  ...baseConfig,
+  {
+    files: ['**/*.json'],
+    rules: {
+      '@nx/dependency-checks': [
+        'warn',
+        {
+          ignoredFiles: [
+            '{projectRoot}/eslint.config.{js,cjs,mjs}',
+            '{projectRoot}/vite.config.{js,ts,mjs,mts}',
+          ],
+        },
+      ],
+    },
+    languageOptions: {
+      parser: await import('jsonc-eslint-parser'),
+    },
+  },
+];
+"
+`;
+
+exports[`react-website generator > Tanstack router integration > should generate website with no router correctly > packages/common/types/project.json 1`] = `
+"{
+  "name": "@proj/common-types",
+  "$schema": "../../../node_modules/nx/schemas/project-schema.json",
+  "sourceRoot": "packages/common/types/src",
+  "projectType": "library",
+  "tags": [],
+  "targets": {
+    "build": {
+      "dependsOn": ["lint", "compile", "test"]
+    },
+    "compile": {
+      "executor": "nx:run-commands",
+      "outputs": ["{workspaceRoot}/dist/packages/common/types/tsc"],
+      "options": {
+        "command": "tsc --build tsconfig.lib.json",
+        "cwd": "{projectRoot}"
+      }
+    },
+    "test": {
+      "executor": "@nx/vite:test",
+      "outputs": ["{options.reportsDirectory}"],
+      "options": {
+        "reportsDirectory": "../../../coverage/packages/common/types"
+      }
+    }
+  },
+  "metadata": {
+    "generator": "ts#project"
+  }
+}
+"
+`;
+
+exports[`react-website generator > Tanstack router integration > should generate website with no router correctly > packages/common/types/src/index.ts 1`] = `
+"export * from './runtime-config.js';
+"
+`;
+
+exports[`react-website generator > Tanstack router integration > should generate website with no router correctly > packages/common/types/src/runtime-config.ts 1`] = `
+"// eslint-disable-next-line @typescript-eslint/no-empty-object-type, @typescript-eslint/no-empty-interface
+export interface IRuntimeConfig {}
+"
+`;
+
+exports[`react-website generator > Tanstack router integration > should generate website with no router correctly > packages/common/types/tsconfig.json 1`] = `
+"{
+  "extends": "../../../tsconfig.base.json",
+  "files": [],
+  "include": [],
+  "references": [
+    {
+      "path": "./tsconfig.lib.json"
+    },
+    {
+      "path": "./tsconfig.spec.json"
+    }
+  ],
+  "compilerOptions": {}
+}
+"
+`;
+
+exports[`react-website generator > Tanstack router integration > should generate website with no router correctly > packages/common/types/tsconfig.lib.json 1`] = `
+"{
+  "extends": "../../../tsconfig.base.json",
+  "compilerOptions": {
+    "rootDir": ".",
+    "outDir": "../../../dist/packages/common/types/tsc",
+    "tsBuildInfoFile": "../../../dist/packages/common/types/tsc/tsconfig.lib.tsbuildinfo",
+    "emitDeclarationOnly": false,
+    "module": "nodenext",
+    "moduleResolution": "nodenext",
+    "types": ["node"]
+  },
+  "include": ["src/**/*.ts"],
+  "references": [],
+  "exclude": [
+    "vite.config.ts",
+    "vite.config.mts",
+    "vitest.config.ts",
+    "vitest.config.mts",
+    "src/**/*.test.ts",
+    "src/**/*.spec.ts",
+    "src/**/*.test.tsx",
+    "src/**/*.spec.tsx",
+    "src/**/*.test.js",
+    "src/**/*.spec.js",
+    "src/**/*.test.jsx",
+    "src/**/*.spec.jsx"
+  ]
+}
+"
+`;
+
+exports[`react-website generator > Tanstack router integration > should generate website with no router correctly > packages/common/types/tsconfig.spec.json 1`] = `
+"{
+  "extends": "../../../tsconfig.base.json",
+  "compilerOptions": {
+    "outDir": "./out-tsc/vitest",
+    "types": [
+      "vitest/globals",
+      "vitest/importMeta",
+      "vite/client",
+      "node",
+      "vitest"
+    ],
+    "module": "nodenext",
+    "moduleResolution": "nodenext"
+  },
+  "include": [
+    "vite.config.ts",
+    "vite.config.mts",
+    "vitest.config.ts",
+    "vitest.config.mts",
+    "src/**/*.test.ts",
+    "src/**/*.spec.ts",
+    "src/**/*.test.tsx",
+    "src/**/*.spec.tsx",
+    "src/**/*.test.js",
+    "src/**/*.spec.js",
+    "src/**/*.test.jsx",
+    "src/**/*.spec.jsx",
+    "src/**/*.d.ts"
+  ],
+  "references": [
+    {
+      "path": "./tsconfig.lib.json"
+    }
+  ]
+}
+"
+`;
+
+exports[`react-website generator > Tanstack router integration > should generate website with no router correctly > packages/common/types/vite.config.ts 1`] = `
+"import { defineConfig } from 'vite';
+
+export default defineConfig(() => ({
+  root: __dirname,
+  cacheDir: '../../../node_modules/.vite/packages/common/types',
+  plugins: [],
+  // Uncomment this if you are using workers.
+  // worker: {
+  //  plugins: [ nxViteTsPaths() ],
+  // },
+  test: {
+    watch: false,
+    globals: true,
+    environment: 'jsdom',
+    include: ['src/**/*.{test,spec}.{js,mjs,cjs,ts,mts,cts,jsx,tsx}'],
+    reporters: ['default'],
+    coverage: {
+      reportsDirectory: './test-output/vitest/coverage',
+      provider: 'v8' as const,
+    },
+    passWithNoTests: true,
+  },
+}));
+"
+`;
+
+exports[`react-website generator > Tanstack router integration > should generate website with no router correctly > pnpm-workspace.yaml 1`] = `
+"packages:
+  - 'packages/*'
+  - 'test-app'
+  - 'packages/common/*'
+  - 'packages/common/constructs'
+"
+`;
+
+exports[`react-website generator > Tanstack router integration > should generate website with no router correctly > test-app/README.md 1`] = `
+"# @proj/test-app
+
+This library was generated with [@aws/nx-plugin](https://github.com/awslabs/nx-plugin-for-aws/).
+
+## Building
+
+Run \`npx nx build @proj/test-app [--skip-nx-cache]\` to build the application.
+
+## Run dev server
+
+Run \`npx nx serve @proj/test-app\`
+
+## Running unit tests
+
+Run \`npx nx test @proj/test-app\` to execute the unit tests via Vitest.
+
+### Updating snapshots
+
+To update snapshots, run the following command:
+
+\`npx nx test @proj/test-app --configuration=update-snapshot\`
+
+## Run lint
+
+Run \`npx nx lint @proj/test-app\`
+
+### Fixable issues
+
+You can also automatically fix some lint errors by running the following command:
+
+\`npx nx lint @proj/test-app --configuration=fix\`
+
+### Runtime config
+
+In order to integrate with cognito or trpc backends, you need to have a \`runtime-config.json\` file in your \`/public\` website directory. You can fetch this is follows:
+
+\`npx nx run @proj/test-app:load:runtime-config\`
+
+> [!IMPORTANT]
+> Ensure you have AWS CLI and curl installed
+> You have deployed your CDK infrastructure into the appropriate account
+> You have assumed a role in the AWS account with sufficient permissions to call describe-stacks from cloudformation
+
+## Useful links
+
+- [React website reference docs](TODO)
+- [Learn more about NX](https://nx.dev/getting-started/intro)
+"
+`;
+
+exports[`react-website generator > Tanstack router integration > should generate website with no router correctly > test-app/eslint.config.mjs 1`] = `
+"import nx from '@nx/eslint-plugin';
+import baseConfig from '../eslint.config.mjs';
+
+export default [
+  ...baseConfig,
+  ...nx.configs['flat/react'],
+  {
+    files: ['**/*.ts', '**/*.tsx', '**/*.js', '**/*.jsx'],
+    // Override or add rules here
+    rules: {},
+  },
+];
+"
+`;
+
+exports[`react-website generator > Tanstack router integration > should generate website with no router correctly > test-app/index.html 1`] = `
+"<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <title>TestApp</title>
+    <base href="/" />
+
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <link rel="icon" type="image/x-icon" href="/favicon.ico" />
+    <link rel="stylesheet" href="/src/styles.css" />
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.tsx"></script>
+  </body>
+</html>
+"
+`;
+
+exports[`react-website generator > Tanstack router integration > should generate website with no router correctly > test-app/project.json 1`] = `
+"{
+  "name": "@proj/test-app",
+  "$schema": "../node_modules/nx/schemas/project-schema.json",
+  "sourceRoot": "test-app/src",
+  "projectType": "application",
+  "tags": [],
+  "targets": {
+    "build": {
+      "dependsOn": ["lint", "compile", "bundle", "test"],
+      "options": {
+        "outputPath": "dist/test-app/bundle"
+      }
+    },
+    "bundle": {
+      "executor": "@nx/vite:build",
+      "outputs": ["{options.outputPath}"],
+      "defaultConfiguration": "production",
+      "options": {
+        "outputPath": "dist/test-app/bundle"
+      },
+      "configurations": {
+        "development": {
+          "mode": "development"
+        },
+        "production": {
+          "mode": "production"
+        }
+      }
+    },
+    "compile": {
+      "executor": "nx:run-commands",
+      "outputs": ["{workspaceRoot}/dist/{projectRoot}/tsc"],
+      "options": {
+        "command": "tsc --build tsconfig.app.json",
+        "cwd": "{projectRoot}"
+      }
+    },
+    "lint": {
+      "executor": "@nx/eslint:lint"
+    },
+    "load:runtime-config": {
+      "executor": "nx:run-commands",
+      "metadata": {
+        "description": "Load runtime config from your deployed stack for dev purposes. You must set your AWS CLI credentials whilst calling 'pnpm exec nx run @proj/test-app:load:runtime-config'"
+      },
+      "options": {
+        "command": "aws s3 cp s3://\`aws cloudformation describe-stacks --query \\"Stacks[?StackName=='proj-infra-sandbox'][].Outputs[?contains(OutputKey, 'WebsiteBucketName')].OutputValue\\" --output text\`/runtime-config.json './test-app/public/runtime-config.json'"
+      }
+    },
+    "preview": {
+      "dependsOn": ["build"],
+      "executor": "@nx/vite:preview-server",
+      "defaultConfiguration": "development",
+      "options": {
+        "buildTarget": "@proj/test-app:build"
+      },
+      "configurations": {
+        "development": {
+          "buildTarget": "@proj/test-app:build:development"
+        },
+        "production": {
+          "buildTarget": "@proj/test-app:build:production"
+        }
+      }
+    },
+    "serve": {
+      "executor": "@nx/vite:dev-server",
+      "defaultConfiguration": "development",
+      "options": {
+        "buildTarget": "@proj/test-app:build"
+      },
+      "configurations": {
+        "development": {
+          "buildTarget": "@proj/test-app:build:development",
+          "hmr": true
+        },
+        "production": {
+          "buildTarget": "@proj/test-app:build:production",
+          "hmr": false
+        }
+      }
+    },
+    "serve-local": {
+      "executor": "@nx/vite:dev-server",
+      "options": {
+        "buildTarget": "@proj/test-app:build:development",
+        "hmr": true,
+        "mode": "serve-local"
+      },
+      "continuous": true
+    },
+    "serve-static": {
+      "executor": "@nx/web:file-server",
+      "dependsOn": ["build"],
+      "options": {
+        "buildTarget": "@proj/test-app:build",
+        "spa": true
+      }
+    },
+    "test": {
+      "executor": "@nx/vite:test",
+      "outputs": ["{options.reportsDirectory}"],
+      "options": {
+        "reportsDirectory": "../coverage/test-app"
+      }
+    }
+  },
+  "metadata": {
+    "generator": "ts#react-website"
+  }
+}
+"
+`;
+
+exports[`react-website generator > Tanstack router integration > should generate website with no router correctly > test-app/public/favicon.ico 1`] = `
+"
00
 �%6  
 ��%
 h�6(0\`
 $V/V/cV/�V/�V/�V/�V/�W0�Y1'B#pH[�f��i��i��i��i��i��ia�j�c�^R�\\��Y��U��R�|N�xKuI&V/
+V/�V/�V/�V/�V/�V/�X1�Y2Ld=9_;�X��l��k��k��k��k��k�kH�c8�a�]��Z��W��S�}P�zM�vIV/
+V/�V/�V/�V/�V/�W0�Y1�Z3LoDjA�\`;�_=��c��l��k��k��k��k��kÞk�j�f��c��\`��]��Y��V��R�}OCV/
+V/�V/�V/�V/�V/�W0�Z2�[3LoD[nD�iA�X7�oI��j��k��k��k��k��k��k��m
�ks�i��f��b��_��[��W��T�yLV/
+V/�V/�V/�V/�V/�X1�Z3�\\4MnDoE�qF�oE�f@�X8��Z��l��k��k��k��k��k�ks�k��k��h��d��a��]��Y˅WV/
+V/�V/�V/�V/�V/�Y1�[3�\\4Ph=
nD�pE�rG�sH�oF�a=�cA��f��k��k��k��k��k��k��k��k��j��f��b��_�\\SV/
+V/�V/�V/�V/�W0�Y2�[4�]5QmC6oD�qF�sH�uJ�uJ�nF�];�wO��k��k��k��k��k��k��k��k��k��h��d��\`��\\V/
+V/V/
+V/�V/�V/�V/�W0�Y2�\\4�]5QkA
+mC�oD�qF�tH�vJ�xL�vK�kD�^=��_��l��k��k��k��k��k��k��k��i��eؔb(V/	V/�V/eV/
+V/�V/�V/�V/�W0�Z2�\\4�^6QlAXmC�oE�rG�tI�wK�yM�zN�uK�eA�jF��h��k��k��k��k��k��k��k��j��geW0V/RV/�V/
+V/�V/�V/�V/�W0�Z2�\\4�^6Qj@kA�mC�pE�rG�uI�wK�yM�|O�{O�rJ�^=�|S��k��k��k��k��k��k��k��j��h�Z]5iY1�V/GV/
+V/�V/�V/�V/�X0�Z2�\\5�^6Qi?kA�mC�pE�rG�uI�wK�zM�|O�}P�xN�eB�W:��c��k��k��k��k��k��o���$W��H
��H��KHɦ9�f>�X1�V/�V/
+V/�V/�V/�V/�X0�Z2�\\4�^6Qg>4i?�kA�mC�pE�rG�uI�wK�zM�|O�|P�vM�b@�bA��g��k��k��k��k��k��s	�ӵ]������H-��H���J���G���*�\`8
�Y1�V/�V/
+V/�V/�V/�V/�W0�Z2�\\4�^6Qd;	f=�h?�kA�mC�pE�rG�tI�wK�yM�{O�yN�mF�^>��]��l��k��k��k��k��k��l�ͫH��ڔ��ٛ�ؖ�ؖ�ؖ.�ؘr�֏���O�߾D���/��h�i@�]5�Y1�V/�V/
+V/�V/�V/�V/�W0�Z2�\\4�^5Qd;Uf<�h>�j@�mC�oE�rG�tH�wK�yL�xM�qI�_=�vO��k��k��k��k��k��k��k��j������i��א��ؗ��ؘ��ؗ��֏���k���G��w�mC
�e;�a8�]5�X1�V/]V/
+V/�V/�V/�V/�W0�Y2�\\4�]5Pb:c:�e<�h>�j@�lB�oD�qF�rGDwK}wK�sI�d@�cA��f��k��k��k��k��k��k��k��k��i
���$���W���p���v���n���Y���I���*�rG�j@�f<�a8�\\4�X1�V/ V/
+V/�V/�V/�V/�W0�Y1�[3�\\5Qa8wb:�e<�g>�i@�lB�nD�pE�oC
uI}sH�iB�Z:��Z��l��k��k��k��k��k��k��k��j��f��e����Ω4�ܹA�޼B�״=���(�}R�nC�j@�e<�\`8�[4�X1�V/
+V/�V/�V/�V/�V/�X1�[3�]5�\`7�b9�d;�f=�i?�kA�mC�oD*qG}kD�Z9�oI��j��k��k��k��k��k��k�k��k��i��e��a��]��_��g��g
+��[�xK
�rF�nC�i?�d;�_7�[3�X1V/
+V/�V/�V/�V/�V/�X0�Z2�\\4�_6�a8�c:�f<�h>�j@�lBqjB}_<�\\;��c��l��k��k��k��k��k۞kC�k��j��g��c��\`��\\��X��S�}O�yL�uI�qE�lA�g>�c:�^6�[3JV/
+V/�V/�V/�V/�V/�W0�Y2�\\4�^6�\`8�b:�e;�g=�i?�kA\`;}U6�U��l��k��k��k��k��k��kl�k$�h��d��a��^��Z��V��S�}O�xK�tH�oD�j@�f<�a9�^6ZS,
V/
+V/�V/�V/�V/�V/�V/�X1�[3�]5�_7�a9�d;�f<�g>MT4~kE��i��k��k��k��k��k��k��k�e�b��_�[��X��T�Q�zM�vJ�rF�mB�i?�e;�a8BW0
V/
+V/�V/�V/�V/�V/�V/�W0�Z2�\\4�^6�\`8�b:�d;�g=iC~�a��k��k��k��k��k��k�k:�\`�]@�Y��VڀR�|O�xK�tH�pD�lA�h>he;V/
+V/�V/�V/�V/�V/�V/�W0�Y1�[3�]5�_7�a8�c:.xL~Q��R��S��T��T��U��W��o�W�TQ={MTwJYsGJoD+kAV/
+V/�V/�V/�V/�V/�V/�V/�X0�Z2�\\4�^6�\`7wkA}lB�nC�oD�pF�rG�sH�sH�V/
+V/�V/�V/�V/�V/�V/�V/�W/�X1�Z3�\\4�^6j@}kA�lB�nC�oD�pE�qF�rG�V/
+V/�V/�V/�V/�V/�V/�V/�V/�W0�Y2�[3Rh>}i?�j@�lB�mC�nC�oD�pE�V/
+V/�V/�V/�V/�V/�V/�V/�V/�V/�W0�Z2f=}g=�h?�j@�kA�lB�mB�mC�V/
+V/�V/�V/�V/�V/�V/�V/�V/�V/�V/2d;}e<�f=�g>�i?�j@�j@�kA�V/
+V/�V/�V/�V/�V/�V/�V/�V/�V/~b9}c:�d;�e<�f=�g>�h>�i?�V/
+V/�V/�V/�V/�V/�V/�V/�V/�V/\`7}a8�b9�c:�d;�e<�f<�f=�V/V/TV/pV/nV/nV/nV/nV/oV/:_66\`7oa8nb9nc:nd;nd;pe;C�������������������������������������������������������������������������>��������������������?����������������>��
��\`
��\`
���
��
�����?���?����?����?����?����?���?�?����?����?��������������������������������������������������( @
 V/V/XV/\\V/\\V/]X1/L,~SI�i\`�i_�i_�i[�i�_�\\V�X\\�S\\{N^wJ,V/KV/�V/�V/�W0�Y1�d=BgA�b��k��k��k��k��k�s�c��_��Z��U�}P�xL6V/KV/�V/�V/�X1�Z3�pEmC�b=�pJ��j��k��k��k�kJ�kA�g�c��]��X��TyV/KV/�V/�V/�Y1�[3�oDfqF�nE�\`=��Y��l��k��k��kϞk˝j��f��\`��[��VV/KV/�V/�W/�Z2�\\4�mC#oD�rG�uI�lE�hD��e��k��k��k��k��k��h��c�^FV/V/V/KV/�V/�W0�Z3�]5�h>mC�pE�sH�wK�wL�hC�yP��k��k��k��k��k��i��e��[V/*V/zV/KV/�V/�W0�[3�]5�kA@mB�pE�tI�xL�{N�wL�fC��]��l��k��k��k��j͚g�w 	]5
\\W0oV/KV/�V/�W0�[3�]5�g>j@�mB�qF�tI�xL�|O�|P�hC�mI��k��k��k��l
������F
��J ��NIĢ6�d<�V/�V/KV/�V/�W0�[3�]5�g=ci?�mB�pE�tH�xL�{N�wM�eB��[��k��k��k��j���3��ڑU�ݩ�ڜ�ٜF��uk߾Dҽ�1��c�]5�W0�V/KV/�V/�W0�Z3�]5�d;e<�i?�lB�pE�sH�wK�wL�hC�vN��j��k��k��k��j��z�ܿ^��ֈ��׍��Ԃ���Z���!�mC�a8�[4�W0�V/KV/�V/�W/�Z2�\\4�b9�d;�h>�kA�oD�qFBuJ�mE�fB��d��k��k��k��k��k��g��{�Ϊ=�ܽM�ٸD���'�uJ�h>�b9�[3�W06V/KV/�V/�V/�Y1�\\4�\`8�c:�g=�j@�mC�zKlD�_<��W��l��k��k��k��k؝j��f��_��_��e
+��]	�wK�nC�g=�\`7�[3L'V/KV/�V/�V/�X1�[3�_6�b9�e<�h?�kA%\\9�mG��i��k��k��k��ke�k9�gՔb��]��W�Q�yL�sG�lA�e<�\`7�[3V/KV/�V/�V/�W0�Z2�]5�a8�d;�f=j
eA��a��l��l��k��k��k�d.�_��Z�U�}O�vJ�pE�j?�d;v_7V/KV/�V/�V/�V/�X1�\\4�_7�b9�e;
|P��Y��Z��[��\\�aA�\\�W7�RnzM�tH�nC\\i?!a9
V/KV/�V/�V/�V/�W0�Z2�]5�_7Gj?
lA�mC�oD�qF�sG�sH+V/KV/�V/�V/�V/�V/�X1�[3�\`7b8
i?�j@�mB�nD�pE�pE+V/KV/�V/�V/�V/�V/�V/�X1)_6
f=�g>�i@�kA�lB�mC+V/LV/�V/�V/�V/�V/�V/q]4
c:�d;�f=�h>�i?�i?+V/@V/�V/�V/�V/�V/�V/[2
\`8�b9�c:�e;�f<�f=$V/V/V/V/V/V/_6\`7a9c:d;d;����������������������������������0��0������
���
����������
��00�p8�p?�����������������������������������( 
 V/'V/;W0*Z3
^:�]2�k=�j%�]#�V<{N(j?
V/�V/�X1�\\4h@LvM�i��kʞkA�cƉY�QaV/�V/�Z2�[4nCqF�lE��Z��l��k�h��\`��VV/	V/�W0�[3�[4mCrrG�wK�tL��e��k��j
�d
8��(
+\\5VV/�W0�[3�f=1kA�rG�zM�qI��^��k��z���z0��#��R^�}#�b:�V/�W0�Z3�d;�j@�qF�qH�zP��j��k��r�ƤB�ڽ]㫆*�lC�[3�V/�V/�Z2�a8�g>�jAGlF“c��l��k��e�a��^�sH�c:�[47V/�V/�X1�^6�c:�^:�TŒa��d��n
+�\`@�V�xK�mB�d;-V/�V/�V/�Z2�_6 mB
+mC�pE�sG�yLtHlA
V/�V/�V/�W/dc:e<�h?�j@�V/RV/|V/hV/_7a9^d;}f<A��������O
c������"
+`;
+
+exports[`react-website generator > Tanstack router integration > should generate website with no router correctly > test-app/src/app.tsx 1`] = `
+"import AppLayout from './components/AppLayout';
+import {
+  ContentLayout,
+  Header,
+  SpaceBetween,
+  Container,
+} from '@cloudscape-design/components';
+
+export const App = () => (
+  <AppLayout>
+    <ContentLayout header={<Header>Welcome</Header>}>
+      <SpaceBetween size="l">
+        <Container>Welcome to your new React website!</Container>
+      </SpaceBetween>
+    </ContentLayout>
+  </AppLayout>
+);
+"
+`;
+
+exports[`react-website generator > Tanstack router integration > should generate website with no router correctly > test-app/src/components/AppLayout/index.tsx 1`] = `
+"import * as React from 'react';
+import { createContext, useCallback, useState } from 'react';
+import Config from '../../config';
+
+import { TopNavigation } from '@cloudscape-design/components';
+import CloudscapeAppLayout, {
+  AppLayoutProps,
+} from '@cloudscape-design/components/app-layout';
+
+export interface AppLayoutContext {
+  appLayoutProps: AppLayoutProps;
+  setAppLayoutProps: (props: AppLayoutProps) => void;
+  displayHelpPanel: (helpContent: React.ReactNode) => void;
+}
+
+/**
+ * Context for updating/retrieving the AppLayout.
+ */
+export const AppLayoutContext = createContext({
+  appLayoutProps: {},
+  // eslint-disable-next-line @typescript-eslint/no-empty-function
+  setAppLayoutProps: (_: AppLayoutProps) => {},
+  // eslint-disable-next-line @typescript-eslint/no-empty-function
+  displayHelpPanel: (_: React.ReactNode) => {},
+});
+
+/**
+ * Defines the App layout and contains logic for routing.
+ */
+const AppLayout: React.FC<React.PropsWithChildren> = ({ children }) => {
+  const appLayout = React.useRef<AppLayoutProps.Ref>(null);
+  const [appLayoutProps, setAppLayoutProps] = useState<AppLayoutProps>({});
+  const setAppLayoutPropsSafe = useCallback(
+    (props: AppLayoutProps) => {
+      JSON.stringify(appLayoutProps) !== JSON.stringify(props) &&
+        setAppLayoutProps(props);
+    },
+    [appLayoutProps],
+  );
+
+  return (
+    <AppLayoutContext.Provider
+      value={{
+        appLayoutProps,
+        setAppLayoutProps: setAppLayoutPropsSafe,
+        displayHelpPanel: (helpContent: React.ReactNode) => {
+          setAppLayoutPropsSafe({ tools: helpContent, toolsHide: false });
+          appLayout.current?.openTools();
+        },
+      }}
+    >
+      <TopNavigation
+        identity={{
+          href: '/',
+          title: Config.applicationName,
+          logo: {
+            src: Config.logo,
+          },
+        }}
+      />
+      <CloudscapeAppLayout
+        ref={appLayout}
+        navigationHide
+        toolsHide
+        content={children}
+        {...appLayoutProps}
+      />
+    </AppLayoutContext.Provider>
+  );
+};
+
+export default AppLayout;
+"
+`;
+
+exports[`react-website generator > Tanstack router integration > should generate website with no router correctly > test-app/src/config.ts 1`] = `
+"export default {
+  applicationName: 'test-app',
+  logo: 'data:image/svg+xml;base64,PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KDTwhLS0gVXBsb2FkZWQgdG86IFNWRyBSZXBvLCB3d3cuc3ZncmVwby5jb20sIFRyYW5zZm9ybWVkIGJ5OiBTVkcgUmVwbyBNaXhlciBUb29scyAtLT4KPHN2ZyBmaWxsPSIjMjQ4YmFlIiB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHN0cm9rZT0iIzI0OGJhZSI+Cg08ZyBpZD0iU1ZHUmVwb19iZ0NhcnJpZXIiIHN0cm9rZS13aWR0aD0iMCIvPgoNPGcgaWQ9IlNWR1JlcG9fdHJhY2VyQ2FycmllciIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cg08ZyBpZD0iU1ZHUmVwb19pY29uQ2FycmllciI+Cg08dGl0bGU+aW9uaWNvbnMtdjVfbG9nb3M8L3RpdGxlPgoNPHBhdGggZD0iTTQxMC42NiwxODAuNzJoMHEtNy42Ny0yLjYyLTE1LjQ1LTQuODgsMS4yOS01LjI1LDIuMzgtMTAuNTZjMTEuNy01Ni45LDQuMDUtMTAyLjc0LTIyLjA2LTExNy44My0yNS0xNC40OC02NiwuNjEtMTA3LjM2LDM2LjY5cS02LjEsNS4zNC0xMS45NSwxMS0zLjktMy43Ni04LTcuMzZjLTQzLjM1LTM4LjU4LTg2LjgtNTQuODMtMTEyLjg4LTM5LjY5LTI1LDE0LjUxLTMyLjQzLDU3LjYtMjEuOSwxMTEuNTNxMS41OCw4LDMuNTUsMTUuOTNjLTYuMTUsMS43NS0xMi4wOSwzLjYyLTE3Ljc3LDUuNkM0OC40NiwxOTguOSwxNiwyMjYuNzMsMTYsMjU1LjU5YzAsMjkuODIsMzQuODQsNTkuNzIsODcuNzcsNzcuODVxNi40NCwyLjE5LDEzLDQuMDdRMTE0LjY0LDM0NiwxMTMsMzU0LjY4Yy0xMCw1My0yLjIsOTUuMDcsMjIuNzUsMTA5LjQ5LDI1Ljc3LDE0Ljg5LDY5LS40MSwxMTEuMTQtMzcuMzFxNS00LjM4LDEwLTkuMjUsNi4zMiw2LjExLDEzLDExLjg2YzQwLjgsMzUuMTgsODEuMDksNDkuMzksMTA2LDM0LjkzLDI1Ljc1LTE0Ljk0LDM0LjEyLTYwLjE0LDIzLjI1LTExNS4xM3EtMS4yNS02LjMtMi44OC0xMi44Niw0LjU2LTEuMzUsOC45My0yLjc5YzU1LTE4LjI3LDkwLjgzLTQ3LjgxLDkwLjgzLTc4QzQ5NiwyMjYuNjIsNDYyLjUsMTk4LjYxLDQxMC42NiwxODAuNzJabS0xMjktODEuMDhjMzUuNDMtMzAuOTEsNjguNTUtNDMuMTEsODMuNjUtMzQuMzloMGMxNi4wNyw5LjI5LDIyLjMyLDQ2Ljc1LDEyLjIyLDk1Ljg4cS0xLDQuOC0yLjE2LDkuNTdhNDg3LjgzLDQ4Ny44MywwLDAsMC02NC4xOC0xMC4xNiw0ODEuMjcsNDgxLjI3LDAsMCwwLTQwLjU3LTUwLjc1UTI3NiwxMDQuNTcsMjgxLjY0LDk5LjY0Wk0xNTcuNzMsMjgwLjI1cTYuNTEsMTIuNiwxMy42MSwyNC44OSw3LjIzLDEyLjU0LDE1LjA3LDI0LjcxYTQzNS4yOCw0MzUuMjgsMCwwLDEtNDQuMjQtNy4xM0MxNDYuNDEsMzA5LDE1MS42MywyOTQuNzUsMTU3LjczLDI4MC4yNVptMC00OC4zM2MtNi0xNC4xOS0xMS4wOC0yOC4xNS0xNS4yNS00MS42MywxMy43LTMuMDcsMjguMy01LjU4LDQzLjUyLTcuNDhxLTcuNjUsMTEuOTQtMTQuNzIsMjQuMjNUMTU3LjcsMjMxLjkyWm0xMC45LDI0LjE3cTkuNDgtMTkuNzcsMjAuNDItMzguNzhoMHExMC45My0xOSwyMy4yNy0zNy4xM2MxNC4yOC0xLjA4LDI4LjkyLTEuNjUsNDMuNzEtMS42NXMyOS41Mi41Nyw0My43OSwxLjY2cTEyLjIxLDE4LjA5LDIzLjEzLDM3dDIwLjY5LDM4LjZRMzM0LDI3NS42MywzMjMsMjk0LjczaDBxLTEwLjkxLDE5LTIzLDM3LjI0Yy0xNC4yNSwxLTI5LDEuNTUtNDQsMS41NXMtMjkuNDctLjQ3LTQzLjQ2LTEuMzhxLTEyLjQzLTE4LjE5LTIzLjQ2LTM3LjI5VDE2OC42LDI1Ni4wOVpNMzQwLjc1LDMwNXE3LjI1LTEyLjU4LDEzLjkyLTI1LjQ5aDBhNDQwLjQxLDQ0MC40MSwwLDAsMSwxNi4xMiw0Mi4zMkE0MzQuNDQsNDM0LjQ0LDAsMCwxLDMyNiwzMjkuNDhRMzMzLjYyLDMxNy4zOSwzNDAuNzUsMzA1Wm0xMy43Mi03My4wN3EtNi42NC0xMi42NS0xMy44MS0yNWgwcS03LTEyLjE4LTE0LjU5LTI0LjA2YzE1LjMxLDEuOTQsMzAsNC41Miw0My43Nyw3LjY3QTQzOS44OSw0MzkuODksMCwwLDEsMzU0LjQ3LDIzMS45M1pNMjU2LjIzLDEyNC40OGgwYTQzOS43NSw0MzkuNzUsMCwwLDEsMjguMjUsMzQuMThxLTI4LjM1LTEuMzUtNTYuNzQsMEMyMzcuMDcsMTQ2LjMyLDI0Ni42MiwxMzQuODcsMjU2LjIzLDEyNC40OFpNMTQ1LjY2LDY1Ljg2YzE2LjA2LTkuMzIsNTEuNTcsNCw4OSwzNy4yNywyLjM5LDIuMTMsNC44LDQuMzYsNy4yLDYuNjdBNDkxLjM3LDQ5MS4zNywwLDAsMCwyMDEsMTYwLjUxYTQ5OS4xMiw0OTkuMTIsMCwwLDAtNjQuMDYsMTBxLTEuODMtNy4zNi0zLjMtMTQuODJoMEMxMjQuNTksMTA5LjQ2LDEzMC41OCw3NC42MSwxNDUuNjYsNjUuODZaTTEyMi4yNSwzMTcuNzFxLTYtMS43MS0xMS44NS0zLjcxYy0yMy40LTgtNDIuNzMtMTguNDQtNTYtMjkuODFDNDIuNTIsMjc0LDM2LjUsMjYzLjgzLDM2LjUsMjU1LjU5YzAtMTcuNTEsMjYuMDYtMzkuODUsNjkuNTItNTVxOC4xOS0yLjg1LDE2LjUyLTUuMjFhNDkzLjU0LDQ5My41NCwwLDAsMCwyMy40LDYwLjc1QTUwMi40Niw1MDIuNDYsMCwwLDAsMTIyLjI1LDMxNy43MVptMTExLjEzLDkzLjY3Yy0xOC42MywxNi4zMi0zNy4yOSwyNy44OS01My43NCwzMy43MmgwYy0xNC43OCw1LjIzLTI2LjU1LDUuMzgtMzMuNjYsMS4yNy0xNS4xNC04Ljc1LTIxLjQ0LTQyLjU0LTEyLjg1LTg3Ljg2cTEuNTMtOCwzLjUtMTZhNDgwLjg1LDQ4MC44NSwwLDAsMCw2NC42OSw5LjM5LDUwMS4yLDUwMS4yLDAsMCwwLDQxLjIsNTFDMjM5LjU0LDQwNS44MywyMzYuNDksNDA4LjY1LDIzMy4zOCw0MTEuMzhabTIzLjQyLTIzLjIyYy05LjcyLTEwLjUxLTE5LjQyLTIyLjE0LTI4Ljg4LTM0LjY0cTEzLjc5LjU0LDI4LjA4LjU0YzkuNzgsMCwxOS40Ni0uMjEsMjktLjY0QTQzOS4zMyw0MzkuMzMsMCwwLDEsMjU2LjgsMzg4LjE2Wm0xMjQuNTIsMjguNTljLTIuODYsMTUuNDQtOC42MSwyNS43NC0xNS43MiwyOS44Ni0xNS4xMyw4Ljc4LTQ3LjQ4LTIuNjMtODIuMzYtMzIuNzItNC0zLjQ0LTgtNy4xMy0xMi4wNy0xMWE0ODQuNTQsNDg0LjU0LDAsMCwwLDQwLjIzLTUxLjIsNDc3Ljg0LDQ3Ny44NCwwLDAsMCw2NS0xMC4wNXExLjQ3LDUuOTQsMi42LDExLjY0aDBDMzgzLjgxLDM3Ny41OCwzODQuNSwzOTkuNTYsMzgxLjMyLDQxNi43NVptMTcuNC0xMDIuNjRoMGMtMi42Mi44Ny01LjMyLDEuNzEtOC4wNiwyLjUzYTQ4My4yNiw0ODMuMjYsMCwwLDAtMjQuMzEtNjAuOTQsNDgxLjUyLDQ4MS41MiwwLDAsMCwyMy4zNi02MC4wNmM0LjkxLDEuNDMsOS42OCwyLjkzLDE0LjI3LDQuNTIsNDQuNDIsMTUuMzIsNzEuNTIsMzgsNzEuNTIsNTUuNDNDNDc1LjUsMjc0LjE5LDQ0Ni4yMywyOTguMzMsMzk4LjcyLDMxNC4xMVoiLz4KDTxwYXRoIGQ9Ik0yNTYsMjk4LjU1YTQzLDQzLDAsMSwwLTQyLjg2LTQzQTQyLjkxLDQyLjkxLDAsMCwwLDI1NiwyOTguNTVaIi8+Cg08L2c+Cg08L3N2Zz4=',
+};
+"
+`;
+
+exports[`react-website generator > Tanstack router integration > should generate website with no router correctly > test-app/src/hooks/useAppLayout.tsx 1`] = `
+"import { useContext } from 'react';
+import { AppLayoutContext } from '../components/AppLayout';
+
+export const useAppLayout = (): AppLayoutContext =>
+  useContext(AppLayoutContext);
+"
+`;
+
+exports[`react-website generator > Tanstack router integration > should generate website with no router correctly > test-app/src/main.tsx 1`] = `
+"import React from 'react';
+import { createRoot } from 'react-dom/client';
+import { I18nProvider } from '@cloudscape-design/components/i18n';
+import messages from '@cloudscape-design/components/i18n/messages/all.en';
+import '@cloudscape-design/global-styles/index.css';
+import { App } from './app';
+
+const root = document.getElementById('root');
+root &&
+  createRoot(root).render(
+    <React.StrictMode>
+      <I18nProvider locale="en" messages={[messages]}>
+        <App />
+      </I18nProvider>
+    </React.StrictMode>,
+  );
+"
+`;
+
+exports[`react-website generator > Tanstack router integration > should generate website with no router correctly > test-app/src/styles.css 1`] = `
+"@import 'tailwindcss';
+/* You can add global styles to this file, and also import other style files */
+"
+`;
+
+exports[`react-website generator > Tanstack router integration > should generate website with no router correctly > test-app/tsconfig.app.json 1`] = `
+"{
+  "extends": "../tsconfig.base.json",
+  "compilerOptions": {
+    "outDir": "../dist/test-app/tsc",
+    "tsBuildInfoFile": "../dist/test-app/tsc/tsconfig.lib.tsbuildinfo",
+    "jsx": "react-jsx",
+    "lib": ["DOM"],
+    "types": [
+      "node",
+      "@nx/react/typings/cssmodule.d.ts",
+      "@nx/react/typings/image.d.ts",
+      "vite/client"
+    ]
+  },
+  "exclude": [
+    "src/**/*.spec.ts",
+    "src/**/*.test.ts",
+    "src/**/*.spec.tsx",
+    "src/**/*.test.tsx",
+    "src/**/*.spec.js",
+    "src/**/*.test.js",
+    "src/**/*.spec.jsx",
+    "src/**/*.test.jsx",
+    "vite.config.ts",
+    "vite.config.mts",
+    "vitest.config.ts",
+    "vitest.config.mts"
+  ],
+  "include": ["src/**/*.js", "src/**/*.jsx", "src/**/*.ts", "src/**/*.tsx"]
+}
+"
+`;
+
+exports[`react-website generator > Tanstack router integration > should generate website with no router correctly > test-app/tsconfig.json 1`] = `
+"{
+  "files": [],
+  "include": [],
+  "references": [
+    {
+      "path": "./tsconfig.app.json"
+    },
+    {
+      "path": "./tsconfig.spec.json"
+    }
+  ],
+  "extends": "../tsconfig.base.json",
+  "compilerOptions": {
+    "moduleResolution": "Bundler",
+    "module": "Preserve"
+  }
+}
+"
+`;
+
+exports[`react-website generator > Tanstack router integration > should generate website with no router correctly > test-app/tsconfig.spec.json 1`] = `
+"{
+  "extends": "../tsconfig.base.json",
+  "compilerOptions": {
+    "outDir": "./out-tsc/vitest",
+    "types": [
+      "vitest/globals",
+      "vitest/importMeta",
+      "vite/client",
+      "node",
+      "vitest",
+      "@nx/react/typings/cssmodule.d.ts",
+      "@nx/react/typings/image.d.ts"
+    ]
+  },
+  "include": [
+    "vite.config.ts",
+    "vite.config.mts",
+    "vitest.config.ts",
+    "vitest.config.mts",
+    "src/**/*.test.ts",
+    "src/**/*.spec.ts",
+    "src/**/*.test.tsx",
+    "src/**/*.spec.tsx",
+    "src/**/*.test.js",
+    "src/**/*.spec.js",
+    "src/**/*.test.jsx",
+    "src/**/*.spec.jsx",
+    "src/**/*.d.ts"
+  ],
+  "references": [
+    {
+      "path": "./tsconfig.app.json"
+    }
+  ]
+}
+"
+`;
+
+exports[`react-website generator > Tanstack router integration > should generate website with no router correctly > test-app/vite.config.ts 1`] = `
+"import tailwindcss from '@tailwindcss/vite';
+import tsconfigPaths from 'vite-tsconfig-paths';
+/// <reference types='vitest' />
+import { defineConfig } from 'vite';
+import react from '@vitejs/plugin-react';
+
+export default defineConfig(() => ({
+  define: {
+    global: {},
+  },
+  root: __dirname,
+  cacheDir: '../node_modules/.vite/test-app',
+  server: {
+    port: 4200,
+    host: 'localhost',
+  },
+  preview: {
+    port: 4300,
+    host: 'localhost',
+  },
+  plugins: [react(), tailwindcss(), tsconfigPaths()],
+  build: {
+    outDir: '../dist/test-app',
+    emptyOutDir: true,
+    reportCompressedSize: true,
+    commonjsOptions: {
+      transformMixedEsModules: true,
+    },
+  },
+  test: {
+    watch: false,
+    globals: true,
+    environment: 'jsdom',
+    include: ['{src,tests}/**/*.{test,spec}.{js,mjs,cjs,ts,mts,cts,jsx,tsx}'],
+    reporters: ['default'],
+    coverage: {
+      reportsDirectory: './test-output/vitest/coverage',
+      provider: 'v8' as const,
+    },
+    passWithNoTests: true,
+  },
+}));
+"
+`;
+
+exports[`react-website generator > Tanstack router integration > should generate website with no router correctly > tsconfig.base.json 1`] = `
+"{
+  "compilerOptions": {
+    "paths": {
+      ":proj/common-types": ["packages/common/types/src/index.ts"],
+      ":proj/test-app": ["test-app/src/index.ts"],
+      ":proj/common-constructs": ["packages/common/constructs/src/index.ts"]
+    },
+    "baseUrl": ".",
+    "rootDir": "."
+  }
+}
+"
+`;
+
+exports[`react-website generator > Tanstack router integration > should generate website with no router correctly > tsconfig.json 1`] = `
+"{
+  "references": [
+    {
+      "path": "./test-app"
+    },
+    {
+      "path": "./packages/common/types"
+    },
+    {
+      "path": "./packages/common/constructs"
+    }
+  ]
+}
+"
+`;
+
+exports[`react-website generator > Tanstack router integration > should generate website with no router correctly > vitest.workspace.ts 1`] = `
+"export default [
+  '**/vite.config.{mjs,js,ts,mts}',
+  '**/vitest.config.{mjs,js,ts,mts}',
+];
+"
+`;
+
+exports[`react-website generator > Tanstack router integration > should generate website with router correctly > .gitignore 1`] = `
+"vite.config.*.timestamp*
+vitest.config.*.timestamp*
+
+runtime-config.json"
+`;
+
+exports[`react-website generator > Tanstack router integration > should generate website with router correctly > .prettierrc 1`] = `
+"{ "singleQuote": true }
+"
+`;
+
+exports[`react-website generator > Tanstack router integration > should generate website with router correctly > eslint.config.mjs 1`] = `
+"import eslintPluginPrettierRecommended from 'eslint-plugin-prettier/recommended';
+import nx from '@nx/eslint-plugin';
+
+export default [
+  eslintPluginPrettierRecommended,
+  ...nx.configs['flat/base'],
+  ...nx.configs['flat/typescript'],
+  ...nx.configs['flat/javascript'],
+  {
+    ignores: [
+      '**/dist',
+      '**/vite.config.*.timestamp*',
+      '**/vitest.config.*.timestamp*',
+      '**/vite.config.ts.timestamp*',
+    ],
+  },
+  {
+    files: ['**/*.ts', '**/*.tsx', '**/*.js', '**/*.jsx'],
+    rules: {
+      '@nx/enforce-module-boundaries': [
+        'error',
+        {
+          enforceBuildableLibDependency: true,
+          allow: ['^.*/eslint(\\\\.base)?\\\\.config\\\\.[cm]?js$'],
+          depConstraints: [
+            {
+              sourceTag: '*',
+              onlyDependOnLibsWithTags: ['*'],
+            },
+          ],
+        },
+      ],
+    },
+  },
+  {
+    files: [
+      '**/*.ts',
+      '**/*.tsx',
+      '**/*.cts',
+      '**/*.mts',
+      '**/*.js',
+      '**/*.jsx',
+      '**/*.cjs',
+      '**/*.mjs',
+    ],
+    rules: {},
+  },
+];
+"
+`;
+
+exports[`react-website generator > Tanstack router integration > should generate website with router correctly > nx.json 1`] = `
+"{
+  "affected": {
+    "defaultBase": "main"
+  },
+  "targetDefaults": {
+    "build": {
+      "cache": true,
+      "dependsOn": ["^build"],
+      "inputs": ["default"]
+    },
+    "lint": {
+      "cache": true,
+      "configurations": {
+        "fix": {
+          "fix": true
+        }
+      },
+      "inputs": [
+        "default",
+        "{workspaceRoot}/eslint.config.mjs",
+        "{projectRoot}/eslint.config.mjs"
+      ]
+    },
+    "@nx/eslint:lint": {
+      "cache": true,
+      "inputs": [
+        "default",
+        "{workspaceRoot}/.eslintrc.json",
+        "{workspaceRoot}/.eslintignore",
+        "{workspaceRoot}/eslint.config.mjs"
+      ]
+    },
+    "@nx/vite:test": {
+      "cache": true,
+      "inputs": ["default", "^default"],
+      "configurations": {
+        "update-snapshot": {
+          "args": "--update"
+        }
+      }
+    },
+    "@nx/vite:build": {
+      "cache": true,
+      "dependsOn": ["^build"],
+      "inputs": ["default", "^default"]
+    },
+    "test": {
+      "dependsOn": ["^build"],
+      "inputs": ["default"]
+    },
+    "compile": {
+      "cache": true,
+      "inputs": ["default"]
+    }
+  },
+  "generators": {
+    "@nx/react": {
+      "application": {
+        "babel": true,
+        "style": "css",
+        "linter": "eslint",
+        "bundler": "vite"
+      },
+      "component": {
+        "style": "css"
+      },
+      "library": {
+        "style": "css",
+        "linter": "eslint"
+      }
+    }
+  },
+  "plugins": [
+    {
+      "plugin": "@nx/js/typescript",
+      "options": {
+        "typecheck": {
+          "targetName": "typecheck"
+        },
+        "build": {
+          "targetName": "compile",
+          "configName": "tsconfig.lib.json",
+          "buildDepsName": "build-deps",
+          "watchDepsName": "watch-deps"
+        }
+      }
+    },
+    {
+      "plugin": "@nx/eslint/plugin",
+      "options": {
+        "targetName": "lint"
+      }
+    }
+  ],
+  "namedInputs": {
+    "default": [
+      {
+        "dependentTasksOutputFiles": "**/*",
+        "transitive": true
+      }
+    ]
+  }
+}
+"
+`;
+
+exports[`react-website generator > Tanstack router integration > should generate website with router correctly > package.json 1`] = `
+"{
+  "name": "@proj/source",
+  "dependencies": {
+    "@cloudscape-design/board-components": "^3.0.94",
+    "@cloudscape-design/components": "^3.0.928",
+    "@cloudscape-design/global-styles": "^1.0.38",
+    "@tanstack/react-router": "^1.121.16",
+    "aws-cdk-lib": "^2.200.0",
+    "constructs": "^10.4.2",
+    "react": "19.0.0",
+    "react-dom": "19.0.0",
+    "tailwindcss": "^4.1.11"
+  },
+  "devDependencies": {
+    "@eslint/js": "^9.8.0",
+    "@nx/eslint": "21.0.3",
+    "@nx/eslint-plugin": "21.0.3",
+    "@nx/js": "21.0.3",
+    "@nx/react": "21.0.3",
+    "@nx/vite": "21.0.3",
+    "@nx/web": "21.0.3",
+    "@swc-node/register": "~1.9.1",
+    "@swc/cli": "~0.6.0",
+    "@swc/core": "~1.5.7",
+    "@swc/helpers": "~0.5.11",
+    "@tailwindcss/vite": "^4.1.11",
+    "@tanstack/router-generator": "^1.121.16",
+    "@tanstack/router-plugin": "^1.121.16",
+    "@tanstack/router-utils": "^1.121.0",
+    "@tanstack/virtual-file-routes": "^1.120.17",
+    "@testing-library/dom": "10.4.0",
+    "@testing-library/react": "16.1.0",
+    "@types/node": "^22.13.13",
+    "@types/react": "19.0.0",
+    "@types/react-dom": "19.0.0",
+    "@vitejs/plugin-react": "^4.2.0",
+    "@vitest/coverage-v8": "^3.0.5",
+    "@vitest/ui": "^3.0.0",
+    "eslint": "^9.8.0",
+    "eslint-config-prettier": "^10.0.0",
+    "eslint-plugin-import": "2.31.0",
+    "eslint-plugin-jsx-a11y": "6.10.1",
+    "eslint-plugin-prettier": "^5.2.5",
+    "eslint-plugin-react": "7.35.0",
+    "eslint-plugin-react-hooks": "5.0.0",
+    "jiti": "2.4.2",
+    "jsdom": "~22.1.0",
+    "jsonc-eslint-parser": "^2.4.0",
+    "prettier": "^3.5.3",
+    "typescript": "~5.7.2",
+    "typescript-eslint": "^8.19.0",
+    "vite": "^6.0.0",
+    "vite-tsconfig-paths": "^5.1.4",
+    "vitest": "^3.0.0"
+  },
+  "type": "module"
+}
+"
+`;
+
+exports[`react-website generator > Tanstack router integration > should generate website with router correctly > packages/common/constructs/README.md 1`] = `
+"# @proj/common-constructs
+
+This library was generated with [@aws/nx-plugin](https://github.com/awslabs/nx-plugin-for-aws/).
+
+## Building
+
+Run \`npx nx build @proj/common-constructs [--skip-nx-cache]\` to build the application.
+
+## Running unit tests
+
+Run \`npx nx test @proj/common-constructs\` to execute the unit tests via Vitest.
+
+### Updating snapshots
+
+To update snapshots, run the following command:
+
+\`npx nx test @proj/common-constructs --configuration=update-snapshot\`
+
+## Run lint
+
+Run \`npx nx lint @proj/common-constructs\`
+
+### Fixable issues
+
+You can also automatiaclly fix some lint errors by running the following command:
+
+\`npx nx lint @proj/common-constructs --configuration=fix\`
+
+## Useful links
+
+- [common-constructs reference docs](TODO)
+- [Learn more about NX](https://nx.dev/getting-started/intro)
+"
+`;
+
+exports[`react-website generator > Tanstack router integration > should generate website with router correctly > packages/common/constructs/eslint.config.mjs 1`] = `
+"import baseConfig from '../../../eslint.config.mjs';
+
+export default [
+  ...baseConfig,
+  {
+    files: ['**/*.json'],
+    rules: {
+      '@nx/dependency-checks': [
+        'warn',
+        {
+          ignoredFiles: [
+            '{projectRoot}/eslint.config.{js,cjs,mjs}',
+            '{projectRoot}/vite.config.{js,ts,mjs,mts}',
+          ],
+        },
+      ],
+    },
+    languageOptions: {
+      parser: await import('jsonc-eslint-parser'),
+    },
+  },
+];
+"
+`;
+
+exports[`react-website generator > Tanstack router integration > should generate website with router correctly > packages/common/constructs/project.json 1`] = `
+"{
+  "name": "@proj/common-constructs",
+  "$schema": "../../../node_modules/nx/schemas/project-schema.json",
+  "sourceRoot": "packages/common/constructs/src",
+  "projectType": "library",
+  "tags": [],
+  "targets": {
+    "build": {
+      "dependsOn": ["lint", "compile", "test", "@proj/test-app:build"]
+    },
+    "compile": {
+      "executor": "nx:run-commands",
+      "outputs": ["{workspaceRoot}/dist/packages/common/constructs/tsc"],
+      "options": {
+        "command": "tsc --build tsconfig.lib.json",
+        "cwd": "{projectRoot}"
+      }
+    },
+    "test": {
+      "executor": "@nx/vite:test",
+      "outputs": ["{options.reportsDirectory}"],
+      "options": {
+        "reportsDirectory": "../../../coverage/packages/common/constructs"
+      }
+    }
+  },
+  "metadata": {
+    "generator": "ts#project"
+  }
+}
+"
+`;
+
+exports[`react-website generator > Tanstack router integration > should generate website with router correctly > packages/common/constructs/src/app/index.ts 1`] = `
+"export * from './static-websites/index.js';
+"
+`;
+
+exports[`react-website generator > Tanstack router integration > should generate website with router correctly > packages/common/constructs/src/app/static-websites/index.ts 1`] = `
+"export * from './test-app.js';
+"
+`;
+
+exports[`react-website generator > Tanstack router integration > should generate website with router correctly > packages/common/constructs/src/app/static-websites/test-app.ts 1`] = `
+"import * as url from 'url';
+import { Construct } from 'constructs';
+import { StaticWebsite } from '../../core/index.js';
+
+export class TestApp extends StaticWebsite {
+  constructor(scope: Construct, id: string) {
+    super(scope, id, {
+      websiteFilePath: url.fileURLToPath(
+        new URL('../../../../../../dist/test-app/bundle', import.meta.url),
+      ),
+    });
+  }
+}
+"
+`;
+
+exports[`react-website generator > Tanstack router integration > should generate website with router correctly > packages/common/constructs/src/core/app.ts 1`] = `
+"import { App as _App, AppProps, Aspects, IAspect, Stack } from 'aws-cdk-lib';
+import { IConstruct } from 'constructs';
+
+export class App extends _App {
+  constructor(props?: AppProps) {
+    super(props);
+
+    Aspects.of(this).add(new MetricsAspect());
+  }
+}
+
+/**
+ * Adds information to CloudFormation stack descriptions to provide usage metrics for @aws/nx-plugin
+ */
+class MetricsAspect implements IAspect {
+  visit(node: IConstruct): void {
+    if (node instanceof Stack) {
+      const id = 'uksb-4wk0bqpg5s';
+      const version = '0.0.0';
+      const tags: string[] = ['g5'];
+      node.templateOptions.description =
+        \`\${node.templateOptions.description ?? ''} (\${id}) (version:\${version}) (tag:\${tags.join(',')})\`.trim();
+    }
+  }
+}
+"
+`;
+
+exports[`react-website generator > Tanstack router integration > should generate website with router correctly > packages/common/constructs/src/core/index.ts 1`] = `
+"export * from './static-website.js';
+export * from './app.js';
+export * from './runtime-config.js';
+"
+`;
+
+exports[`react-website generator > Tanstack router integration > should generate website with router correctly > packages/common/constructs/src/core/runtime-config.ts 1`] = `
+"import type { IRuntimeConfig } from ':proj/common-types';
+import { Stack } from 'aws-cdk-lib';
+import { Construct } from 'constructs';
+
+const RuntimeConfigKey = '__RuntimeConfig__';
+
+export class RuntimeConfig extends Construct {
+  private readonly _runtimeConfig: Partial<IRuntimeConfig> = {};
+
+  static ensure(scope: Construct): RuntimeConfig {
+    const stack = Stack.of(scope);
+    return (
+      RuntimeConfig.of(scope) ?? new RuntimeConfig(stack, RuntimeConfigKey)
+    );
+  }
+
+  static of(scope: Construct): RuntimeConfig | undefined {
+    const stack = Stack.of(scope);
+    return stack.node.tryFindChild(RuntimeConfigKey) as
+      | RuntimeConfig
+      | undefined;
+  }
+
+  constructor(scope: Construct, id: string) {
+    super(scope, id);
+  }
+
+  get config(): Partial<IRuntimeConfig> {
+    return this._runtimeConfig;
+  }
+}
+"
+`;
+
+exports[`react-website generator > Tanstack router integration > should generate website with router correctly > packages/common/constructs/src/core/static-website.ts 1`] = `
+"import { CfnJson, CfnOutput, RemovalPolicy, Stack, Token } from 'aws-cdk-lib';
+import { Distribution, ViewerProtocolPolicy } from 'aws-cdk-lib/aws-cloudfront';
+import { S3BucketOrigin } from 'aws-cdk-lib/aws-cloudfront-origins';
+import {
+  BlockPublicAccess,
+  Bucket,
+  BucketEncryption,
+  IBucket,
+  ObjectOwnership,
+} from 'aws-cdk-lib/aws-s3';
+import { BucketDeployment, Source } from 'aws-cdk-lib/aws-s3-deployment';
+import { Construct } from 'constructs';
+import { RuntimeConfig } from './runtime-config.js';
+import { Key } from 'aws-cdk-lib/aws-kms';
+import { CfnWebACL } from 'aws-cdk-lib/aws-wafv2';
+const DEFAULT_RUNTIME_CONFIG_FILENAME = 'runtime-config.json';
+
+export interface StaticWebsiteProps {
+  readonly websiteFilePath: string;
+}
+
+/**
+ * Deploys a Static Website using by default a private S3 bucket as an origin and Cloudfront as the entrypoint.
+ *
+ * This construct configures a webAcl containing rules that are generally applicable to web applications. This
+ * provides protection against exploitation of a wide range of vulnerabilities, including some of the high risk
+ * and commonly occurring vulnerabilities described in OWASP publications such as OWASP Top 10.
+ *
+ */
+export class StaticWebsite extends Construct {
+  public readonly websiteBucket: IBucket;
+  public readonly cloudFrontDistribution: Distribution;
+  public readonly bucketDeployment: BucketDeployment;
+
+  constructor(
+    scope: Construct,
+    id: string,
+    { websiteFilePath }: StaticWebsiteProps,
+  ) {
+    super(scope, id);
+    this.node.setContext(
+      '@aws-cdk/aws-s3:serverAccessLogsUseBucketPolicy',
+      true,
+    );
+
+    const websiteKey = new Key(this, 'WebsiteKey', {
+      enableKeyRotation: true,
+    });
+
+    const accessLogsBucket = new Bucket(this, 'AccessLogsBucket', {
+      versioned: false,
+      enforceSSL: true,
+      autoDeleteObjects: true,
+      removalPolicy: RemovalPolicy.DESTROY,
+      encryption: BucketEncryption.KMS,
+      encryptionKey: websiteKey,
+      objectOwnership: ObjectOwnership.OBJECT_WRITER,
+      publicReadAccess: false,
+      blockPublicAccess: BlockPublicAccess.BLOCK_ALL,
+    });
+    // S3 Bucket to hold website files
+    this.websiteBucket = new Bucket(this, 'WebsiteBucket', {
+      versioned: true,
+      enforceSSL: true,
+      autoDeleteObjects: true,
+      removalPolicy: RemovalPolicy.DESTROY,
+      encryption: BucketEncryption.KMS,
+      encryptionKey: websiteKey,
+      objectOwnership: ObjectOwnership.BUCKET_OWNER_ENFORCED,
+      publicReadAccess: false,
+      blockPublicAccess: BlockPublicAccess.BLOCK_ALL,
+      serverAccessLogsPrefix: 'website-access-logs',
+      serverAccessLogsBucket: accessLogsBucket,
+    });
+    // Web ACL
+    const wafStack = new CloudfrontWebAcl(this, 'waf');
+
+    // Cloudfront Distribution
+    const logBucket = new Bucket(this, 'DistributionLogBucket', {
+      enforceSSL: true,
+      autoDeleteObjects: true,
+      removalPolicy: RemovalPolicy.DESTROY,
+      encryption: BucketEncryption.KMS,
+      encryptionKey: websiteKey,
+      objectOwnership: ObjectOwnership.BUCKET_OWNER_PREFERRED,
+      publicReadAccess: false,
+      blockPublicAccess: BlockPublicAccess.BLOCK_ALL,
+      serverAccessLogsPrefix: 'distribution-access-logs',
+      serverAccessLogsBucket: accessLogsBucket,
+    });
+    const defaultRootObject = 'index.html';
+    this.cloudFrontDistribution = new Distribution(
+      this,
+      'CloudfrontDistribution',
+      {
+        webAclId: wafStack.wafArn,
+        enableLogging: true,
+        logBucket: logBucket,
+        defaultBehavior: {
+          origin: S3BucketOrigin.withOriginAccessControl(this.websiteBucket),
+          viewerProtocolPolicy: ViewerProtocolPolicy.REDIRECT_TO_HTTPS,
+        },
+        defaultRootObject,
+        errorResponses: [
+          {
+            httpStatus: 404, // We need to redirect "key not found errors" to index.html for single page apps
+            responseHttpStatus: 200,
+            responsePagePath: \`/\${defaultRootObject}\`,
+          },
+          {
+            httpStatus: 403, // We need to redirect reloads from paths (e.g. /foo/bar) to index.html for single page apps
+            responseHttpStatus: 200,
+            responsePagePath: \`/\${defaultRootObject}\`,
+          },
+        ],
+      },
+    );
+    // Deploy Website
+    this.bucketDeployment = new BucketDeployment(this, 'WebsiteDeployment', {
+      sources: [
+        Source.asset(websiteFilePath),
+        Source.jsonData(
+          DEFAULT_RUNTIME_CONFIG_FILENAME,
+          this.resolveTokens(RuntimeConfig.ensure(this).config),
+        ),
+      ],
+      destinationBucket: this.websiteBucket,
+      // Files in the distribution's edge caches will be invalidated after files are uploaded to the destination bucket.
+      distribution: this.cloudFrontDistribution,
+      memoryLimit: 1024,
+    });
+    new CfnOutput(this, 'DistributionDomainName', {
+      value: this.cloudFrontDistribution.domainName,
+    });
+    new CfnOutput(this, 'WebsiteBucketName', {
+      value: this.websiteBucket.bucketName,
+    });
+  }
+  private resolveTokens = (payload: any) => {
+    const _payload: Record<string, any> = {};
+    Object.entries(payload).forEach(([key, value]) => {
+      if (
+        Token.isUnresolved(value) ||
+        (typeof value === 'string' && value.endsWith('}}'))
+      ) {
+        _payload[key] = new CfnJson(this, \`ResolveToken-\${key}\`, {
+          value,
+        }).value;
+      } else if (typeof value === 'object') {
+        _payload[key] = this.resolveTokens(value);
+      } else if (Array.isArray(value)) {
+        _payload[key] = value.map((v) => this.resolveTokens(v));
+      } else {
+        _payload[key] = value;
+      }
+    });
+    return _payload;
+  };
+}
+
+export class CloudfrontWebAcl extends Stack {
+  public readonly wafArn;
+  constructor(scope: Construct, id: string) {
+    super(scope, id, {
+      env: {
+        region: 'us-east-1',
+        account: Stack.of(scope).account,
+      },
+      crossRegionReferences: true,
+    });
+
+    this.wafArn = new CfnWebACL(this, 'WebAcl', {
+      defaultAction: { allow: {} },
+      scope: 'CLOUDFRONT',
+      visibilityConfig: {
+        cloudWatchMetricsEnabled: true,
+        metricName: id,
+        sampledRequestsEnabled: true,
+      },
+      rules: [
+        {
+          name: 'CRSRule',
+          priority: 0,
+          statement: {
+            managedRuleGroupStatement: {
+              name: 'AWSManagedRulesCommonRuleSet',
+              vendorName: 'AWS',
+            },
+          },
+          visibilityConfig: {
+            cloudWatchMetricsEnabled: true,
+            metricName: 'MetricForWebACLCDK-CRS',
+            sampledRequestsEnabled: true,
+          },
+          overrideAction: {
+            none: {},
+          },
+        },
+      ],
+    }).attrArn;
+  }
+}
+"
+`;
+
+exports[`react-website generator > Tanstack router integration > should generate website with router correctly > packages/common/constructs/src/index.ts 1`] = `
+"export * from './app/index.js';
+export * from './core/index.js';
+"
+`;
+
+exports[`react-website generator > Tanstack router integration > should generate website with router correctly > packages/common/constructs/tsconfig.json 1`] = `
+"{
+  "extends": "../../../tsconfig.base.json",
+  "files": [],
+  "include": [],
+  "references": [
+    {
+      "path": "./tsconfig.lib.json"
+    },
+    {
+      "path": "./tsconfig.spec.json"
+    }
+  ],
+  "compilerOptions": {}
+}
+"
+`;
+
+exports[`react-website generator > Tanstack router integration > should generate website with router correctly > packages/common/constructs/tsconfig.lib.json 1`] = `
+"{
+  "extends": "../../../tsconfig.base.json",
+  "compilerOptions": {
+    "rootDir": ".",
+    "outDir": "../../../dist/packages/common/constructs/tsc",
+    "tsBuildInfoFile": "../../../dist/packages/common/constructs/tsc/tsconfig.lib.tsbuildinfo",
+    "emitDeclarationOnly": false,
+    "module": "nodenext",
+    "moduleResolution": "nodenext",
+    "types": ["node"]
+  },
+  "include": ["src/**/*.ts"],
+  "references": [],
+  "exclude": [
+    "vite.config.ts",
+    "vite.config.mts",
+    "vitest.config.ts",
+    "vitest.config.mts",
+    "src/**/*.test.ts",
+    "src/**/*.spec.ts",
+    "src/**/*.test.tsx",
+    "src/**/*.spec.tsx",
+    "src/**/*.test.js",
+    "src/**/*.spec.js",
+    "src/**/*.test.jsx",
+    "src/**/*.spec.jsx"
+  ]
+}
+"
+`;
+
+exports[`react-website generator > Tanstack router integration > should generate website with router correctly > packages/common/constructs/tsconfig.spec.json 1`] = `
+"{
+  "extends": "../../../tsconfig.base.json",
+  "compilerOptions": {
+    "outDir": "./out-tsc/vitest",
+    "types": [
+      "vitest/globals",
+      "vitest/importMeta",
+      "vite/client",
+      "node",
+      "vitest"
+    ],
+    "module": "nodenext",
+    "moduleResolution": "nodenext"
+  },
+  "include": [
+    "vite.config.ts",
+    "vite.config.mts",
+    "vitest.config.ts",
+    "vitest.config.mts",
+    "src/**/*.test.ts",
+    "src/**/*.spec.ts",
+    "src/**/*.test.tsx",
+    "src/**/*.spec.tsx",
+    "src/**/*.test.js",
+    "src/**/*.spec.js",
+    "src/**/*.test.jsx",
+    "src/**/*.spec.jsx",
+    "src/**/*.d.ts"
+  ],
+  "references": [
+    {
+      "path": "./tsconfig.lib.json"
+    }
+  ]
+}
+"
+`;
+
+exports[`react-website generator > Tanstack router integration > should generate website with router correctly > packages/common/constructs/vite.config.ts 1`] = `
+"import { defineConfig } from 'vite';
+
+export default defineConfig(() => ({
+  root: __dirname,
+  cacheDir: '../../../node_modules/.vite/packages/common/constructs',
+  plugins: [],
+  // Uncomment this if you are using workers.
+  // worker: {
+  //  plugins: [ nxViteTsPaths() ],
+  // },
+  test: {
+    watch: false,
+    globals: true,
+    environment: 'jsdom',
+    include: ['src/**/*.{test,spec}.{js,mjs,cjs,ts,mts,cts,jsx,tsx}'],
+    reporters: ['default'],
+    coverage: {
+      reportsDirectory: './test-output/vitest/coverage',
+      provider: 'v8' as const,
+    },
+    passWithNoTests: true,
+  },
+}));
+"
+`;
+
+exports[`react-website generator > Tanstack router integration > should generate website with router correctly > packages/common/types/README.md 1`] = `
+"# @proj/common-types
+
+This library was generated with [@aws/nx-plugin](https://github.com/awslabs/nx-plugin-for-aws/).
+
+## Building
+
+Run \`npx nx build @proj/common-types [--skip-nx-cache]\` to build the application.
+
+## Running unit tests
+
+Run \`npx nx test @proj/common-types\` to execute the unit tests via Vitest.
+
+### Updating snapshots
+
+To update snapshots, run the following command:
+
+\`npx nx test @proj/common-types --configuration=update-snapshot\`
+
+## Run lint
+
+Run \`npx nx lint @proj/common-types\`
+
+### Fixable issues
+
+You can also automatiaclly fix some lint errors by running the following command:
+
+\`npx nx lint @proj/common-types --configuration=fix\`
+
+## Useful links
+
+- [common-types reference docs](TODO)
+- [Learn more about NX](https://nx.dev/getting-started/intro)
+"
+`;
+
+exports[`react-website generator > Tanstack router integration > should generate website with router correctly > packages/common/types/eslint.config.mjs 1`] = `
+"import baseConfig from '../../../eslint.config.mjs';
+
+export default [
+  ...baseConfig,
+  {
+    files: ['**/*.json'],
+    rules: {
+      '@nx/dependency-checks': [
+        'warn',
+        {
+          ignoredFiles: [
+            '{projectRoot}/eslint.config.{js,cjs,mjs}',
+            '{projectRoot}/vite.config.{js,ts,mjs,mts}',
+          ],
+        },
+      ],
+    },
+    languageOptions: {
+      parser: await import('jsonc-eslint-parser'),
+    },
+  },
+];
+"
+`;
+
+exports[`react-website generator > Tanstack router integration > should generate website with router correctly > packages/common/types/project.json 1`] = `
+"{
+  "name": "@proj/common-types",
+  "$schema": "../../../node_modules/nx/schemas/project-schema.json",
+  "sourceRoot": "packages/common/types/src",
+  "projectType": "library",
+  "tags": [],
+  "targets": {
+    "build": {
+      "dependsOn": ["lint", "compile", "test"]
+    },
+    "compile": {
+      "executor": "nx:run-commands",
+      "outputs": ["{workspaceRoot}/dist/packages/common/types/tsc"],
+      "options": {
+        "command": "tsc --build tsconfig.lib.json",
+        "cwd": "{projectRoot}"
+      }
+    },
+    "test": {
+      "executor": "@nx/vite:test",
+      "outputs": ["{options.reportsDirectory}"],
+      "options": {
+        "reportsDirectory": "../../../coverage/packages/common/types"
+      }
+    }
+  },
+  "metadata": {
+    "generator": "ts#project"
+  }
+}
+"
+`;
+
+exports[`react-website generator > Tanstack router integration > should generate website with router correctly > packages/common/types/src/index.ts 1`] = `
+"export * from './runtime-config.js';
+"
+`;
+
+exports[`react-website generator > Tanstack router integration > should generate website with router correctly > packages/common/types/src/runtime-config.ts 1`] = `
+"// eslint-disable-next-line @typescript-eslint/no-empty-object-type, @typescript-eslint/no-empty-interface
+export interface IRuntimeConfig {}
+"
+`;
+
+exports[`react-website generator > Tanstack router integration > should generate website with router correctly > packages/common/types/tsconfig.json 1`] = `
+"{
+  "extends": "../../../tsconfig.base.json",
+  "files": [],
+  "include": [],
+  "references": [
+    {
+      "path": "./tsconfig.lib.json"
+    },
+    {
+      "path": "./tsconfig.spec.json"
+    }
+  ],
+  "compilerOptions": {}
+}
+"
+`;
+
+exports[`react-website generator > Tanstack router integration > should generate website with router correctly > packages/common/types/tsconfig.lib.json 1`] = `
+"{
+  "extends": "../../../tsconfig.base.json",
+  "compilerOptions": {
+    "rootDir": ".",
+    "outDir": "../../../dist/packages/common/types/tsc",
+    "tsBuildInfoFile": "../../../dist/packages/common/types/tsc/tsconfig.lib.tsbuildinfo",
+    "emitDeclarationOnly": false,
+    "module": "nodenext",
+    "moduleResolution": "nodenext",
+    "types": ["node"]
+  },
+  "include": ["src/**/*.ts"],
+  "references": [],
+  "exclude": [
+    "vite.config.ts",
+    "vite.config.mts",
+    "vitest.config.ts",
+    "vitest.config.mts",
+    "src/**/*.test.ts",
+    "src/**/*.spec.ts",
+    "src/**/*.test.tsx",
+    "src/**/*.spec.tsx",
+    "src/**/*.test.js",
+    "src/**/*.spec.js",
+    "src/**/*.test.jsx",
+    "src/**/*.spec.jsx"
+  ]
+}
+"
+`;
+
+exports[`react-website generator > Tanstack router integration > should generate website with router correctly > packages/common/types/tsconfig.spec.json 1`] = `
+"{
+  "extends": "../../../tsconfig.base.json",
+  "compilerOptions": {
+    "outDir": "./out-tsc/vitest",
+    "types": [
+      "vitest/globals",
+      "vitest/importMeta",
+      "vite/client",
+      "node",
+      "vitest"
+    ],
+    "module": "nodenext",
+    "moduleResolution": "nodenext"
+  },
+  "include": [
+    "vite.config.ts",
+    "vite.config.mts",
+    "vitest.config.ts",
+    "vitest.config.mts",
+    "src/**/*.test.ts",
+    "src/**/*.spec.ts",
+    "src/**/*.test.tsx",
+    "src/**/*.spec.tsx",
+    "src/**/*.test.js",
+    "src/**/*.spec.js",
+    "src/**/*.test.jsx",
+    "src/**/*.spec.jsx",
+    "src/**/*.d.ts"
+  ],
+  "references": [
+    {
+      "path": "./tsconfig.lib.json"
+    }
+  ]
+}
+"
+`;
+
+exports[`react-website generator > Tanstack router integration > should generate website with router correctly > packages/common/types/vite.config.ts 1`] = `
+"import { defineConfig } from 'vite';
+
+export default defineConfig(() => ({
+  root: __dirname,
+  cacheDir: '../../../node_modules/.vite/packages/common/types',
+  plugins: [],
+  // Uncomment this if you are using workers.
+  // worker: {
+  //  plugins: [ nxViteTsPaths() ],
+  // },
+  test: {
+    watch: false,
+    globals: true,
+    environment: 'jsdom',
+    include: ['src/**/*.{test,spec}.{js,mjs,cjs,ts,mts,cts,jsx,tsx}'],
+    reporters: ['default'],
+    coverage: {
+      reportsDirectory: './test-output/vitest/coverage',
+      provider: 'v8' as const,
+    },
+    passWithNoTests: true,
+  },
+}));
+"
+`;
+
+exports[`react-website generator > Tanstack router integration > should generate website with router correctly > pnpm-workspace.yaml 1`] = `
+"packages:
+  - 'packages/*'
+  - 'test-app'
+  - 'packages/common/*'
+  - 'packages/common/constructs'
+"
+`;
+
+exports[`react-website generator > Tanstack router integration > should generate website with router correctly > test-app/README.md 1`] = `
+"# @proj/test-app
+
+This library was generated with [@aws/nx-plugin](https://github.com/awslabs/nx-plugin-for-aws/).
+
+## Building
+
+Run \`npx nx build @proj/test-app [--skip-nx-cache]\` to build the application.
+
+## Run dev server
+
+Run \`npx nx serve @proj/test-app\`
+
+## Running unit tests
+
+Run \`npx nx test @proj/test-app\` to execute the unit tests via Vitest.
+
+### Updating snapshots
+
+To update snapshots, run the following command:
+
+\`npx nx test @proj/test-app --configuration=update-snapshot\`
+
+## Run lint
+
+Run \`npx nx lint @proj/test-app\`
+
+### Fixable issues
+
+You can also automatically fix some lint errors by running the following command:
+
+\`npx nx lint @proj/test-app --configuration=fix\`
+
+### Runtime config
+
+In order to integrate with cognito or trpc backends, you need to have a \`runtime-config.json\` file in your \`/public\` website directory. You can fetch this is follows:
+
+\`npx nx run @proj/test-app:load:runtime-config\`
+
+> [!IMPORTANT]
+> Ensure you have AWS CLI and curl installed
+> You have deployed your CDK infrastructure into the appropriate account
+> You have assumed a role in the AWS account with sufficient permissions to call describe-stacks from cloudformation
+
+## Useful links
+
+- [React website reference docs](TODO)
+- [Learn more about NX](https://nx.dev/getting-started/intro)
+"
+`;
+
+exports[`react-website generator > Tanstack router integration > should generate website with router correctly > test-app/eslint.config.mjs 1`] = `
+"import nx from '@nx/eslint-plugin';
+import baseConfig from '../eslint.config.mjs';
+
+export default [
+  ...baseConfig,
+  ...nx.configs['flat/react'],
+  {
+    files: ['**/*.ts', '**/*.tsx', '**/*.js', '**/*.jsx'],
+    // Override or add rules here
+    rules: {},
+  },
+];
+"
+`;
+
+exports[`react-website generator > Tanstack router integration > should generate website with router correctly > test-app/index.html 1`] = `
+"<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <title>TestApp</title>
+    <base href="/" />
+
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <link rel="icon" type="image/x-icon" href="/favicon.ico" />
+    <link rel="stylesheet" href="/src/styles.css" />
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.tsx"></script>
+  </body>
+</html>
+"
+`;
+
+exports[`react-website generator > Tanstack router integration > should generate website with router correctly > test-app/project.json 1`] = `
+"{
+  "name": "@proj/test-app",
+  "$schema": "../node_modules/nx/schemas/project-schema.json",
+  "sourceRoot": "test-app/src",
+  "projectType": "application",
+  "tags": [],
+  "targets": {
+    "build": {
+      "dependsOn": ["lint", "compile", "bundle", "test"],
+      "options": {
+        "outputPath": "dist/test-app/bundle"
+      }
+    },
+    "bundle": {
+      "executor": "@nx/vite:build",
+      "outputs": ["{options.outputPath}"],
+      "defaultConfiguration": "production",
+      "options": {
+        "outputPath": "dist/test-app/bundle"
+      },
+      "configurations": {
+        "development": {
+          "mode": "development"
+        },
+        "production": {
+          "mode": "production"
+        }
+      }
+    },
+    "compile": {
+      "executor": "nx:run-commands",
+      "outputs": ["{workspaceRoot}/dist/{projectRoot}/tsc"],
+      "options": {
+        "command": "tsc --build tsconfig.app.json",
+        "cwd": "{projectRoot}"
+      }
+    },
+    "lint": {
+      "executor": "@nx/eslint:lint"
+    },
+    "load:runtime-config": {
+      "executor": "nx:run-commands",
+      "metadata": {
+        "description": "Load runtime config from your deployed stack for dev purposes. You must set your AWS CLI credentials whilst calling 'pnpm exec nx run @proj/test-app:load:runtime-config'"
+      },
+      "options": {
+        "command": "aws s3 cp s3://\`aws cloudformation describe-stacks --query \\"Stacks[?StackName=='proj-infra-sandbox'][].Outputs[?contains(OutputKey, 'WebsiteBucketName')].OutputValue\\" --output text\`/runtime-config.json './test-app/public/runtime-config.json'"
+      }
+    },
+    "preview": {
+      "dependsOn": ["build"],
+      "executor": "@nx/vite:preview-server",
+      "defaultConfiguration": "development",
+      "options": {
+        "buildTarget": "@proj/test-app:build"
+      },
+      "configurations": {
+        "development": {
+          "buildTarget": "@proj/test-app:build:development"
+        },
+        "production": {
+          "buildTarget": "@proj/test-app:build:production"
+        }
+      }
+    },
+    "serve": {
+      "executor": "@nx/vite:dev-server",
+      "defaultConfiguration": "development",
+      "options": {
+        "buildTarget": "@proj/test-app:build"
+      },
+      "configurations": {
+        "development": {
+          "buildTarget": "@proj/test-app:build:development",
+          "hmr": true
+        },
+        "production": {
+          "buildTarget": "@proj/test-app:build:production",
+          "hmr": false
+        }
+      }
+    },
+    "serve-local": {
+      "executor": "@nx/vite:dev-server",
+      "options": {
+        "buildTarget": "@proj/test-app:build:development",
+        "hmr": true,
+        "mode": "serve-local"
+      },
+      "continuous": true
+    },
+    "serve-static": {
+      "executor": "@nx/web:file-server",
+      "dependsOn": ["build"],
+      "options": {
+        "buildTarget": "@proj/test-app:build",
+        "spa": true
+      }
+    },
+    "test": {
+      "executor": "@nx/vite:test",
+      "outputs": ["{options.reportsDirectory}"],
+      "options": {
+        "reportsDirectory": "../coverage/test-app"
+      }
+    }
+  },
+  "metadata": {
+    "generator": "ts#react-website"
+  }
+}
+"
+`;
+
+exports[`react-website generator > Tanstack router integration > should generate website with router correctly > test-app/public/favicon.ico 1`] = `
+"
00
 �%6  
 ��%
 h�6(0\`
 $V/V/cV/�V/�V/�V/�V/�W0�Y1'B#pH[�f��i��i��i��i��i��ia�j�c�^R�\\��Y��U��R�|N�xKuI&V/
+V/�V/�V/�V/�V/�V/�X1�Y2Ld=9_;�X��l��k��k��k��k��k�kH�c8�a�]��Z��W��S�}P�zM�vIV/
+V/�V/�V/�V/�V/�W0�Y1�Z3LoDjA�\`;�_=��c��l��k��k��k��k��kÞk�j�f��c��\`��]��Y��V��R�}OCV/
+V/�V/�V/�V/�V/�W0�Z2�[3LoD[nD�iA�X7�oI��j��k��k��k��k��k��k��m
�ks�i��f��b��_��[��W��T�yLV/
+V/�V/�V/�V/�V/�X1�Z3�\\4MnDoE�qF�oE�f@�X8��Z��l��k��k��k��k��k�ks�k��k��h��d��a��]��Y˅WV/
+V/�V/�V/�V/�V/�Y1�[3�\\4Ph=
nD�pE�rG�sH�oF�a=�cA��f��k��k��k��k��k��k��k��k��j��f��b��_�\\SV/
+V/�V/�V/�V/�W0�Y2�[4�]5QmC6oD�qF�sH�uJ�uJ�nF�];�wO��k��k��k��k��k��k��k��k��k��h��d��\`��\\V/
+V/V/
+V/�V/�V/�V/�W0�Y2�\\4�]5QkA
+mC�oD�qF�tH�vJ�xL�vK�kD�^=��_��l��k��k��k��k��k��k��k��i��eؔb(V/	V/�V/eV/
+V/�V/�V/�V/�W0�Z2�\\4�^6QlAXmC�oE�rG�tI�wK�yM�zN�uK�eA�jF��h��k��k��k��k��k��k��k��j��geW0V/RV/�V/
+V/�V/�V/�V/�W0�Z2�\\4�^6Qj@kA�mC�pE�rG�uI�wK�yM�|O�{O�rJ�^=�|S��k��k��k��k��k��k��k��j��h�Z]5iY1�V/GV/
+V/�V/�V/�V/�X0�Z2�\\5�^6Qi?kA�mC�pE�rG�uI�wK�zM�|O�}P�xN�eB�W:��c��k��k��k��k��k��o���$W��H
��H��KHɦ9�f>�X1�V/�V/
+V/�V/�V/�V/�X0�Z2�\\4�^6Qg>4i?�kA�mC�pE�rG�uI�wK�zM�|O�|P�vM�b@�bA��g��k��k��k��k��k��s	�ӵ]������H-��H���J���G���*�\`8
�Y1�V/�V/
+V/�V/�V/�V/�W0�Z2�\\4�^6Qd;	f=�h?�kA�mC�pE�rG�tI�wK�yM�{O�yN�mF�^>��]��l��k��k��k��k��k��l�ͫH��ڔ��ٛ�ؖ�ؖ�ؖ.�ؘr�֏���O�߾D���/��h�i@�]5�Y1�V/�V/
+V/�V/�V/�V/�W0�Z2�\\4�^5Qd;Uf<�h>�j@�mC�oE�rG�tH�wK�yL�xM�qI�_=�vO��k��k��k��k��k��k��k��j������i��א��ؗ��ؘ��ؗ��֏���k���G��w�mC
�e;�a8�]5�X1�V/]V/
+V/�V/�V/�V/�W0�Y2�\\4�]5Pb:c:�e<�h>�j@�lB�oD�qF�rGDwK}wK�sI�d@�cA��f��k��k��k��k��k��k��k��k��i
���$���W���p���v���n���Y���I���*�rG�j@�f<�a8�\\4�X1�V/ V/
+V/�V/�V/�V/�W0�Y1�[3�\\5Qa8wb:�e<�g>�i@�lB�nD�pE�oC
uI}sH�iB�Z:��Z��l��k��k��k��k��k��k��k��j��f��e����Ω4�ܹA�޼B�״=���(�}R�nC�j@�e<�\`8�[4�X1�V/
+V/�V/�V/�V/�V/�X1�[3�]5�\`7�b9�d;�f=�i?�kA�mC�oD*qG}kD�Z9�oI��j��k��k��k��k��k��k�k��k��i��e��a��]��_��g��g
+��[�xK
�rF�nC�i?�d;�_7�[3�X1V/
+V/�V/�V/�V/�V/�X0�Z2�\\4�_6�a8�c:�f<�h>�j@�lBqjB}_<�\\;��c��l��k��k��k��k��k۞kC�k��j��g��c��\`��\\��X��S�}O�yL�uI�qE�lA�g>�c:�^6�[3JV/
+V/�V/�V/�V/�V/�W0�Y2�\\4�^6�\`8�b:�e;�g=�i?�kA\`;}U6�U��l��k��k��k��k��k��kl�k$�h��d��a��^��Z��V��S�}O�xK�tH�oD�j@�f<�a9�^6ZS,
V/
+V/�V/�V/�V/�V/�V/�X1�[3�]5�_7�a9�d;�f<�g>MT4~kE��i��k��k��k��k��k��k��k�e�b��_�[��X��T�Q�zM�vJ�rF�mB�i?�e;�a8BW0
V/
+V/�V/�V/�V/�V/�V/�W0�Z2�\\4�^6�\`8�b:�d;�g=iC~�a��k��k��k��k��k��k�k:�\`�]@�Y��VڀR�|O�xK�tH�pD�lA�h>he;V/
+V/�V/�V/�V/�V/�V/�W0�Y1�[3�]5�_7�a8�c:.xL~Q��R��S��T��T��U��W��o�W�TQ={MTwJYsGJoD+kAV/
+V/�V/�V/�V/�V/�V/�V/�X0�Z2�\\4�^6�\`7wkA}lB�nC�oD�pF�rG�sH�sH�V/
+V/�V/�V/�V/�V/�V/�V/�W/�X1�Z3�\\4�^6j@}kA�lB�nC�oD�pE�qF�rG�V/
+V/�V/�V/�V/�V/�V/�V/�V/�W0�Y2�[3Rh>}i?�j@�lB�mC�nC�oD�pE�V/
+V/�V/�V/�V/�V/�V/�V/�V/�V/�W0�Z2f=}g=�h?�j@�kA�lB�mB�mC�V/
+V/�V/�V/�V/�V/�V/�V/�V/�V/�V/2d;}e<�f=�g>�i?�j@�j@�kA�V/
+V/�V/�V/�V/�V/�V/�V/�V/�V/~b9}c:�d;�e<�f=�g>�h>�i?�V/
+V/�V/�V/�V/�V/�V/�V/�V/�V/\`7}a8�b9�c:�d;�e<�f<�f=�V/V/TV/pV/nV/nV/nV/nV/oV/:_66\`7oa8nb9nc:nd;nd;pe;C�������������������������������������������������������������������������>��������������������?����������������>��
��\`
��\`
���
��
�����?���?����?����?����?����?���?�?����?����?��������������������������������������������������( @
 V/V/XV/\\V/\\V/]X1/L,~SI�i\`�i_�i_�i[�i�_�\\V�X\\�S\\{N^wJ,V/KV/�V/�V/�W0�Y1�d=BgA�b��k��k��k��k��k�s�c��_��Z��U�}P�xL6V/KV/�V/�V/�X1�Z3�pEmC�b=�pJ��j��k��k��k�kJ�kA�g�c��]��X��TyV/KV/�V/�V/�Y1�[3�oDfqF�nE�\`=��Y��l��k��k��kϞk˝j��f��\`��[��VV/KV/�V/�W/�Z2�\\4�mC#oD�rG�uI�lE�hD��e��k��k��k��k��k��h��c�^FV/V/V/KV/�V/�W0�Z3�]5�h>mC�pE�sH�wK�wL�hC�yP��k��k��k��k��k��i��e��[V/*V/zV/KV/�V/�W0�[3�]5�kA@mB�pE�tI�xL�{N�wL�fC��]��l��k��k��k��j͚g�w 	]5
\\W0oV/KV/�V/�W0�[3�]5�g>j@�mB�qF�tI�xL�|O�|P�hC�mI��k��k��k��l
������F
��J ��NIĢ6�d<�V/�V/KV/�V/�W0�[3�]5�g=ci?�mB�pE�tH�xL�{N�wM�eB��[��k��k��k��j���3��ڑU�ݩ�ڜ�ٜF��uk߾Dҽ�1��c�]5�W0�V/KV/�V/�W0�Z3�]5�d;e<�i?�lB�pE�sH�wK�wL�hC�vN��j��k��k��k��j��z�ܿ^��ֈ��׍��Ԃ���Z���!�mC�a8�[4�W0�V/KV/�V/�W/�Z2�\\4�b9�d;�h>�kA�oD�qFBuJ�mE�fB��d��k��k��k��k��k��g��{�Ϊ=�ܽM�ٸD���'�uJ�h>�b9�[3�W06V/KV/�V/�V/�Y1�\\4�\`8�c:�g=�j@�mC�zKlD�_<��W��l��k��k��k��k؝j��f��_��_��e
+��]	�wK�nC�g=�\`7�[3L'V/KV/�V/�V/�X1�[3�_6�b9�e<�h?�kA%\\9�mG��i��k��k��k��ke�k9�gՔb��]��W�Q�yL�sG�lA�e<�\`7�[3V/KV/�V/�V/�W0�Z2�]5�a8�d;�f=j
eA��a��l��l��k��k��k�d.�_��Z�U�}O�vJ�pE�j?�d;v_7V/KV/�V/�V/�V/�X1�\\4�_7�b9�e;
|P��Y��Z��[��\\�aA�\\�W7�RnzM�tH�nC\\i?!a9
V/KV/�V/�V/�V/�W0�Z2�]5�_7Gj?
lA�mC�oD�qF�sG�sH+V/KV/�V/�V/�V/�V/�X1�[3�\`7b8
i?�j@�mB�nD�pE�pE+V/KV/�V/�V/�V/�V/�V/�X1)_6
f=�g>�i@�kA�lB�mC+V/LV/�V/�V/�V/�V/�V/q]4
c:�d;�f=�h>�i?�i?+V/@V/�V/�V/�V/�V/�V/[2
\`8�b9�c:�e;�f<�f=$V/V/V/V/V/V/_6\`7a9c:d;d;����������������������������������0��0������
���
����������
��00�p8�p?�����������������������������������( 
 V/'V/;W0*Z3
^:�]2�k=�j%�]#�V<{N(j?
V/�V/�X1�\\4h@LvM�i��kʞkA�cƉY�QaV/�V/�Z2�[4nCqF�lE��Z��l��k�h��\`��VV/	V/�W0�[3�[4mCrrG�wK�tL��e��k��j
�d
8��(
+\\5VV/�W0�[3�f=1kA�rG�zM�qI��^��k��z���z0��#��R^�}#�b:�V/�W0�Z3�d;�j@�qF�qH�zP��j��k��r�ƤB�ڽ]㫆*�lC�[3�V/�V/�Z2�a8�g>�jAGlF“c��l��k��e�a��^�sH�c:�[47V/�V/�X1�^6�c:�^:�TŒa��d��n
+�\`@�V�xK�mB�d;-V/�V/�V/�Z2�_6 mB
+mC�pE�sG�yLtHlA
V/�V/�V/�W/dc:e<�h?�j@�V/RV/|V/hV/_7a9^d;}f<A��������O
c������"
+`;
+
+exports[`react-website generator > Tanstack router integration > should generate website with router correctly > test-app/src/components/AppLayout/index.tsx 1`] = `
+"import * as React from 'react';
+import { createContext, useCallback, useEffect, useState } from 'react';
+import Config from '../../config';
+
+import {
+  BreadcrumbGroup,
+  BreadcrumbGroupProps,
+  SideNavigation,
+  TopNavigation,
+} from '@cloudscape-design/components';
+import CloudscapeAppLayout, {
+  AppLayoutProps,
+} from '@cloudscape-design/components/app-layout';
+import { matchByPath, useLocation, useNavigate } from '@tanstack/react-router';
+
+const getBreadcrumbs = (
+  pathName: string,
+  search: string,
+  defaultBreadcrumb: string,
+  availableRoutes?: string[],
+) => {
+  const segments = [
+    defaultBreadcrumb,
+    ...pathName.split('/').filter((segment) => segment !== ''),
+  ];
+
+  return segments.map((segment, i) => {
+    const href =
+      i === 0
+        ? '/'
+        : \`/\${segments
+            .slice(1, i + 1)
+            .join('/')
+            .replace('//', '/')}\`;
+
+    const matched =
+      !availableRoutes || availableRoutes.find((r) => matchByPath(r, href, {}));
+
+    return {
+      href: matched ? \`\${href}\${search}\` : '#',
+      text: segment,
+    };
+  });
+};
+
+export interface AppLayoutContext {
+  appLayoutProps: AppLayoutProps;
+  setAppLayoutProps: (props: AppLayoutProps) => void;
+  displayHelpPanel: (helpContent: React.ReactNode) => void;
+}
+
+/**
+ * Context for updating/retrieving the AppLayout.
+ */
+export const AppLayoutContext = createContext({
+  appLayoutProps: {},
+  // eslint-disable-next-line @typescript-eslint/no-empty-function
+  setAppLayoutProps: (_: AppLayoutProps) => {},
+  // eslint-disable-next-line @typescript-eslint/no-empty-function
+  displayHelpPanel: (_: React.ReactNode) => {},
+});
+
+/**
+ * Defines the App layout and contains logic for routing.
+ */
+const AppLayout: React.FC<React.PropsWithChildren> = ({ children }) => {
+  const appLayout = React.useRef<AppLayoutProps.Ref>(null);
+  const [appLayoutProps, setAppLayoutProps] = useState<AppLayoutProps>({});
+  const setAppLayoutPropsSafe = useCallback(
+    (props: AppLayoutProps) => {
+      JSON.stringify(appLayoutProps) !== JSON.stringify(props) &&
+        setAppLayoutProps(props);
+    },
+    [appLayoutProps],
+  );
+
+  const navigate = useNavigate();
+  const [activeBreadcrumbs, setActiveBreadcrumbs] = useState<
+    BreadcrumbGroupProps.Item[]
+  >([{ text: '/', href: '/' }]);
+  const { pathname, search } = useLocation();
+
+  useEffect(() => {
+    const breadcrumbs = getBreadcrumbs(
+      pathname,
+      Object.entries(search).reduce((p, [k, v]) => p + \`\${k}=\${v}\`, ''),
+      '/',
+    );
+    setActiveBreadcrumbs(breadcrumbs);
+  }, [pathname, search]);
+
+  const onNavigate = useCallback(
+    (e: CustomEvent<{ href: string; external?: boolean }>) => {
+      if (!e.detail.external) {
+        e.preventDefault();
+        setAppLayoutPropsSafe({
+          contentType: undefined,
+        });
+        navigate({ to: e.detail.href });
+      }
+    },
+    [navigate, setAppLayoutPropsSafe],
+  );
+
+  return (
+    <AppLayoutContext.Provider
+      value={{
+        appLayoutProps,
+        setAppLayoutProps: setAppLayoutPropsSafe,
+        displayHelpPanel: (helpContent: React.ReactNode) => {
+          setAppLayoutPropsSafe({ tools: helpContent, toolsHide: false });
+          appLayout.current?.openTools();
+        },
+      }}
+    >
+      <TopNavigation
+        identity={{
+          href: '/',
+          title: Config.applicationName,
+          logo: {
+            src: Config.logo,
+          },
+        }}
+      />
+      <CloudscapeAppLayout
+        ref={appLayout}
+        breadcrumbs={
+          <BreadcrumbGroup onFollow={onNavigate} items={activeBreadcrumbs} />
+        }
+        navigation={
+          <SideNavigation
+            header={{ text: Config.applicationName, href: '/' }}
+            activeHref={pathname}
+            onFollow={onNavigate}
+            items={[{ text: 'Home', type: 'link', href: '/' }]}
+          />
+        }
+        toolsHide
+        content={children}
+        {...appLayoutProps}
+      />
+    </AppLayoutContext.Provider>
+  );
+};
+
+export default AppLayout;
+"
+`;
+
+exports[`react-website generator > Tanstack router integration > should generate website with router correctly > test-app/src/config.ts 1`] = `
+"export default {
+  applicationName: 'test-app',
+  logo: 'data:image/svg+xml;base64,PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KDTwhLS0gVXBsb2FkZWQgdG86IFNWRyBSZXBvLCB3d3cuc3ZncmVwby5jb20sIFRyYW5zZm9ybWVkIGJ5OiBTVkcgUmVwbyBNaXhlciBUb29scyAtLT4KPHN2ZyBmaWxsPSIjMjQ4YmFlIiB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHN0cm9rZT0iIzI0OGJhZSI+Cg08ZyBpZD0iU1ZHUmVwb19iZ0NhcnJpZXIiIHN0cm9rZS13aWR0aD0iMCIvPgoNPGcgaWQ9IlNWR1JlcG9fdHJhY2VyQ2FycmllciIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cg08ZyBpZD0iU1ZHUmVwb19pY29uQ2FycmllciI+Cg08dGl0bGU+aW9uaWNvbnMtdjVfbG9nb3M8L3RpdGxlPgoNPHBhdGggZD0iTTQxMC42NiwxODAuNzJoMHEtNy42Ny0yLjYyLTE1LjQ1LTQuODgsMS4yOS01LjI1LDIuMzgtMTAuNTZjMTEuNy01Ni45LDQuMDUtMTAyLjc0LTIyLjA2LTExNy44My0yNS0xNC40OC02NiwuNjEtMTA3LjM2LDM2LjY5cS02LjEsNS4zNC0xMS45NSwxMS0zLjktMy43Ni04LTcuMzZjLTQzLjM1LTM4LjU4LTg2LjgtNTQuODMtMTEyLjg4LTM5LjY5LTI1LDE0LjUxLTMyLjQzLDU3LjYtMjEuOSwxMTEuNTNxMS41OCw4LDMuNTUsMTUuOTNjLTYuMTUsMS43NS0xMi4wOSwzLjYyLTE3Ljc3LDUuNkM0OC40NiwxOTguOSwxNiwyMjYuNzMsMTYsMjU1LjU5YzAsMjkuODIsMzQuODQsNTkuNzIsODcuNzcsNzcuODVxNi40NCwyLjE5LDEzLDQuMDdRMTE0LjY0LDM0NiwxMTMsMzU0LjY4Yy0xMCw1My0yLjIsOTUuMDcsMjIuNzUsMTA5LjQ5LDI1Ljc3LDE0Ljg5LDY5LS40MSwxMTEuMTQtMzcuMzFxNS00LjM4LDEwLTkuMjUsNi4zMiw2LjExLDEzLDExLjg2YzQwLjgsMzUuMTgsODEuMDksNDkuMzksMTA2LDM0LjkzLDI1Ljc1LTE0Ljk0LDM0LjEyLTYwLjE0LDIzLjI1LTExNS4xM3EtMS4yNS02LjMtMi44OC0xMi44Niw0LjU2LTEuMzUsOC45My0yLjc5YzU1LTE4LjI3LDkwLjgzLTQ3LjgxLDkwLjgzLTc4QzQ5NiwyMjYuNjIsNDYyLjUsMTk4LjYxLDQxMC42NiwxODAuNzJabS0xMjktODEuMDhjMzUuNDMtMzAuOTEsNjguNTUtNDMuMTEsODMuNjUtMzQuMzloMGMxNi4wNyw5LjI5LDIyLjMyLDQ2Ljc1LDEyLjIyLDk1Ljg4cS0xLDQuOC0yLjE2LDkuNTdhNDg3LjgzLDQ4Ny44MywwLDAsMC02NC4xOC0xMC4xNiw0ODEuMjcsNDgxLjI3LDAsMCwwLTQwLjU3LTUwLjc1UTI3NiwxMDQuNTcsMjgxLjY0LDk5LjY0Wk0xNTcuNzMsMjgwLjI1cTYuNTEsMTIuNiwxMy42MSwyNC44OSw3LjIzLDEyLjU0LDE1LjA3LDI0LjcxYTQzNS4yOCw0MzUuMjgsMCwwLDEtNDQuMjQtNy4xM0MxNDYuNDEsMzA5LDE1MS42MywyOTQuNzUsMTU3LjczLDI4MC4yNVptMC00OC4zM2MtNi0xNC4xOS0xMS4wOC0yOC4xNS0xNS4yNS00MS42MywxMy43LTMuMDcsMjguMy01LjU4LDQzLjUyLTcuNDhxLTcuNjUsMTEuOTQtMTQuNzIsMjQuMjNUMTU3LjcsMjMxLjkyWm0xMC45LDI0LjE3cTkuNDgtMTkuNzcsMjAuNDItMzguNzhoMHExMC45My0xOSwyMy4yNy0zNy4xM2MxNC4yOC0xLjA4LDI4LjkyLTEuNjUsNDMuNzEtMS42NXMyOS41Mi41Nyw0My43OSwxLjY2cTEyLjIxLDE4LjA5LDIzLjEzLDM3dDIwLjY5LDM4LjZRMzM0LDI3NS42MywzMjMsMjk0LjczaDBxLTEwLjkxLDE5LTIzLDM3LjI0Yy0xNC4yNSwxLTI5LDEuNTUtNDQsMS41NXMtMjkuNDctLjQ3LTQzLjQ2LTEuMzhxLTEyLjQzLTE4LjE5LTIzLjQ2LTM3LjI5VDE2OC42LDI1Ni4wOVpNMzQwLjc1LDMwNXE3LjI1LTEyLjU4LDEzLjkyLTI1LjQ5aDBhNDQwLjQxLDQ0MC40MSwwLDAsMSwxNi4xMiw0Mi4zMkE0MzQuNDQsNDM0LjQ0LDAsMCwxLDMyNiwzMjkuNDhRMzMzLjYyLDMxNy4zOSwzNDAuNzUsMzA1Wm0xMy43Mi03My4wN3EtNi42NC0xMi42NS0xMy44MS0yNWgwcS03LTEyLjE4LTE0LjU5LTI0LjA2YzE1LjMxLDEuOTQsMzAsNC41Miw0My43Nyw3LjY3QTQzOS44OSw0MzkuODksMCwwLDEsMzU0LjQ3LDIzMS45M1pNMjU2LjIzLDEyNC40OGgwYTQzOS43NSw0MzkuNzUsMCwwLDEsMjguMjUsMzQuMThxLTI4LjM1LTEuMzUtNTYuNzQsMEMyMzcuMDcsMTQ2LjMyLDI0Ni42MiwxMzQuODcsMjU2LjIzLDEyNC40OFpNMTQ1LjY2LDY1Ljg2YzE2LjA2LTkuMzIsNTEuNTcsNCw4OSwzNy4yNywyLjM5LDIuMTMsNC44LDQuMzYsNy4yLDYuNjdBNDkxLjM3LDQ5MS4zNywwLDAsMCwyMDEsMTYwLjUxYTQ5OS4xMiw0OTkuMTIsMCwwLDAtNjQuMDYsMTBxLTEuODMtNy4zNi0zLjMtMTQuODJoMEMxMjQuNTksMTA5LjQ2LDEzMC41OCw3NC42MSwxNDUuNjYsNjUuODZaTTEyMi4yNSwzMTcuNzFxLTYtMS43MS0xMS44NS0zLjcxYy0yMy40LTgtNDIuNzMtMTguNDQtNTYtMjkuODFDNDIuNTIsMjc0LDM2LjUsMjYzLjgzLDM2LjUsMjU1LjU5YzAtMTcuNTEsMjYuMDYtMzkuODUsNjkuNTItNTVxOC4xOS0yLjg1LDE2LjUyLTUuMjFhNDkzLjU0LDQ5My41NCwwLDAsMCwyMy40LDYwLjc1QTUwMi40Niw1MDIuNDYsMCwwLDAsMTIyLjI1LDMxNy43MVptMTExLjEzLDkzLjY3Yy0xOC42MywxNi4zMi0zNy4yOSwyNy44OS01My43NCwzMy43MmgwYy0xNC43OCw1LjIzLTI2LjU1LDUuMzgtMzMuNjYsMS4yNy0xNS4xNC04Ljc1LTIxLjQ0LTQyLjU0LTEyLjg1LTg3Ljg2cTEuNTMtOCwzLjUtMTZhNDgwLjg1LDQ4MC44NSwwLDAsMCw2NC42OSw5LjM5LDUwMS4yLDUwMS4yLDAsMCwwLDQxLjIsNTFDMjM5LjU0LDQwNS44MywyMzYuNDksNDA4LjY1LDIzMy4zOCw0MTEuMzhabTIzLjQyLTIzLjIyYy05LjcyLTEwLjUxLTE5LjQyLTIyLjE0LTI4Ljg4LTM0LjY0cTEzLjc5LjU0LDI4LjA4LjU0YzkuNzgsMCwxOS40Ni0uMjEsMjktLjY0QTQzOS4zMyw0MzkuMzMsMCwwLDEsMjU2LjgsMzg4LjE2Wm0xMjQuNTIsMjguNTljLTIuODYsMTUuNDQtOC42MSwyNS43NC0xNS43MiwyOS44Ni0xNS4xMyw4Ljc4LTQ3LjQ4LTIuNjMtODIuMzYtMzIuNzItNC0zLjQ0LTgtNy4xMy0xMi4wNy0xMWE0ODQuNTQsNDg0LjU0LDAsMCwwLDQwLjIzLTUxLjIsNDc3Ljg0LDQ3Ny44NCwwLDAsMCw2NS0xMC4wNXExLjQ3LDUuOTQsMi42LDExLjY0aDBDMzgzLjgxLDM3Ny41OCwzODQuNSwzOTkuNTYsMzgxLjMyLDQxNi43NVptMTcuNC0xMDIuNjRoMGMtMi42Mi44Ny01LjMyLDEuNzEtOC4wNiwyLjUzYTQ4My4yNiw0ODMuMjYsMCwwLDAtMjQuMzEtNjAuOTQsNDgxLjUyLDQ4MS41MiwwLDAsMCwyMy4zNi02MC4wNmM0LjkxLDEuNDMsOS42OCwyLjkzLDE0LjI3LDQuNTIsNDQuNDIsMTUuMzIsNzEuNTIsMzgsNzEuNTIsNTUuNDNDNDc1LjUsMjc0LjE5LDQ0Ni4yMywyOTguMzMsMzk4LjcyLDMxNC4xMVoiLz4KDTxwYXRoIGQ9Ik0yNTYsMjk4LjU1YTQzLDQzLDAsMSwwLTQyLjg2LTQzQTQyLjkxLDQyLjkxLDAsMCwwLDI1NiwyOTguNTVaIi8+Cg08L2c+Cg08L3N2Zz4=',
+};
+"
+`;
+
+exports[`react-website generator > Tanstack router integration > should generate website with router correctly > test-app/src/hooks/useAppLayout.tsx 1`] = `
+"import { useContext } from 'react';
+import { AppLayoutContext } from '../components/AppLayout';
+
+export const useAppLayout = (): AppLayoutContext =>
+  useContext(AppLayoutContext);
+"
+`;
+
+exports[`react-website generator > Tanstack router integration > should generate website with router correctly > test-app/src/main.tsx 1`] = `
+"import React from 'react';
+import { createRoot } from 'react-dom/client';
+import { I18nProvider } from '@cloudscape-design/components/i18n';
+import messages from '@cloudscape-design/components/i18n/messages/all.en';
+import '@cloudscape-design/global-styles/index.css';
+import { RouterProvider, createRouter } from '@tanstack/react-router';
+import { routeTree } from './routeTree.gen';
+
+// eslint-disable-next-line @typescript-eslint/no-empty-object-type
+export type RouterProviderContext = {};
+
+const router = createRouter({
+  routeTree,
+  context: {},
+});
+
+// Register the router instance for type safety
+declare module '@tanstack/react-router' {
+  interface Register {
+    router: typeof router;
+  }
+}
+
+const App = () => {
+  return <RouterProvider router={router} context={{}} />;
+};
+
+const root = document.getElementById('root');
+root &&
+  createRoot(root).render(
+    <React.StrictMode>
+      <I18nProvider locale="en" messages={[messages]}>
+        <App />
+      </I18nProvider>
+    </React.StrictMode>,
+  );
+"
+`;
+
+exports[`react-website generator > Tanstack router integration > should generate website with router correctly > test-app/src/routeTree.gen.ts 1`] = `
+"/* eslint-disable */
+
+// @ts-nocheck
+
+// noinspection JSUnusedGlobalSymbols
+
+// This file was automatically generated by TanStack Router.
+// You should NOT make any changes in this file as it will be overwritten.
+// Additionally, you should also exclude this file from your linter and/or formatter to prevent it from being checked or modified.
+
+// Import Routes
+
+import { Route as rootRoute } from './routes/__root';
+import { Route as IndexImport } from './routes/index';
+import { Route as WelcomeIndexImport } from './routes/welcome/index';
+
+// Create/Update Routes
+
+const IndexRoute = IndexImport.update({
+  id: '/',
+  path: '/',
+  getParentRoute: () => rootRoute,
+} as any);
+
+const WelcomeIndexRoute = WelcomeIndexImport.update({
+  id: '/welcome/',
+  path: '/welcome/',
+  getParentRoute: () => rootRoute,
+} as any);
+
+// Populate the FileRoutesByPath interface
+
+declare module '@tanstack/react-router' {
+  interface FileRoutesByPath {
+    '/': {
+      id: '/';
+      path: '/';
+      fullPath: '/';
+      preLoaderRoute: typeof IndexImport;
+      parentRoute: typeof rootRoute;
+    };
+    '/welcome/': {
+      id: '/welcome/';
+      path: '/welcome';
+      fullPath: '/welcome';
+      preLoaderRoute: typeof WelcomeIndexImport;
+      parentRoute: typeof rootRoute;
+    };
+  }
+}
+
+// Create and export the route tree
+
+export interface FileRoutesByFullPath {
+  '/': typeof IndexRoute;
+  '/welcome': typeof WelcomeIndexRoute;
+}
+
+export interface FileRoutesByTo {
+  '/': typeof IndexRoute;
+  '/welcome': typeof WelcomeIndexRoute;
+}
+
+export interface FileRoutesById {
+  __root__: typeof rootRoute;
+  '/': typeof IndexRoute;
+  '/welcome/': typeof WelcomeIndexRoute;
+}
+
+export interface FileRouteTypes {
+  fileRoutesByFullPath: FileRoutesByFullPath;
+  fullPaths: '/' | '/welcome';
+  fileRoutesByTo: FileRoutesByTo;
+  to: '/' | '/welcome';
+  id: '__root__' | '/' | '/welcome/';
+  fileRoutesById: FileRoutesById;
+}
+
+export interface RootRouteChildren {
+  IndexRoute: typeof IndexRoute;
+  WelcomeIndexRoute: typeof WelcomeIndexRoute;
+}
+
+const rootRouteChildren: RootRouteChildren = {
+  IndexRoute: IndexRoute,
+  WelcomeIndexRoute: WelcomeIndexRoute,
+};
+
+export const routeTree = rootRoute
+  ._addFileChildren(rootRouteChildren)
+  ._addFileTypes<FileRouteTypes>();
+
+/* ROUTE_MANIFEST_START
+{
+  "routes": {
+    "__root__": {
+      "filePath": "__root.tsx",
+      "children": [
+        "/",
+        "/welcome/"
+      ]
+    },
+    "/": {
+      "filePath": "index.tsx"
+    },
+    "/welcome/": {
+      "filePath": "welcome/index.tsx"
+    }
+  }
+}
+ROUTE_MANIFEST_END */
+"
+`;
+
+exports[`react-website generator > Tanstack router integration > should generate website with router correctly > test-app/src/routes/__root.tsx 1`] = `
+"import { createRootRouteWithContext } from '@tanstack/react-router';
+import AppLayout from '../components/AppLayout';
+import { RouterProviderContext } from '../main';
+import { Outlet } from '@tanstack/react-router';
+
+export const Route = createRootRouteWithContext<RouterProviderContext>()({
+  component: () => (
+    <AppLayout>
+      <Outlet />
+    </AppLayout>
+  ),
+});
+"
+`;
+
+exports[`react-website generator > Tanstack router integration > should generate website with router correctly > test-app/src/routes/index.tsx 1`] = `
+"import {
+  ContentLayout,
+  Header,
+  SpaceBetween,
+  Container,
+} from '@cloudscape-design/components';
+import { createFileRoute } from '@tanstack/react-router';
+
+export const Route = createFileRoute('/')({
+  component: RouteComponent,
+});
+
+function RouteComponent() {
+  return (
+    <ContentLayout header={<Header>Welcome</Header>}>
+      <SpaceBetween size="l">
+        <Container>Welcome to your new React website!</Container>
+      </SpaceBetween>
+    </ContentLayout>
+  );
+}
+"
+`;
+
+exports[`react-website generator > Tanstack router integration > should generate website with router correctly > test-app/src/styles.css 1`] = `
+"@import 'tailwindcss';
+/* You can add global styles to this file, and also import other style files */
+"
+`;
+
+exports[`react-website generator > Tanstack router integration > should generate website with router correctly > test-app/tsconfig.app.json 1`] = `
+"{
+  "extends": "../tsconfig.base.json",
+  "compilerOptions": {
+    "outDir": "../dist/test-app/tsc",
+    "tsBuildInfoFile": "../dist/test-app/tsc/tsconfig.lib.tsbuildinfo",
+    "jsx": "react-jsx",
+    "lib": ["DOM"],
+    "types": [
+      "node",
+      "@nx/react/typings/cssmodule.d.ts",
+      "@nx/react/typings/image.d.ts",
+      "vite/client"
+    ]
+  },
+  "exclude": [
+    "src/**/*.spec.ts",
+    "src/**/*.test.ts",
+    "src/**/*.spec.tsx",
+    "src/**/*.test.tsx",
+    "src/**/*.spec.js",
+    "src/**/*.test.js",
+    "src/**/*.spec.jsx",
+    "src/**/*.test.jsx",
+    "vite.config.ts",
+    "vite.config.mts",
+    "vitest.config.ts",
+    "vitest.config.mts"
+  ],
+  "include": ["src/**/*.js", "src/**/*.jsx", "src/**/*.ts", "src/**/*.tsx"]
+}
+"
+`;
+
+exports[`react-website generator > Tanstack router integration > should generate website with router correctly > test-app/tsconfig.json 1`] = `
+"{
+  "files": [],
+  "include": [],
+  "references": [
+    {
+      "path": "./tsconfig.app.json"
+    },
+    {
+      "path": "./tsconfig.spec.json"
+    }
+  ],
+  "extends": "../tsconfig.base.json",
+  "compilerOptions": {
+    "moduleResolution": "Bundler",
+    "module": "Preserve"
+  }
+}
+"
+`;
+
+exports[`react-website generator > Tanstack router integration > should generate website with router correctly > test-app/tsconfig.spec.json 1`] = `
+"{
+  "extends": "../tsconfig.base.json",
+  "compilerOptions": {
+    "outDir": "./out-tsc/vitest",
+    "types": [
+      "vitest/globals",
+      "vitest/importMeta",
+      "vite/client",
+      "node",
+      "vitest",
+      "@nx/react/typings/cssmodule.d.ts",
+      "@nx/react/typings/image.d.ts"
+    ]
+  },
+  "include": [
+    "vite.config.ts",
+    "vite.config.mts",
+    "vitest.config.ts",
+    "vitest.config.mts",
+    "src/**/*.test.ts",
+    "src/**/*.spec.ts",
+    "src/**/*.test.tsx",
+    "src/**/*.spec.tsx",
+    "src/**/*.test.js",
+    "src/**/*.spec.js",
+    "src/**/*.test.jsx",
+    "src/**/*.spec.jsx",
+    "src/**/*.d.ts"
+  ],
+  "references": [
+    {
+      "path": "./tsconfig.app.json"
+    }
+  ]
+}
+"
+`;
+
+exports[`react-website generator > Tanstack router integration > should generate website with router correctly > test-app/vite.config.ts 1`] = `
+"import tailwindcss from '@tailwindcss/vite';
+import tsconfigPaths from 'vite-tsconfig-paths';
+import { resolve } from 'path';
+import { tanstackRouter } from '@tanstack/router-plugin/vite';
+/// <reference types='vitest' />
+import { defineConfig } from 'vite';
+import react from '@vitejs/plugin-react';
+
+export default defineConfig(() => ({
+  define: {
+    global: {},
+  },
+  root: __dirname,
+  cacheDir: '../node_modules/.vite/test-app',
+  server: {
+    port: 4200,
+    host: 'localhost',
+  },
+  preview: {
+    port: 4300,
+    host: 'localhost',
+  },
+  plugins: [
+    tanstackRouter({
+      routesDirectory: resolve(__dirname, 'src/routes'),
+      generatedRouteTree: resolve(__dirname, 'src/routeTree.gen.ts'),
+    }),
+    react(),
+    tailwindcss(),
+    tsconfigPaths(),
+  ],
+  build: {
+    outDir: '../dist/test-app',
+    emptyOutDir: true,
+    reportCompressedSize: true,
+    commonjsOptions: {
+      transformMixedEsModules: true,
+    },
+  },
+  test: {
+    watch: false,
+    globals: true,
+    environment: 'jsdom',
+    include: ['{src,tests}/**/*.{test,spec}.{js,mjs,cjs,ts,mts,cts,jsx,tsx}'],
+    reporters: ['default'],
+    coverage: {
+      reportsDirectory: './test-output/vitest/coverage',
+      provider: 'v8' as const,
+    },
+    passWithNoTests: true,
+  },
+}));
+"
+`;
+
+exports[`react-website generator > Tanstack router integration > should generate website with router correctly > tsconfig.base.json 1`] = `
+"{
+  "compilerOptions": {
+    "paths": {
+      ":proj/common-types": ["packages/common/types/src/index.ts"],
+      ":proj/test-app": ["test-app/src/index.ts"],
+      ":proj/common-constructs": ["packages/common/constructs/src/index.ts"]
+    },
+    "baseUrl": ".",
+    "rootDir": "."
+  }
+}
+"
+`;
+
+exports[`react-website generator > Tanstack router integration > should generate website with router correctly > tsconfig.json 1`] = `
+"{
+  "references": [
+    {
+      "path": "./test-app"
+    },
+    {
+      "path": "./packages/common/types"
+    },
+    {
+      "path": "./packages/common/constructs"
+    }
+  ]
+}
+"
+`;
+
+exports[`react-website generator > Tanstack router integration > should generate website with router correctly > vitest.workspace.ts 1`] = `
+"export default [
+  '**/vite.config.{mjs,js,ts,mts}',
+  '**/vitest.config.{mjs,js,ts,mts}',
+];
+"
+`;
+
+exports[`react-website generator > should configure TypeScript correctly > tsconfig.json 1`] = `
+{
+  "compilerOptions": {
+    "module": "Preserve",
+    "moduleResolution": "Bundler",
+  },
+  "extends": "../tsconfig.base.json",
+  "files": [],
+  "include": [],
+  "references": [
+    {
+      "path": "./tsconfig.app.json",
+    },
+    {
+      "path": "./tsconfig.spec.json",
+    },
+  ],
+}
+`;
+
+exports[`react-website generator > should configure vite correctly > vite.config.ts 1`] = `
+"import tailwindcss from '@tailwindcss/vite';
+import tsconfigPaths from 'vite-tsconfig-paths';
+import { resolve } from 'path';
+import { tanstackRouter } from '@tanstack/router-plugin/vite';
+/// <reference types='vitest' />
+import { defineConfig } from 'vite';
+import react from '@vitejs/plugin-react';
+
+export default defineConfig(() => ({
+  define: {
+    global: {},
+  },
+  root: __dirname,
+  cacheDir: '../node_modules/.vite/test-app',
+  server: {
+    port: 4200,
+    host: 'localhost',
+  },
+  preview: {
+    port: 4300,
+    host: 'localhost',
+  },
+  plugins: [
+    tanstackRouter({
+      routesDirectory: resolve(__dirname, 'src/routes'),
+      generatedRouteTree: resolve(__dirname, 'src/routeTree.gen.ts'),
+    }),
+    react(),
+    tailwindcss(),
+    tsconfigPaths(),
+  ],
+  build: {
+    outDir: '../dist/test-app',
+    emptyOutDir: true,
+    reportCompressedSize: true,
+    commonjsOptions: {
+      transformMixedEsModules: true,
+    },
+  },
+  test: {
+    watch: false,
+    globals: true,
+    environment: 'jsdom',
+    include: ['{src,tests}/**/*.{test,spec}.{js,mjs,cjs,ts,mts,cts,jsx,tsx}'],
+    reporters: ['default'],
+    coverage: {
+      reportsDirectory: './test-output/vitest/coverage',
+      provider: 'v8' as const,
+    },
+    passWithNoTests: true,
+  },
+}));
+"
+`;
+
+exports[`react-website generator > should generate base files and structure > app-layout.tsx 1`] = `
+"import * as React from 'react';
+import { createContext, useCallback, useEffect, useState } from 'react';
+import Config from '../../config';
+
+import {
+  BreadcrumbGroup,
+  BreadcrumbGroupProps,
+  SideNavigation,
+  TopNavigation,
+} from '@cloudscape-design/components';
+import CloudscapeAppLayout, {
+  AppLayoutProps,
+} from '@cloudscape-design/components/app-layout';
+import { matchByPath, useLocation, useNavigate } from '@tanstack/react-router';
+
+const getBreadcrumbs = (
+  pathName: string,
+  search: string,
+  defaultBreadcrumb: string,
+  availableRoutes?: string[],
+) => {
+  const segments = [
+    defaultBreadcrumb,
+    ...pathName.split('/').filter((segment) => segment !== ''),
+  ];
+
+  return segments.map((segment, i) => {
+    const href =
+      i === 0
+        ? '/'
+        : \`/\${segments
+            .slice(1, i + 1)
+            .join('/')
+            .replace('//', '/')}\`;
+
+    const matched =
+      !availableRoutes || availableRoutes.find((r) => matchByPath(r, href, {}));
+
+    return {
+      href: matched ? \`\${href}\${search}\` : '#',
+      text: segment,
+    };
+  });
+};
+
+export interface AppLayoutContext {
+  appLayoutProps: AppLayoutProps;
+  setAppLayoutProps: (props: AppLayoutProps) => void;
+  displayHelpPanel: (helpContent: React.ReactNode) => void;
+}
+
+/**
+ * Context for updating/retrieving the AppLayout.
+ */
+export const AppLayoutContext = createContext({
+  appLayoutProps: {},
+  // eslint-disable-next-line @typescript-eslint/no-empty-function
+  setAppLayoutProps: (_: AppLayoutProps) => {},
+  // eslint-disable-next-line @typescript-eslint/no-empty-function
+  displayHelpPanel: (_: React.ReactNode) => {},
+});
+
+/**
+ * Defines the App layout and contains logic for routing.
+ */
+const AppLayout: React.FC<React.PropsWithChildren> = ({ children }) => {
+  const appLayout = React.useRef<AppLayoutProps.Ref>(null);
+  const [appLayoutProps, setAppLayoutProps] = useState<AppLayoutProps>({});
+  const setAppLayoutPropsSafe = useCallback(
+    (props: AppLayoutProps) => {
+      JSON.stringify(appLayoutProps) !== JSON.stringify(props) &&
+        setAppLayoutProps(props);
+    },
+    [appLayoutProps],
+  );
+
+  const navigate = useNavigate();
+  const [activeBreadcrumbs, setActiveBreadcrumbs] = useState<
+    BreadcrumbGroupProps.Item[]
+  >([{ text: '/', href: '/' }]);
+  const { pathname, search } = useLocation();
+
+  useEffect(() => {
+    const breadcrumbs = getBreadcrumbs(
+      pathname,
+      Object.entries(search).reduce((p, [k, v]) => p + \`\${k}=\${v}\`, ''),
+      '/',
+    );
+    setActiveBreadcrumbs(breadcrumbs);
+  }, [pathname, search]);
+
+  const onNavigate = useCallback(
+    (e: CustomEvent<{ href: string; external?: boolean }>) => {
+      if (!e.detail.external) {
+        e.preventDefault();
+        setAppLayoutPropsSafe({
+          contentType: undefined,
+        });
+        navigate({ to: e.detail.href });
+      }
+    },
+    [navigate, setAppLayoutPropsSafe],
+  );
+
+  return (
+    <AppLayoutContext.Provider
+      value={{
+        appLayoutProps,
+        setAppLayoutProps: setAppLayoutPropsSafe,
+        displayHelpPanel: (helpContent: React.ReactNode) => {
+          setAppLayoutPropsSafe({ tools: helpContent, toolsHide: false });
+          appLayout.current?.openTools();
+        },
+      }}
+    >
+      <TopNavigation
+        identity={{
+          href: '/',
+          title: Config.applicationName,
+          logo: {
+            src: Config.logo,
+          },
+        }}
+      />
+      <CloudscapeAppLayout
+        ref={appLayout}
+        breadcrumbs={
+          <BreadcrumbGroup onFollow={onNavigate} items={activeBreadcrumbs} />
+        }
+        navigation={
+          <SideNavigation
+            header={{ text: Config.applicationName, href: '/' }}
+            activeHref={pathname}
+            onFollow={onNavigate}
+            items={[{ text: 'Home', type: 'link', href: '/' }]}
+          />
+        }
+        toolsHide
+        content={children}
+        {...appLayoutProps}
+      />
+    </AppLayoutContext.Provider>
+  );
+};
+
+export default AppLayout;
+"
+`;
+
+exports[`react-website generator > should generate base files and structure > config.ts 1`] = `
+"export default {
+  applicationName: 'test-app',
+  logo: 'data:image/svg+xml;base64,PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KDTwhLS0gVXBsb2FkZWQgdG86IFNWRyBSZXBvLCB3d3cuc3ZncmVwby5jb20sIFRyYW5zZm9ybWVkIGJ5OiBTVkcgUmVwbyBNaXhlciBUb29scyAtLT4KPHN2ZyBmaWxsPSIjMjQ4YmFlIiB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHN0cm9rZT0iIzI0OGJhZSI+Cg08ZyBpZD0iU1ZHUmVwb19iZ0NhcnJpZXIiIHN0cm9rZS13aWR0aD0iMCIvPgoNPGcgaWQ9IlNWR1JlcG9fdHJhY2VyQ2FycmllciIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cg08ZyBpZD0iU1ZHUmVwb19pY29uQ2FycmllciI+Cg08dGl0bGU+aW9uaWNvbnMtdjVfbG9nb3M8L3RpdGxlPgoNPHBhdGggZD0iTTQxMC42NiwxODAuNzJoMHEtNy42Ny0yLjYyLTE1LjQ1LTQuODgsMS4yOS01LjI1LDIuMzgtMTAuNTZjMTEuNy01Ni45LDQuMDUtMTAyLjc0LTIyLjA2LTExNy44My0yNS0xNC40OC02NiwuNjEtMTA3LjM2LDM2LjY5cS02LjEsNS4zNC0xMS45NSwxMS0zLjktMy43Ni04LTcuMzZjLTQzLjM1LTM4LjU4LTg2LjgtNTQuODMtMTEyLjg4LTM5LjY5LTI1LDE0LjUxLTMyLjQzLDU3LjYtMjEuOSwxMTEuNTNxMS41OCw4LDMuNTUsMTUuOTNjLTYuMTUsMS43NS0xMi4wOSwzLjYyLTE3Ljc3LDUuNkM0OC40NiwxOTguOSwxNiwyMjYuNzMsMTYsMjU1LjU5YzAsMjkuODIsMzQuODQsNTkuNzIsODcuNzcsNzcuODVxNi40NCwyLjE5LDEzLDQuMDdRMTE0LjY0LDM0NiwxMTMsMzU0LjY4Yy0xMCw1My0yLjIsOTUuMDcsMjIuNzUsMTA5LjQ5LDI1Ljc3LDE0Ljg5LDY5LS40MSwxMTEuMTQtMzcuMzFxNS00LjM4LDEwLTkuMjUsNi4zMiw2LjExLDEzLDExLjg2YzQwLjgsMzUuMTgsODEuMDksNDkuMzksMTA2LDM0LjkzLDI1Ljc1LTE0Ljk0LDM0LjEyLTYwLjE0LDIzLjI1LTExNS4xM3EtMS4yNS02LjMtMi44OC0xMi44Niw0LjU2LTEuMzUsOC45My0yLjc5YzU1LTE4LjI3LDkwLjgzLTQ3LjgxLDkwLjgzLTc4QzQ5NiwyMjYuNjIsNDYyLjUsMTk4LjYxLDQxMC42NiwxODAuNzJabS0xMjktODEuMDhjMzUuNDMtMzAuOTEsNjguNTUtNDMuMTEsODMuNjUtMzQuMzloMGMxNi4wNyw5LjI5LDIyLjMyLDQ2Ljc1LDEyLjIyLDk1Ljg4cS0xLDQuOC0yLjE2LDkuNTdhNDg3LjgzLDQ4Ny44MywwLDAsMC02NC4xOC0xMC4xNiw0ODEuMjcsNDgxLjI3LDAsMCwwLTQwLjU3LTUwLjc1UTI3NiwxMDQuNTcsMjgxLjY0LDk5LjY0Wk0xNTcuNzMsMjgwLjI1cTYuNTEsMTIuNiwxMy42MSwyNC44OSw3LjIzLDEyLjU0LDE1LjA3LDI0LjcxYTQzNS4yOCw0MzUuMjgsMCwwLDEtNDQuMjQtNy4xM0MxNDYuNDEsMzA5LDE1MS42MywyOTQuNzUsMTU3LjczLDI4MC4yNVptMC00OC4zM2MtNi0xNC4xOS0xMS4wOC0yOC4xNS0xNS4yNS00MS42MywxMy43LTMuMDcsMjguMy01LjU4LDQzLjUyLTcuNDhxLTcuNjUsMTEuOTQtMTQuNzIsMjQuMjNUMTU3LjcsMjMxLjkyWm0xMC45LDI0LjE3cTkuNDgtMTkuNzcsMjAuNDItMzguNzhoMHExMC45My0xOSwyMy4yNy0zNy4xM2MxNC4yOC0xLjA4LDI4LjkyLTEuNjUsNDMuNzEtMS42NXMyOS41Mi41Nyw0My43OSwxLjY2cTEyLjIxLDE4LjA5LDIzLjEzLDM3dDIwLjY5LDM4LjZRMzM0LDI3NS42MywzMjMsMjk0LjczaDBxLTEwLjkxLDE5LTIzLDM3LjI0Yy0xNC4yNSwxLTI5LDEuNTUtNDQsMS41NXMtMjkuNDctLjQ3LTQzLjQ2LTEuMzhxLTEyLjQzLTE4LjE5LTIzLjQ2LTM3LjI5VDE2OC42LDI1Ni4wOVpNMzQwLjc1LDMwNXE3LjI1LTEyLjU4LDEzLjkyLTI1LjQ5aDBhNDQwLjQxLDQ0MC40MSwwLDAsMSwxNi4xMiw0Mi4zMkE0MzQuNDQsNDM0LjQ0LDAsMCwxLDMyNiwzMjkuNDhRMzMzLjYyLDMxNy4zOSwzNDAuNzUsMzA1Wm0xMy43Mi03My4wN3EtNi42NC0xMi42NS0xMy44MS0yNWgwcS03LTEyLjE4LTE0LjU5LTI0LjA2YzE1LjMxLDEuOTQsMzAsNC41Miw0My43Nyw3LjY3QTQzOS44OSw0MzkuODksMCwwLDEsMzU0LjQ3LDIzMS45M1pNMjU2LjIzLDEyNC40OGgwYTQzOS43NSw0MzkuNzUsMCwwLDEsMjguMjUsMzQuMThxLTI4LjM1LTEuMzUtNTYuNzQsMEMyMzcuMDcsMTQ2LjMyLDI0Ni42MiwxMzQuODcsMjU2LjIzLDEyNC40OFpNMTQ1LjY2LDY1Ljg2YzE2LjA2LTkuMzIsNTEuNTcsNCw4OSwzNy4yNywyLjM5LDIuMTMsNC44LDQuMzYsNy4yLDYuNjdBNDkxLjM3LDQ5MS4zNywwLDAsMCwyMDEsMTYwLjUxYTQ5OS4xMiw0OTkuMTIsMCwwLDAtNjQuMDYsMTBxLTEuODMtNy4zNi0zLjMtMTQuODJoMEMxMjQuNTksMTA5LjQ2LDEzMC41OCw3NC42MSwxNDUuNjYsNjUuODZaTTEyMi4yNSwzMTcuNzFxLTYtMS43MS0xMS44NS0zLjcxYy0yMy40LTgtNDIuNzMtMTguNDQtNTYtMjkuODFDNDIuNTIsMjc0LDM2LjUsMjYzLjgzLDM2LjUsMjU1LjU5YzAtMTcuNTEsMjYuMDYtMzkuODUsNjkuNTItNTVxOC4xOS0yLjg1LDE2LjUyLTUuMjFhNDkzLjU0LDQ5My41NCwwLDAsMCwyMy40LDYwLjc1QTUwMi40Niw1MDIuNDYsMCwwLDAsMTIyLjI1LDMxNy43MVptMTExLjEzLDkzLjY3Yy0xOC42MywxNi4zMi0zNy4yOSwyNy44OS01My43NCwzMy43MmgwYy0xNC43OCw1LjIzLTI2LjU1LDUuMzgtMzMuNjYsMS4yNy0xNS4xNC04Ljc1LTIxLjQ0LTQyLjU0LTEyLjg1LTg3Ljg2cTEuNTMtOCwzLjUtMTZhNDgwLjg1LDQ4MC44NSwwLDAsMCw2NC42OSw5LjM5LDUwMS4yLDUwMS4yLDAsMCwwLDQxLjIsNTFDMjM5LjU0LDQwNS44MywyMzYuNDksNDA4LjY1LDIzMy4zOCw0MTEuMzhabTIzLjQyLTIzLjIyYy05LjcyLTEwLjUxLTE5LjQyLTIyLjE0LTI4Ljg4LTM0LjY0cTEzLjc5LjU0LDI4LjA4LjU0YzkuNzgsMCwxOS40Ni0uMjEsMjktLjY0QTQzOS4zMyw0MzkuMzMsMCwwLDEsMjU2LjgsMzg4LjE2Wm0xMjQuNTIsMjguNTljLTIuODYsMTUuNDQtOC42MSwyNS43NC0xNS43MiwyOS44Ni0xNS4xMyw4Ljc4LTQ3LjQ4LTIuNjMtODIuMzYtMzIuNzItNC0zLjQ0LTgtNy4xMy0xMi4wNy0xMWE0ODQuNTQsNDg0LjU0LDAsMCwwLDQwLjIzLTUxLjIsNDc3Ljg0LDQ3Ny44NCwwLDAsMCw2NS0xMC4wNXExLjQ3LDUuOTQsMi42LDExLjY0aDBDMzgzLjgxLDM3Ny41OCwzODQuNSwzOTkuNTYsMzgxLjMyLDQxNi43NVptMTcuNC0xMDIuNjRoMGMtMi42Mi44Ny01LjMyLDEuNzEtOC4wNiwyLjUzYTQ4My4yNiw0ODMuMjYsMCwwLDAtMjQuMzEtNjAuOTQsNDgxLjUyLDQ4MS41MiwwLDAsMCwyMy4zNi02MC4wNmM0LjkxLDEuNDMsOS42OCwyLjkzLDE0LjI3LDQuNTIsNDQuNDIsMTUuMzIsNzEuNTIsMzgsNzEuNTIsNTUuNDNDNDc1LjUsMjc0LjE5LDQ0Ni4yMywyOTguMzMsMzk4LjcyLDMxNC4xMVoiLz4KDTxwYXRoIGQ9Ik0yNTYsMjk4LjU1YTQzLDQzLDAsMSwwLTQyLjg2LTQzQTQyLjkxLDQyLjkxLDAsMCwwLDI1NiwyOTguNTVaIi8+Cg08L2c+Cg08L3N2Zz4=',
+};
+"
+`;
+
+exports[`react-website generator > should generate base files and structure > index.tsx 1`] = `
+"import {
+  ContentLayout,
+  Header,
+  SpaceBetween,
+  Container,
+} from '@cloudscape-design/components';
+import { createFileRoute } from '@tanstack/react-router';
+
+export const Route = createFileRoute('/')({
+  component: RouteComponent,
+});
+
+function RouteComponent() {
+  return (
+    <ContentLayout header={<Header>Welcome</Header>}>
+      <SpaceBetween size="l">
+        <Container>Welcome to your new React website!</Container>
+      </SpaceBetween>
+    </ContentLayout>
+  );
+}
+"
+`;
+
+exports[`react-website generator > should generate base files and structure > main.tsx 1`] = `
+"import React from 'react';
+import { createRoot } from 'react-dom/client';
+import { I18nProvider } from '@cloudscape-design/components/i18n';
+import messages from '@cloudscape-design/components/i18n/messages/all.en';
+import '@cloudscape-design/global-styles/index.css';
+import { RouterProvider, createRouter } from '@tanstack/react-router';
+import { routeTree } from './routeTree.gen';
+
+// eslint-disable-next-line @typescript-eslint/no-empty-object-type
+export type RouterProviderContext = {};
+
+const router = createRouter({
+  routeTree,
+  context: {},
+});
+
+// Register the router instance for type safety
+declare module '@tanstack/react-router' {
+  interface Register {
+    router: typeof router;
+  }
+}
+
+const App = () => {
+  return <RouterProvider router={router} context={{}} />;
+};
+
+const root = document.getElementById('root');
+root &&
+  createRoot(root).render(
+    <React.StrictMode>
+      <I18nProvider locale="en" messages={[messages]}>
+        <App />
+      </I18nProvider>
+    </React.StrictMode>,
+  );
+"
+`;
+
+exports[`react-website generator > should generate shared constructs > common/constructs-app-index.ts 1`] = `
+"export * from './test-app.js';
+"
+`;
+
+exports[`react-website generator > should generate shared constructs > common/constructs-core-index.ts 1`] = `
+"export * from './static-website.js';
+export * from './app.js';
+export * from './runtime-config.js';
+"
+`;
+
+exports[`react-website generator > should generate shared constructs > common/constructs-core-static-website.ts 1`] = `
+"import { CfnJson, CfnOutput, RemovalPolicy, Stack, Token } from 'aws-cdk-lib';
+import { Distribution, ViewerProtocolPolicy } from 'aws-cdk-lib/aws-cloudfront';
+import { S3BucketOrigin } from 'aws-cdk-lib/aws-cloudfront-origins';
+import {
+  BlockPublicAccess,
+  Bucket,
+  BucketEncryption,
+  IBucket,
+  ObjectOwnership,
+} from 'aws-cdk-lib/aws-s3';
+import { BucketDeployment, Source } from 'aws-cdk-lib/aws-s3-deployment';
+import { Construct } from 'constructs';
+import { RuntimeConfig } from './runtime-config.js';
+import { Key } from 'aws-cdk-lib/aws-kms';
+import { CfnWebACL } from 'aws-cdk-lib/aws-wafv2';
+const DEFAULT_RUNTIME_CONFIG_FILENAME = 'runtime-config.json';
+
+export interface StaticWebsiteProps {
+  readonly websiteFilePath: string;
+}
+
+/**
+ * Deploys a Static Website using by default a private S3 bucket as an origin and Cloudfront as the entrypoint.
+ *
+ * This construct configures a webAcl containing rules that are generally applicable to web applications. This
+ * provides protection against exploitation of a wide range of vulnerabilities, including some of the high risk
+ * and commonly occurring vulnerabilities described in OWASP publications such as OWASP Top 10.
+ *
+ */
+export class StaticWebsite extends Construct {
+  public readonly websiteBucket: IBucket;
+  public readonly cloudFrontDistribution: Distribution;
+  public readonly bucketDeployment: BucketDeployment;
+
+  constructor(
+    scope: Construct,
+    id: string,
+    { websiteFilePath }: StaticWebsiteProps,
+  ) {
+    super(scope, id);
+    this.node.setContext(
+      '@aws-cdk/aws-s3:serverAccessLogsUseBucketPolicy',
+      true,
+    );
+
+    const websiteKey = new Key(this, 'WebsiteKey', {
+      enableKeyRotation: true,
+    });
+
+    const accessLogsBucket = new Bucket(this, 'AccessLogsBucket', {
+      versioned: false,
+      enforceSSL: true,
+      autoDeleteObjects: true,
+      removalPolicy: RemovalPolicy.DESTROY,
+      encryption: BucketEncryption.KMS,
+      encryptionKey: websiteKey,
+      objectOwnership: ObjectOwnership.OBJECT_WRITER,
+      publicReadAccess: false,
+      blockPublicAccess: BlockPublicAccess.BLOCK_ALL,
+    });
+    // S3 Bucket to hold website files
+    this.websiteBucket = new Bucket(this, 'WebsiteBucket', {
+      versioned: true,
+      enforceSSL: true,
+      autoDeleteObjects: true,
+      removalPolicy: RemovalPolicy.DESTROY,
+      encryption: BucketEncryption.KMS,
+      encryptionKey: websiteKey,
+      objectOwnership: ObjectOwnership.BUCKET_OWNER_ENFORCED,
+      publicReadAccess: false,
+      blockPublicAccess: BlockPublicAccess.BLOCK_ALL,
+      serverAccessLogsPrefix: 'website-access-logs',
+      serverAccessLogsBucket: accessLogsBucket,
+    });
+    // Web ACL
+    const wafStack = new CloudfrontWebAcl(this, 'waf');
+
+    // Cloudfront Distribution
+    const logBucket = new Bucket(this, 'DistributionLogBucket', {
+      enforceSSL: true,
+      autoDeleteObjects: true,
+      removalPolicy: RemovalPolicy.DESTROY,
+      encryption: BucketEncryption.KMS,
+      encryptionKey: websiteKey,
+      objectOwnership: ObjectOwnership.BUCKET_OWNER_PREFERRED,
+      publicReadAccess: false,
+      blockPublicAccess: BlockPublicAccess.BLOCK_ALL,
+      serverAccessLogsPrefix: 'distribution-access-logs',
+      serverAccessLogsBucket: accessLogsBucket,
+    });
+    const defaultRootObject = 'index.html';
+    this.cloudFrontDistribution = new Distribution(
+      this,
+      'CloudfrontDistribution',
+      {
+        webAclId: wafStack.wafArn,
+        enableLogging: true,
+        logBucket: logBucket,
+        defaultBehavior: {
+          origin: S3BucketOrigin.withOriginAccessControl(this.websiteBucket),
+          viewerProtocolPolicy: ViewerProtocolPolicy.REDIRECT_TO_HTTPS,
+        },
+        defaultRootObject,
+        errorResponses: [
+          {
+            httpStatus: 404, // We need to redirect "key not found errors" to index.html for single page apps
+            responseHttpStatus: 200,
+            responsePagePath: \`/\${defaultRootObject}\`,
+          },
+          {
+            httpStatus: 403, // We need to redirect reloads from paths (e.g. /foo/bar) to index.html for single page apps
+            responseHttpStatus: 200,
+            responsePagePath: \`/\${defaultRootObject}\`,
+          },
+        ],
+      },
+    );
+    // Deploy Website
+    this.bucketDeployment = new BucketDeployment(this, 'WebsiteDeployment', {
+      sources: [
+        Source.asset(websiteFilePath),
+        Source.jsonData(
+          DEFAULT_RUNTIME_CONFIG_FILENAME,
+          this.resolveTokens(RuntimeConfig.ensure(this).config),
+        ),
+      ],
+      destinationBucket: this.websiteBucket,
+      // Files in the distribution's edge caches will be invalidated after files are uploaded to the destination bucket.
+      distribution: this.cloudFrontDistribution,
+      memoryLimit: 1024,
+    });
+    new CfnOutput(this, 'DistributionDomainName', {
+      value: this.cloudFrontDistribution.domainName,
+    });
+    new CfnOutput(this, 'WebsiteBucketName', {
+      value: this.websiteBucket.bucketName,
+    });
+  }
+  private resolveTokens = (payload: any) => {
+    const _payload: Record<string, any> = {};
+    Object.entries(payload).forEach(([key, value]) => {
+      if (
+        Token.isUnresolved(value) ||
+        (typeof value === 'string' && value.endsWith('}}'))
+      ) {
+        _payload[key] = new CfnJson(this, \`ResolveToken-\${key}\`, {
+          value,
+        }).value;
+      } else if (typeof value === 'object') {
+        _payload[key] = this.resolveTokens(value);
+      } else if (Array.isArray(value)) {
+        _payload[key] = value.map((v) => this.resolveTokens(v));
+      } else {
+        _payload[key] = value;
+      }
+    });
+    return _payload;
+  };
+}
+
+export class CloudfrontWebAcl extends Stack {
+  public readonly wafArn;
+  constructor(scope: Construct, id: string) {
+    super(scope, id, {
+      env: {
+        region: 'us-east-1',
+        account: Stack.of(scope).account,
+      },
+      crossRegionReferences: true,
+    });
+
+    this.wafArn = new CfnWebACL(this, 'WebAcl', {
+      defaultAction: { allow: {} },
+      scope: 'CLOUDFRONT',
+      visibilityConfig: {
+        cloudWatchMetricsEnabled: true,
+        metricName: id,
+        sampledRequestsEnabled: true,
+      },
+      rules: [
+        {
+          name: 'CRSRule',
+          priority: 0,
+          statement: {
+            managedRuleGroupStatement: {
+              name: 'AWSManagedRulesCommonRuleSet',
+              vendorName: 'AWS',
+            },
+          },
+          visibilityConfig: {
+            cloudWatchMetricsEnabled: true,
+            metricName: 'MetricForWebACLCDK-CRS',
+            sampledRequestsEnabled: true,
+          },
+          overrideAction: {
+            none: {},
+          },
+        },
+      ],
+    }).attrArn;
+  }
+}
+"
+`;
+
+exports[`react-website generator > should generate shared constructs > test-app.ts 1`] = `
+"import * as url from 'url';
+import { Construct } from 'constructs';
+import { StaticWebsite } from '../../core/index.js';
+
+export class TestApp extends StaticWebsite {
+  constructor(scope: Construct, id: string) {
+    super(scope, id, {
+      websiteFilePath: url.fileURLToPath(
+        new URL('../../../../../../dist/test-app/bundle', import.meta.url),
+      ),
+    });
+  }
+}
+"
+`;
+
+exports[`react-website generator > should handle custom directory option > custom-dir-main.tsx 1`] = `
+"import React from 'react';
+import { createRoot } from 'react-dom/client';
+import { I18nProvider } from '@cloudscape-design/components/i18n';
+import messages from '@cloudscape-design/components/i18n/messages/all.en';
+import '@cloudscape-design/global-styles/index.css';
+import { RouterProvider, createRouter } from '@tanstack/react-router';
+import { routeTree } from './routeTree.gen';
+
+// eslint-disable-next-line @typescript-eslint/no-empty-object-type
+export type RouterProviderContext = {};
+
+const router = createRouter({
+  routeTree,
+  context: {},
+});
+
+// Register the router instance for type safety
+declare module '@tanstack/react-router' {
+  interface Register {
+    router: typeof router;
+  }
+}
+
+const App = () => {
+  return <RouterProvider router={router} context={{}} />;
+};
+
+const root = document.getElementById('root');
+root &&
+  createRoot(root).render(
+    <React.StrictMode>
+      <I18nProvider locale="en" messages={[messages]}>
+        <App />
+      </I18nProvider>
+    </React.StrictMode>,
+  );
+"
+`;
+
+exports[`react-website generator > should handle npm scope prefix correctly > scoped-dependencies 1`] = `
+{
+  "@cloudscape-design/board-components": "^3.0.94",
+  "@cloudscape-design/components": "^3.0.928",
+  "@cloudscape-design/global-styles": "^1.0.38",
+  "@tanstack/react-router": "^1.121.16",
+  "aws-cdk-lib": "^2.200.0",
+  "constructs": "^10.4.2",
+  "react": "19.0.0",
+  "react-dom": "19.0.0",
+  "tailwindcss": "^4.1.11",
+}
+`;