Examples polish. (#8511)

### Description Updating for 2.0 changes. - Handling `.env` files more gracefully - Removing root internal dependencies - Using `tsc` in a few more places ### Testing Instructions CI (or you can go hand test them all if you want) 😄
vercel · Jun 20, 2024 · 7044e5b · 7044e5b
1 parent 1aa5f78
commit 7044e5b
Show file tree

Hide file tree

Showing 71 changed files with 6,766 additions and 5,173 deletions.
diff --git a/examples/basic/turbo.json b/examples/basic/turbo.json
@@ -3,7 +3,7 @@
  "tasks": {
  "build": {
  "dependsOn": ["^build"],
- "inputs": ["$TURBO_DEFAULT$", ".env", ".env.*"],
+ "inputs": ["$TURBO_DEFAULT$", ".env*"],
  "outputs": [".next/**", "!.next/cache/**"]
  },
  "lint": {

diff --git a/examples/design-system/turbo.json b/examples/design-system/turbo.json
@@ -2,18 +2,12 @@
  "$schema": "https://turbo.build/schema.json",
  "tasks": {
  "build": {
- "outputs": [
- "dist/**",
- "storybook-static/**"
- ],
- "dependsOn": [
- "^build"
- ]
+ "inputs": ["$TURBO_DEFAULT$", ".env*"],
+ "outputs": ["dist/**", "storybook-static/**"],
+ "dependsOn": ["^build"]
  },
  "lint": {
- "dependsOn": [
- "^lint"
- ]
+ "dependsOn": ["^lint"]
  },
  "dev": {
  "cache": false,

diff --git a/examples/kitchen-sink/apps/admin/package.json b/examples/kitchen-sink/apps/admin/package.json
@@ -10,16 +10,16 @@
  "lint": "eslint src/"
  },
  "dependencies": {
+ "@repo/ui": "workspace:*",
  "react": "^18.2.0",
- "react-dom": "^18.2.0",
- "@repo/ui": "workspace:*"
+ "react-dom": "^18.2.0"
  },
  "devDependencies": {
+ "@repo/eslint-config": "workspace:*",
+ "@repo/typescript-config": "workspace:*",
  "@types/react": "^18.2.62",
  "@types/react-dom": "^18.2.19",
  "@vitejs/plugin-react": "^4.2.1",
- "@repo/eslint-config": "workspace:*",
- "@repo/typescript-config": "workspace:*",
  "typescript": "^5.3.3",
  "vite": "^5.1.4"
  }

diff --git a/examples/kitchen-sink/apps/admin/src/app/index.tsx b/examples/kitchen-sink/apps/admin/src/app/index.tsx
@@ -1,6 +1,7 @@
 import React from "react";
 import "./styles.css";
-import { CounterButton, Link } from "@repo/ui";
+import { Link } from "@repo/ui/link";
+import { CounterButton } from "@repo/ui/counter-button";
 
 function App(): JSX.Element {
  return (

diff --git a/examples/kitchen-sink/apps/blog/app/routes/_index.tsx b/examples/kitchen-sink/apps/blog/app/routes/_index.tsx
@@ -1,4 +1,5 @@
-import { CounterButton, Link } from "@repo/ui";
+import { Link } from "@repo/ui/link";
+import { CounterButton } from "@repo/ui/counter-button";
 
 export default function Index(): JSX.Element {
  return (

diff --git a/examples/kitchen-sink/apps/blog/package.json b/examples/kitchen-sink/apps/blog/package.json
@@ -14,18 +14,18 @@
  "@remix-run/react": "^2.8.0",
  "@remix-run/serve": "^2.8.0",
  "@remix-run/server-runtime": "^2.8.0",
+ "@repo/ui": "workspace:*",
  "@vercel/analytics": "^1.2.2",
  "@vercel/remix-entry-server": "^0.1.1",
  "react": "^18.2.0",
- "react-dom": "^18.2.0",
- "@repo/ui": "workspace:*"
+ "react-dom": "^18.2.0"
  },
  "devDependencies": {
  "@remix-run/dev": "^2.8.0",
- "@types/react": "^18.2.62",
- "@types/react-dom": "^18.2.19",
  "@repo/eslint-config": "workspace:*",
  "@repo/typescript-config": "workspace:*",
+ "@types/react": "^18.2.62",
+ "@types/react-dom": "^18.2.19",
  "typescript": "^5.3.3"
  },
  "engines": {

diff --git a/examples/kitchen-sink/apps/storefront/package.json b/examples/kitchen-sink/apps/storefront/package.json
@@ -12,18 +12,18 @@
  },
  "dependencies": {
  "@repo/logger": "workspace:*",
- "next": "^14.1.1",
+ "@repo/ui": "workspace:*",
+ "next": "^14.2.4",
  "react": "^18.2.0",
- "react-dom": "^18.2.0",
- "@repo/ui": "workspace:*"
+ "react-dom": "^18.2.0"
  },
  "devDependencies": {
  "@next/eslint-plugin-next": "^14.1.1",
+ "@repo/eslint-config": "workspace:*",
+ "@repo/typescript-config": "workspace:*",
  "@types/node": "^20.11.24",
  "@types/react": "^18.2.62",
  "@types/react-dom": "^18.2.19",
- "@repo/eslint-config": "workspace:*",
- "@repo/typescript-config": "workspace:*",
  "typescript": "^5.3.3"
  }
 }
diff --git a/examples/kitchen-sink/apps/storefront/src/app/page.tsx b/examples/kitchen-sink/apps/storefront/src/app/page.tsx
@@ -1,5 +1,6 @@
 import { log } from "@repo/logger";
-import { CounterButton, Link } from "@repo/ui";
+import { Link } from "@repo/ui/link";
+import { CounterButton } from "@repo/ui/counter-button";
 
 export const metadata = {
  title: "Store | Kitchen Sink",

diff --git a/examples/kitchen-sink/packages/config-eslint/package.json b/examples/kitchen-sink/packages/config-eslint/package.json
@@ -9,5 +9,8 @@
  "eslint-plugin-mdx": "^3.1.5",
  "eslint-plugin-only-warn": "^1.1.0",
  "eslint-plugin-storybook": "^0.8.0"
+ },
+ "dependencies": {
+ "next": "^14.2.4"
  }
 }
diff --git a/examples/kitchen-sink/packages/config-typescript/base.json b/examples/kitchen-sink/packages/config-typescript/base.json
@@ -7,7 +7,6 @@
  "declarationMap": true,
  "esModuleInterop": true,
  "forceConsistentCasingInFileNames": true,
- "allowImportingTsExtensions": true,
  "inlineSources": false,
  "isolatedModules": true,
  "module": "ESNext",
@@ -17,7 +16,6 @@
  "preserveWatchOutput": true,
  "skipLibCheck": true,
  "strict": true,
- "noEmit": true,
  "strictNullChecks": true
  },
  "exclude": ["node_modules"]

diff --git a/examples/kitchen-sink/packages/config-typescript/package.json b/examples/kitchen-sink/packages/config-typescript/package.json
@@ -5,5 +5,8 @@
  "license": "MIT",
  "publishConfig": {
  "access": "public"
+ },
+ "dependencies": {
+ "next": "^14.2.4"
  }
 }
diff --git a/examples/kitchen-sink/packages/config-typescript/react-library.json b/examples/kitchen-sink/packages/config-typescript/react-library.json
@@ -6,7 +6,6 @@
  "lib": ["ES2015"],
  "module": "ESNext",
  "target": "ES6",
- "jsx": "react-jsx",
- "noEmit": true
+ "jsx": "react-jsx"
  }
 }
diff --git a/examples/kitchen-sink/packages/jest-presets/package.json b/examples/kitchen-sink/packages/jest-presets/package.json
@@ -8,6 +8,7 @@
  "node/jest-preset.js"
  ],
  "dependencies": {
+ "next": "^14.2.4",
  "ts-jest": "^29.1.2"
  },
  "devDependencies": {

diff --git a/examples/kitchen-sink/packages/logger/package.json b/examples/kitchen-sink/packages/logger/package.json
@@ -26,5 +26,8 @@
  "jest": "^29.7.0",
  "tsup": "^8.0.2",
  "typescript": "^5.3.3"
+ },
+ "dependencies": {
+ "next": "^14.2.4"
  }
 }
