@korajs/auth 0.5.0 → 1.0.0-beta.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@korajs/auth",
-  "version": "0.5.0",
+  "version": "1.0.0-beta.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": "1.0.0-beta.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/sync": "1.0.0-beta.0",
+    "@korajs/server": "1.0.0-beta.0",
+    "@korajs/store": "1.0.0-beta.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 { onDestroy } from 'svelte'
+import type { AuthSessionSnapshot } from '../bindings/create-auth-session'
+import type { AuthClient } from '../client/auth-client'
+import { destroyAuthProvider, initAuthProvider } from './auth-context'
+
+interface Props {
+	client: AuthClient
+	fallback?: import('svelte').Snippet
+	children?: import('svelte').Snippet
+}
+
+const { 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 { onDestroy } from 'svelte'
+import type { OrgClient } from '../client/org-client'
+import { destroyOrgProvider, initOrgProvider } from './org-context'
+
+interface Props {
+	client: OrgClient
+	children?: import('svelte').Snippet
+}
+
+const { client, children }: Props = $props()
+
+const orgContext = initOrgProvider(client)
+
+onDestroy(() => {
+	destroyOrgProvider(orgContext)
+})
+</script>
+
+{#if children}
+	{@render children()}
+{/if}