@hellocoop/vue 1.0.0

package/README.md

@@ -0,0 +1,10 @@
+# Vue package for Hellō
+
+[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 [Vue](https://vuejs.org/) package provides:
+- Vue components for buttons and logged in context
+
+See the [Vue SDK documentation](https://www.hello.dev/docs/sdks/vue) for details.
+
+

package/dist/auth.d.ts

@@ -0,0 +1,19 @@
+import type { Claims } from './types';
+type AuthCookie = {
+    sub: string;
+    iat: number;
+} & Claims & {
+    [key: string]: any;
+};
+export type Auth = {
+    isLoggedIn: false;
+} | ({
+    isLoggedIn: true;
+} & AuthCookie);
+export type AuthState = {
+    auth: Auth | {};
+    isLoading: boolean;
+    isLoggedIn: boolean | undefined;
+};
+export declare const useAuth: () => AuthState;
+export {};

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

@@ -0,0 +1,54 @@
+import { Button, type ProviderHint, type Scope } from '../types';
+interface Props {
+    label?: string;
+    style?: any;
+    color?: Button.Color;
+    theme?: Button.Theme;
+    hover?: Button.Hover;
+    scope?: Scope[];
+    updateScope?: Button.UpdateScope;
+    targetURI?: string;
+    providerHint?: ProviderHint[];
+    showLoader?: boolean;
+    disabled?: boolean;
+}
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+    label: string;
+    color: string;
+    theme: string;
+    hover: string;
+    showLoader: boolean;
+    disabled: boolean;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+    label: string;
+    color: string;
+    theme: string;
+    hover: string;
+    showLoader: boolean;
+    disabled: boolean;
+}>>>, {
+    label: string;
+    color: Button.Color;
+    theme: Button.Theme;
+    hover: Button.Hover;
+    showLoader: boolean;
+    disabled: boolean;
+}, {}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

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

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+export default _default;

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

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+export default _default;

package/dist/buttons/UpdateDiscordButton.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+export default _default;

package/dist/buttons/UpdateEmailButton.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+export default _default;

package/dist/buttons/UpdateGitHubButton.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+export default _default;

package/dist/buttons/UpdateGitLabButton.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+export default _default;

package/dist/buttons/UpdatePictureButton.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+export default _default;

package/dist/buttons/UpdateTwitterButton.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+export default _default;

package/dist/index.d.ts

@@ -0,0 +1,13 @@
+export { default as ContinueButton } from './buttons/ContinueButton.vue';
+export { default as LoginButton } from './buttons/LoginButton.vue';
+export { default as UpdateEmailButton } from './buttons/UpdateEmailButton.vue';
+export { default as UpdatePictureButton } from './buttons/UpdatePictureButton.vue';
+export { default as UpdateTwitterButton } from './buttons/UpdateTwitterButton.vue';
+export { default as UpdateDiscordButton } from './buttons/UpdateDiscordButton.vue';
+export { default as UpdateGitHubButton } from './buttons/UpdateGitHubButton.vue';
+export { default as UpdateGitLabButton } from './buttons/UpdateGitLabButton.vue';
+export { default as LoggedIn } from './login-status/LoggedIn.vue';
+export { default as LoggedOut } from './login-status/LoggedOut.vue';
+export * from './auth.js';
+export * from './logout.js';
+export { default as HelloProvider, routeConfig, useHelloProviderContext } from './provider.js';

package/dist/index.mjs

@@ -0,0 +1,186 @@
+import { provide as w, inject as L, defineComponent as n, ref as v, openBlock as a, createElementBlock as d, normalizeClass as B, unref as h, normalizeStyle as H, createElementVNode as U, createBlock as i, renderSlot as p, createCommentVNode as g } from "vue";
+const c = {
+  login: "/api/hellocoop?login=true",
+  auth: "/api/hellocoop?auth=true",
+  logout: "/api/hellocoop?logout=true"
+}, f = "HelloAuth", P = () => L(f), E = {
+  props: ["auth", "config"],
+  setup(t) {
+    var o, e, l;
+    (o = t == null ? void 0 : t.config) != null && o.login && (c.login = t.config.login), (e = t == null ? void 0 : t.config) != null && e.auth && (c.auth = t.config.auth), (l = t == null ? void 0 : t.config) != null && l.logout && (c.logout = t.config.logout), w(f, t.auth);
+  },
+  render() {
+    return this.$slots.default();
+  }
+};
+var u;
+((t) => {
+  t.STYLES_URL = "https://cdn.hello.coop/css/hello-btn.css", t.HOVER_MAPPING = {
+    pop: "",
+    glow: "hello-btn-hover-glow",
+    flare: "hello-btn-hover-flare",
+    none: "hello-btn-hover-none"
+  }, t.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"
+    }
+  };
+})(u || (u = {}));
+const S = ["disabled"], k = ["innerHTML"], r = /* @__PURE__ */ n({
+  __name: "BaseButton",
+  props: {
+    label: { default: "ō   Continue with Hellō" },
+    style: {},
+    color: { default: "black" },
+    theme: { default: "ignore-light" },
+    hover: { default: "pop" },
+    scope: {},
+    updateScope: {},
+    targetURI: {},
+    providerHint: {},
+    showLoader: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 }
+  },
+  setup(t) {
+    const o = v(!1), e = t, l = new URL(c.login, window.location.origin);
+    e.scope && l.searchParams.set("scope", e.scope.join(" ")), l.searchParams.set("target_uri", e.targetURI || window.location.pathname), e.updateScope && l.searchParams.set("scope", "profile_update " + e.updateScope), e.providerHint && l.searchParams.set("provider_hint", e.providerHint.join(" "));
+    const m = () => {
+      o.value = !0, window.location.href = l.href;
+    };
+    return (s, R) => {
+      var _;
+      return a(), d("button", {
+        onClick: m,
+        class: B(["hello-btn", (_ = h(u).CLASS_MAPPING[e.color]) == null ? void 0 : _[e.theme], h(u).HOVER_MAPPING[s.hover], (s.showLoader || o.value) && "hello-btn-loader"]),
+        disabled: e.disabled || o.value,
+        style: H(s.style)
+      }, [
+        U("span", { innerHTML: s.label }, null, 8, k)
+      ], 14, S);
+    };
+  }
+}), G = /* @__PURE__ */ n({
+  __name: "ContinueButton",
+  setup(t) {
+    return (o, e) => (a(), i(r));
+  }
+}), A = /* @__PURE__ */ n({
+  __name: "LoginButton",
+  setup(t) {
+    return (o, e) => (a(), i(r, { label: "ō   Login with Hellō" }));
+  }
+}), x = /* @__PURE__ */ n({
+  __name: "UpdateEmailButton",
+  setup(t) {
+    return (o, e) => (a(), i(r, {
+      label: "ō   Update Email with Hellō",
+      updateScope: "email"
+    }));
+  }
+}), O = /* @__PURE__ */ n({
+  __name: "UpdatePictureButton",
+  setup(t) {
+    return (o, e) => (a(), i(r, {
+      label: "ō   Update Picture with Hellō",
+      updateScope: "picture"
+    }));
+  }
+}), M = /* @__PURE__ */ n({
+  __name: "UpdateTwitterButton",
+  setup(t) {
+    return (o, e) => (a(), i(r, {
+      label: "ō   Update Twitter with Hellō",
+      updateScope: "twitter"
+    }));
+  }
+}), N = /* @__PURE__ */ n({
+  __name: "UpdateDiscordButton",
+  setup(t) {
+    return (o, e) => (a(), i(r, {
+      label: "ō   Update Discord with Hellō",
+      updateScope: "discord"
+    }));
+  }
+}), T = /* @__PURE__ */ n({
+  __name: "UpdateGitHubButton",
+  setup(t) {
+    return (o, e) => (a(), i(r, {
+      label: "ō   Update GitHub with Hellō",
+      updateScope: "github"
+    }));
+  }
+}), V = /* @__PURE__ */ n({
+  __name: "UpdateGitLabButton",
+  setup(t) {
+    return (o, e) => (a(), i(r, {
+      label: "ō   Update GitLab with Hellō",
+      updateScope: "gitlab"
+    }));
+  }
+}), I = async (t) => {
+  try {
+    return await (await fetch(t)).json();
+  } catch (o) {
+    console.error(o);
+    return;
+  }
+}, b = () => {
+  const t = P(), { data: o = t, isValidating: e } = useSWR(c.auth, I);
+  return {
+    auth: o || {},
+    isLoading: e,
+    isLoggedIn: o == null ? void 0 : o.isLoggedIn
+  };
+}, $ = { key: 0 }, j = /* @__PURE__ */ n({
+  __name: "LoggedIn",
+  setup(t) {
+    const o = () => {
+      var e;
+      return ((e = b()) == null ? void 0 : e.isLoggedIn) || !1;
+    };
+    return (e, l) => o() ? (a(), d("div", $, [
+      p(e.$slots, "default")
+    ])) : g("", !0);
+  }
+}), C = { key: 0 }, D = /* @__PURE__ */ n({
+  __name: "LoggedOut",
+  setup(t) {
+    const o = () => {
+      var e;
+      return ((e = b()) == null ? void 0 : e.isLoggedIn) || !1;
+    };
+    return (e, l) => o() ? g("", !0) : (a(), d("div", C, [
+      p(e.$slots, "default")
+    ]));
+  }
+}), z = () => c.logout;
+function Y() {
+  window.location.href = c.logout;
+}
+export {
+  G as ContinueButton,
+  E as HelloProvider,
+  j as LoggedIn,
+  D as LoggedOut,
+  A as LoginButton,
+  N as UpdateDiscordButton,
+  x as UpdateEmailButton,
+  T as UpdateGitHubButton,
+  V as UpdateGitLabButton,
+  O as UpdatePictureButton,
+  M as UpdateTwitterButton,
+  z as getLogOutRoute,
+  Y as logOut,
+  c as routeConfig,
+  b as useAuth,
+  P as useHelloProviderContext
+};

