@drmhse/authos-vue 0.1.0

package/dist/index.mjs

@@ -0,0 +1,511 @@
+import { AUTH_OS_INJECTION_KEY, useAuthOS } from './chunk-OGRUDANK.mjs';
+export { AUTH_OS_INJECTION_KEY, useAuthOS } from './chunk-OGRUDANK.mjs';
+import './chunk-6DZX6EAA.mjs';
+import { defineComponent, reactive, provide, onMounted, onUnmounted, h, ref, computed, inject } from 'vue';
+import { SsoClient, BrowserStorage, MemoryStorage, SsoApiError } from '@drmhse/sso-sdk';
+export { AuthErrorCodes, BrowserStorage, MemoryStorage, SsoApiError } from '@drmhse/sso-sdk';
+
+function createAuthOS(options) {
+  const getStorage = () => {
+    if (options.storage) return options.storage;
+    try {
+      if (typeof window !== "undefined" && window.localStorage) {
+        return new BrowserStorage();
+      }
+    } catch {
+    }
+    return new MemoryStorage();
+  };
+  const client = new SsoClient({
+    baseURL: options.baseUrl,
+    storage: getStorage()
+  });
+  const state = reactive({
+    user: null,
+    isAuthenticated: false,
+    isLoading: true,
+    currentOrganization: null,
+    organizations: []
+  });
+  const context = {
+    client,
+    state
+  };
+  return {
+    install(app) {
+      client.onAuthStateChange(async (isAuthenticated) => {
+        state.isAuthenticated = isAuthenticated;
+        state.isLoading = false;
+        if (isAuthenticated) {
+          try {
+            const profile = await client.user.getProfile();
+            state.user = profile;
+          } catch {
+            state.user = null;
+          }
+          try {
+            const orgs = await client.organizations.list();
+            state.organizations = orgs;
+            if (orgs.length > 0 && !state.currentOrganization) {
+              state.currentOrganization = orgs[0];
+            }
+          } catch {
+            state.organizations = [];
+          }
+        } else {
+          state.user = null;
+          state.currentOrganization = null;
+          state.organizations = [];
+        }
+      });
+      app.provide(AUTH_OS_INJECTION_KEY, context);
+      app.config.globalProperties.$authOS = context;
+    }
+  };
+}
+function useUser() {
+  const context = inject(AUTH_OS_INJECTION_KEY);
+  if (!context) {
+    return {
+      user: ref(null),
+      isLoading: computed(() => false)
+    };
+  }
+  const user = computed(() => context.state.user);
+  const isLoading = computed(() => context.state.isLoading);
+  return {
+    user,
+    isLoading
+  };
+}
+function useOrganization() {
+  const context = inject(AUTH_OS_INJECTION_KEY);
+  if (!context) {
+    return {
+      currentOrganization: ref(null),
+      organizations: ref([]),
+      switchOrganization: async () => null,
+      isSwitching: ref(false)
+    };
+  }
+  const currentOrganization = computed(() => context.state.currentOrganization);
+  const organizations = computed(() => context.state.organizations);
+  const isSwitching = ref(false);
+  async function switchOrganization(slug) {
+    if (!context) return;
+    isSwitching.value = true;
+    try {
+      const orgResponse = await context.client.organizations.get(slug);
+      context.state.currentOrganization = orgResponse;
+      return orgResponse;
+    } finally {
+      isSwitching.value = false;
+    }
+  }
+  return {
+    currentOrganization,
+    organizations,
+    switchOrganization,
+    isSwitching
+  };
+}
+var AuthOSProvider = defineComponent({
+  name: "AuthOSProvider",
+  props: {
+    baseUrl: {
+      type: String,
+      required: true
+    },
+    storage: {
+      type: Object,
+      default: void 0
+    },
+    client: {
+      type: Object,
+      default: void 0
+    }
+  },
+  setup(props, { slots }) {
+    const getStorage = () => {
+      if (props.storage) return props.storage;
+      if (typeof window !== "undefined") return new BrowserStorage();
+      return new MemoryStorage();
+    };
+    const client = props.client ?? new SsoClient({
+      baseURL: props.baseUrl,
+      storage: getStorage()
+    });
+    const state = reactive({
+      user: null,
+      isAuthenticated: false,
+      isLoading: true,
+      currentOrganization: null,
+      organizations: []
+    });
+    const context = { client, state };
+    provide(AUTH_OS_INJECTION_KEY, context);
+    let unsubscribe;
+    onMounted(() => {
+      unsubscribe = client.onAuthStateChange(async (isAuthenticated) => {
+        state.isAuthenticated = isAuthenticated;
+        state.isLoading = false;
+        if (isAuthenticated) {
+          try {
+            const profile = await client.user.getProfile();
+            state.user = profile;
+          } catch {
+            state.user = null;
+          }
+          try {
+            const orgs = await client.organizations.list();
+            state.organizations = orgs;
+            if (orgs.length > 0 && !state.currentOrganization) {
+              state.currentOrganization = orgs[0];
+            }
+          } catch {
+            state.organizations = [];
+          }
+        } else {
+          state.user = null;
+          state.currentOrganization = null;
+          state.organizations = [];
+        }
+      });
+    });
+    onUnmounted(() => {
+      unsubscribe?.();
+    });
+    return () => slots.default ? slots.default() : h("div");
+  }
+});
+var MFA_PREAUTH_EXPIRY = 300;
+var SignIn = defineComponent({
+  name: "SignIn",
+  props: {
+    onSuccess: {
+      type: Function,
+      default: void 0
+    },
+    onError: {
+      type: Function,
+      default: void 0
+    }
+  },
+  emits: ["success", "error"],
+  setup(props, { slots, emit }) {
+    const { client } = useAuthOS();
+    const email = ref("");
+    const password = ref("");
+    const mfaCode = ref("");
+    const preauthToken = ref("");
+    const step = ref("credentials");
+    const error = ref(null);
+    const isSubmitting = ref(false);
+    async function submit() {
+      error.value = null;
+      isSubmitting.value = true;
+      try {
+        if (step.value === "credentials") {
+          const result = await client.auth.login({
+            email: email.value,
+            password: password.value
+          });
+          if (result.expires_in === MFA_PREAUTH_EXPIRY) {
+            preauthToken.value = result.access_token;
+            step.value = "mfa";
+          } else {
+            emit("success");
+            props.onSuccess?.();
+          }
+        } else {
+          await client.auth.verifyMfa(preauthToken.value, mfaCode.value);
+          emit("success");
+          props.onSuccess?.();
+        }
+      } catch (err) {
+        const message = err instanceof SsoApiError ? err.message : "Login failed";
+        error.value = message;
+        const e = err instanceof Error ? err : new Error(message);
+        emit("error", e);
+        props.onError?.(e);
+      } finally {
+        isSubmitting.value = false;
+      }
+    }
+    return () => {
+      const slotProps = {
+        email: email.value,
+        password: password.value,
+        mfaCode: mfaCode.value,
+        step: step.value,
+        error: error.value,
+        isSubmitting: isSubmitting.value,
+        updateEmail: (v) => email.value = v,
+        updatePassword: (v) => password.value = v,
+        updateMfaCode: (v) => mfaCode.value = v,
+        submit
+      };
+      if (slots.default) {
+        return slots.default(slotProps);
+      }
+      return h("form", { onSubmit: (e) => {
+        e.preventDefault();
+        submit();
+      } }, [
+        step.value === "credentials" ? [
+          h("input", {
+            type: "email",
+            value: email.value,
+            placeholder: "Email",
+            onInput: (e) => email.value = e.target.value
+          }),
+          h("input", {
+            type: "password",
+            value: password.value,
+            placeholder: "Password",
+            onInput: (e) => password.value = e.target.value
+          })
+        ] : h("input", {
+          type: "text",
+          value: mfaCode.value,
+          placeholder: "MFA Code",
+          onInput: (e) => mfaCode.value = e.target.value
+        }),
+        error.value && h("p", { style: "color: red" }, error.value),
+        h("button", { type: "submit", disabled: isSubmitting.value }, isSubmitting.value ? "Signing in..." : "Sign In")
+      ]);
+    };
+  }
+});
+var SignUp = defineComponent({
+  name: "SignUp",
+  props: {
+    onSuccess: {
+      type: Function,
+      default: void 0
+    },
+    onError: {
+      type: Function,
+      default: void 0
+    }
+  },
+  emits: ["success", "error"],
+  setup(props, { slots, emit }) {
+    const { client } = useAuthOS();
+    const email = ref("");
+    const password = ref("");
+    const error = ref(null);
+    const isSubmitting = ref(false);
+    async function submit() {
+      error.value = null;
+      isSubmitting.value = true;
+      try {
+        await client.auth.register({
+          email: email.value,
+          password: password.value
+        });
+        emit("success");
+        props.onSuccess?.();
+      } catch (err) {
+        const message = err instanceof SsoApiError ? err.message : "Registration failed";
+        error.value = message;
+        const e = err instanceof Error ? err : new Error(message);
+        emit("error", e);
+        props.onError?.(e);
+      } finally {
+        isSubmitting.value = false;
+      }
+    }
+    return () => {
+      const slotProps = {
+        email: email.value,
+        password: password.value,
+        error: error.value,
+        isSubmitting: isSubmitting.value,
+        updateEmail: (v) => email.value = v,
+        updatePassword: (v) => password.value = v,
+        submit
+      };
+      if (slots.default) {
+        return slots.default(slotProps);
+      }
+      return h("form", { onSubmit: (e) => {
+        e.preventDefault();
+        submit();
+      } }, [
+        h("input", {
+          type: "email",
+          value: email.value,
+          placeholder: "Email",
+          onInput: (e) => email.value = e.target.value
+        }),
+        h("input", {
+          type: "password",
+          value: password.value,
+          placeholder: "Password",
+          onInput: (e) => password.value = e.target.value
+        }),
+        error.value && h("p", { style: "color: red" }, error.value),
+        h("button", { type: "submit", disabled: isSubmitting.value }, isSubmitting.value ? "Creating account..." : "Sign Up")
+      ]);
+    };
+  }
+});
+var OrganizationSwitcher = defineComponent({
+  name: "OrganizationSwitcher",
+  props: {
+    onSwitch: {
+      type: Function,
+      default: void 0
+    }
+  },
+  emits: ["switch"],
+  setup(props, { slots, emit }) {
+    const { currentOrganization, organizations, switchOrganization, isSwitching } = useOrganization();
+    async function switchTo(slug) {
+      await switchOrganization(slug);
+      const org = organizations.value.find((o) => o.organization.slug === slug);
+      if (org) {
+        emit("switch", org);
+        props.onSwitch?.(org);
+      }
+    }
+    return () => {
+      const slotProps = {
+        currentOrganization: currentOrganization.value,
+        organizations: organizations.value,
+        isSwitching: isSwitching.value,
+        switchTo
+      };
+      if (slots.default) {
+        return slots.default(slotProps);
+      }
+      return h(
+        "div",
+        { "data-authos-orgswitcher": "", "data-state": organizations.value.length > 0 ? "ready" : "empty" },
+        organizations.value.length > 0 ? h(
+          "select",
+          {
+            value: currentOrganization.value?.organization.slug ?? "",
+            disabled: isSwitching.value,
+            onChange: (e) => switchTo(e.target.value)
+          },
+          organizations.value.map(
+            (org) => h("option", { key: org.organization.id, value: org.organization.slug }, org.organization.name)
+          )
+        ) : "No organizations"
+      );
+    };
+  }
+});
+var UserButton = defineComponent({
+  name: "UserButton",
+  props: {
+    onLogout: {
+      type: Function,
+      default: void 0
+    }
+  },
+  emits: ["logout"],
+  setup(props, { slots, emit }) {
+    const { user, isLoading } = useUser();
+    const { client } = useAuthOS();
+    const isLoggingOut = ref(false);
+    async function logout() {
+      isLoggingOut.value = true;
+      try {
+        await client.auth.logout();
+        emit("logout");
+        props.onLogout?.();
+      } finally {
+        isLoggingOut.value = false;
+      }
+    }
+    return () => {
+      const slotProps = {
+        user: user.value,
+        isLoading: isLoading.value,
+        isLoggingOut: isLoggingOut.value,
+        logout
+      };
+      if (slots.default) {
+        return slots.default(slotProps);
+      }
+      if (isLoading.value) {
+        return h("div", { "data-authos-userbutton": "", "data-state": "loading" }, "Loading...");
+      }
+      if (!user.value) {
+        return h("div", { "data-authos-userbutton": "", "data-state": "signed-out" }, "Not signed in");
+      }
+      return h("div", { "data-authos-userbutton": "", "data-state": "signed-in", style: "display: flex; align-items: center; gap: 8px;" }, [
+        h("span", user.value.email),
+        h(
+          "button",
+          {
+            onClick: logout,
+            disabled: isLoggingOut.value
+          },
+          isLoggingOut.value ? "Logging out..." : "Logout"
+        )
+      ]);
+    };
+  }
+});
+var Protect = defineComponent({
+  name: "Protect",
+  props: {
+    permission: {
+      type: String,
+      default: void 0
+    },
+    permissions: {
+      type: Array,
+      default: void 0
+    },
+    requireAll: {
+      type: Boolean,
+      default: false
+    },
+    fallback: {
+      type: [Object, Function],
+      default: void 0
+    }
+  },
+  setup(props, { slots }) {
+    const { user, isLoading } = useUser();
+    const hasAccess = computed(() => {
+      if (isLoading.value || !user.value) {
+        return false;
+      }
+      const userPermissions = user.value.permissions ?? [];
+      if (props.permission) {
+        return userPermissions.includes(props.permission);
+      }
+      if (props.permissions && props.permissions.length > 0) {
+        if (props.requireAll) {
+          return props.permissions.every((p) => userPermissions.includes(p));
+        }
+        return props.permissions.some((p) => userPermissions.includes(p));
+      }
+      return true;
+    });
+    return () => {
+      if (isLoading.value) {
+        return h("div", { "data-authos-protect": "", "data-state": "loading" });
+      }
+      if (hasAccess.value) {
+        return h("div", { "data-authos-protect": "", "data-state": "allowed" }, slots.default?.());
+      }
+      if (props.fallback) {
+        const fallbackContent = typeof props.fallback === "function" ? props.fallback() : props.fallback;
+        return h("div", { "data-authos-protect": "", "data-state": "denied" }, [fallbackContent]);
+      }
+      if (slots.fallback) {
+        return h("div", { "data-authos-protect": "", "data-state": "denied" }, slots.fallback());
+      }
+      return h("div", { "data-authos-protect": "", "data-state": "denied" });
+    };
+  }
+});
+
+export { AuthOSProvider, OrganizationSwitcher, Protect, SignIn, SignUp, UserButton, createAuthOS, useOrganization, useUser };

