12 files changed, 147 insertions, 0 deletions

diff --git a/examples/with-create-react-app/packages/eslint-config-custom/index.js b/examples/with-create-react-app/packages/eslint-config-custom/index.js
new file mode 100644
index 0000000..74c5b1e
--- /dev/null
+++ b/examples/with-create-react-app/packages/eslint-config-custom/index.js
@@ -0,0 +1,16 @@
+module.exports = {
+  extends: [
+    "eslint:recommended",
+    "plugin:@typescript-eslint/recommended",
+    "plugin:react/recommended",
+    "turbo",
+    "prettier",
+  ],
+  plugins: ["@typescript-eslint"],
+  parser: "@typescript-eslint/parser",
+  settings: {
+    react: {
+      version: "detect",
+    },
+  },
+};
diff --git a/examples/with-create-react-app/packages/eslint-config-custom/package.json b/examples/with-create-react-app/packages/eslint-config-custom/package.json
new file mode 100644
index 0000000..8eb5702
--- /dev/null
+++ b/examples/with-create-react-app/packages/eslint-config-custom/package.json
@@ -0,0 +1,16 @@
+{
+  "name": "eslint-config-custom",
+  "version": "0.0.0",
+  "license": "MIT",
+  "main": "index.js",
+  "dependencies": {
+    "@typescript-eslint/eslint-plugin": "^5.30.5",
+    "@typescript-eslint/parser": "^5.30.5",
+    "eslint-config-prettier": "^8.3.0",
+    "eslint-plugin-react": "^7.30.1",
+    "eslint-config-turbo": "latest"
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}
diff --git a/examples/with-create-react-app/packages/tsconfig/README.md b/examples/with-create-react-app/packages/tsconfig/README.md
new file mode 100644
index 0000000..6ef3b81
--- /dev/null
+++ b/examples/with-create-react-app/packages/tsconfig/README.md
@@ -0,0 +1,3 @@
+# `tsconfig`
+
+This is the Turborepo shared `tsconfig.json` from which all others `tsconfig.json`s inherit from. Making changes to this may have unintended consequences.
diff --git a/examples/with-create-react-app/packages/tsconfig/base.json b/examples/with-create-react-app/packages/tsconfig/base.json
new file mode 100644
index 0000000..d72a9f3
--- /dev/null
+++ b/examples/with-create-react-app/packages/tsconfig/base.json
@@ -0,0 +1,20 @@
+{
+  "$schema": "https://json.schemastore.org/tsconfig",
+  "display": "Default",
+  "compilerOptions": {
+    "composite": false,
+    "declaration": true,
+    "declarationMap": true,
+    "esModuleInterop": true,
+    "forceConsistentCasingInFileNames": true,
+    "inlineSources": false,
+    "isolatedModules": true,
+    "moduleResolution": "node",
+    "noUnusedLocals": false,
+    "noUnusedParameters": false,
+    "preserveWatchOutput": true,
+    "skipLibCheck": true,
+    "strict": true
+  },
+  "exclude": ["node_modules"]
+}
diff --git a/examples/with-create-react-app/packages/tsconfig/package.json b/examples/with-create-react-app/packages/tsconfig/package.json
new file mode 100644
index 0000000..6efb83e
--- /dev/null
+++ b/examples/with-create-react-app/packages/tsconfig/package.json
@@ -0,0 +1,9 @@
+{
+  "name": "tsconfig",
+  "version": "0.0.0",
+  "private": true,
+  "license": "MIT",
+  "publishConfig": {
+    "access": "public"
+  }
+}
diff --git a/examples/with-create-react-app/packages/tsconfig/react-app.json b/examples/with-create-react-app/packages/tsconfig/react-app.json
new file mode 100644
index 0000000..6af1347
--- /dev/null
+++ b/examples/with-create-react-app/packages/tsconfig/react-app.json
@@ -0,0 +1,17 @@
+{
+  "$schema": "https://json.schemastore.org/tsconfig",
+  "display": "Next.js",
+  "extends": "./base.json",
+  "compilerOptions": {
+    "allowJs": true,
+    "declaration": false,
+    "declarationMap": false,
+    "incremental": true,
+    "jsx": "preserve",
+    "lib": ["dom", "dom.iterable", "esnext"],
+    "module": "esnext",
+    "noEmit": true,
+    "resolveJsonModule": true,
+    "target": "es5"
+  }
+}
diff --git a/examples/with-create-react-app/packages/tsconfig/react-library.json b/examples/with-create-react-app/packages/tsconfig/react-library.json
new file mode 100644
index 0000000..af8711c
--- /dev/null
+++ b/examples/with-create-react-app/packages/tsconfig/react-library.json
@@ -0,0 +1,11 @@
+{
+  "$schema": "https://json.schemastore.org/tsconfig",
+  "display": "React Library",
+  "extends": "./base.json",
+  "compilerOptions": {
+    "jsx": "react-jsx",
+    "lib": ["ES2015"],
+    "module": "ESNext",
+    "target": "es6"
+  }
+}
diff --git a/examples/with-create-react-app/packages/ui/.eslintrc.js b/examples/with-create-react-app/packages/ui/.eslintrc.js
new file mode 100644
index 0000000..3f6c1e9
--- /dev/null
+++ b/examples/with-create-react-app/packages/ui/.eslintrc.js
@@ -0,0 +1 @@
+module.exports = require("../eslint-config-custom");
diff --git a/examples/with-create-react-app/packages/ui/package.json b/examples/with-create-react-app/packages/ui/package.json
new file mode 100644
index 0000000..e9aedab
--- /dev/null
+++ b/examples/with-create-react-app/packages/ui/package.json
@@ -0,0 +1,25 @@
+{
+  "name": "ui",
+  "version": "0.0.0",
+  "private": true,
+  "license": "MIT",
+  "sideEffects": false,
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "scripts": {
+    "build": "tsup src/index.tsx --format cjs --dts --external react",
+    "clean": "rm -rf dist",
+    "dev": "tsup src/index.tsx --format cjs --watch --dts --external react",
+    "lint": "eslint \"src/**/*.ts*\""
+  },
+  "devDependencies": {
+    "@types/react": "^17.0.13",
+    "@types/react-dom": "^17.0.8",
+    "eslint": "^8.4.1",
+    "eslint-config-custom": "workspace:*",
+    "react": "^17.0.2",
+    "tsconfig": "workspace:*",
+    "tsup": "^5.10.1",
+    "typescript": "^4.5.3"
+  }
+}
diff --git a/examples/with-create-react-app/packages/ui/src/Link.tsx b/examples/with-create-react-app/packages/ui/src/Link.tsx
new file mode 100644
index 0000000..416bac8
--- /dev/null
+++ b/examples/with-create-react-app/packages/ui/src/Link.tsx
@@ -0,0 +1,20 @@
+import * as React from "react";
+
+interface LinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
+  children: React.ReactNode;
+  href: string;
+}
+
+export const Link = (props: LinkProps) => {
+  const { children, href, ...rest } = props;
+
+  if (rest.target === "_blank") {
+    rest.rel = "noopener noreferrer";
+  }
+
+  return (
+    <a href={href} {...rest}>
+      {children}
+    </a>
+  );
+};
diff --git a/examples/with-create-react-app/packages/ui/src/index.tsx b/examples/with-create-react-app/packages/ui/src/index.tsx
new file mode 100644
index 0000000..c7aa624
--- /dev/null
+++ b/examples/with-create-react-app/packages/ui/src/index.tsx
@@ -0,0 +1,4 @@
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+import * as React from "react";
+
+export * from "./Link";
diff --git a/examples/with-create-react-app/packages/ui/tsconfig.json b/examples/with-create-react-app/packages/ui/tsconfig.json
new file mode 100644
index 0000000..ad010d9
--- /dev/null
+++ b/examples/with-create-react-app/packages/ui/tsconfig.json
@@ -0,0 +1,5 @@
+{
+  "extends": "tsconfig/react-library.json",
+  "include": ["."],
+  "exclude": ["dist", "node_modules"]
+}