@mnci/cli 4.27.0 → 4.28.0

package/dist/cli.js

@@ -4873,6 +4873,86 @@ async function addPythonVendor(workspaceRoot, consumer, options, kindProvided) {
 // src/project-scaffolding/react-app.use-case.ts
 var import_node_fs15 = require("fs");
 var import_node_path18 = require("path");
+
+// src/project-scaffolding/react-app-example.algorithm.ts
+function reactAppExampleFiles(name) {
+  return {
+    "greeting/greeting.contract.ts": `/** What greeting someone returns. */
+export interface Greeting {
+  readonly message: string
+}
+`,
+    "greeting/greet.use-case.ts": `import type { Greeting } from './greeting.contract'
+
+export function greet (name: string): Greeting {
+  return { message: 'Hello, ' + name + '!' }
+}
+`,
+    "greeting/greet.use-case.spec.ts": `import { greet } from './greet.use-case'
+
+describe('greet', () => {
+  it('greets a name', () => {
+    expect(greet('world')).toEqual({ message: 'Hello, world!' })
+  })
+})
+`,
+    "greeting/greeting.component.tsx": `import { greet } from './greet.use-case'
+
+export interface GreetingViewProps {
+  readonly name: string
+}
+
+export function GreetingView ({ name }: GreetingViewProps) {
+  return <p>{greet(name).message}</p>
+}
+`,
+    "greeting/greeting.component.spec.tsx": `import { render } from '@testing-library/react'
+
+import { GreetingView } from './greeting.component'
+
+describe('GreetingView', () => {
+  it('shows the greeting', () => {
+    const { getByText } = render(<GreetingView name='world' />)
+    expect(getByText('Hello, world!')).toBeTruthy()
+  })
+})
+`,
+    "greeting/index.ts": `export * from './greeting.contract'
+export * from './greet.use-case'
+export * from './greeting.component'
+`,
+    "app/app.component.tsx": `import { GreetingView } from '../greeting'
+
+export function App () {
+  return (
+    <main>
+      <GreetingView name='${name}' />
+    </main>
+  )
+}
+
+export default App
+`,
+    "app/app.component.spec.tsx": `import { render } from '@testing-library/react'
+
+import App from './app.component'
+
+describe('App', () => {
+  it('should render successfully', () => {
+    const { baseElement } = render(<App />)
+    expect(baseElement).toBeTruthy()
+  })
+
+  it('shows the greeting', () => {
+    const { getByText } = render(<App />)
+    expect(getByText('Hello, ${name}!')).toBeTruthy()
+  })
+})
+`
+  };
+}
+
+// src/project-scaffolding/react-app.use-case.ts
 var REACT_ENVIRONMENTS = ["dev", "uat", "prod"];
 function reactEnvironmentFile(environment) {
   return `# Vite compiles VITE_-prefixed vars into the '${environment}' bundle at build time.
@@ -4948,6 +5028,11 @@ function addReactApp(workspaceRoot, name, stack) {
   allowEnvFiles(workspaceRoot);
   addNxTargets((0, import_node_path18.join)(reactAppRoot, "package.json"), reactAppTargets(name));
   reshapeReactAppScaffold(reactAppRoot);
+  (0, import_node_fs15.rmSync)((0, import_node_path18.join)(reactAppRoot, "src/app/nx-welcome.component.tsx"), { force: true });
+  const example = reactAppExampleFiles(name);
+  for (const [relative, contents] of Object.entries(example)) {
+    writeFileEnsured((0, import_node_path18.join)(reactAppRoot, "src", relative), contents);
+  }
   removeGeneratedEslintConfig(workspaceRoot, `apps/${name}`);
   registerProjectCommands(workspaceRoot, name, { build: true, start: `nx run ${name}:serve` });
 }