fix: turbo generators + tsconfig

Author: mlacosta

apps/storybook/package.json

@@ -18,7 +18,7 @@
     "@fontsource/roboto": "^5.1.0",
     "@repo/ui": "*",
     "@storybook/addon-themes": "^8.4.7",
-    "next": "^15.2.4",
+    "next": "^15.5.4",
     "react": "^19.0.0",
     "react-dom": "^19.0.0"
   },

apps/web/package.json

@@ -8,17 +8,19 @@
     "build": "next build",
     "start": "next start",
     "lint": "next lint --max-warnings 0",
+    "lint:fix": "next lint --fix",
     "check-types": "tsc --noEmit"
   },
   "dependencies": {
     "@emotion/cache": "^11.14.0",
     "@emotion/react": "^11.14.0",
+    "@mui/material": "^6.3.0",
     "@mui/material-nextjs": "^6.3.0",
     "@repo/ui": "*",
-    "next": "^15.2.4",
+    "next": "^15.5.4",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
-    "@mui/material": "^6.3.0"
+    "rxjs": "^7.8.1"
   },
   "devDependencies": {
     "@repo/eslint-config": "*",

apps/web/tsconfig.json

@@ -5,7 +5,12 @@
       {
         "name": "next"
       }
-    ]
+    ],
+    "paths": {
+      "@/*": [
+        "./src/*"
+      ]
+    }
   },
   "include": [
     "**/*.ts",
@@ -16,10 +21,5 @@
   ],
   "exclude": [
     "node_modules"
-  ],
-  "paths": {
-    "@/*": [
-      "./src/*"
-    ]
-  }
+  ]
 }

apps/web/turbo.json

@@ -0,0 +1,11 @@
+{
+  "extends": ["//"],
+  "$schema": "https://turbo.build/schema.json",
+  "tasks": {
+    "dev": {
+      "dependsOn": ["@repo/ui#build"],
+      "cache": false,
+      "persistent": true
+    }
+  }
+}

packages/ui/package.json

@@ -24,7 +24,7 @@
     "@repo/typescript-config": "*",
     "@swc/core": "^1.10.2",
     "@swc/jest": "^0.2.37",
-    "@turbo/gen": "^2.4.4",
+    "@turbo/gen": "^2.5.8",
     "@types/node": "^20.11.24",
     "@types/react": "18.3.1",
     "@types/react-dom": "19.0.1",

packages/ui/tsup.config.ts

@@ -1,4 +1,5 @@
-import { defineConfig, Options } from "tsup";
+import { defineConfig } from "tsup";
+import type { Options } from "tsup";
 
 export default defineConfig((options: Options) => ({
   banner: {

packages/ui/turbo/generators/config.ts renamed to packages/ui/turbo/generators/config.cjs

@@ -1,11 +1,8 @@
-import type { PlopTypes } from "@turbo/gen";
-
 // Learn more about Turborepo Generators at https://turbo.build/repo/docs/core-concepts/monorepos/code-generation
 
-export default function generator(plop: PlopTypes.NodePlopAPI): void {
-  // A simple generator to add a new React component to the internal UI library
+module.exports = function generator(plop) {
   plop.setGenerator("ReactComponent", {
-    description: "Adds a new React component",
+    description: "Adds a new React component with Storybook stories",
     prompts: [
       {
         type: "input",
@@ -16,15 +13,20 @@ export default function generator(plop: PlopTypes.NodePlopAPI): void {
     actions: [
       {
         type: "add",
-        path: "src/{{pascalCase name}}/index.ts",
+        path: "src/{{pascalCase name}}/index.tsx",
         templateFile: "templates/component.hbs",
       },
+      {
+        type: "add",
+        path: "src/{{pascalCase name}}/index.stories.tsx",
+        templateFile: "templates/stories.hbs",
+      },
       {
         type: "append",
-        path: "src/index.tsx",
+        path: "src/index.ts",
         pattern: /(?<insertion>.*)/g,
         template: 'export * from "./{{pascalCase name}}";',
       },
     ],
   });
-}
+};

packages/ui/turbo/generators/templates/component.hbs

@@ -1,8 +1,7 @@
-export const {{ pascalCase name }} = ({ children }: { children: React.ReactNode }) => {
-  return (
-    <div>
-      <h1>{{ pascalCase name }} Component</h1>
-      {children}
-    </div>
-  );
-};
+import { Box } from "@mui/material"
+
+export const {{ pascalCase name }} = () => {
+    return <Box>
+        Hello World!
+    </Box>
+}

packages/ui/turbo/generators/templates/stories.hbs

@@ -0,0 +1,17 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { {{ pascalCase name }} } from "@repo/ui";
+
+const meta: Meta<typeof {{ pascalCase name }}> = {
+    component: {{ pascalCase name }},
+};
+
+export default meta;
+
+type Story = StoryObj<typeof meta>;
+
+export const Primary: Story = {
+    args: {
+        appName: '{{ pascalCase name }}',
+        children: 'I am a primary {{ pascalCase name }}.',
+    },
+};