package/dist/index.umd.js

@@ -0,0 +1 @@
+(function(a,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(a=typeof globalThis<"u"?globalThis:a||self,e(a["@hellocoop/vue"]={},a.Vue))})(this,function(a,e){"use strict";const i={login:"/api/hellocoop?login=true",auth:"/api/hellocoop?auth=true",logout:"/api/hellocoop?logout=true"},u="HelloAuth",_=()=>e.inject(u),p={props:["auth","config"],setup(o){var n,t,l;(n=o==null?void 0:o.config)!=null&&n.login&&(i.login=o.config.login),(t=o==null?void 0:o.config)!=null&&t.auth&&(i.auth=o.config.auth),(l=o==null?void 0:o.config)!=null&&l.logout&&(i.logout=o.config.logout),e.provide(u,o.auth)},render(){return this.$slots.default()}};var r;(o=>{o.STYLES_URL="https://cdn.hello.coop/css/hello-btn.css",o.HOVER_MAPPING={pop:"",glow:"hello-btn-hover-glow",flare:"hello-btn-hover-flare",none:"hello-btn-hover-none"},o.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"}}})(r||(r={}));const f=["disabled"],g=["innerHTML"],c=e.defineComponent({__name:"BaseButton",props:{label:{default:"ō&nbsp;&nbsp;&nbsp;Continue with Hellō"},style:{},color:{default:"black"},theme:{default:"ignore-light"},hover:{default:"pop"},scope:{},updateScope:{},targetURI:{},providerHint:{},showLoader:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1}},setup(o){const n=e.ref(!1),t=o,l=new URL(i.login,window.location.origin);t.scope&&l.searchParams.set("scope",t.scope.join(" ")),l.searchParams.set("target_uri",t.targetURI||window.location.pathname),t.updateScope&&l.searchParams.set("scope","profile_update "+t.updateScope),t.providerHint&&l.searchParams.set("provider_hint",t.providerHint.join(" "));const R=()=>{n.value=!0,window.location.href=l.href};return(s,A)=>{var h;return e.openBlock(),e.createElementBlock("button",{onClick:R,class:e.normalizeClass(["hello-btn",(h=e.unref(r).CLASS_MAPPING[t.color])==null?void 0:h[t.theme],e.unref(r).HOVER_MAPPING[s.hover],(s.showLoader||n.value)&&"hello-btn-loader"]),disabled:t.disabled||n.value,style:e.normalizeStyle(s.style)},[e.createElementVNode("span",{innerHTML:s.label},null,8,g)],14,f)}}}),m=e.defineComponent({__name:"ContinueButton",setup(o){return(n,t)=>(e.openBlock(),e.createBlock(c))}}),b=e.defineComponent({__name:"LoginButton",setup(o){return(n,t)=>(e.openBlock(),e.createBlock(c,{label:"ō   Login with Hellō"}))}}),B=e.defineComponent({__name:"UpdateEmailButton",setup(o){return(n,t)=>(e.openBlock(),e.createBlock(c,{label:"ō   Update Email with Hellō",updateScope:"email"}))}}),k=e.defineComponent({__name:"UpdatePictureButton",setup(o){return(n,t)=>(e.openBlock(),e.createBlock(c,{label:"ō   Update Picture with Hellō",updateScope:"picture"}))}}),w=e.defineComponent({__name:"UpdateTwitterButton",setup(o){return(n,t)=>(e.openBlock(),e.createBlock(c,{label:"ō   Update Twitter with Hellō",updateScope:"twitter"}))}}),L=e.defineComponent({__name:"UpdateDiscordButton",setup(o){return(n,t)=>(e.openBlock(),e.createBlock(c,{label:"ō   Update Discord with Hellō",updateScope:"discord"}))}}),C=e.defineComponent({__name:"UpdateGitHubButton",setup(o){return(n,t)=>(e.openBlock(),e.createBlock(c,{label:"ō   Update GitHub with Hellō",updateScope:"github"}))}}),H=e.defineComponent({__name:"UpdateGitLabButton",setup(o){return(n,t)=>(e.openBlock(),e.createBlock(c,{label:"ō   Update GitLab with Hellō",updateScope:"gitlab"}))}}),U=async o=>{try{return await(await fetch(o)).json()}catch(n){console.error(n);return}},d=()=>{const o=_(),{data:n=o,isValidating:t}=useSWR(i.auth,U);return{auth:n||{},isLoading:t,isLoggedIn:n==null?void 0:n.isLoggedIn}},S={key:0},P=e.defineComponent({__name:"LoggedIn",setup(o){const n=()=>{var t;return((t=d())==null?void 0:t.isLoggedIn)||!1};return(t,l)=>n()?(e.openBlock(),e.createElementBlock("div",S,[e.renderSlot(t.$slots,"default")])):e.createCommentVNode("",!0)}}),I={key:0},$=e.defineComponent({__name:"LoggedOut",setup(o){const n=()=>{var t;return((t=d())==null?void 0:t.isLoggedIn)||!1};return(t,l)=>n()?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",I,[e.renderSlot(t.$slots,"default")]))}}),y=()=>i.logout;function E(){window.location.href=i.logout}a.ContinueButton=m,a.HelloProvider=p,a.LoggedIn=P,a.LoggedOut=$,a.LoginButton=b,a.UpdateDiscordButton=L,a.UpdateEmailButton=B,a.UpdateGitHubButton=C,a.UpdateGitLabButton=H,a.UpdatePictureButton=k,a.UpdateTwitterButton=w,a.getLogOutRoute=y,a.logOut=E,a.routeConfig=i,a.useAuth=d,a.useHelloProviderContext=_,Object.defineProperty(a,Symbol.toStringTag,{value:"Module"})});

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

