@codedrifters/configulator 0.0.305 → 0.0.307

package/lib/index.js

@@ -273,6 +273,7 @@ __export(index_exports, {
   REQUIREMENTS_WRITER_PATHS: () => REQUIREMENTS_WRITER_PATHS,
   ROOT_CI_TASK_NAME: () => ROOT_CI_TASK_NAME,
   ROOT_TURBO_TASK_NAME: () => ROOT_TURBO_TASK_NAME,
+  ReactViteSiteProject: () => ReactViteSiteProject,
   ResetTask: () => ResetTask,
   SCHEDULED_TASK_MODEL_VALUES: () => SCHEDULED_TASK_MODEL_VALUES,
   SCOPE_CLASS_VALUES: () => SCOPE_CLASS_VALUES,
@@ -299,6 +300,8 @@ __export(index_exports, {
   Vitest: () => Vitest,
   addApproveMergeUpgradeWorkflow: () => addApproveMergeUpgradeWorkflow,
   addBuildCompleteJob: () => addBuildCompleteJob,
+  addPlaywright: () => addPlaywright,
+  addStorybook: () => addStorybook,
   addSyncLabelsWorkflow: () => addSyncLabelsWorkflow,
   agendaBundle: () => agendaBundle,
   analyzeTsDocCoverage: () => analyzeTsDocCoverage,
@@ -426,6 +429,7 @@ __export(index_exports, {
   resolveOutdirFromPackageName: () => resolveOutdirFromPackageName,
   resolveOverrideForLabels: () => resolveOverrideForLabels,
   resolveProgressFiles: () => resolveProgressFiles,
+  resolveReactViteSiteProjectOutdir: () => resolveReactViteSiteProjectOutdir,
   resolveRunRatio: () => resolveRunRatio,
   resolveScheduledTasks: () => resolveScheduledTasks,
   resolveScopeGate: () => resolveScopeGate,
@@ -28277,7 +28281,7 @@ var VERSION = {
   /**
    * Version of PNPM to use in workflows at github actions.
    */
-  PNPM_VERSION: "11.1.0",
+  PNPM_VERSION: "11.1.1",
   /**
    * Version of Projen to use.
    */
@@ -33009,8 +33013,88 @@ var JsiiFaker = class _JsiiFaker extends import_projen13.Component {
   }
 };
 
+// src/projects/add-playwright.ts
+var import_projen14 = require("projen");
+function addPlaywright(project) {
+  project.addDevDeps("@playwright/test");
+  project.tasks.addTask("e2e:install", {
+    description: "Install Playwright browsers",
+    steps: [{ exec: "npx playwright install --with-deps" }]
+  });
+  project.tasks.addTask("e2e", {
+    description: "Run Playwright E2E tests (headless)",
+    steps: [{ exec: "npx playwright test" }]
+  });
+  project.tasks.addTask("e2e:ui", {
+    description: "Run Playwright in UI mode",
+    steps: [{ exec: "npx playwright test --ui" }]
+  });
+  project.tasks.addTask("e2e:report", {
+    description: "Open last HTML report",
+    steps: [{ exec: "npx playwright show-report" }]
+  });
+  project.setScript("e2e:install", "npx projen e2e:install");
+  project.setScript("e2e", "npx projen e2e");
+  project.setScript("e2e:ui", "npx projen e2e:ui");
+  project.setScript("e2e:report", "npx projen e2e:report");
+  new import_projen14.SampleFile(project, "playwright.config.ts", {
+    contents: `import { defineConfig, devices } from '@playwright/test';
+
+export default defineConfig({
+  testDir: './tests',
+  reporter: [['html', { open: 'never' }]],
+  use: {
+    baseURL: process.env.PLAYWRIGHT_BASE_URL || 'http://localhost:5173',
+    trace: 'on-first-retry',
+  },
+  projects: [{ name: 'chromium', use: { ...devices['Desktop Chrome'] } }],
+});
+`
+  });
+  project.gitignore.addPatterns("test-results/", "playwright-report/");
+}
+
+// src/projects/add-storybook.ts
+var import_projen15 = require("projen");
+function addStorybook(project, options = {}) {
+  const withDocs = options.withDocs ?? true;
+  project.addDevDeps(
+    "storybook",
+    "@storybook/react@^9",
+    "@storybook/react-vite@^9",
+    ...withDocs ? ["@storybook/addon-docs@^9"] : []
+  );
+  project.tasks.addTask("storybook", {
+    description: "Run Storybook (Vite)",
+    steps: [{ exec: "storybook dev -p 6006" }]
+  });
+  project.tasks.addTask("build-storybook", {
+    description: "Build static Storybook",
+    steps: [{ exec: "storybook build" }]
+  });
+  project.setScript("storybook", "npx projen storybook");
+  project.setScript("build-storybook", "npx projen build-storybook");
+  new import_projen15.SampleFile(project, ".storybook/main.ts", {
+    contents: `import type { StorybookConfig } from '@storybook/react-vite';
+
+const config: StorybookConfig = {
+  stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|ts|tsx)'],
+  addons: [${withDocs ? `'@storybook/addon-docs'` : ""}],
+  framework: { name: '@storybook/react-vite', options: {} },
+};
+export default config;
+`
+  });
+  new import_projen15.SampleFile(project, ".storybook/preview.ts", {
+    contents: `import '../src/index.css';
+const preview = { parameters: { controls: { expanded: true } } };
+export default preview;
+`
+  });
+}
+
 // src/projects/astro-project.ts
-var import_projen19 = require("projen");
+var import_projen21 = require("projen");
 var import_ts_deepmerge3 = require("ts-deepmerge");
 
 // src/projects/monorepo-layout.ts
@@ -33029,6 +33113,7 @@ var LAYOUT_ROOT_BY_PROJECT_TYPE = {
   TypeScriptProject: MONOREPO_LAYOUT.PACKAGES,
   AwsCdkProject: MONOREPO_LAYOUT.APPS,
   AstroProject: MONOREPO_LAYOUT.SITES,
+  ReactViteSiteProject: MONOREPO_LAYOUT.SITES,
   StarlightProject: MONOREPO_LAYOUT.DOCS
 };
 function validateMonorepoLayout(root) {
@@ -33152,9 +33237,12 @@ function resolveAwsCdkProjectOutdir(packageName) {
 function resolveAstroProjectOutdir(packageName) {
   return resolveOutdirFromPackageName(packageName, MONOREPO_LAYOUT.SITES);
 }
+function resolveReactViteSiteProjectOutdir(packageName) {
+  return resolveOutdirFromPackageName(packageName, MONOREPO_LAYOUT.SITES);
+}
 
 // src/projects/typescript-project.ts
-var import_projen18 = require("projen");
+var import_projen20 = require("projen");
 var import_javascript4 = require("projen/lib/javascript");
 var import_release = require("projen/lib/release");
 var import_ts_deepmerge2 = require("ts-deepmerge");
@@ -33166,9 +33254,9 @@ var import_typescript3 = require("projen/lib/typescript");
 var import_ts_deepmerge = require("ts-deepmerge");
 
 // src/projects/nvmrc.ts
-var import_projen14 = require("projen");
+var import_projen16 = require("projen");
 var import_textfile5 = require("projen/lib/textfile");
-var Nvmrc = class extends import_projen14.Component {
+var Nvmrc = class extends import_projen16.Component {
   constructor(project) {
     super(project);
     new import_textfile5.TextFile(project, ".nvmrc", {
@@ -33181,8 +33269,8 @@ var Nvmrc = class extends import_projen14.Component {
 };
 
 // src/tasks/reset-task.ts
-var import_projen15 = require("projen");
-var ResetTask = class _ResetTask extends import_projen15.Component {
+var import_projen17 = require("projen");
+var ResetTask = class _ResetTask extends import_projen17.Component {
   constructor(project, options = {}) {
     super(project);
     this.project = project;
@@ -33255,12 +33343,12 @@ var ResetTask = class _ResetTask extends import_projen15.Component {
 };
 
 // src/vscode/vscode.ts
-var import_projen16 = require("projen");
-var VSCodeConfig = class extends import_projen16.Component {
+var import_projen18 = require("projen");
+var VSCodeConfig = class extends import_projen18.Component {
   constructor(project) {
     super(project);
-    const vsConfig = new import_projen16.vscode.VsCode(project);
-    const vsSettings = new import_projen16.vscode.VsCodeSettings(vsConfig);
+    const vsConfig = new import_projen18.vscode.VsCode(project);
+    const vsSettings = new import_projen18.vscode.VsCodeSettings(vsConfig);
     vsSettings.addSetting("editor.tabSize", 2);
     vsSettings.addSetting("editor.detectIndentation", false);
     vsSettings.addSetting("editor.bracketPairColorization.enabled", true);
@@ -33540,7 +33628,7 @@ function patchStepArray2(steps, pinned) {
 }
 
 // src/workflows/sync-labels.ts
-var import_projen17 = require("projen");
+var import_projen19 = require("projen");
 var import_workflows_model4 = require("projen/lib/github/workflows-model");
 var DEFAULT_STATUS_LABELS = [
   {
@@ -33748,10 +33836,10 @@ ${offenders}`
     }
   });
 }
-var LabelsFile = class extends import_projen17.Component {
+var LabelsFile = class extends import_projen19.Component {
   constructor(project, labels) {
     super(project);
-    new import_projen17.YamlFile(project, LABELS_CONFIG_PATH, {
+    new import_projen19.YamlFile(project, LABELS_CONFIG_PATH, {
       obj: labels.map((l) => ({
         name: l.name,
         color: l.color,
@@ -34144,7 +34232,7 @@ var TestRunner = {
   JEST: "jest",
   VITEST: "vitest"
 };
-var TypeScriptProject = class extends import_projen18.typescript.TypeScriptProject {
+var TypeScriptProject = class extends import_projen20.typescript.TypeScriptProject {
   constructor(userOptions) {
     if (!(userOptions.parent instanceof MonorepoProject)) {
       throw new Error(
@@ -34454,10 +34542,10 @@ var AstroProject = class extends TypeScriptProject {
       adapter: options.adapter
     });
     if (options.sampleCode === true) {
-      new import_projen19.SampleFile(this, "src/pages/index.astro", {
+      new import_projen21.SampleFile(this, "src/pages/index.astro", {
         contents: DEFAULT_INDEX_ASTRO
       });
-      new import_projen19.SampleFile(this, "public/favicon.svg", {
+      new import_projen21.SampleFile(this, "public/favicon.svg", {
         contents: DEFAULT_FAVICON_SVG
       });
     }
@@ -34482,19 +34570,19 @@ var DEFAULT_FAVICON_SVG = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0
 `;
 
 // src/projects/aws-cdk-project.ts
-var import_projen22 = require("projen");
+var import_projen24 = require("projen");
 var import_javascript5 = require("projen/lib/javascript");
 var import_release2 = require("projen/lib/release");
 var import_ts_deepmerge4 = require("ts-deepmerge");
 
 // src/workflows/aws-deploy-workflow.ts
 var import_utils11 = __toESM(require_lib());
-var import_projen20 = require("projen");
+var import_projen22 = require("projen");
 var import_build = require("projen/lib/build");
 var import_github5 = require("projen/lib/github");
 var import_workflows_model5 = require("projen/lib/github/workflows-model");
 var PROD_DEPLOY_NAME = "prod-deploy";
-var AwsDeployWorkflow = class _AwsDeployWorkflow extends import_projen20.Component {
+var AwsDeployWorkflow = class _AwsDeployWorkflow extends import_projen22.Component {
   constructor(project, options = {}) {
     super(project);
     this.project = project;
@@ -34758,7 +34846,7 @@ var AwsDeployWorkflow = class _AwsDeployWorkflow extends import_projen20.Compone
 };
 
 // src/workflows/aws-teardown-workflow.ts
-var import_projen21 = require("projen");
+var import_projen23 = require("projen");
 var import_github6 = require("projen/lib/github");
 var import_workflows_model6 = require("projen/lib/github/workflows-model");
 var DEFAULT_TEARDOWN_BRANCH_PATTERNS = [
@@ -34780,7 +34868,7 @@ var resolveBranchPatterns = (explicit, targets) => {
   }
   return [...DEFAULT_TEARDOWN_BRANCH_PATTERNS];
 };
-var AwsTeardownWorkflow = class extends import_projen21.Component {
+var AwsTeardownWorkflow = class extends import_projen23.Component {
   constructor(rootProject, options) {
     super(rootProject);
     this.rootProject = rootProject;
@@ -34962,7 +35050,7 @@ var AwsTeardownWorkflow = class extends import_projen21.Component {
 };
 
 // src/projects/aws-cdk-project.ts
-var AwsCdkProject = class extends import_projen22.awscdk.AwsCdkTypeScriptApp {
+var AwsCdkProject = class extends import_projen24.awscdk.AwsCdkTypeScriptApp {
   constructor(userOptions) {
     if (!(userOptions.parent instanceof MonorepoProject)) {
       throw new Error(
@@ -35158,8 +35246,305 @@ var AwsCdkProject = class extends import_projen22.awscdk.AwsCdkTypeScriptApp {
   }
 };
 
+// src/projects/react-vite-site-project.ts
+var import_projen25 = require("projen");
+var import_ts_deepmerge5 = require("ts-deepmerge");
+var ReactViteSiteProject = class extends TypeScriptProject {
+  constructor(userOptions) {
+    const resolvedOutdir = userOptions.outdir ?? resolveReactViteSiteProjectOutdir(
+      userOptions.packageName ?? userOptions.name
+    );
+    const defaultOptions = {
+      testRunner: TestRunner.VITEST,
+      apiExtractor: false,
+      // ESLint inherited from TypeScriptProject lints `src` by default;
+      // skip projen's `.projenrc.ts` lint pass since downstream sites
+      // configure projen through their own root project.
+      eslintOptions: {
+        dirs: ["src"],
+        lintProjenRc: false
+      },
+      // VSCode workspace defaults (Prettier formatter, ESLint on save)
+      // need a project-level `.vscode/` folder. The inherited
+      // TypeScriptProject does not enable it on sub-projects by
+      // default; flip it on so the React-site VSCode wiring below
+      // actually renders.
+      vscode: true,
+      tsconfig: {
+        compilerOptions: {
+          declaration: false
+        }
+      }
+    };
+    const merged = (0, import_ts_deepmerge5.merge)(
+      defaultOptions,
+      userOptions
+    );
+    const options = {
+      ...merged,
+      outdir: resolvedOutdir
+    };
+    super(options);
+    this.package.addField("type", "module");
+    new import_projen25.TextFile(this, ".nvmrc", { lines: ["v24.11.0"] });
+    this.tsconfig?.file.addOverride("compilerOptions.target", "ES2020");
+    this.tsconfig?.file.addOverride("compilerOptions.lib", [
+      "ES2020",
+      "DOM",
+      "DOM.Iterable"
+    ]);
+    this.tsconfig?.file.addOverride("compilerOptions.module", "ESNext");
+    this.tsconfig?.file.addOverride(
+      "compilerOptions.moduleResolution",
+      "bundler"
+    );
+    this.tsconfig?.file.addOverride("compilerOptions.jsx", "react-jsxdev");
+    this.tsconfig?.file.addOverride("compilerOptions.noEmit", true);
+    this.tsconfig?.file.addOverride("compilerOptions.skipLibCheck", true);
+    this.tsconfig?.file.addOverride("compilerOptions.strict", true);
+    this.tsconfig?.file.addOverride("compilerOptions.resolveJsonModule", true);
+    this.tsconfig?.file.addOverride("compilerOptions.declaration", false);
+    this.tsconfig?.file.addOverride("compilerOptions.paths", {
+      "@/*": ["./src/*"]
+    });
+    this.tsconfig?.file.addOverride("include", ["src"]);
+    this.tsconfigDev?.file.addOverride("compilerOptions.types", [
+      "vitest/globals",
+      "vite/client"
+    ]);
+    this.tsconfigDev?.file.addOverride("include", [
+      "src",
+      "tests",
+      "**/*.test.ts",
+      "**/*.test.tsx",
+      "**/*.spec.ts",
+      "**/*.spec.tsx",
+      "vitest.config.ts"
+    ]);
+    this.tsconfigDev?.file.addOverride("exclude", [
+      "node_modules",
+      "dist",
+      "build",
+      ".turbo"
+    ]);
+    new import_projen25.SampleFile(this, "vite.config.ts", {
+      contents: `import { defineConfig } from 'vite';
+import react from '@vitejs/plugin-react';
+import tailwindcss from '@tailwindcss/vite';
+import path from 'path';
+
+export default defineConfig({
+  plugins: [tailwindcss(), react()],
+  resolve: { alias: { '@': path.resolve(__dirname, 'src') } },
+});
+`
+    });
+    if (options.testRunner !== TestRunner.JEST) {
+      this.tryRemoveFile("vitest.config.ts");
+      new import_projen25.SampleFile(this, "vitest.config.ts", {
+        contents: `import { defineConfig, mergeConfig } from 'vitest/config';
+import react from '@vitejs/plugin-react';
+import viteConfig from './vite.config';
+
+export default mergeConfig(
+  viteConfig,
+  defineConfig({
+    plugins: [react()],
+    test: {
+      environment: 'jsdom',
+      globals: true,
+      setupFiles: ['./src/setupTests.ts'],
+      passWithNoTests: true,
+    },
+  })
+);
+`
+      });
+    }
+    this.compileTask.reset();
+    this.compileTask.exec("vite build");
+    this.packageTask.reset();
+    this.tasks.tryFind("watch")?.reset("vite");
+    if (!this.tasks.tryFind("dev")) {
+      this.addTask("dev", {
+        description: "Start the Vite dev server",
+        exec: "vite",
+        receiveArgs: true
+      });
+    }
+    if (!this.tasks.tryFind("preview")) {
+      this.addTask("preview", {
+        description: "Preview the built site locally",
+        exec: "vite preview",
+        receiveArgs: true
+      });
+    }
+    this.addDeps("react", "react-dom", "react-router-dom");
+    this.addDevDeps(
+      "vite",
+      "@vitejs/plugin-react",
+      "@tailwindcss/vite",
+      "tailwindcss",
+      "jsdom",
+      "@testing-library/react",
+      "@testing-library/jest-dom",
+      "@testing-library/user-event",
+      "@types/react",
+      "@types/react-dom",
+      "eslint-plugin-react",
+      "eslint-plugin-react-hooks"
+    );
+    this.eslint?.addExtends("plugin:react/recommended");
+    this.eslint?.addExtends("plugin:react/jsx-runtime");
+    this.eslint?.addExtends("plugin:react-hooks/recommended");
+    this.eslint?.addOverride({
+      files: ["**/*.{tsx,jsx}"],
+      // Projen's ESLint override type does not include `settings`, but
+      // `settings` is a valid ESLint override key. Cast to `any` so the
+      // generated `.eslintrc.json` carries the React-version detection
+      // settings on the JSX glob.
+      settings: {
+        react: {
+          version: "detect"
+        }
+      }
+    });
+    this.eslint?.addRules({
+      // We use TypeScript; prop-types are unnecessary.
+      "react/prop-types": "off",
+      // New JSX transform — React no longer needs to be in scope.
+      "react/react-in-jsx-scope": "off"
+    });
+    this.eslint?.addOverride({
+      files: [
+        "**/*.{test,spec}.ts",
+        "**/*.{test,spec}.tsx",
+        "**/__tests__/**",
+        "src/setupTests.ts"
+      ],
+      rules: {
+        "import/no-extraneous-dependencies": [
+          "error",
+          { devDependencies: true }
+        ]
+      }
+    });
+    this.vscode?.settings.addSettings({
+      "editor.defaultFormatter": "esbenp.prettier-vscode",
+      "editor.formatOnSave": true,
+      // Prettier must format the whole file; "modifications" mode is
+      // known to mis-merge ranges with Prettier and can corrupt saves.
+      "editor.formatOnSaveMode": "file",
+      "prettier.requireConfig": true,
+      "eslint.useFlatConfig": false,
+      "eslint.workingDirectories": [{ directory: ".", changeProcessCWD: true }],
+      // Prettier is the default formatter; ESLint's fixAll must not
+      // re-apply prettier/prettier (would double-format).
+      "eslint.codeActionsOnSave.rules": ["!prettier/prettier", "*"],
+      "eslint.format.enable": false,
+      "[typescript]": {
+        "editor.codeActionsOnSave": {
+          "source.fixAll.eslint": "always",
+          "source.organizeImports": "always"
+        }
+      },
+      "[typescriptreact]": {
+        "editor.codeActionsOnSave": {
+          "source.fixAll.eslint": "always",
+          "source.organizeImports": "always"
+        }
+      },
+      "[javascript]": {
+        "editor.codeActionsOnSave": {
+          "source.fixAll.eslint": "always"
+        }
+      },
+      "[javascriptreact]": {
+        "editor.codeActionsOnSave": {
+          "source.fixAll.eslint": "always"
+        }
+      },
+      "eslint.validate": [
+        "javascript",
+        "javascriptreact",
+        "typescript",
+        "typescriptreact"
+      ]
+    });
+    this.vscode?.extensions.addRecommendations("dbaeumer.vscode-eslint");
+    this.vscode?.extensions.addRecommendations("esbenp.prettier-vscode");
+    const turbo = TurboRepo.of(this);
+    if (turbo?.compileTask) {
+      turbo.compileTask.inputs.push(
+        "public/**",
+        "index.html",
+        "vite.config.ts"
+      );
+    }
+    if (userOptions.sampleCode === true) {
+      const siteName = options.name;
+      new import_projen25.SampleFile(this, "index.html", {
+        contents: `<!doctype html>
+<html>
+  <head>
+    <meta charset="utf-8"/>
+    <meta name="viewport" content="width=device-width, initial-scale=1"/>
+    <title>${siteName}</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.tsx"></script>
+  </body>
+</html>
+`
+      });
+      new import_projen25.SampleFile(this, "src/routes.tsx", {
+        contents: `import { createBrowserRouter } from 'react-router-dom';
+import App from './App';
+
+export const router = createBrowserRouter([
+  { path: '/', element: <App /> },
+]);
+`
+      });
+      new import_projen25.SampleFile(this, "src/main.tsx", {
+        contents: `import React from 'react';
+import ReactDOM from 'react-dom/client';
+import { RouterProvider } from 'react-router-dom';
+import { router } from './routes';
+import './index.css';
+
+ReactDOM.createRoot(document.getElementById('root')!).render(
+  <React.StrictMode>
+    <RouterProvider router={router} />
+  </React.StrictMode>
+);
+`
+      });
+      new import_projen25.SampleFile(this, "src/App.tsx", {
+        contents: `export default function App() {
+  return (
+    <main className="p-4">
+      <h1 className="text-2xl font-bold">Hello from ${siteName}</h1>
+    </main>
+  );
+}
+`
+      });
+      new import_projen25.SampleFile(this, "src/index.css", {
+        contents: `@import "tailwindcss";
+`
+      });
+      new import_projen25.SampleFile(this, "src/setupTests.ts", {
+        contents: `import '@testing-library/jest-dom';
+`
+      });
+    }
+  }
+};
+
 // src/projects/starlight-project.ts
-var import_projen23 = require("projen");
+var import_projen26 = require("projen");
 var STARLIGHT_ROLE = {
   DOCS: "docs",
   SITE: "site"
@@ -35201,10 +35586,10 @@ var StarlightProject = class extends AstroProject {
       turbo.compileTask.inputs.push("src/content/**");
     }
     if (userOptions.sampleContent === true) {
-      new import_projen23.SampleFile(this, "src/content/docs/index.mdx", {
+      new import_projen26.SampleFile(this, "src/content/docs/index.mdx", {
         contents: DEFAULT_INDEX_MDX
       });
-      new import_projen23.SampleFile(this, "src/content.config.ts", {
+      new import_projen26.SampleFile(this, "src/content.config.ts", {
         contents: DEFAULT_CONTENT_CONFIG_TS
       });
     }
@@ -35254,9 +35639,9 @@ export const collections = {
 
 // src/typescript/typescript-config.ts
 var import_node_path2 = require("path");
-var import_projen24 = require("projen");
+var import_projen27 = require("projen");
 var import_path2 = require("projen/lib/util/path");
-var TypeScriptConfig = class extends import_projen24.Component {
+var TypeScriptConfig = class extends import_projen27.Component {
   constructor(project) {
     super(project);
     let tsPaths = {};
@@ -35381,6 +35766,7 @@ var TypeScriptConfig = class extends import_projen24.Component {
   REQUIREMENTS_WRITER_PATHS,
   ROOT_CI_TASK_NAME,
   ROOT_TURBO_TASK_NAME,
+  ReactViteSiteProject,
   ResetTask,
   SCHEDULED_TASK_MODEL_VALUES,
   SCOPE_CLASS_VALUES,
@@ -35407,6 +35793,8 @@ var TypeScriptConfig = class extends import_projen24.Component {
   Vitest,
   addApproveMergeUpgradeWorkflow,
   addBuildCompleteJob,
+  addPlaywright,
+  addStorybook,
   addSyncLabelsWorkflow,
   agendaBundle,
   analyzeTsDocCoverage,
@@ -35534,6 +35922,7 @@ var TypeScriptConfig = class extends import_projen24.Component {
   resolveOutdirFromPackageName,
   resolveOverrideForLabels,
   resolveProgressFiles,
+  resolveReactViteSiteProjectOutdir,
   resolveRunRatio,
   resolveScheduledTasks,
   resolveScopeGate,