@authrim/sveltekit 0.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (266) hide show
  1. package/LICENSE +191 -0
  2. package/README.md +531 -0
  3. package/dist/__tests__/client-events.test.d.ts +2 -0
  4. package/dist/__tests__/client-events.test.d.ts.map +1 -0
  5. package/dist/__tests__/client-events.test.js +225 -0
  6. package/dist/__tests__/providers.test.d.ts +2 -0
  7. package/dist/__tests__/providers.test.d.ts.map +1 -0
  8. package/dist/__tests__/providers.test.js +68 -0
  9. package/dist/__tests__/response.test.d.ts +2 -0
  10. package/dist/__tests__/response.test.d.ts.map +1 -0
  11. package/dist/__tests__/response.test.js +99 -0
  12. package/dist/__tests__/stores.test.d.ts +2 -0
  13. package/dist/__tests__/stores.test.d.ts.map +1 -0
  14. package/dist/__tests__/stores.test.js +91 -0
  15. package/dist/client.d.ts +25 -0
  16. package/dist/client.d.ts.map +1 -0
  17. package/dist/client.js +411 -0
  18. package/dist/components/AuthProvider.svelte +56 -0
  19. package/dist/components/AuthProvider.svelte.d.ts +34 -0
  20. package/dist/components/AuthProvider.svelte.d.ts.map +1 -0
  21. package/dist/components/ProtectedRoute.svelte +71 -0
  22. package/dist/components/ProtectedRoute.svelte.d.ts +38 -0
  23. package/dist/components/ProtectedRoute.svelte.d.ts.map +1 -0
  24. package/dist/components/SignInButton.svelte +93 -0
  25. package/dist/components/SignInButton.svelte.d.ts +43 -0
  26. package/dist/components/SignInButton.svelte.d.ts.map +1 -0
  27. package/dist/components/SignOutButton.svelte +72 -0
  28. package/dist/components/SignOutButton.svelte.d.ts +40 -0
  29. package/dist/components/SignOutButton.svelte.d.ts.map +1 -0
  30. package/dist/components/UserProfile.svelte +71 -0
  31. package/dist/components/UserProfile.svelte.d.ts +51 -0
  32. package/dist/components/UserProfile.svelte.d.ts.map +1 -0
  33. package/dist/components/index.d.ts +6 -0
  34. package/dist/components/index.d.ts.map +1 -0
  35. package/dist/components/index.js +5 -0
  36. package/dist/direct-auth/ciba.d.ts +47 -0
  37. package/dist/direct-auth/ciba.d.ts.map +1 -0
  38. package/dist/direct-auth/ciba.js +77 -0
  39. package/dist/direct-auth/consent.d.ts +85 -0
  40. package/dist/direct-auth/consent.d.ts.map +1 -0
  41. package/dist/direct-auth/consent.js +57 -0
  42. package/dist/direct-auth/device-flow.d.ts +40 -0
  43. package/dist/direct-auth/device-flow.d.ts.map +1 -0
  44. package/dist/direct-auth/device-flow.js +45 -0
  45. package/dist/direct-auth/email-code.d.ts +48 -0
  46. package/dist/direct-auth/email-code.d.ts.map +1 -0
  47. package/dist/direct-auth/email-code.js +265 -0
  48. package/dist/direct-auth/index.d.ts +9 -0
  49. package/dist/direct-auth/index.d.ts.map +1 -0
  50. package/dist/direct-auth/index.js +8 -0
  51. package/dist/direct-auth/login-challenge.d.ts +41 -0
  52. package/dist/direct-auth/login-challenge.d.ts.map +1 -0
  53. package/dist/direct-auth/login-challenge.js +34 -0
  54. package/dist/direct-auth/passkey.d.ts +30 -0
  55. package/dist/direct-auth/passkey.d.ts.map +1 -0
  56. package/dist/direct-auth/passkey.js +392 -0
  57. package/dist/direct-auth/session.d.ts +48 -0
  58. package/dist/direct-auth/session.d.ts.map +1 -0
  59. package/dist/direct-auth/session.js +219 -0
  60. package/dist/direct-auth/social.d.ts +56 -0
  61. package/dist/direct-auth/social.d.ts.map +1 -0
  62. package/dist/direct-auth/social.js +484 -0
  63. package/dist/index.d.ts +17 -0
  64. package/dist/index.d.ts.map +1 -0
  65. package/dist/index.js +14 -0
  66. package/dist/providers/crypto.d.ts +13 -0
  67. package/dist/providers/crypto.d.ts.map +1 -0
  68. package/dist/providers/crypto.js +27 -0
  69. package/dist/providers/http.d.ts +30 -0
  70. package/dist/providers/http.d.ts.map +1 -0
  71. package/dist/providers/http.js +65 -0
  72. package/dist/providers/index.d.ts +4 -0
  73. package/dist/providers/index.d.ts.map +1 -0
  74. package/dist/providers/index.js +3 -0
  75. package/dist/providers/storage.d.ts +21 -0
  76. package/dist/providers/storage.d.ts.map +1 -0
  77. package/dist/providers/storage.js +83 -0
  78. package/dist/server/handle.d.ts +46 -0
  79. package/dist/server/handle.d.ts.map +1 -0
  80. package/dist/server/handle.js +60 -0
  81. package/dist/server/index.d.ts +4 -0
  82. package/dist/server/index.d.ts.map +1 -0
  83. package/dist/server/index.js +3 -0
  84. package/dist/server/load.d.ts +83 -0
  85. package/dist/server/load.d.ts.map +1 -0
  86. package/dist/server/load.js +86 -0
  87. package/dist/server/session.d.ts +44 -0
  88. package/dist/server/session.d.ts.map +1 -0
  89. package/dist/server/session.js +50 -0
  90. package/dist/stores/auth.d.ts +56 -0
  91. package/dist/stores/auth.d.ts.map +1 -0
  92. package/dist/stores/auth.js +64 -0
  93. package/dist/stores/index.d.ts +2 -0
  94. package/dist/stores/index.d.ts.map +1 -0
  95. package/dist/stores/index.js +1 -0
  96. package/dist/types.d.ts +164 -0
  97. package/dist/types.d.ts.map +1 -0
  98. package/dist/types.js +4 -0
  99. package/dist/ui/account/LinkAccountButton.svelte +133 -0
  100. package/dist/ui/account/LinkAccountButton.svelte.d.ts +37 -0
  101. package/dist/ui/account/LinkAccountButton.svelte.d.ts.map +1 -0
  102. package/dist/ui/account/LinkedAccountsList.svelte +233 -0
  103. package/dist/ui/account/LinkedAccountsList.svelte.d.ts +32 -0
  104. package/dist/ui/account/LinkedAccountsList.svelte.d.ts.map +1 -0
  105. package/dist/ui/account/UnlinkAccountButton.svelte +179 -0
  106. package/dist/ui/account/UnlinkAccountButton.svelte.d.ts +28 -0
  107. package/dist/ui/account/UnlinkAccountButton.svelte.d.ts.map +1 -0
  108. package/dist/ui/account/index.d.ts +7 -0
  109. package/dist/ui/account/index.d.ts.map +1 -0
  110. package/dist/ui/account/index.js +6 -0
  111. package/dist/ui/context.d.ts +17 -0
  112. package/dist/ui/context.d.ts.map +1 -0
  113. package/dist/ui/context.js +71 -0
  114. package/dist/ui/forms/CIBARequestCard.svelte +315 -0
  115. package/dist/ui/forms/CIBARequestCard.svelte.d.ts +50 -0
  116. package/dist/ui/forms/CIBARequestCard.svelte.d.ts.map +1 -0
  117. package/dist/ui/forms/ClientInfo.svelte +232 -0
  118. package/dist/ui/forms/ClientInfo.svelte.d.ts +35 -0
  119. package/dist/ui/forms/ClientInfo.svelte.d.ts.map +1 -0
  120. package/dist/ui/forms/ConsentScopesList.svelte +109 -0
  121. package/dist/ui/forms/ConsentScopesList.svelte.d.ts +30 -0
  122. package/dist/ui/forms/ConsentScopesList.svelte.d.ts.map +1 -0
  123. package/dist/ui/forms/EmailCodeForm.svelte +224 -0
  124. package/dist/ui/forms/EmailCodeForm.svelte.d.ts +39 -0
  125. package/dist/ui/forms/EmailCodeForm.svelte.d.ts.map +1 -0
  126. package/dist/ui/forms/OrgSelector.svelte +95 -0
  127. package/dist/ui/forms/OrgSelector.svelte.d.ts +37 -0
  128. package/dist/ui/forms/OrgSelector.svelte.d.ts.map +1 -0
  129. package/dist/ui/forms/PasskeyConditionalInput.svelte +173 -0
  130. package/dist/ui/forms/PasskeyConditionalInput.svelte.d.ts +36 -0
  131. package/dist/ui/forms/PasskeyConditionalInput.svelte.d.ts.map +1 -0
  132. package/dist/ui/forms/QRCodeDisplay.svelte +122 -0
  133. package/dist/ui/forms/QRCodeDisplay.svelte.d.ts +27 -0
  134. package/dist/ui/forms/QRCodeDisplay.svelte.d.ts.map +1 -0
  135. package/dist/ui/forms/SocialLoginButtons.svelte +209 -0
  136. package/dist/ui/forms/SocialLoginButtons.svelte.d.ts +33 -0
  137. package/dist/ui/forms/SocialLoginButtons.svelte.d.ts.map +1 -0
  138. package/dist/ui/forms/UserCodeInput.svelte +183 -0
  139. package/dist/ui/forms/UserCodeInput.svelte.d.ts +34 -0
  140. package/dist/ui/forms/UserCodeInput.svelte.d.ts.map +1 -0
  141. package/dist/ui/forms/index.d.ts +13 -0
  142. package/dist/ui/forms/index.d.ts.map +1 -0
  143. package/dist/ui/forms/index.js +12 -0
  144. package/dist/ui/helpers/AuthError.svelte +124 -0
  145. package/dist/ui/helpers/AuthError.svelte.d.ts +26 -0
  146. package/dist/ui/helpers/AuthError.svelte.d.ts.map +1 -0
  147. package/dist/ui/helpers/AuthLoading.svelte +83 -0
  148. package/dist/ui/helpers/AuthLoading.svelte.d.ts +25 -0
  149. package/dist/ui/helpers/AuthLoading.svelte.d.ts.map +1 -0
  150. package/dist/ui/helpers/OTPInput.svelte +214 -0
  151. package/dist/ui/helpers/OTPInput.svelte.d.ts +34 -0
  152. package/dist/ui/helpers/OTPInput.svelte.d.ts.map +1 -0
  153. package/dist/ui/helpers/ResendCodeButton.svelte +140 -0
  154. package/dist/ui/helpers/ResendCodeButton.svelte.d.ts +28 -0
  155. package/dist/ui/helpers/ResendCodeButton.svelte.d.ts.map +1 -0
  156. package/dist/ui/helpers/index.d.ts +8 -0
  157. package/dist/ui/helpers/index.d.ts.map +1 -0
  158. package/dist/ui/helpers/index.js +7 -0
  159. package/dist/ui/index.d.ts +43 -0
  160. package/dist/ui/index.d.ts.map +1 -0
  161. package/dist/ui/index.js +48 -0
  162. package/dist/ui/passkey/PasskeyDeleteButton.svelte +177 -0
  163. package/dist/ui/passkey/PasskeyDeleteButton.svelte.d.ts +26 -0
  164. package/dist/ui/passkey/PasskeyDeleteButton.svelte.d.ts.map +1 -0
  165. package/dist/ui/passkey/PasskeyList.svelte +225 -0
  166. package/dist/ui/passkey/PasskeyList.svelte.d.ts +30 -0
  167. package/dist/ui/passkey/PasskeyList.svelte.d.ts.map +1 -0
  168. package/dist/ui/passkey/PasskeyRegisterButton.svelte +52 -0
  169. package/dist/ui/passkey/PasskeyRegisterButton.svelte.d.ts +38 -0
  170. package/dist/ui/passkey/PasskeyRegisterButton.svelte.d.ts.map +1 -0
  171. package/dist/ui/passkey/index.d.ts +7 -0
  172. package/dist/ui/passkey/index.d.ts.map +1 -0
  173. package/dist/ui/passkey/index.js +6 -0
  174. package/dist/ui/session/SessionExpiryIndicator.svelte +109 -0
  175. package/dist/ui/session/SessionExpiryIndicator.svelte.d.ts +23 -0
  176. package/dist/ui/session/SessionExpiryIndicator.svelte.d.ts.map +1 -0
  177. package/dist/ui/session/SessionList.svelte +231 -0
  178. package/dist/ui/session/SessionList.svelte.d.ts +31 -0
  179. package/dist/ui/session/SessionList.svelte.d.ts.map +1 -0
  180. package/dist/ui/session/SessionRevokeButton.svelte +72 -0
  181. package/dist/ui/session/SessionRevokeButton.svelte.d.ts +26 -0
  182. package/dist/ui/session/SessionRevokeButton.svelte.d.ts.map +1 -0
  183. package/dist/ui/session/index.d.ts +7 -0
  184. package/dist/ui/session/index.d.ts.map +1 -0
  185. package/dist/ui/session/index.js +6 -0
  186. package/dist/ui/shared/Alert.svelte +246 -0
  187. package/dist/ui/shared/Alert.svelte.d.ts +36 -0
  188. package/dist/ui/shared/Alert.svelte.d.ts.map +1 -0
  189. package/dist/ui/shared/Badge.svelte +100 -0
  190. package/dist/ui/shared/Badge.svelte.d.ts +35 -0
  191. package/dist/ui/shared/Badge.svelte.d.ts.map +1 -0
  192. package/dist/ui/shared/Button.svelte +213 -0
  193. package/dist/ui/shared/Button.svelte.d.ts +42 -0
  194. package/dist/ui/shared/Button.svelte.d.ts.map +1 -0
  195. package/dist/ui/shared/Card.svelte +85 -0
  196. package/dist/ui/shared/Card.svelte.d.ts +39 -0
  197. package/dist/ui/shared/Card.svelte.d.ts.map +1 -0
  198. package/dist/ui/shared/CountdownTimer.svelte +150 -0
  199. package/dist/ui/shared/CountdownTimer.svelte.d.ts +30 -0
  200. package/dist/ui/shared/CountdownTimer.svelte.d.ts.map +1 -0
  201. package/dist/ui/shared/Dialog.svelte +240 -0
  202. package/dist/ui/shared/Dialog.svelte.d.ts +39 -0
  203. package/dist/ui/shared/Dialog.svelte.d.ts.map +1 -0
  204. package/dist/ui/shared/Input.svelte +192 -0
  205. package/dist/ui/shared/Input.svelte.d.ts +42 -0
  206. package/dist/ui/shared/Input.svelte.d.ts.map +1 -0
  207. package/dist/ui/shared/LanguageSwitcher.svelte +99 -0
  208. package/dist/ui/shared/LanguageSwitcher.svelte.d.ts +31 -0
  209. package/dist/ui/shared/LanguageSwitcher.svelte.d.ts.map +1 -0
  210. package/dist/ui/shared/Spinner.svelte +75 -0
  211. package/dist/ui/shared/Spinner.svelte.d.ts +24 -0
  212. package/dist/ui/shared/Spinner.svelte.d.ts.map +1 -0
  213. package/dist/ui/shared/index.d.ts +13 -0
  214. package/dist/ui/shared/index.d.ts.map +1 -0
  215. package/dist/ui/shared/index.js +12 -0
  216. package/dist/ui/styles/base.css +168 -0
  217. package/dist/ui/styles/theme.css +279 -0
  218. package/dist/ui/templates/AccountSettingsTemplate.svelte +205 -0
  219. package/dist/ui/templates/AccountSettingsTemplate.svelte.d.ts +49 -0
  220. package/dist/ui/templates/AccountSettingsTemplate.svelte.d.ts.map +1 -0
  221. package/dist/ui/templates/CIBATemplate.svelte +227 -0
  222. package/dist/ui/templates/CIBATemplate.svelte.d.ts +45 -0
  223. package/dist/ui/templates/CIBATemplate.svelte.d.ts.map +1 -0
  224. package/dist/ui/templates/ConsentTemplate.svelte +549 -0
  225. package/dist/ui/templates/ConsentTemplate.svelte.d.ts +76 -0
  226. package/dist/ui/templates/ConsentTemplate.svelte.d.ts.map +1 -0
  227. package/dist/ui/templates/DeviceFlowTemplate.svelte +228 -0
  228. package/dist/ui/templates/DeviceFlowTemplate.svelte.d.ts +47 -0
  229. package/dist/ui/templates/DeviceFlowTemplate.svelte.d.ts.map +1 -0
  230. package/dist/ui/templates/LoginTemplate.svelte +234 -0
  231. package/dist/ui/templates/LoginTemplate.svelte.d.ts +49 -0
  232. package/dist/ui/templates/LoginTemplate.svelte.d.ts.map +1 -0
  233. package/dist/ui/templates/ReauthTemplate.svelte +269 -0
  234. package/dist/ui/templates/ReauthTemplate.svelte.d.ts +54 -0
  235. package/dist/ui/templates/ReauthTemplate.svelte.d.ts.map +1 -0
  236. package/dist/ui/templates/SignUpTemplate.svelte +345 -0
  237. package/dist/ui/templates/SignUpTemplate.svelte.d.ts +53 -0
  238. package/dist/ui/templates/SignUpTemplate.svelte.d.ts.map +1 -0
  239. package/dist/ui/templates/index.d.ts +14 -0
  240. package/dist/ui/templates/index.d.ts.map +1 -0
  241. package/dist/ui/templates/index.js +13 -0
  242. package/dist/ui/types.d.ts +151 -0
  243. package/dist/ui/types.d.ts.map +1 -0
  244. package/dist/ui/types.js +4 -0
  245. package/dist/utils/context.d.ts +12 -0
  246. package/dist/utils/context.d.ts.map +1 -0
  247. package/dist/utils/context.js +26 -0
  248. package/dist/utils/error-mapping.d.ts +29 -0
  249. package/dist/utils/error-mapping.d.ts.map +1 -0
  250. package/dist/utils/error-mapping.js +38 -0
  251. package/dist/utils/index.d.ts +7 -0
  252. package/dist/utils/index.d.ts.map +1 -0
  253. package/dist/utils/index.js +6 -0
  254. package/dist/utils/response.d.ts +21 -0
  255. package/dist/utils/response.d.ts.map +1 -0
  256. package/dist/utils/response.js +84 -0
  257. package/dist/utils/sensitive-data.d.ts +9 -0
  258. package/dist/utils/sensitive-data.d.ts.map +1 -0
  259. package/dist/utils/sensitive-data.js +56 -0
  260. package/dist/utils/ssr.d.ts +38 -0
  261. package/dist/utils/ssr.d.ts.map +1 -0
  262. package/dist/utils/ssr.js +73 -0
  263. package/dist/utils/webauthn-converters.d.ts +9 -0
  264. package/dist/utils/webauthn-converters.d.ts.map +1 -0
  265. package/dist/utils/webauthn-converters.js +75 -0
  266. package/package.json +111 -0
