Merge pull request #3 from perkinsjr/remove-auth-package

Remove Auth Package, Fix lint and update package names

Author: perkinsjr

README.md

@@ -1,8 +1,10 @@
 # create-t3-turbo-with-clerk
 
+[![CI](https://github.com/perkinsjr/t3-turbo-and-clerk/actions/workflows/ci.yml/badge.svg)](https://github.com/perkinsjr/t3-turbo-and-clerk/actions/workflows/ci.yml)
+
 ## About
 
-This takes the original create-t3-turbo and adds clerk allowing you to have one auth package for both Expo and Next.js. You will notice there is no longer an auth package as it is not requried.
+This takes the original create-t3-turbo and adds Clerk allowing you to have one auth package for both Expo and Next.js. You will notice there is no longer an auth package as it is not requried.
 
 It uses [Turborepo](https://turborepo.org/) and contains:
 

apps/expo/package.json

@@ -14,18 +14,18 @@
   "dependencies": {
     "@acme/api": "*",
     "@acme/tailwind-config": "*",
+    "@clerk/clerk-expo": "0.10.6",
     "@shopify/flash-list": "^1.4.0",
     "@tanstack/react-query": "^4.16.1",
     "@trpc/client": "^10.1.0",
     "@trpc/react-query": "^10.1.0",
     "@trpc/server": "^10.1.0",
-    "@clerk/clerk-expo": "0.10.6",
     "expo": "~47.0.6",
-    "expo-status-bar": "~1.4.2",
-    "nativewind": "^2.0.11",
     "expo-auth-session": "^3.7.3",
-    "expo-secure-store": "^12.0.0",
     "expo-random": "^13.0.0",
+    "expo-secure-store": "^12.0.0",
+    "expo-status-bar": "~1.4.2",
+    "nativewind": "^2.0.11",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "react-native": "0.71.0-rc.0",

apps/nextjs/next.config.mjs

@@ -11,7 +11,7 @@ const config = {
   swcMinify: true,
   experimental: {
     // Enables hot-reload and easy integration for local packages
-    transpilePackages: ["@acme/api", "@acme/auth", "@acme/db"],
+    transpilePackages: ["@acme/api", "@acme/db"],
   },
   // We already do linting on GH actions
   eslint: {

apps/nextjs/package.json

@@ -13,15 +13,14 @@
   },
   "dependencies": {
     "@acme/api": "*",
-    "@acme/auth": "*",
     "@acme/db": "*",
     "@acme/tailwind-config": "*",
+    "@clerk/nextjs": "4.6.7",
     "@tanstack/react-query": "^4.16.1",
     "@trpc/client": "^10.1.0",
     "@trpc/next": "^10.1.0",
     "@trpc/react-query": "^10.1.0",
     "@trpc/server": "^10.1.0",
-    "@clerk/nextjs": "4.6.7",
     "next": "^13.0.5",
     "react": "18.2.0",
     "react-dom": "18.2.0",

apps/nextjs/src/pages/index.tsx

@@ -3,7 +3,7 @@ import Head from "next/head";
 import { trpc } from "../utils/trpc";
 import type { inferProcedureOutput } from "@trpc/server";
 import type { AppRouter } from "@acme/api";
-import { useAuth, UserButton, useUser } from "@clerk/nextjs";
+import { useAuth, useUser } from "@clerk/nextjs";
 import Link from "next/link";
 
 const PostCard: React.FC<{
@@ -68,8 +68,22 @@ const AuthShowcase: React.FC = () => {
       {isSignedIn && (
         <p className="text-center text-2xl text-white">
           {user && <span>Logged in as {user?.fullName}</span>}
-          {secretMessage && <span> - {secretMessage}</span>}
-          <button onClick={signOut}>Sign Out</button>
+          {secretMessage && (
+            <span>
+              {" "}
+              - {secretMessage} <br />{" "}
+            </span>
+          )}
+          {
+            <>
+              <br />
+              {
+                // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+                //@ts-ignore
+                <button onClick={signOut}>Sign Out</button>
+              }
+            </>
+          }
         </p>
       )}
       {!isSignedIn && (

apps/nextjs/tsconfig.json

@@ -1,12 +1,5 @@
 {
   "extends": "../../tsconfig.json",
   "exclude": [],
-  "include": [
-    "next-env.d.ts",
-    "node_modules/@acme/auth/next-auth.d.ts",
-    "**/*.ts",
-    "**/*.tsx",
-    "**/*.cjs",
-    "**/*.mjs"
-  ]
+  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", "**/*.cjs", "**/*.mjs"]
 }

package.json

@@ -1,5 +1,5 @@
 {
-  "name": "create-t3-turbo",
+  "name": "t3-turbo-and-clerk",
   "private": true,
   "packageManager": "pnpm@7.13.0",
   "scripts": {

packages/api/package.json

@@ -10,7 +10,6 @@
     "type-check": "tsc --noEmit"
   },
   "dependencies": {
-    "@acme/auth": "*",
     "@acme/db": "*",
     "@trpc/client": "^10.1.0",
     "@trpc/server": "^10.1.0",

packages/api/src/router/auth.ts

@@ -5,7 +5,6 @@ export const authRouter = router({
     return ctx.user;
   }),
   getSecretMessage: protectedProcedure.query(() => {
-    // testing type validation of overridden next-auth Session in @acme/auth package
     return "you can see this secret message!";
   }),
 });

packages/api/tsconfig.json

@@ -1,9 +1,4 @@
 {
   "extends": "../../tsconfig.json",
-  "include": [
-    "src",
-    "index.ts",
-    "transformer.ts",
-    "node_modules/@acme/auth/next-auth.d.ts"
-  ]
+  "include": ["src", "index.ts", "transformer.ts"]
 }