@@ -0,0 +1,9 @@
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,9 @@
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/logout.d.ts

@@ -0,0 +1,2 @@
+export declare const getLogOutRoute: () => string;
+export declare function logOut(): void;

package/dist/provider.d.ts

@@ -0,0 +1,13 @@
+export type RouteConfig = {
+    login: string;
+    auth: string;
+    logout: string;
+};
+export declare const routeConfig: RouteConfig;
+export declare const useHelloProviderContext: () => unknown;
+declare const _default: {
+    props: string[];
+    setup(props: any): void;
+    render(): void;
+};
+export default _default;

package/dist/types.d.ts

@@ -0,0 +1,63 @@
+export declare const PRODUCTION_WALLET: string;
+export declare const DEFAULT_SCOPE: Scope[];
+export declare const DEFAULT_RESPONSE_TYPE: AuthResponseType;
+export declare const DEFAULT_RESPONSE_MODE: AuthResponseMode;
+export declare const DEFAULT_PATH: string;
+export declare const VALID_IDENTITY_CLAIMS: readonly ["name", "nickname", "preferred_username", "given_name", "family_name", "email", "phone", "picture", "ethereum", "discord", "twitter", "github", "gitlab"];
+export declare const VALID_SCOPES: readonly ["name", "nickname", "preferred_username", "given_name", "family_name", "email", "phone", "picture", "ethereum", "discord", "twitter", "github", "gitlab", "openid", "profile_update"];
+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];
+type OptionalClaims = {
+    [K in IdentityClaims]?: unknown;
+};
+export type Claims = OptionalClaims & {
+    sub: string;
+};
+export type TokenPayload = OptionalClaims & {
+    iss: string;
+    aud: string;
+    nonce: string;
+    jti: string;
+    sub: string;
+    scope: string[];
+    iat: number;
+    exp: number;
+};
+export type TokenHeader = {
+    typ: string;
+    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 UpdateScope = "email" | "picture" | "twitter" | "discord" | "github" | "gitlab";
+    const STYLES_URL = "https://cdn.hello.coop/css/hello-btn.css";
+    const HOVER_MAPPING: {
+        pop: string;
+        glow: string;
+        flare: string;
+        none: string;
+    };
+    const CLASS_MAPPING: {
+        black: {
+            "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;
+        };
+    };
+}
+export {};

package/package.json

@@ -0,0 +1,52 @@
+{
+	"name": "@hellocoop/vue",
+	"version": "1.0.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/vue",
+	"keywords": [
+		"vuejs",
+		"vue",
+		"vue.js",
+		"hello",
+		"openid",
+		"oidc",
+		"sso"
+	],
+	"author": {
+		"name": "Hello Identity Co-op",
+		"email": "contact@hello.coop",
+		"url": "https://hello.coop"
+	},
+	"main": "./dist/index.umd.js",
+	"module": "./dist/index.mjs",
+	"exports": {
+		".": {
+			"import": "./dist/index.mjs",
+			"require": "./dist/index.umd.js"
+		}
+	},
+	"unpkg": "dist/index.umd.min.js",
+	"types": "./dist/index.d.ts",
+	"license": "MIT",
+	"bugs": {
+		"url": "https://github.com/hellocoop/packages/issues"
+	},
+	"files": [
+		"dist"
+	],
+	"scripts": {
+		"build": "vite build"
+	},
+	"dependencies": {
+		"swrv": "^1.0.4",
+		"vue": "^3.0.5"
+	},
+	"devDependencies": {
+		"typescript": "^5.2.2",
+		"vite-plugin-dts": "^3.6.3"
+	}
+}