@hellocoop/svelte 2.1.5 → 2.1.7

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/>

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/buttons/BaseButton.svelte

@@ -1,56 +1,94 @@
-<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;
+<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)
+  
+  interface $$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
+  }
+
+  // All prop exports must still be typed standalone and in the $$Props interface
+  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
   }
-});
-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>
 
 <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?: boolean;
+    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}/>

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ō" />

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,5 @@
-<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} />

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/login-status/LoggedIn.svelte

@@ -1,5 +1,8 @@
-<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()}

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,6 +1,9 @@
-<script>import { useAuth } from "../auth.js";
-const isLoggedIn = () => useAuth()?.isLoggedIn || false;
-</script>
+<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/>

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/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@hellocoop/svelte",
-	"version": "2.1.5",
+	"version": "2.1.7",
 	"description": "Svelte SDK for Hellō https://hello.dev",
 	"repository": {
 		"type": "git",
@@ -44,22 +44,23 @@
 		"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"
+		"@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": "8e7b54124db48051b9e03031399e4df1b6e41a4e",
 	"dependencies": {
-		"@hellocoop/definitions": "^1.0.8",
-		"sswr": "^2.0.0"
-	},
-	"gitHead": "96cc2f3fa1a3724a4a96b19cc7c5d97f04cc49f8"
+		"@hellocoop/definitions": "^1.0.9",
+		"sswr": "^2.1.0"
+	}
 }