@hellocoop/svelte 2.1.6 → 2.1.8-canary.0

package/README.md

@@ -3,8 +3,7 @@
 [Hellō](https://hello.dev) is an identity network that provides login and registration using the standard OpenID Connect protocol. Hellō offers your users choice between all popular social login providers.
 
 This [Svelte](https://svelte.dev/) package provides:
+
 - Svelte components for buttons and logged in context
 
 See the [Svelte SDK documentation](https://www.hello.dev/docs/sdks/svelte) for details.
-
-

package/dist/Provider.svelte

@@ -1,23 +1,27 @@
-<script context="module">import { setContext, getContext } from "svelte";
-export const routeConfig = {
-  login: "/api/hellocoop?login=true",
-  auth: "/api/hellocoop?auth=true",
-  logout: "/api/hellocoop?logout=true"
-};
-export const getHelloProviderContext = () => {
-  return getContext("HelloProviderContext");
-};
+<script context="module" lang="ts">
+    import type { Auth } from './auth.js'
+    import { setContext, getContext } from 'svelte'
+
+    export const routeConfig = {
+        login: '/api/hellocoop?login=true',
+        auth: '/api/hellocoop?auth=true',
+        logout: '/api/hellocoop?logout=true',
+    }
+
+    export const getHelloProviderContext = (): Auth | undefined => {
+        return getContext('HelloProviderContext')
+    }
 </script>
-    
-<script>export let auth = {};
-export let config = {};
-setContext("HelloProviderContext", auth);
-if (config?.login)
-  routeConfig.login = config.login;
-if (config?.auth)
-  routeConfig.auth = config.auth;
-if (config?.logout)
-  routeConfig.logout = config.logout;
+
+<script lang="ts">
+    export let auth: any = {} //tbd: any
+    export let config: any = {} //tbd: any
+
+    setContext('HelloProviderContext', auth)
+
+    if (config?.login) routeConfig.login = config.login
+    if (config?.auth) routeConfig.auth = config.auth
+    if (config?.logout) routeConfig.logout = config.logout
 </script>
-    
-<slot/>
+
+<slot />

package/dist/Provider.svelte.d.ts

@@ -1,4 +1,3 @@
-import { SvelteComponent } from "svelte";
 import type { Auth } from './auth.js';
 export declare const routeConfig: {
     login: string;
@@ -6,23 +5,33 @@ export declare const routeConfig: {
     logout: string;
 };
 export declare const getHelloProviderContext: () => Auth | undefined;
-declare const __propDef: {
-    props: {
-        auth?: any;
-        config?: any;
+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> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
     };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
-    exports?: {} | undefined;
-    bindings?: string | undefined;
-};
-export type ProviderProps = typeof __propDef.props;
-export type ProviderEvents = typeof __propDef.events;
-export type ProviderSlots = typeof __propDef.slots;
-export default class Provider extends SvelteComponent<ProviderProps, ProviderEvents, ProviderSlots> {
+    z_$$bindings?: Bindings;
 }
-export {};
+type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
+    default: any;
+} ? Props extends Record<string, never> ? any : {
+    children?: any;
+} : {});
+declare const Provider: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
+    auth?: any;
+    config?: any;
+}, {
+    default: {};
+}>, {
+    [evt: string]: CustomEvent<any>;
+}, {
+    default: {};
+}, {}, string>;
+type Provider = InstanceType<typeof Provider>;
+export default Provider;

package/dist/auth.js

@@ -1,8 +1,8 @@
 /// <reference types="svelte" />
 // @ts-ignore tbd
-import { useSWR } from "sswr";
+import { useSWR } from 'sswr';
 // @ts-ignore tbd - has no exported member?
-import { getHelloProviderContext, routeConfig } from "./Provider.svelte";
+import { getHelloProviderContext, routeConfig } from './Provider.svelte';
 const fetcher = async (url) => {
     try {
         const response = await fetch(url);
@@ -16,13 +16,13 @@ const fetcher = async (url) => {
 };
 export const useAuth = () => {
     const defaultAuth = getHelloProviderContext();
-    const { data: auth, isLoading } = useSWR(routeConfig.auth, {
+    const { data: auth, isLoading, } = useSWR(routeConfig.auth, {
         fetcher,
-        initialData: defaultAuth
+        initialData: defaultAuth,
     });
     return {
         auth: auth || {},
         isLoading,
-        isLoggedIn: auth?.isLoggedIn
+        isLoggedIn: auth?.isLoggedIn,
     };
 };

package/dist/buttons/BaseButton.svelte

@@ -1,64 +1,87 @@
-<script>import { routeConfig } from "../Provider.svelte";
-import { onMount } from "svelte";
-import { Button } from "@hellocoop/definitions";
-export let label = "\u014D&nbsp;&nbsp;&nbsp;Continue with Hell\u014D";
-export let style = {};
-export let color = "black";
-export let theme = "ignore-light";
-export let hover = "pop";
-export let scope = [];
-export let update = false;
-export let targetURI = "";
-export let providerHint = [];
-export let showLoader = false;
-export let disabled = false;
-export let promptLogin = false;
-export let promptConsent = false;
-export let loginHint = "";
-export let domainHint = "";
-let checkedForStylesheet = false;
-onMount(() => {
-  if (typeof window != "undefined" && !checkedForStylesheet) {
-    const hasStylesheet = Array.from(document.head.getElementsByTagName("link")).find(
-      (element) => element.getAttribute("rel") === "stylesheet" && element.getAttribute("href")?.startsWith(Button.STYLES_URL)
-    );
-    if (!hasStylesheet)
-      console.warn("Could not find Hell\u014D stylesheet. Please add to pages with Hell\u014D buttons. See http://hello.dev/docs/buttons/#stylesheet for more info.");
-    checkedForStylesheet = true;
-  }
-});
-let clicked = false;
-const loginRoute = new URL(routeConfig.login, window.location.origin);
-if (scope)
-  loginRoute.searchParams.set("scope", scope.join(" "));
-loginRoute.searchParams.set("target_uri", targetURI || window.location.pathname);
-if (update)
-  loginRoute.searchParams.set("prompt", "consent");
-if (promptLogin && promptConsent) {
-  loginRoute.searchParams.set("prompt", "login consent");
-} else if (promptLogin) {
-  loginRoute.searchParams.set("prompt", "login");
-} else if (promptConsent) {
-  loginRoute.searchParams.set("prompt", "consent");
-}
-if (loginHint)
-  loginRoute.searchParams.set("login_hint", loginHint);
-if (domainHint)
-  loginRoute.searchParams.set("login_hint", domainHint);
-if (providerHint)
-  loginRoute.searchParams.set("provider_hint", providerHint.join(" "));
-const onClickHandler = () => {
-  clicked = true;
-  window.location.href = loginRoute.href;
-};
+<script lang="ts">
+    import { routeConfig } from '../Provider.svelte'
+    import type { ProviderHint, Scope } from '@hellocoop/definitions'
+    import { onMount } from 'svelte'
+    import { Button } from '../types.js' // tbd use @hellocoop/definitions (currently, some esm import errors)
+
+    export let label: string = 'ō&nbsp;&nbsp;&nbsp;Continue with Hellō'
+    export let style: any = {} //TBD any
+    export let color: Button.Color = 'black'
+    export let theme: Button.Theme = 'ignore-light'
+    export let hover: Button.Hover = 'pop'
+    export let scope: Scope[] = []
+    // @ts-ignore tbd
+    export let update: Button.update = false
+    export let targetURI: string = ''
+    export let providerHint: ProviderHint[] = []
+    export let showLoader: boolean = false
+    export let disabled: boolean = false
+    export let promptLogin: boolean = false
+    export let promptConsent: boolean = false
+    export let loginHint: string = ''
+    export let domainHint: string = ''
+
+    let checkedForStylesheet: boolean = false
+
+    onMount(() => {
+        //check if dev has added Hellō stylesheet to pages with Hellō buttons
+        if (typeof window != 'undefined' && !checkedForStylesheet) {
+            const hasStylesheet = Array.from(
+                document.head.getElementsByTagName('link'),
+            ).find(
+                (element) =>
+                    element.getAttribute('rel') === 'stylesheet' &&
+                    element.getAttribute('href')?.startsWith(Button.STYLES_URL),
+            )
+
+            if (!hasStylesheet)
+                console.warn(
+                    'Could not find Hellō stylesheet. Please add to pages with Hellō buttons. See http://hello.dev/docs/buttons/#stylesheet for more info.',
+                )
+
+            checkedForStylesheet = true
+        }
+    })
+
+    let clicked: boolean = false
+    const loginRoute = new URL(routeConfig.login, window.location.origin)
+    if (scope) loginRoute.searchParams.set('scope', scope.join(' '))
+
+    loginRoute.searchParams.set(
+        'target_uri',
+        targetURI || window.location.pathname,
+    )
+
+    if (update) loginRoute.searchParams.set('prompt', 'consent')
+
+    if (promptLogin && promptConsent) {
+        loginRoute.searchParams.set('prompt', 'login consent')
+    } else if (promptLogin) {
+        loginRoute.searchParams.set('prompt', 'login')
+    } else if (promptConsent) {
+        loginRoute.searchParams.set('prompt', 'consent')
+    }
+
+    if (loginHint) loginRoute.searchParams.set('login_hint', loginHint)
+
+    if (domainHint) loginRoute.searchParams.set('login_hint', domainHint)
+
+    if (providerHint)
+        loginRoute.searchParams.set('provider_hint', providerHint.join(' '))
+
+    const onClickHandler = (): void => {
+        clicked = true
+        window.location.href = loginRoute.href
+    }
 </script>
 
 <button
-  on:click={onClickHandler}
-  class="hello-btn {Button.CLASS_MAPPING[color]?.[theme]} {Button.HOVER_MAPPING[hover]}"
-  class:hello-btn-loader={showLoader || clicked}
-  disabled={disabled || clicked}
-  {style}
+    on:click={onClickHandler}
+    class="hello-btn {Button.CLASS_MAPPING[color]?.[theme]} {Button
+        .HOVER_MAPPING[hover]}"
+    class:hello-btn-loader={showLoader || clicked}
+    disabled={disabled || clicked}
+    {style}
 >
-  {@html label}
-</button>
+    {@html label}
+</button>

package/dist/buttons/BaseButton.svelte.d.ts

@@ -1,34 +1,36 @@
-import { SvelteComponent } from "svelte";
 import type { ProviderHint, Scope } from '@hellocoop/definitions';
-import { Button } from '@hellocoop/definitions';
-declare const __propDef: {
-    props: {
-        label?: string;
-        style?: any;
-        color?: Button.Color;
-        theme?: Button.Theme;
-        hover?: Button.Hover;
-        scope?: Scope[];
-        update?: boolean;
-        targetURI?: string;
-        providerHint?: ProviderHint[];
-        showLoader?: boolean;
-        disabled?: boolean;
-        promptLogin?: boolean;
-        promptConsent?: boolean;
-        loginHint?: string;
-        domainHint?: string;
+import { Button } from '../types.js';
+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> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
     };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-    exports?: {} | undefined;
-    bindings?: string | undefined;
-};
-export type BaseButtonProps = typeof __propDef.props;
-export type BaseButtonEvents = typeof __propDef.events;
-export type BaseButtonSlots = typeof __propDef.slots;
-export default class BaseButton extends SvelteComponent<BaseButtonProps, BaseButtonEvents, BaseButtonSlots> {
+    z_$$bindings?: Bindings;
 }
-export {};
+declare const BaseButton: $$__sveltets_2_IsomorphicComponent<{
+    label?: string;
+    style?: any;
+    color?: Button.Color;
+    theme?: Button.Theme;
+    hover?: Button.Hover;
+    scope?: Scope[];
+    update?: Button.update;
+    targetURI?: string;
+    providerHint?: ProviderHint[];
+    showLoader?: boolean;
+    disabled?: boolean;
+    promptLogin?: boolean;
+    promptConsent?: boolean;
+    loginHint?: string;
+    domainHint?: string;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type BaseButton = InstanceType<typeof BaseButton>;
+export default BaseButton;

package/dist/buttons/ContinueButton.svelte

@@ -1,4 +1,5 @@
-<script>import BaseButton from "./BaseButton.svelte";
+<script lang="ts">
+    import BaseButton from './BaseButton.svelte'
 </script>
 
-<BaseButton {...$$props}/>
+<BaseButton {...$$props} />

package/dist/buttons/ContinueButton.svelte.d.ts

@@ -1,18 +1,20 @@
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        [x: string]: any;
+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> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
     };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-    exports?: undefined;
-    bindings?: undefined;
-};
-export type ContinueButtonProps = typeof __propDef.props;
-export type ContinueButtonEvents = typeof __propDef.events;
-export type ContinueButtonSlots = typeof __propDef.slots;
-export default class ContinueButton extends SvelteComponent<ContinueButtonProps, ContinueButtonEvents, ContinueButtonSlots> {
+    z_$$bindings?: Bindings;
 }
-export {};
+declare const ContinueButton: $$__sveltets_2_IsomorphicComponent<{
+    [x: string]: any;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type ContinueButton = InstanceType<typeof ContinueButton>;
+export default ContinueButton;

package/dist/buttons/LoginButton.svelte

@@ -1,4 +1,5 @@
-<script>import BaseButton from "./BaseButton.svelte";
+<script lang="ts">
+    import BaseButton from './BaseButton.svelte'
 </script>
 
-<BaseButton {...$$props} label="ō&nbsp;&nbsp;&nbsp;Login with Hellō" />
+<BaseButton {...$$props} label="ō&nbsp;&nbsp;&nbsp;Login with Hellō" />

package/dist/buttons/LoginButton.svelte.d.ts

@@ -1,18 +1,20 @@
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        [x: string]: any;
+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> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
     };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-    exports?: undefined;
-    bindings?: undefined;
-};
-export type LoginButtonProps = typeof __propDef.props;
-export type LoginButtonEvents = typeof __propDef.events;
-export type LoginButtonSlots = typeof __propDef.slots;
-export default class LoginButton extends SvelteComponent<LoginButtonProps, LoginButtonEvents, LoginButtonSlots> {
+    z_$$bindings?: Bindings;
 }
-export {};
+declare const LoginButton: $$__sveltets_2_IsomorphicComponent<{
+    [x: string]: any;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type LoginButton = InstanceType<typeof LoginButton>;
+export default LoginButton;

package/dist/buttons/UpdateProfileButton.svelte

@@ -1,4 +1,9 @@
-<script>import BaseButton from "./BaseButton.svelte.js";
+<script lang="ts">
+    import BaseButton from './BaseButton.svelte'
 </script>
 
-<BaseButton {...$$props} label="ō&nbsp;&nbsp;&nbsp;Update Profile with Hellō" update={true} />
+<BaseButton
+    {...$$props}
+    label="ō&nbsp;&nbsp;&nbsp;Update Profile with Hellō"
+    update={true}
+/>

package/dist/buttons/UpdateProfileButton.svelte.d.ts

@@ -1,18 +1,20 @@
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        [x: string]: any;
+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> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
     };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-    exports?: undefined;
-    bindings?: undefined;
-};
-export type UpdateProfileButtonProps = typeof __propDef.props;
-export type UpdateProfileButtonEvents = typeof __propDef.events;
-export type UpdateProfileButtonSlots = typeof __propDef.slots;
-export default class UpdateProfileButton extends SvelteComponent<UpdateProfileButtonProps, UpdateProfileButtonEvents, UpdateProfileButtonSlots> {
+    z_$$bindings?: Bindings;
 }
-export {};
+declare const UpdateProfileButton: $$__sveltets_2_IsomorphicComponent<{
+    [x: string]: any;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type UpdateProfileButton = InstanceType<typeof UpdateProfileButton>;
+export default UpdateProfileButton;

package/dist/index.d.ts

@@ -5,4 +5,4 @@ export { default as LoggedIn } from './login-status/LoggedIn.svelte';
 export { default as LoggedOut } from './login-status/LoggedOut.svelte';
 export * from './auth.js';
 export * from './logout.js';
-export { default as HelloProvider, routeConfig, getHelloProviderContext } from './Provider.svelte';
+export { default as HelloProvider, routeConfig, getHelloProviderContext, } from './Provider.svelte';

package/dist/index.js

@@ -12,4 +12,4 @@ export * from './auth.js';
 export * from './logout.js';
 //Provider
 // @ts-ignore tbd - has no exported member?
-export { default as HelloProvider, routeConfig, getHelloProviderContext } from './Provider.svelte';
+export { default as HelloProvider, routeConfig, getHelloProviderContext, } from './Provider.svelte';

package/dist/login-status/LoggedIn.svelte

@@ -1,7 +1,11 @@
-<script>import { useAuth } from "../auth.js";
-const isLoggedIn = () => useAuth()?.isLoggedIn || false;
+<script lang="ts">
+    import { useAuth } from '../auth.js'
+    import type { Readable } from 'svelte/store'
+
+    const isLoggedIn = (): Readable<boolean> | boolean =>
+        useAuth()?.isLoggedIn || false
 </script>
 
 {#if isLoggedIn()}
-  <slot/>
-{/if}
+    <slot />
+{/if}

package/dist/login-status/LoggedIn.svelte.d.ts

@@ -1,18 +1,20 @@
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: Record<string, never>;
-    events: {
-        [evt: string]: CustomEvent<any>;
+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> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
     };
-    slots: {
-        default: {};
-    };
-    exports?: {} | undefined;
-    bindings?: string | undefined;
-};
-export type LoggedInProps = typeof __propDef.props;
-export type LoggedInEvents = typeof __propDef.events;
-export type LoggedInSlots = typeof __propDef.slots;
-export default class LoggedIn extends SvelteComponent<LoggedInProps, LoggedInEvents, LoggedInSlots> {
+    z_$$bindings?: Bindings;
 }
-export {};
+declare const LoggedIn: $$__sveltets_2_IsomorphicComponent<any, {
+    [evt: string]: CustomEvent<any>;
+}, {
+    default: {};
+}, {}, string>;
+type LoggedIn = InstanceType<typeof LoggedIn>;
+export default LoggedIn;

package/dist/login-status/LoggedOut.svelte

@@ -1,7 +1,11 @@
-<script>import { useAuth } from "../auth.js";
-const isLoggedIn = () => useAuth()?.isLoggedIn || false;
+<script lang="ts">
+    import { useAuth } from '../auth.js'
+    import type { Readable } from 'svelte/store'
+
+    const isLoggedIn = (): Readable<boolean> | boolean =>
+        useAuth()?.isLoggedIn || false
 </script>
-  
-  {#if !isLoggedIn()}
-    <slot/>
-  {/if}
+
+{#if !isLoggedIn()}
+    <slot />
+{/if}

package/dist/login-status/LoggedOut.svelte.d.ts

@@ -1,18 +1,20 @@
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: Record<string, never>;
-    events: {
-        [evt: string]: CustomEvent<any>;
+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> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
     };
-    slots: {
-        default: {};
-    };
-    exports?: {} | undefined;
-    bindings?: string | undefined;
-};
-export type LoggedOutProps = typeof __propDef.props;
-export type LoggedOutEvents = typeof __propDef.events;
-export type LoggedOutSlots = typeof __propDef.slots;
-export default class LoggedOut extends SvelteComponent<LoggedOutProps, LoggedOutEvents, LoggedOutSlots> {
+    z_$$bindings?: Bindings;
 }
-export {};
+declare const LoggedOut: $$__sveltets_2_IsomorphicComponent<any, {
+    [evt: string]: CustomEvent<any>;
+}, {
+    default: {};
+}, {}, string>;
+type LoggedOut = InstanceType<typeof LoggedOut>;
+export default LoggedOut;

package/dist/types.d.ts

@@ -8,11 +8,11 @@ export declare const VALID_SCOPES: readonly ["name", "nickname", "preferred_user
 export declare const VALID_RESPONSE_TYPE: readonly ["id_token", "code"];
 export declare const VALID_RESPONSE_MODE: string[];
 export declare const VALID_PROVIDER_HINT: readonly ["apple", "discord", "facebook", "github", "gitlab", "google", "twitch", "twitter", "tumblr", "mastodon", "microsoft", "line", "wordpress", "yahoo", "phone", "ethereum", "qrcode", "apple--", "microsoft--", "google--", "email--", "passkey--"];
-export type Scope = typeof VALID_SCOPES[number];
-export type AuthResponseType = typeof VALID_RESPONSE_TYPE[number];
-export type AuthResponseMode = typeof VALID_RESPONSE_MODE[number];
-export type ProviderHint = typeof VALID_PROVIDER_HINT[number];
-type IdentityClaims = typeof VALID_IDENTITY_CLAIMS[number];
+export type Scope = (typeof VALID_SCOPES)[number];
+export type AuthResponseType = (typeof VALID_RESPONSE_TYPE)[number];
+export type AuthResponseMode = (typeof VALID_RESPONSE_MODE)[number];
+export type ProviderHint = (typeof VALID_PROVIDER_HINT)[number];
+type IdentityClaims = (typeof VALID_IDENTITY_CLAIMS)[number];
 type OptionalClaims = {
     [K in IdentityClaims]?: unknown;
 };
@@ -34,9 +34,9 @@ export type TokenHeader = {
     alg: string;
 };
 export declare namespace Button {
-    type Color = "black" | "white";
-    type Theme = "ignore-light" | "ignore-dark" | "aware-invert" | "aware-static";
-    type Hover = "pop" | "glow" | "flare" | "none";
+    type Color = 'black' | 'white';
+    type Theme = 'ignore-light' | 'ignore-dark' | 'aware-invert' | 'aware-static';
+    type Hover = 'pop' | 'glow' | 'flare' | 'none';
     type Update = boolean;
     const STYLES_URL = "https://cdn.hello.coop/css/hello-btn.css";
     const HOVER_MAPPING: {
@@ -47,16 +47,16 @@ export declare namespace Button {
     };
     const CLASS_MAPPING: {
         black: {
-            "ignore-light": string;
-            "ignore-dark": string;
-            "aware-invert": string;
-            "aware-static": string;
+            'ignore-light': string;
+            'ignore-dark': string;
+            'aware-invert': string;
+            'aware-static': string;
         };
         white: {
-            "ignore-light": string;
-            "ignore-dark": string;
-            "aware-invert": string;
-            "aware-static": string;
+            'ignore-light': string;
+            'ignore-dark': string;
+            'aware-invert': string;
+            'aware-static': string;
         };
     };
 }

package/dist/types.js

@@ -17,7 +17,7 @@ export const VALID_IDENTITY_CLAIMS = [
     'discord',
     'twitter',
     'github',
-    'gitlab'
+    'gitlab',
 ];
 export const VALID_SCOPES = [
     ...VALID_IDENTITY_CLAIMS,
@@ -55,41 +55,27 @@ export const VALID_PROVIDER_HINT = [
     'email--',
     'passkey--',
 ];
-const CLASS_MAPPING = {
-    black: {
-        "ignore-light": "",
-        "ignore-dark": "hello-btn-black-on-dark",
-        "aware-invert": "hello-btn-black-and-invert",
-        "aware-static": "hello-btn-black-and-static"
-    },
-    white: {
-        "ignore-light": "hello-btn-white-on-light",
-        "ignore-dark": "hello-btn-white-on-dark",
-        "aware-invert": "hello-btn-white-and-invert",
-        "aware-static": "hello-btn-white-and-static"
-    },
-};
 export var Button;
 (function (Button) {
     Button.STYLES_URL = 'https://cdn.hello.coop/css/hello-btn.css';
     Button.HOVER_MAPPING = {
-        "pop": "",
-        "glow": "hello-btn-hover-glow",
-        "flare": "hello-btn-hover-flare",
-        "none": "hello-btn-hover-none"
+        pop: '',
+        glow: 'hello-btn-hover-glow',
+        flare: 'hello-btn-hover-flare',
+        none: 'hello-btn-hover-none',
     };
     Button.CLASS_MAPPING = {
         black: {
-            "ignore-light": "",
-            "ignore-dark": "hello-btn-black-on-dark",
-            "aware-invert": "hello-btn-black-and-invert",
-            "aware-static": "hello-btn-black-and-static"
+            'ignore-light': '',
+            'ignore-dark': 'hello-btn-black-on-dark',
+            'aware-invert': 'hello-btn-black-and-invert',
+            'aware-static': 'hello-btn-black-and-static',
         },
         white: {
-            "ignore-light": "hello-btn-white-on-light",
-            "ignore-dark": "hello-btn-white-on-dark",
-            "aware-invert": "hello-btn-white-and-invert",
-            "aware-static": "hello-btn-white-and-static"
+            'ignore-light': 'hello-btn-white-on-light',
+            'ignore-dark': 'hello-btn-white-on-dark',
+            'aware-invert': 'hello-btn-white-and-invert',
+            'aware-static': 'hello-btn-white-and-static',
         },
     };
 })(Button || (Button = {}));

package/package.json

@@ -1,65 +1,66 @@
 {
-	"name": "@hellocoop/svelte",
-	"version": "2.1.6",
-	"description": "Svelte SDK for Hellō https://hello.dev",
-	"repository": {
-		"type": "git",
-		"url": "git+https://github.com/hellocoop/packages.git"
-	},
-	"homepage": "https://www.hello.dev/docs/sdks/svelte",
-	"scripts": {
-		"build": "svelte-kit sync && svelte-package && publint",
-		"prebuild": "rimraf dist node_modules"
-	},
-	"exports": {
-		".": {
-			"types": "./dist/index.d.ts",
-			"svelte": "./dist/index.js"
-		}
-	},
-	"keywords": [
-		"reactjs",
-		"react",
-		"react.js",
-		"hello",
-		"openid",
-		"oidc",
-		"sso"
-	],
-	"author": {
-		"name": "Hello Identity Co-op",
-		"email": "contact@hello.coop",
-		"url": "https://hello.coop"
-	},
-	"license": "MIT",
-	"bugs": {
-		"url": "https://github.com/hellocoop/packages/issues"
-	},
-	"files": [
-		"dist",
-		"!dist/**/*.test.*",
-		"!dist/**/*.spec.*"
-	],
-	"peerDependencies": {
-		"svelte": "^4.0.0"
-	},
-	"devDependencies": {
-		"@sveltejs/adapter-auto": "^2.1.1",
-		"@sveltejs/kit": "^1.20.4",
-		"@sveltejs/package": "^2.0.0",
-		"publint": "^0.1.9",
-		"svelte": "^4.0.5",
-		"svelte-check": "^3.4.3",
-		"tslib": "^2.4.1",
-		"typescript": "^5.0.0",
-		"vite": "^4.4.2"
-	},
-	"svelte": "./dist/index.js",
-	"types": "./dist/index.d.ts",
-	"type": "module",
-	"dependencies": {
-		"@hellocoop/definitions": "^1.0.9",
-		"sswr": "^2.0.0"
-	},
-	"gitHead": "d90d99cd74ed47abb3c8808dacf128d57d0b786e"
+    "name": "@hellocoop/svelte",
+    "version": "2.1.8-canary.0",
+    "description": "Svelte SDK for Hellō https://hello.dev",
+    "repository": {
+        "type": "git",
+        "url": "git+https://github.com/hellocoop/packages.git"
+    },
+    "homepage": "https://www.hello.dev/docs/sdks/svelte",
+    "scripts": {
+        "build": "svelte-kit sync && svelte-package && publint",
+        "prebuild": "rimraf dist node_modules"
+    },
+    "exports": {
+        ".": {
+            "types": "./dist/index.d.ts",
+            "svelte": "./dist/index.js"
+        }
+    },
+    "keywords": [
+        "reactjs",
+        "react",
+        "react.js",
+        "hello",
+        "openid",
+        "oidc",
+        "sso"
+    ],
+    "author": {
+        "name": "Hello Identity Co-op",
+        "email": "contact@hello.coop",
+        "url": "https://hello.coop"
+    },
+    "license": "MIT",
+    "bugs": {
+        "url": "https://github.com/hellocoop/packages/issues"
+    },
+    "files": [
+        "dist",
+        "!dist/**/*.test.*",
+        "!dist/**/*.spec.*"
+    ],
+    "peerDependencies": {
+        "svelte": ">=4.0.0"
+    },
+    "devDependencies": {
+        "@sveltejs/adapter-auto": "^3.3.1",
+        "@sveltejs/kit": "^2.9.1",
+        "@sveltejs/package": "^2.3.7",
+        "@sveltejs/vite-plugin-svelte": "^5.0.1",
+        "publint": "^0.2.12",
+        "svelte": "^5.10.0",
+        "svelte-check": "^4.1.1",
+        "tslib": "^2.8.1",
+        "typescript": "^5.7.2",
+        "vite": "^6.0.3"
+    },
+    "svelte": "./dist/index.js",
+    "types": "./dist/index.d.ts",
+    "type": "module",
+    "gitHead": "96cc2f3fa1a3724a4a96b19cc7c5d97f04cc49f8",
+    "dependencies": {
+        "@hellocoop/definitions": "^1.0.9",
+        "sswr": "^2.1.0"
+    }
 }

package/LICENSE

@@ -1,21 +0,0 @@
-MIT License
-
-Copyright (c) 2023 Hellō
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.