Bug fix on with rollup

examples/with-rollup/.eslintrc.js

@@ -1,4 +1,7 @@
+// This configuration only applies to the package manager root.
+/** @type {import("eslint").Linter.Config} */
 module.exports = {
   root: true,
   extends: ["@repo/eslint-config/library.js"],
+  ignorePattern: ["apps/**", "packages/**"],
 };

examples/with-rollup/README.md

@@ -16,10 +16,10 @@ This Turborepo includes the following packages/apps:
 
 ### Apps and Packages
 
-- `ui`: a React component library used by the `web` application, compiled with Rollup
 - `web`: a [Next.js](https://nextjs.org) app
 - `@repo/eslint-config`: `eslint` configurations (includes `eslint-config-next` and `eslint-config-prettier`)
 - `@repo/typescript-config`: `tsconfig.json`s used throughout the monorepo
+- `@repo/ui`: a React component library used by the `web` application, compiled with Rollup
 
 Each package/app is 100% [TypeScript](https://www.typescriptlang.org/).
 

examples/with-rollup/apps/web/README.md

@@ -8,7 +8,7 @@ pnpm dev
 
 Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
 
-You can start editing the page by modifying `pages/index.js`. The page auto-updates as you edit the file.
+You can start editing the page by modifying `pages/index.tsx`. The page auto-updates as you edit the file.
 
 [API routes](https://nextjs.org/docs/api-routes/introduction) can be accessed on [http://localhost:3000/api/hello](http://localhost:3000/api/hello). This endpoint can be edited in `pages/api/hello.js`.
 

examples/with-rollup/apps/web/tsconfig.json

@@ -3,6 +3,12 @@
   "compilerOptions": {
     "plugins": [{ "name": "next" }]
   },
-  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
+  "include": [
+    "next-env.d.ts",
+    "**/*.ts",
+    "**/*.tsx",
+    ".next/types/**/*.ts",
+    "next.config.js"
+  ],
   "exclude": ["node_modules"]
 }

examples/with-rollup/package.json

@@ -13,4 +13,4 @@
     "turbo": "^1.12.2"
   },
   "packageManager": "pnpm@8.9.0"
-}
+}

examples/with-rollup/packages/config-eslint/react-internal.js

@@ -33,6 +33,7 @@ module.exports = {
   ignorePatterns: [
     // Ignore dotfiles
     ".*.js",
+    ".*.cjs",
     "node_modules/",
     "dist/",
   ],

examples/with-rollup/packages/ui/rollup.config.js

@@ -13,4 +13,8 @@ export default [
       file: "dist/header.js",
     },
   },
-].map((entry) => ({ ...entry, plugins: [typescript()] }));
+].map((entry) => ({
+  ...entry,
+  external: ["react/jsx-runtime"],
+  plugins: [typescript()],
+}));