@@ -0,0 +1,109 @@
1
+ <!--
2
+ SessionExpiryIndicator Component
3
+ Shows session expiry time with visual indicator
4
+ -->
5
+ <script lang="ts">
6
+ import { onMount, onDestroy } from 'svelte';
7
+
8
+ export let expiresAt: Date;
9
+ let className = '';
10
+ export { className as class };
11
+
12
+ let timeLeft = '';
13
+ let urgency: 'normal' | 'warning' | 'critical' = 'normal';
14
+ let timeoutId: ReturnType<typeof setTimeout> | null = null;
15
+
16
+ function updateTimeLeft() {
17
+ const now = Date.now();
18
+ const expiry = expiresAt.getTime();
19
+ const diff = expiry - now;
20
+
21
+ if (diff <= 0) {
22
+ timeLeft = 'Expired';
23
+ urgency = 'critical';
24
+ return; // Don't schedule next update when expired
25
+ }
26
+
27
+ const hours = Math.floor(diff / (1000 * 60 * 60));
28
+ const minutes = Math.floor((diff % (1000 * 60 * 60)) / (1000 * 60));
29
+
30
+ if (hours > 24) {
31
+ const days = Math.floor(hours / 24);
32
+ timeLeft = `${days}d left`;
33
+ urgency = 'normal';
34
+ } else if (hours > 0) {
35
+ timeLeft = `${hours}h ${minutes}m left`;
36
+ urgency = hours < 2 ? 'warning' : 'normal';
37
+ } else {
38
+ timeLeft = `${minutes}m left`;
39
+ urgency = minutes < 15 ? 'critical' : 'warning';
40
+ }
41
+
42
+ // Schedule next update using setTimeout (not setInterval)
43
+ // This avoids interval-in-interval issues
44
+ scheduleNextUpdate();
45
+ }
46
+
47
+ function scheduleNextUpdate() {
48
+ cancelScheduledUpdate();
49
+ // Update every 10 seconds for critical, 60 seconds otherwise
50
+ const delayMs = urgency === 'critical' ? 10000 : 60000;
51
+ timeoutId = setTimeout(updateTimeLeft, delayMs);
52
+ }
53
+
54
+ function cancelScheduledUpdate() {
55
+ if (timeoutId !== null) {
56
+ clearTimeout(timeoutId);
57
+ timeoutId = null;
58
+ }
59
+ }
60
+
61
+ onMount(() => {
62
+ updateTimeLeft();
63
+ });
64
+
65
+ onDestroy(cancelScheduledUpdate);
66
+ </script>
67
+
68
+ <div
69
+ class="authrim-expiry authrim-expiry--{urgency} {className}"
70
+ {...$$restProps}
71
+ >
72
+ <svg class="authrim-expiry__icon" viewBox="0 0 16 16" fill="currentColor">
73
+ <path fill-rule="evenodd" d="M8 0a8 8 0 100 16A8 8 0 008 0zM4.5 8a.75.75 0 01.75-.75h2.25V4.5a.75.75 0 011.5 0v3.25a.75.75 0 01-.75.75H5.25A.75.75 0 014.5 8z" clip-rule="evenodd"/>
74
+ </svg>
75
+ <span class="authrim-expiry__text">{timeLeft}</span>
76
+ </div>
77
+
78
+ <style>
79
+ .authrim-expiry {
80
+ display: inline-flex;
81
+ align-items: center;
82
+ gap: var(--authrim-space-1);
83
+ margin-top: var(--authrim-space-2);
84
+ font-size: var(--authrim-text-xs);
85
+ }
86
+
87
+ .authrim-expiry--normal {
88
+ color: var(--authrim-color-text-muted);
89
+ }
90
+
91
+ .authrim-expiry--warning {
92
+ color: var(--authrim-color-warning-text);
93
+ }
94
+
95
+ .authrim-expiry--critical {
96
+ color: var(--authrim-color-error-text);
97
+ }
98
+
99
+ .authrim-expiry__icon {
100
+ width: 12px;
101
+ height: 12px;
102
+ flex-shrink: 0;
103
+ }
104
+
105
+ .authrim-expiry__text {
106
+ font-weight: 500;
107
+ letter-spacing: var(--authrim-tracking-tight);
108
+ }
109
+ </style>
@@ -0,0 +1,23 @@
1
+ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
2
+ new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
3
+ $$bindings?: Bindings;
4
+ } & Exports;
5
+ (internal: unknown, props: Props & {
6
+ $$events?: Events;
7
+ $$slots?: Slots;
8
+ }): Exports & {
9
+ $set?: any;
10
+ $on?: any;
11
+ };
12
+ z_$$bindings?: Bindings;
13
+ }
14
+ declare const SessionExpiryIndicator: $$__sveltets_2_IsomorphicComponent<{
15
+ [x: string]: any;
16
+ expiresAt: Date;
17
+ class?: string | undefined;
18
+ }, {
19
+ [evt: string]: CustomEvent<any>;
20
+ }, {}, {}, string>;
21
+ type SessionExpiryIndicator = InstanceType<typeof SessionExpiryIndicator>;
22
+ export default SessionExpiryIndicator;
23
+ //# sourceMappingURL=SessionExpiryIndicator.svelte.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SessionExpiryIndicator.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/ui/session/SessionExpiryIndicator.svelte.ts"],"names":[],"mappings":"AAgFA,UAAU,kCAAkC,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,OAAO,GAAG,EAAE,EAAE,QAAQ,GAAG,MAAM;IACpM,KAAK,OAAO,EAAE,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,GAAG;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IAC9G,YAAY,CAAC,EAAE,QAAQ,CAAC;CAC3B;AAKD,QAAA,MAAM,sBAAsB;;eAV6C,IAAI;;;;kBAUqD,CAAC;AACjH,KAAK,sBAAsB,GAAG,YAAY,CAAC,OAAO,sBAAsB,CAAC,CAAC;AAC5E,eAAe,sBAAsB,CAAC"}
@@ -0,0 +1,231 @@
1
+ <!--
2
+ SessionList Component
3
+ Display and manage active sessions
4
+ -->
5
+ <script lang="ts">
6
+ import { createEventDispatcher } from 'svelte';
7
+ import type { SessionItemDisplay } from '../types.js';
8
+ import Badge from '../shared/Badge.svelte';
9
+ import Spinner from '../shared/Spinner.svelte';
10
+ import SessionRevokeButton from './SessionRevokeButton.svelte';
11
+ import SessionExpiryIndicator from './SessionExpiryIndicator.svelte';
12
+
13
+ export let sessions: SessionItemDisplay[] = [];
14
+ export let currentSessionId: string | undefined = undefined;
15
+ export let loading = false;
16
+ export let revokingId: string | undefined = undefined;
17
+ let className = '';
18
+ export { className as class };
19
+
20
+ const dispatch = createEventDispatcher<{
21
+ revoke: { sessionId: string };
22
+ }>();
23
+
24
+ function formatDate(date: Date | undefined): string {
25
+ if (!date) return 'Unknown';
26
+ return new Intl.DateTimeFormat('en-US', {
27
+ month: 'short',
28
+ day: 'numeric',
29
+ hour: 'numeric',
30
+ minute: '2-digit',
31
+ }).format(date);
32
+ }
33
+ </script>
34
+
35
+ <div class="authrim-session-list {className}" {...$$restProps}>
36
+ {#if loading && sessions.length === 0}
37
+ <div class="authrim-session-list__loading">
38
+ <Spinner size="md" />
39
+ <span>Loading sessions...</span>
40
+ </div>
41
+ {:else if sessions.length === 0}
42
+ <div class="authrim-session-list__empty">
43
+ <p>No active sessions</p>
44
+ </div>
45
+ {:else}
46
+ <ul class="authrim-session-list__items">
47
+ {#each sessions as session, index (session.sessionId)}
48
+ <!-- isCurrent: session.isCurrent takes precedence if set, otherwise compare with currentSessionId -->
49
+ {@const isCurrent = session.isCurrent ?? session.sessionId === currentSessionId}
50
+ <li
51
+ class="authrim-session-list__item"
52
+ class:authrim-session-list__item--current={isCurrent}
53
+ style="animation-delay: {index * 50}ms"
54
+ >
55
+ <div class="authrim-session-list__icon">
56
+ <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5">
57
+ {#if session.os?.toLowerCase().includes('mobile') || session.os?.toLowerCase().includes('ios') || session.os?.toLowerCase().includes('android')}
58
+ <path stroke-linecap="round" stroke-linejoin="round" d="M10.5 1.5H8.25A2.25 2.25 0 006 3.75v16.5a2.25 2.25 0 002.25 2.25h7.5A2.25 2.25 0 0018 20.25V3.75a2.25 2.25 0 00-2.25-2.25H13.5m-3 0V3h3V1.5m-3 0h3m-3 18.75h3"/>
59
+ {:else}
60
+ <path stroke-linecap="round" stroke-linejoin="round" d="M9 17.25v1.007a3 3 0 01-.879 2.122L7.5 21h9l-.621-.621A3 3 0 0115 18.257V17.25m6-12V15a2.25 2.25 0 01-2.25 2.25H5.25A2.25 2.25 0 013 15V5.25m18 0A2.25 2.25 0 0018.75 3H5.25A2.25 2.25 0 003 5.25m18 0V12a2.25 2.25 0 01-2.25 2.25H5.25A2.25 2.25 0 013 12V5.25"/>
61
+ {/if}
62
+ </svg>
63
+ </div>
64
+
65
+ <div class="authrim-session-list__info">
66
+ <div class="authrim-session-list__name-row">
67
+ <span class="authrim-session-list__name">
68
+ {session.browser || 'Unknown browser'}
69
+ {#if session.os}
70
+ <span class="authrim-session-list__os">on {session.os}</span>
71
+ {/if}
72
+ </span>
73
+ {#if isCurrent}
74
+ <Badge size="sm" variant="success" dot>Current</Badge>
75
+ {/if}
76
+ </div>
77
+
78
+ <div class="authrim-session-list__meta">
79
+ {#if session.location || session.ip}
80
+ <span class="authrim-session-list__location">
81
+ {session.location || session.ip}
82
+ </span>
83
+ <span class="authrim-session-list__sep">·</span>
84
+ {/if}
85
+ {#if session.lastActiveAt}
86
+ <span>Active {formatDate(session.lastActiveAt)}</span>
87
+ {:else if session.createdAt}
88
+ <span>Started {formatDate(session.createdAt)}</span>
89
+ {/if}
90
+ </div>
91
+
92
+ {#if session.expiresAt}
93
+ <SessionExpiryIndicator expiresAt={session.expiresAt} />
94
+ {/if}
95
+ </div>
96
+
97
+ {#if !isCurrent}
98
+ <SessionRevokeButton
99
+ sessionId={session.sessionId}
100
+ loading={revokingId === session.sessionId}
101
+ on:click={() => dispatch('revoke', { sessionId: session.sessionId })}
102
+ />
103
+ {/if}
104
+ </li>
105
+ {/each}
106
+ </ul>
107
+ {/if}
108
+ </div>
109
+
110
+ <style>
111
+ .authrim-session-list__loading {
112
+ display: flex;
113
+ flex-direction: column;
114
+ align-items: center;
115
+ gap: var(--authrim-space-3);
116
+ padding: var(--authrim-space-8);
117
+ color: var(--authrim-color-text-secondary);
118
+ font-size: var(--authrim-text-sm);
119
+ }
120
+
121
+ .authrim-session-list__empty {
122
+ padding: var(--authrim-space-8);
123
+ text-align: center;
124
+ color: var(--authrim-color-text-muted);
125
+ font-size: var(--authrim-text-sm);
126
+ }
127
+
128
+ .authrim-session-list__empty p {
129
+ margin: 0;
130
+ }
131
+
132
+ .authrim-session-list__items {
133
+ list-style: none;
134
+ margin: 0;
135
+ padding: 0;
136
+ }
137
+
138
+ .authrim-session-list__item {
139
+ display: flex;
140
+ align-items: flex-start;
141
+ gap: var(--authrim-space-4);
142
+ padding: var(--authrim-space-4);
143
+ border-bottom: 1px solid var(--authrim-color-border-subtle);
144
+ animation: slide-in var(--authrim-duration-normal) var(--authrim-ease-out) both;
145
+ }
146
+
147
+ @keyframes slide-in {
148
+ from {
149
+ opacity: 0;
150
+ transform: translateX(8px);
151
+ }
152
+ to {
153
+ opacity: 1;
154
+ transform: translateX(0);
155
+ }
156
+ }
157
+
158
+ .authrim-session-list__item:last-child {
159
+ border-bottom: none;
160
+ }
161
+
162
+ .authrim-session-list__item--current {
163
+ background: var(--authrim-color-success-subtle);
164
+ }
165
+
166
+ .authrim-session-list__icon {
167
+ flex-shrink: 0;
168
+ display: flex;
169
+ align-items: center;
170
+ justify-content: center;
171
+ width: 40px;
172
+ height: 40px;
173
+ background: var(--authrim-color-bg-subtle);
174
+ border-radius: var(--authrim-radius-md);
175
+ color: var(--authrim-color-text-secondary);
176
+ }
177
+
178
+ .authrim-session-list__item--current .authrim-session-list__icon {
179
+ background: var(--authrim-color-bg);
180
+ color: var(--authrim-color-success);
181
+ }
182
+
183
+ .authrim-session-list__icon svg {
184
+ width: 20px;
185
+ height: 20px;
186
+ }
187
+
188
+ .authrim-session-list__info {
189
+ flex: 1;
190
+ min-width: 0;
191
+ }
192
+
193
+ .authrim-session-list__name-row {
194
+ display: flex;
195
+ align-items: center;
196
+ gap: var(--authrim-space-2);
197
+ flex-wrap: wrap;
198
+ }
199
+
200
+ .authrim-session-list__name {
201
+ font-size: var(--authrim-text-sm);
202
+ font-weight: 500;
203
+ color: var(--authrim-color-text);
204
+ letter-spacing: var(--authrim-tracking-tight);
205
+ }
206
+
207
+ .authrim-session-list__os {
208
+ font-weight: 400;
209
+ color: var(--authrim-color-text-secondary);
210
+ }
211
+
212
+ .authrim-session-list__meta {
213
+ display: flex;
214
+ align-items: center;
215
+ gap: var(--authrim-space-1);
216
+ margin-top: var(--authrim-space-1);
217
+ font-size: var(--authrim-text-xs);
218
+ color: var(--authrim-color-text-muted);
219
+ }
220
+
221
+ .authrim-session-list__sep {
222
+ color: var(--authrim-color-border-strong);
223
+ }
224
+
225
+ .authrim-session-list__location {
226
+ max-width: 120px;
227
+ overflow: hidden;
228
+ text-overflow: ellipsis;
229
+ white-space: nowrap;
230
+ }
231
+ </style>
@@ -0,0 +1,31 @@
1
+ import type { SessionItemDisplay } from '../types.js';
2
+ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
3
+ new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
4
+ $$bindings?: Bindings;
5
+ } & Exports;
6
+ (internal: unknown, props: Props & {
7
+ $$events?: Events;
8
+ $$slots?: Slots;
9
+ }): Exports & {
10
+ $set?: any;
11
+ $on?: any;
12
+ };
13
+ z_$$bindings?: Bindings;
14
+ }
15
+ declare const SessionList: $$__sveltets_2_IsomorphicComponent<{
16
+ [x: string]: any;
17
+ sessions?: SessionItemDisplay[] | undefined;
18
+ currentSessionId?: string | undefined | undefined;
19
+ loading?: boolean | undefined;
20
+ revokingId?: string | undefined | undefined;
21
+ class?: string | undefined;
22
+ }, {
23
+ revoke: CustomEvent<{
24
+ sessionId: string;
25
+ }>;
26
+ } & {
27
+ [evt: string]: CustomEvent<any>;
28
+ }, {}, {}, string>;
29
+ type SessionList = InstanceType<typeof SessionList>;
30
+ export default SessionList;
31
+ //# sourceMappingURL=SessionList.svelte.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SessionList.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/ui/session/SessionList.svelte.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AA8GtD,UAAU,kCAAkC,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,OAAO,GAAG,EAAE,EAAE,QAAQ,GAAG,MAAM;IACpM,KAAK,OAAO,EAAE,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,GAAG;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IAC9G,YAAY,CAAC,EAAE,QAAQ,CAAC;CAC3B;AAKD,QAAA,MAAM,WAAW;;eAZuI,kBAAkB,EAAE;uBAAqB,MAAM,GAAG,SAAS;;iBAAyC,MAAM,GAAG,SAAS;;;;mBACrP,MAAM;;;;kBAWwF,CAAC;AACtG,KAAK,WAAW,GAAG,YAAY,CAAC,OAAO,WAAW,CAAC,CAAC;AACtD,eAAe,WAAW,CAAC"}
@@ -0,0 +1,72 @@
1
+ <!--
2
+ SessionRevokeButton Component
3
+ Button to revoke a session
4
+ -->
5
+ <script lang="ts">
6
+ import { createEventDispatcher } from 'svelte';
7
+ import Spinner from '../shared/Spinner.svelte';
8
+
9
+ export let sessionId: string;
10
+ export let loading = false;
11
+ let className = '';
12
+ export { className as class };
13
+
14
+ const dispatch = createEventDispatcher<{ click: void }>();
15
+ </script>
16
+
17
+ <button
18
+ type="button"
19
+ class="authrim-session-revoke {className}"
20
+ disabled={loading}
21
+ on:click={() => dispatch('click')}
22
+ aria-label="Revoke session"
23
+ data-session-id={sessionId}
24
+ {...$$restProps}
25
+ >
26
+ {#if loading}
27
+ <Spinner size="sm" />
28
+ {:else}
29
+ <svg viewBox="0 0 20 20" fill="currentColor">
30
+ <path d="M6.28 5.22a.75.75 0 00-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 101.06 1.06L10 11.06l3.72 3.72a.75.75 0 101.06-1.06L11.06 10l3.72-3.72a.75.75 0 00-1.06-1.06L10 8.94 6.28 5.22z"/>
31
+ </svg>
32
+ {/if}
33
+ </button>
34
+
35
+ <style>
36
+ .authrim-session-revoke {
37
+ flex-shrink: 0;
38
+ display: flex;
39
+ align-items: center;
40
+ justify-content: center;
41
+ width: 36px;
42
+ height: 36px;
43
+ padding: 0;
44
+ background: transparent;
45
+ border: none;
46
+ border-radius: var(--authrim-radius-sm);
47
+ color: var(--authrim-color-text-muted);
48
+ cursor: pointer;
49
+ transition:
50
+ color var(--authrim-duration-fast) var(--authrim-ease-default),
51
+ background-color var(--authrim-duration-fast) var(--authrim-ease-default);
52
+ }
53
+
54
+ .authrim-session-revoke:hover:not(:disabled) {
55
+ color: var(--authrim-color-error);
56
+ background: var(--authrim-color-error-subtle);
57
+ }
58
+
59
+ .authrim-session-revoke:focus-visible {
60
+ outline: none;
61
+ box-shadow: var(--authrim-shadow-focus-error);
62
+ }
63
+
64
+ .authrim-session-revoke:disabled {
65
+ cursor: wait;
66
+ }
67
+
68
+ .authrim-session-revoke svg {
69
+ width: 18px;
70
+ height: 18px;
71
+ }
72
+ </style>
@@ -0,0 +1,26 @@
1
+ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
2
+ new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
3
+ $$bindings?: Bindings;
4
+ } & Exports;
5
+ (internal: unknown, props: Props & {
6
+ $$events?: Events;
7
+ $$slots?: Slots;
8
+ }): Exports & {
9
+ $set?: any;
10
+ $on?: any;
11
+ };
12
+ z_$$bindings?: Bindings;
13
+ }
14
+ declare const SessionRevokeButton: $$__sveltets_2_IsomorphicComponent<{
15
+ [x: string]: any;
16
+ sessionId: string;
17
+ loading?: boolean | undefined;
18
+ class?: string | undefined;
19
+ }, {
20
+ click: CustomEvent<void>;
21
+ } & {
22
+ [evt: string]: CustomEvent<any>;
23
+ }, {}, {}, string>;
24
+ type SessionRevokeButton = InstanceType<typeof SessionRevokeButton>;
25
+ export default SessionRevokeButton;
26
+ //# sourceMappingURL=SessionRevokeButton.svelte.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SessionRevokeButton.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/ui/session/SessionRevokeButton.svelte.ts"],"names":[],"mappings":"AAiCA,UAAU,kCAAkC,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,OAAO,GAAG,EAAE,EAAE,QAAQ,GAAG,MAAM;IACpM,KAAK,OAAO,EAAE,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,GAAG;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IAC9G,YAAY,CAAC,EAAE,QAAQ,CAAC;CAC3B;AAKD,QAAA,MAAM,mBAAmB;;eAVmE,MAAM;;;;;;;kBAU6B,CAAC;AAC9G,KAAK,mBAAmB,GAAG,YAAY,CAAC,OAAO,mBAAmB,CAAC,CAAC;AACtE,eAAe,mBAAmB,CAAC"}
@@ -0,0 +1,7 @@
1
+ /**
2
+ * Authrim UI Session Components
3
+ */
4
+ export { default as SessionList } from './SessionList.svelte';
5
+ export { default as SessionRevokeButton } from './SessionRevokeButton.svelte';
6
+ export { default as SessionExpiryIndicator } from './SessionExpiryIndicator.svelte';
7
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/ui/session/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AAC9E,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,iCAAiC,CAAC"}
@@ -0,0 +1,6 @@
1
+ /**
2
+ * Authrim UI Session Components
3
+ */
4
+ export { default as SessionList } from './SessionList.svelte';
5
+ export { default as SessionRevokeButton } from './SessionRevokeButton.svelte';
6
+ export { default as SessionExpiryIndicator } from './SessionExpiryIndicator.svelte';