diff --git a/examples/kitchen-sink/packages/ui/package.json b/examples/kitchen-sink/packages/ui/package.json
@@ -4,16 +4,23 @@
  "private": true,
  "license": "MIT",
  "sideEffects": false,
- "main": "./dist/index.js",
- "module": "./dist/index.mjs",
- "types": "./dist/index.d.ts",
  "files": [
  "dist/**"
  ],
+ "exports": {
+ "./link": {
+ "types": "./src/link.index.tsx",
+ "default": "./dist/link/index.js"
+ },
+ "./counter-button": {
+ "types": "./src/counter-button.index.tsx",
+ "default": "./dist/counter-button/index.js"
+ }
+ },
  "scripts": {
- "build": "tsup",
+ "build": "tsc",
  "clean": "rm -rf dist",
- "dev": "tsup --watch",
+ "dev": "tsc --watch",
  "typecheck": "tsc --noEmit",
  "lint": "eslint src/",
  "test": "jest"
@@ -30,11 +37,13 @@
  "@types/react": "^18.2.62",
  "@types/react-dom": "^18.2.19",
  "jest": "^29.7.0",
- "tsup": "^8.0.2",
  "typescript": "^5.3.3"
  },
  "dependencies": {
+ "next": "^14.2.4",
  "react": "^18.2.0",
- "react-dom": "^18.2.0"
+ "react-dom": "^18.2.0",
+ "tsup": "^8.0.2",
+ "typescript": "^5.3.3"
  }
 }
