fix: Move from tsc to swc to be compatible with turbopack (#18)

Author: CrawlerCode

.gitignore

@@ -1,5 +1,6 @@
 # Dependency directories
-node_modules/
+node_modules
+.yalc
 
 # dotenv environment variables file
 .env

package.json

@@ -13,6 +13,8 @@
     "@nx/next": "20.7.1",
     "@nx/react": "20.7.1",
     "@payloadcms/eslint-config": "3.28.0",
+    "@swc/cli": "^0.6.0",
+    "@swc/core": "^1.11.16",
     "eslint": "^9.24.0",
     "nx": "20.7.1",
     "prettier": "^3.5.3",

packages/payload-authjs/.swcrc

@@ -0,0 +1,18 @@
+{
+  "$schema": "https://swc.rs/schema.json",
+  "jsc": {
+    "target": "esnext",
+    "parser": {
+      "syntax": "typescript"
+    },
+    "transform": {
+      "react": {
+        "runtime": "automatic"
+      }
+    }
+  },
+  "module": {
+    "type": "es6"
+  },
+  "sourceMaps": true
+}

packages/payload-authjs/package.json

@@ -46,20 +46,19 @@
     "next-auth"
   ],
   "scripts": {},
+  "dependencies": {
+    "@payloadcms/ui": "^3.1.1"
+  },
   "devDependencies": {
-    "@payloadcms/next": "3.33.0",
     "@payloadcms/ui": "3.33.0",
     "@types/react": "19.1.0",
     "next": "15.2.4",
     "next-auth": "5.0.0-beta.25",
     "payload": "3.33.0",
     "react": "19.1.0",
-    "react-dom": "19.1.0",
     "typescript": "^5.8.3"
   },
   "peerDependencies": {
-    "@payloadcms/next": "^3.1.1",
-    "@payloadcms/ui": "^3.1.1",
     "next": "^15.0.0",
     "next-auth": "^5.0.0-beta.25",
     "payload": "^3.1.1"

packages/payload-authjs/project.json

@@ -1,20 +1,26 @@
-{
-  "$schema": "../../node_modules/nx/schemas/project-schema.json",
-  "sourceRoot": "packages/payload-authjs/src",
-  "projectType": "library",
-  "targets": {
-    "build": {
-      "executor": "@nx/js:tsc",
-      "inputs": ["default", "^default"],
-      "options": {
-        "main": "packages/payload-authjs/src/index.ts",
-        "tsConfig": "packages/payload-authjs/tsconfig.lib.json",
-        "outputPath": "packages/payload-authjs/dist",
-        "rootDir": "packages/payload-authjs/src",
-        "generatePackageJson": false
-      },
-      "cache": true,
-      "dependsOn": ["^build"]
-    }
-  }
-}
+{
+  "$schema": "../../node_modules/nx/schemas/project-schema.json",
+  "sourceRoot": "packages/payload-authjs/src",
+  "projectType": "library",
+  "targets": {
+    "build": {
+      "executor": "@nx/js:swc",
+      "options": {
+        "main": "packages/payload-authjs/src/index.ts",
+        "tsConfig": "packages/payload-authjs/tsconfig.lib.json",
+        "outputPath": "packages/payload-authjs/dist",
+        "rootDir": "packages/payload-authjs/src",
+        "stripLeadingPaths": true
+      },
+      "cache": true
+    },
+    "yalc:publish": {
+      "executor": "nx:run-commands",
+      "options": {
+        "cwd": "packages/payload-authjs",
+        "command": "pnpx yalc publish"
+      },
+      "dependsOn": ["build"]
+    }
+  }
+}

packages/payload-authjs/src/components/AccountRowLabel.tsx

@@ -1,10 +1,9 @@
 "use client";
 
 import { useRowLabel } from "@payloadcms/ui";
-import type { FC } from "react";
 import type { Account } from "../authjs/types";
 
-export const AccountRowLabel: FC = () => {
+export const AccountRowLabel = () => {
   const { data: account } = useRowLabel<Account>();
 
   return (

packages/payload-authjs/src/components/SignInWithAuthjsButton.tsx

@@ -22,15 +22,15 @@ export type SignInWithAuthjsButtonProps = {
 /**
  * A button that redirects the user to the Auth.js sign in page
  */
-export const SignInWithAuthjsButton: React.FC<SignInWithAuthjsButtonProps> = ({
+export const SignInWithAuthjsButton = ({
   authjsBasePath,
   icon = <img src="https://authjs.dev/img/logo-sm.png" alt="Auth.js Logo" />,
   text = (
     <>
       Sign in with <strong>Auth.js</strong>
     </>
   ),
-}) => {
+}: SignInWithAuthjsButtonProps) => {
   return (
     <form
       style={{ display: "flex", justifyContent: "center" }}

packages/payload-authjs/src/payload/session/PayloadSessionProvider.tsx

@@ -52,9 +52,7 @@ interface Props<TSlug extends CollectionSlug> {
 /**
  * PayloadSessionProvider that provides the session to the context provider
  */
-export const PayloadSessionProvider: React.FC<Props<CollectionSlug>> = <
-  TSlug extends CollectionSlug = "users",
->({
+export const PayloadSessionProvider = <TSlug extends CollectionSlug = "users">({
   userCollectionSlug = "users" as TSlug,
   session = null,
   children,