init authjs

Author: adb-sh

package-lock.json

@@ -12,10 +12,12 @@
     "@types/node": "^20.10.1"
   },
   "dependencies": {
+    "@auth/core": "^0.35.0",
     "@deploy-cat/heroicons-solid": "^2.1.1",
     "@kubernetes/client-node": "^0.18.1",
     "@prisma/client": "^5.19.1",
-    "@solidjs/router": "^0.14.1",
+    "@solid-mediakit/auth": "^2.1.3",
+    "@solidjs/router": "^0.13.1",
     "@solidjs/start": "^1.0.6",
     "@supabase/supabase-js": "^2.39.3",
     "autoprefixer": "^10.4.14",
@@ -33,7 +35,7 @@
     "solid-monaco": "^0.2.0",
     "solid-supabase": "^0.5.0",
     "tailwindcss": "^3.3.3",
-    "vinxi": "^0.4.1",
+    "vinxi": "^0.3.10",
     "zod": "^3.23.8"
   },
   "engines": {

package.json

@@ -2,14 +2,17 @@
 import { Router } from "@solidjs/router";
 import { FileRoutes } from "@solidjs/start/router";
 import { Suspense } from "solid-js";
+import { SessionProvider } from "@solid-mediakit/auth/client";
 import "./app.css";
 
 export default function App() {
   return (
     <Router
       root={(props) => (
         <>
-          <Suspense>{props.children}</Suspense>
+          <Suspense>
+            <SessionProvider>{props.children}</SessionProvider>
+          </Suspense>
         </>
       )}
     >

src/app.tsx

@@ -2,8 +2,10 @@ import { useNavigate, useSubmission } from "@solidjs/router";
 import { createSignal, Show } from "solid-js";
 import { login, register } from "~/lib";
 import { ExclamationCircleIcon } from "@deploy-cat/heroicons-solid/24/solid/esm";
+import { signIn, createSession } from "@solid-mediakit/auth/client";
 
 export const LoginForm = () => {
+  const session = createSession();
   const loginStatus = useSubmission(login);
   const registerStatus = useSubmission(register);
 
@@ -173,7 +175,10 @@ export const LoginForm = () => {
         </form>
       </Show>
       <div class="divider">OR</div>
-      <button class="btn btn-secondary w-full" onClick={() => signIn()}>
+      <button
+        class="btn btn-secondary w-full"
+        onClick={() => signIn("github", { redirectTo: "/cloud" })}
+      >
         Sign in with GitHub
       </button>
     </div>

src/components/LoginForm.tsx

@@ -0,0 +1,4 @@
+import { SolidAuth, type SolidAuthConfig } from "@solid-mediakit/auth";
+import { authOptions } from "~/server/auth";
+
+export const { GET, POST } = SolidAuth(authOptions);