diff --git a/...kages/ui/src/CounterButton/index.test.tsx → ...ages/ui/src/counter-button/index.test.tsx b/...kages/ui/src/CounterButton/index.test.tsx → ...ages/ui/src/counter-button/index.test.tsx
diff --git a/...k/packages/ui/src/CounterButton/index.tsx → .../packages/ui/src/counter-button/index.tsx b/...k/packages/ui/src/CounterButton/index.tsx → .../packages/ui/src/counter-button/index.tsx
@@ -1,3 +1,5 @@
+"use client";
+
 import { useState } from "react";
 
 export function CounterButton(): JSX.Element {

diff --git a/examples/kitchen-sink/packages/ui/src/index.tsx b/examples/kitchen-sink/packages/ui/src/index.tsx
diff --git a/...-sink/packages/ui/src/Link/index.test.tsx → ...-sink/packages/ui/src/link/index.test.tsx b/...-sink/packages/ui/src/Link/index.test.tsx → ...-sink/packages/ui/src/link/index.test.tsx
diff --git a/...tchen-sink/packages/ui/src/Link/index.tsx → ...tchen-sink/packages/ui/src/link/index.tsx b/...tchen-sink/packages/ui/src/Link/index.tsx → ...tchen-sink/packages/ui/src/link/index.tsx
diff --git a/examples/kitchen-sink/packages/ui/tsconfig.json b/examples/kitchen-sink/packages/ui/tsconfig.json
@@ -1,9 +1,11 @@
 {
  "extends": "@repo/typescript-config/react-library.json",
  "compilerOptions": {
+ "rootDir": "src",
+ "outDir": "dist",
  "lib": ["dom", "ES2015"],
  "types": ["jest", "node"]
  },
- "include": ["."],
+ "include": ["src"],
  "exclude": ["dist", "build", "node_modules"]
 }
diff --git a/examples/kitchen-sink/packages/ui/tsup.config.ts b/examples/kitchen-sink/packages/ui/tsup.config.ts