package/dist/json5-WAUASGCX.mjs

@@ -0,0 +1,3 @@
+export { Cu as parseJSON5, Au as stringifyJSON5 } from './chunk-VCTSSS2F.mjs';
+import './chunk-JLL4L3HM.mjs';
+import './chunk-6DZX6EAA.mjs';

package/dist/jsonc-BXVTKCPI.mjs

@@ -0,0 +1,3 @@
+export { h as parseJSONC, d as stringifyJSONC } from './chunk-SW2YRXFK.mjs';
+import './chunk-JLL4L3HM.mjs';
+import './chunk-6DZX6EAA.mjs';

package/dist/multipart-parser-ZINPIK62.mjs

@@ -0,0 +1,173 @@
+import { require_node, require_node_fetch_native_DhEqb06g } from './chunk-XLWXQZHO.mjs';
+import { __commonJS, __require } from './chunk-6DZX6EAA.mjs';
+
+// node_modules/node-fetch-native/dist/chunks/multipart-parser.cjs
+var require_multipart_parser = __commonJS({
+  "node_modules/node-fetch-native/dist/chunks/multipart-parser.cjs"(exports$1) {
+    var y = Object.defineProperty;
+    var c = (R, o) => y(R, "name", { value: o, configurable: true });
+    var node = require_node();
+    __require("http"), __require("https"), __require("zlib"), __require("stream"), __require("buffer"), __require("util"), require_node_fetch_native_DhEqb06g(), __require("url"), __require("net"), __require("fs"), __require("path");
+    var s = 0;
+    var S = { START_BOUNDARY: s++, HEADER_FIELD_START: s++, HEADER_FIELD: s++, HEADER_VALUE_START: s++, HEADER_VALUE: s++, HEADER_VALUE_ALMOST_DONE: s++, HEADERS_ALMOST_DONE: s++, PART_DATA_START: s++, PART_DATA: s++, END: s++ };
+    var f = 1;
+    var F = { PART_BOUNDARY: f, LAST_BOUNDARY: f *= 2 };
+    var LF = 10;
+    var CR = 13;
+    var SPACE = 32;
+    var HYPHEN = 45;
+    var COLON = 58;
+    var A = 97;
+    var Z = 122;
+    var lower = c((R) => R | 32, "lower");
+    var noop = c(() => {
+    }, "noop");
+    var g = class g {
+      constructor(o) {
+        this.index = 0, this.flags = 0, this.onHeaderEnd = noop, this.onHeaderField = noop, this.onHeadersEnd = noop, this.onHeaderValue = noop, this.onPartBegin = noop, this.onPartData = noop, this.onPartEnd = noop, this.boundaryChars = {}, o = `\r
+--` + o;
+        const t = new Uint8Array(o.length);
+        for (let n = 0; n < o.length; n++) t[n] = o.charCodeAt(n), this.boundaryChars[t[n]] = true;
+        this.boundary = t, this.lookbehind = new Uint8Array(this.boundary.length + 8), this.state = S.START_BOUNDARY;
+      }
+      write(o) {
+        let t = 0;
+        const n = o.length;
+        let E = this.index, { lookbehind: l, boundary: h, boundaryChars: H, index: e, state: a, flags: d } = this;
+        const b = this.boundary.length, m = b - 1, O = o.length;
+        let r, P;
+        const u = c((D) => {
+          this[D + "Mark"] = t;
+        }, "mark"), i = c((D) => {
+          delete this[D + "Mark"];
+        }, "clear"), T = c((D, p, _, N) => {
+          (p === void 0 || p !== _) && this[D](N && N.subarray(p, _));
+        }, "callback"), L = c((D, p) => {
+          const _ = D + "Mark";
+          _ in this && (p ? (T(D, this[_], t, o), delete this[_]) : (T(D, this[_], o.length, o), this[_] = 0));
+        }, "dataCallback");
+        for (t = 0; t < n; t++) switch (r = o[t], a) {
+          case S.START_BOUNDARY:
+            if (e === h.length - 2) {
+              if (r === HYPHEN) d |= F.LAST_BOUNDARY;
+              else if (r !== CR) return;
+              e++;
+              break;
+            } else if (e - 1 === h.length - 2) {
+              if (d & F.LAST_BOUNDARY && r === HYPHEN) a = S.END, d = 0;
+              else if (!(d & F.LAST_BOUNDARY) && r === LF) e = 0, T("onPartBegin"), a = S.HEADER_FIELD_START;
+              else return;
+              break;
+            }
+            r !== h[e + 2] && (e = -2), r === h[e + 2] && e++;
+            break;
+          case S.HEADER_FIELD_START:
+            a = S.HEADER_FIELD, u("onHeaderField"), e = 0;
+          case S.HEADER_FIELD:
+            if (r === CR) {
+              i("onHeaderField"), a = S.HEADERS_ALMOST_DONE;
+              break;
+            }
+            if (e++, r === HYPHEN) break;
+            if (r === COLON) {
+              if (e === 1) return;
+              L("onHeaderField", true), a = S.HEADER_VALUE_START;
+              break;
+            }
+            if (P = lower(r), P < A || P > Z) return;
+            break;
+          case S.HEADER_VALUE_START:
+            if (r === SPACE) break;
+            u("onHeaderValue"), a = S.HEADER_VALUE;
+          case S.HEADER_VALUE:
+            r === CR && (L("onHeaderValue", true), T("onHeaderEnd"), a = S.HEADER_VALUE_ALMOST_DONE);
+            break;
+          case S.HEADER_VALUE_ALMOST_DONE:
+            if (r !== LF) return;
+            a = S.HEADER_FIELD_START;
+            break;
+          case S.HEADERS_ALMOST_DONE:
+            if (r !== LF) return;
+            T("onHeadersEnd"), a = S.PART_DATA_START;
+            break;
+          case S.PART_DATA_START:
+            a = S.PART_DATA, u("onPartData");
+          case S.PART_DATA:
+            if (E = e, e === 0) {
+              for (t += m; t < O && !(o[t] in H); ) t += b;
+              t -= m, r = o[t];
+            }
+            if (e < h.length) h[e] === r ? (e === 0 && L("onPartData", true), e++) : e = 0;
+            else if (e === h.length) e++, r === CR ? d |= F.PART_BOUNDARY : r === HYPHEN ? d |= F.LAST_BOUNDARY : e = 0;
+            else if (e - 1 === h.length) if (d & F.PART_BOUNDARY) {
+              if (e = 0, r === LF) {
+                d &= ~F.PART_BOUNDARY, T("onPartEnd"), T("onPartBegin"), a = S.HEADER_FIELD_START;
+                break;
+              }
+            } else d & F.LAST_BOUNDARY && r === HYPHEN ? (T("onPartEnd"), a = S.END, d = 0) : e = 0;
+            if (e > 0) l[e - 1] = r;
+            else if (E > 0) {
+              const D = new Uint8Array(l.buffer, l.byteOffset, l.byteLength);
+              T("onPartData", 0, E, D), E = 0, u("onPartData"), t--;
+            }
+            break;
+          case S.END:
+            break;
+          default:
+            throw new Error(`Unexpected state entered: ${a}`);
+        }
+        L("onHeaderField"), L("onHeaderValue"), L("onPartData"), this.index = e, this.state = a, this.flags = d;
+      }
+      end() {
+        if (this.state === S.HEADER_FIELD_START && this.index === 0 || this.state === S.PART_DATA && this.index === this.boundary.length) this.onPartEnd();
+        else if (this.state !== S.END) throw new Error("MultipartParser.end(): stream ended unexpectedly");
+      }
+    };
+    c(g, "MultipartParser");
+    var MultipartParser = g;
+    function _fileName(R) {
+      const o = R.match(/\bfilename=("(.*?)"|([^()<>@,;:\\"/[\]?={}\s\t]+))($|;\s)/i);
+      if (!o) return;
+      const t = o[2] || o[3] || "";
+      let n = t.slice(t.lastIndexOf("\\") + 1);
+      return n = n.replace(/%22/g, '"'), n = n.replace(/&#(\d{4});/g, (E, l) => String.fromCharCode(l)), n;
+    }
+    c(_fileName, "_fileName");
+    async function toFormData(R, o) {
+      if (!/multipart/i.test(o)) throw new TypeError("Failed to fetch");
+      const t = o.match(/boundary=(?:"([^"]+)"|([^;]+))/i);
+      if (!t) throw new TypeError("no or bad content-type header, no multipart boundary");
+      const n = new MultipartParser(t[1] || t[2]);
+      let E, l, h, H, e, a;
+      const d = [], b = new node.FormData(), m = c((i) => {
+        h += u.decode(i, { stream: true });
+      }, "onPartData"), O = c((i) => {
+        d.push(i);
+      }, "appendToFile"), r = c(() => {
+        const i = new node.File(d, a, { type: e });
+        b.append(H, i);
+      }, "appendFileToFormData"), P = c(() => {
+        b.append(H, h);
+      }, "appendEntryToFormData"), u = new TextDecoder("utf-8");
+      u.decode(), n.onPartBegin = function() {
+        n.onPartData = m, n.onPartEnd = P, E = "", l = "", h = "", H = "", e = "", a = null, d.length = 0;
+      }, n.onHeaderField = function(i) {
+        E += u.decode(i, { stream: true });
+      }, n.onHeaderValue = function(i) {
+        l += u.decode(i, { stream: true });
+      }, n.onHeaderEnd = function() {
+        if (l += u.decode(), E = E.toLowerCase(), E === "content-disposition") {
+          const i = l.match(/\bname=("([^"]*)"|([^()<>@,;:\\"/[\]?={}\s\t]+))/i);
+          i && (H = i[2] || i[3] || ""), a = _fileName(l), a && (n.onPartData = O, n.onPartEnd = r);
+        } else E === "content-type" && (e = l);
+        l = "", E = "";
+      };
+      for await (const i of R) n.write(i);
+      return n.end(), b;
+    }
+    c(toFormData, "toFormData"), exports$1.toFormData = toFormData;
+  }
+});
+var multipartParserZINPIK62 = require_multipart_parser();
+
+export { multipartParserZINPIK62 as default };