@korajs/auth 0.5.0 → 0.6.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@korajs/auth",
-  "version": "0.5.0",
+  "version": "0.6.0",
   "description": "Offline-first authentication for Kora.js",
   "type": "module",
   "main": "./dist/index.cjs",
@@ -27,6 +27,28 @@
         "default": "./dist/react.cjs"
       }
     },
+    "./vue": {
+      "import": {
+        "types": "./dist/vue.d.ts",
+        "default": "./dist/vue.js"
+      },
+      "require": {
+        "types": "./dist/vue.d.cts",
+        "default": "./dist/vue.cjs"
+      }
+    },
+    "./svelte": {
+      "import": {
+        "types": "./dist/svelte.d.ts",
+        "default": "./dist/svelte.js"
+      },
+      "require": {
+        "types": "./dist/svelte.d.cts",
+        "default": "./dist/svelte.cjs"
+      }
+    },
+    "./svelte/AuthProvider.svelte": "./src/svelte/AuthProvider.svelte",
+    "./svelte/OrgProvider.svelte": "./src/svelte/OrgProvider.svelte",
     "./server": {
       "import": {
         "types": "./dist/server.d.ts",
@@ -39,24 +61,30 @@
     }
   },
   "files": [
-    "dist"
+    "dist",
+    "src/svelte/AuthProvider.svelte",
+    "src/svelte/OrgProvider.svelte"
   ],
   "dependencies": {
-    "@korajs/core": "0.5.0"
+    "@korajs/core": "0.6.0"
   },
   "devDependencies": {
     "@types/better-sqlite3": "^7.6.13",
     "@types/node": "^22.0.0",
     "@types/react": "^18.0.0",
+    "svelte": "^5.0.0",
     "tsup": "^8.0.0",
     "typescript": "^5.7.0",
     "vitest": "^3.0.0",
-    "@korajs/store": "0.5.0",
-    "@korajs/sync": "0.5.0",
-    "@korajs/server": "0.5.0"
+    "vue": "^3.5.0",
+    "@korajs/store": "0.6.0",
+    "@korajs/server": "0.6.0",
+    "@korajs/sync": "0.6.0"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",
+    "vue": "^3.4.0",
+    "svelte": "^4.0.0 || ^5.0.0",
     "better-sqlite3": "^12.0.0",
     "postgres": "^3.4.0"
   },
@@ -64,6 +92,12 @@
     "react": {
       "optional": true
     },
+    "vue": {
+      "optional": true
+    },
+    "svelte": {
+      "optional": true
+    },
     "better-sqlite3": {
       "optional": true
     },

package/src/svelte/AuthProvider.svelte

@@ -0,0 +1,37 @@
+<script lang="ts">
+	import type { AuthClient } from '../client/auth-client'
+	import type { AuthSessionSnapshot } from '../bindings/create-auth-session'
+	import { onDestroy } from 'svelte'
+	import { destroyAuthProvider, initAuthProvider } from './auth-context'
+
+	interface Props {
+		client: AuthClient
+		fallback?: import('svelte').Snippet
+		children?: import('svelte').Snippet
+	}
+
+	let { client, fallback, children }: Props = $props()
+
+	const authContext = initAuthProvider(client)
+	let snapshot = $state<AuthSessionSnapshot>(authContext.session.getSnapshot())
+
+	$effect(() => {
+		return authContext.session.subscribe(() => {
+			snapshot = authContext.session.getSnapshot()
+		})
+	})
+
+	onDestroy(() => {
+		destroyAuthProvider(authContext)
+	})
+</script>
+
+{#if snapshot.initError}
+	<div role="alert" style="color: red; padding: 1rem; font-family: monospace;">
+		<strong>Kora Auth initialization error: </strong>{snapshot.initError.message}
+	</div>
+{:else if snapshot.isLoading && fallback}
+	{@render fallback()}
+{:else if children}
+	{@render children()}
+{/if}

package/src/svelte/OrgProvider.svelte

@@ -0,0 +1,22 @@
+<script lang="ts">
+	import type { OrgClient } from '../client/org-client'
+	import { onDestroy } from 'svelte'
+	import { destroyOrgProvider, initOrgProvider } from './org-context'
+
+	interface Props {
+		client: OrgClient
+		children?: import('svelte').Snippet
+	}
+
+	let { client, children }: Props = $props()
+
+	const orgContext = initOrgProvider(client)
+
+	onDestroy(() => {
+		destroyOrgProvider(orgContext)
+	})
+</script>
+
+{#if children}
+	{@render children()}
+{/if}