Update with-rollup with App Router. (#4848)

vercel · May 5, 2023 · 80d31c6 · 80d31c6
1 parent 93ddc53
commit 80d31c6
Show file tree

Hide file tree

Showing 11 changed files with 377 additions and 171 deletions.
diff --git a/examples/with-rollup/apps/web/app/layout.tsx b/examples/with-rollup/apps/web/app/layout.tsx
@@ -0,0 +1,11 @@
+export default function RootLayout({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+  return (
+    <html lang="en">
+      <body>{children}</body>
+    </html>
+  );
+}
diff --git a/examples/with-rollup/apps/web/app/page.tsx b/examples/with-rollup/apps/web/app/page.tsx
@@ -0,0 +1,10 @@
+import { Button, Header } from "ui";
+
+export default function Page() {
+  return (
+    <>
+      <Header text="Web" />
+      <Button />
+    </>
+  );
+}
diff --git a/examples/with-rollup/apps/web/package.json b/examples/with-rollup/apps/web/package.json
@@ -9,15 +9,15 @@
     "lint": "next lint"
   },
   "dependencies": {
-    "next": "latest",
+    "next": "^13.4.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "ui": "workspace:*"
   },
   "devDependencies": {
     "@types/node": "^17.0.12",
-    "@types/react": "^18.0.34",
-    "@types/react-dom": "^18.0.11",
+    "@types/react": "^18.2.5",
+    "@types/react-dom": "^18.2.4",
     "eslint-config-custom": "workspace:*",
     "next-transpile-modules": "^9.0.0",
     "tsconfig": "workspace:*",

diff --git a/examples/with-rollup/apps/web/pages/index.tsx b/examples/with-rollup/apps/web/pages/index.tsx
diff --git a/examples/with-rollup/apps/web/tsconfig.json b/examples/with-rollup/apps/web/tsconfig.json
@@ -1,5 +1,8 @@
 {
   "extends": "tsconfig/nextjs.json",
-  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx"],
+  "compilerOptions": {
+    "plugins": [{ "name": "next" }]
+  },
+  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
   "exclude": ["node_modules"]
 }
diff --git a/examples/with-rollup/packages/eslint-config-custom/package.json b/examples/with-rollup/packages/eslint-config-custom/package.json
@@ -4,10 +4,11 @@
   "main": "index.js",
   "license": "MIT",
   "dependencies": {
+    "eslint": "^8.40.0",
     "eslint-config-next": "^12.0.8",
     "eslint-config-prettier": "^8.3.0",
     "eslint-plugin-react": "7.28.0",
-    "eslint-config-turbo": "latest"
+    "eslint-config-turbo": "^1.9.3"
   },
   "publishConfig": {
     "access": "public"

diff --git a/examples/with-rollup/packages/tsconfig/nextjs.json b/examples/with-rollup/packages/tsconfig/nextjs.json
@@ -3,6 +3,7 @@
   "display": "Next.js",
   "extends": "./base.json",
   "compilerOptions": {
+    "plugins": [{ "name": "next" }],
     "allowJs": true,
     "declaration": false,
     "declarationMap": false,

diff --git a/examples/with-rollup/packages/ui/Header.tsx b/examples/with-rollup/packages/ui/Header.tsx
@@ -0,0 +1,5 @@
+import * as React from "react";
+
+export const Header = ({ text }: { text: string }) => {
+  return <h1>{text}</h1>;
+};
diff --git a/examples/with-rollup/packages/ui/index.tsx b/examples/with-rollup/packages/ui/index.tsx
@@ -1,2 +1,3 @@
 import * as React from "react";
 export * from "./Button";
+export * from "./Header";
diff --git a/examples/with-rollup/packages/ui/package.json b/examples/with-rollup/packages/ui/package.json
@@ -11,8 +11,8 @@
   },
   "devDependencies": {
     "@rollup/plugin-typescript": "^8.5.0",
-    "@types/react": "^18.0.34",
-    "@types/react-dom": "^18.2.0",
+    "@types/react": "^18.2.5",
+    "@types/react-dom": "^18.2.4",
     "eslint": "^7.32.0",
     "eslint-config-custom": "workspace:*",
     "react": "^18.2.0",