Update auth dependencies (#181)

* Fix to prisma readme

* Update encore.dev dependency

* Fixes to clerk example

Author: simon-johansson

ts/auth0-react-sdk/package.json

@@ -15,7 +15,7 @@
   },
   "dependencies": {
     "auth0": "^4.13.0",
-    "encore.dev": "^1.43.11",
+    "encore.dev": "^1.44.5",
     "jsonwebtoken": "^9.0.2",
     "@types/react": "^18.3.12",
     "@types/react-dom": "^18.3.1",

ts/clerk/README.md

@@ -119,7 +119,7 @@ The frontend can be deployed to Vercel. Follow these steps:
 3. Select `frontend` as the root directory for the Vercel project.
 
 Once you have your frontend deployed:
-* Update the *Allowed Callback URLs*, *Allowed Logout URLs* & *Allowed Web Origins* settings in your application on Auth0 with the deployed Vercel URL. 
+* Update the `AUTHORIZED_PARTIES` array in `auth/config.ts` to include the deployed Vercel URL. 
 * Set the `allow_origins_with_credentials` in the `encore.app` (see below) file to the deployed Vercel URL.
 
 

ts/clerk/frontend/package.json

@@ -17,7 +17,7 @@
     "vite": "^4.4.5"
   },
   "dependencies": {
-    "@clerk/clerk-react": "^4.30.5",
+    "@clerk/clerk-react": "^5.17.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-router-dom": "^6.16.0"

ts/clerk/frontend/src/App.tsx

@@ -83,10 +83,8 @@ export default function App() {
 }
 
 function Layout({ children }: PropsWithChildren) {
-  const navigate = useNavigate();
-
   return (
-    <ClerkProvider navigate={navigate} publishableKey={PUBLISHABLE_KEY}>
+    <ClerkProvider publishableKey={PUBLISHABLE_KEY}>
       <div>
         <header>
           <nav className="nav">

ts/clerk/frontend/src/lib/getRequestClient.ts

@@ -1,13 +1,11 @@
-import Client, { Local } from "./client.ts";
+import Client, { Environment, Local } from "./client.ts";
 
 /**
  * Returns the generated Encore request client for either the local or staging environment.
  * If we are running the frontend locally we assume that our Encore backend is also running locally.
  */
 const getRequestClient = (token: string | undefined) => {
-  const isLocal =
-    location.hostname === "localhost" || location.hostname === "127.0.0.1";
-  const env = isLocal ? Local : window.location.origin;
+  const env = import.meta.env.DEV ? Local : Environment("staging");
 
   return new Client(env, {
     auth: { authorization: token || "" },

ts/clerk/package.json

@@ -15,8 +15,8 @@
   },
   "dependencies": {
     "@clerk/backend": "^0.38.3",
-    "encore.dev": "^1.41.1",
-    "@clerk/clerk-react": "^4.30.5",
+    "encore.dev": "^1.44.5",
+    "@clerk/clerk-react": "^5.17.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-router-dom": "^6.16.0"

ts/prisma/README.md

@@ -7,7 +7,7 @@ This is a RESTful API Starter with [Prisma](https://prisma.io) as ORM to handle
 When you have [installed Encore](https://encore.dev/docs/ts/install), you can create a new Encore application and clone this example with this command.
 
 ```bash
-encore app create my-app-name --example=ts/prisma
+encore app create --example=ts/prisma
 ```
 
 ## Running locally