@timbenniks/contentstack-platform-sdk 0.1.0

package/dist/ui/tokens.css

@@ -0,0 +1,408 @@
+/**
+ * Contentstack Platform SDK — Design Tokens
+ * Sourced from @contentstack/venus-components, namespaced with --cs- prefix.
+ */
+
+:root {
+  /* ── Brand Primary ── */
+  --cs-color-brand-primary-base: #6c5ce7;
+  --cs-color-brand-primary-medium: #9387ed;
+  --cs-color-brand-primary-dark: #3e3871;
+  --cs-color-brand-primary-darker: #5d50bf;
+  --cs-color-brand-primary-light: #efedfc;
+
+  /* ── Brand Secondary (Grays) ── */
+  --cs-color-brand-secondary-lightest: #dde3ee;
+  --cs-color-brand-secondary-lighter: #edf1f7;
+  --cs-color-brand-secondary-light: #a9b6cb;
+  --cs-color-brand-secondary-base: #647696;
+  --cs-color-brand-secondary-medium: #c7d0e1;
+  --cs-color-brand-secondary-dark: #475161;
+
+  /* ── Status: Success ── */
+  --cs-color-brand-success-base: #007a52;
+  --cs-color-brand-success-dark: #00472f;
+  --cs-color-brand-success-light: #f5fffc;
+
+  /* ── Status: Warning ── */
+  --cs-color-brand-warning-base: #d62400;
+  --cs-color-brand-warning-dark: #701300;
+  --cs-color-brand-warning-light: #ffeeeb;
+  --cs-color-brand-warning-medium: #eb5646;
+
+  /* ── Status: Attention ── */
+  --cs-color-brand-attention-base: #ffae0a;
+  --cs-color-brand-attention-dark: #704b00;
+  --cs-color-brand-attention-light: #fff8eb;
+
+  /* ── Status: Info ── */
+  --cs-color-brand-info-base: #00b9e0;
+  --cs-color-brand-info-dark: #003b47;
+  --cs-color-brand-info-light: #f5fdff;
+
+  /* ── Base Palette: Purple ── */
+  --cs-color-base-purple-5: #6c5ce7;
+  --cs-color-base-purple-10: #3e3871;
+  --cs-color-base-purple-15: #efedfc;
+  --cs-color-base-purple-20: #9387ed;
+  --cs-color-base-purple-25: #5d50bf;
+
+  /* ── Base Palette: Gray ── */
+  --cs-color-base-gray-5: #edf1f7;
+  --cs-color-base-gray-10: #a9b6cb;
+  --cs-color-base-gray-15: #647696;
+  --cs-color-base-gray-20: #475161;
+  --cs-color-base-gray-25: rgba(160, 174, 192, 0.5);
+  --cs-color-base-gray-30: #f5f5f5;
+  --cs-color-base-gray-35: #c7d0e1;
+  --cs-color-base-gray-40: #dde3ee;
+
+  /* ── Base Palette: Green ── */
+  --cs-color-base-green-5: #007a52;
+  --cs-color-base-green-10: #00472f;
+  --cs-color-base-green-15: #f5fffc;
+
+  /* ── Base Palette: Orange ── */
+  --cs-color-base-orange-5: #d62400;
+  --cs-color-base-orange-10: #701300;
+  --cs-color-base-orange-15: #ffeeeb;
+  --cs-color-base-orange-20: #eb5646;
+
+  /* ── Base Palette: Blue ── */
+  --cs-color-base-blue-5: #00b9e0;
+  --cs-color-base-blue-10: #003b47;
+  --cs-color-base-blue-15: #f5fdff;
+
+  /* ── Base Palette: Yellow ── */
+  --cs-color-base-yellow-5: #ffae0a;
+  --cs-color-base-yellow-10: #704b00;
+  --cs-color-base-yellow-15: #fff8eb;
+
+  /* ── Base Palette: Black & White ── */
+  --cs-color-base-black-5: #222222;
+  --cs-color-base-white-5: #ffffff;
+  --cs-color-base-white-10: #f7f9fc;
+  --cs-color-base-white-15: #f5f5f5;
+  --cs-color-base-white-20: #f7f9fc;
+
+  /* ── Font Colors ── */
+  --cs-color-font-base: #475161;
+  --cs-color-font-secondary: #647696;
+  --cs-color-font-tertiary: #a9b6cb;
+  --cs-color-font-quaternary: #edf1f7;
+  --cs-color-font-link: #6c5ce7;
+  --cs-color-font-active: #647696;
+  --cs-color-font-warning: #d62400;
+  --cs-color-font-attention: #ffae0a;
+  --cs-color-font-success: #007a52;
+  --cs-color-font-info: #00b9e0;
+  --cs-color-font-disabled: rgba(160, 174, 192, 0.5);
+  --cs-color-font-white: #ffffff;
+  --cs-color-font-black: #222222;
+  --cs-color-font-sonic-silver: #767676;
+  --cs-color-font-tarmac-grey: #475161;
+  --cs-color-font-gray-900: #212121;
+  --cs-color-font-jet-black: #000000;
+  --cs-color-font-purple-gray: #6e6b86;
+
+  /* ── Border Colors ── */
+  --cs-color-border-lighter: #f5f5f5;
+  --cs-color-border-light: #a9b6cb;
+  --cs-color-border-base: #647696;
+  --cs-color-border-dark: #475161;
+  --cs-color-border-link: #6c5ce7;
+  --cs-color-border-focus: #edf1f7;
+  --cs-color-border-warning: #d62400;
+  --cs-color-border-success: #007a52;
+
+  /* ── Background Colors ── */
+  --cs-color-bg-lavender: #f8f6ff;
+  --cs-color-bg-dolphin-grey: #dde3ee;
+  --cs-color-bg-pure-white: #ffffff;
+  --cs-color-bg-milkybar-white: #f7f9fc;
+  --cs-color-bg-hibiscus: #ffeeeb;
+  --cs-color-bg-cashew: #fff8eb;
+  --cs-color-bg-algae: #f5fffc;
+  --cs-color-bg-sky: #f5fdff;
+  --cs-color-bg-tulip-purple: #f9f8ff;
+  --cs-color-bg-lavender-blue: #fadeff;
+
+  /* ── Accent Colors ── */
+  --cs-color-accent-purple-50: #b6aef3;
+  --cs-color-accent-medium-orchid: #bd59fa;
+  --cs-color-accent-blue-chalk: #edebff;
+  --cs-color-accent-pale-aqua: #bad4fb;
+  --cs-color-accent-pastel-blue: #43b7c2;
+  --cs-color-accent-bottle-green: #003a25;
+  --cs-color-accent-aqua-deep: #00593b;
+  --cs-color-accent-mint: #47b0aa;
+  --cs-color-accent-summer-green: #90bba5;
+  --cs-color-accent-bean: #4f0800;
+  --cs-color-accent-rust-orange: #ba5800;
+  --cs-color-accent-salmon-pink: #e57872;
+  --cs-color-accent-crayola: #ffce6c;
+  --cs-color-accent-sundown: #fdafa3;
+  --cs-color-accent-butterscotch: #ffad48;
+
+  /* ── Status Accent Colors ── */
+  --cs-color-status-accent-poppy: #a31b00;
+  --cs-color-status-accent-mango: #ffae0a;
+  --cs-color-status-accent-spinach: #007a52;
+  --cs-color-status-accent-aqua: #0469e3;
+  --cs-color-status-accent-maximum-blue-purple: #ada4f4;
+
+  /* ── Typography: Font Sizes ── */
+  --cs-size-font-tiny: 0.6875rem;
+  --cs-size-font-small: 0.75rem;
+  --cs-size-font-medium: 0.8125rem;
+  --cs-size-font-large: 0.875rem;
+  --cs-size-font-xl: 1rem;
+  --cs-size-font-2xl: 1.125rem;
+  --cs-size-font-3xl: 1.375rem;
+  --cs-size-font-4xl: 1.875rem;
+  --cs-size-font-5xl: 2.25rem;
+  --cs-size-font-6xl: 2.625rem;
+
+  /* ── Typography: V2 Font Sizes ── */
+  --cs-size-font-v2-small: 0.75rem;
+  --cs-size-font-v2-medium: 0.875rem;
+  --cs-size-font-v2-large: 1rem;
+  --cs-size-font-v2-xl: 1.25rem;
+  --cs-size-font-v2-2xl: 1.75rem;
+  --cs-size-font-v2-3xl: 2.125rem;
+
+  /* ── Typography: Font Weights ── */
+  --cs-font-weight-regular: 400;
+  --cs-font-weight-medium: 500;
+  --cs-font-weight-semi-bold: 600;
+  --cs-font-weight-bold: 700;
+  --cs-font-weight-extra-bold: 800;
+
+  /* ── Typography: Font Family ── */
+  --cs-font-family-primary: Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
+
+  /* ── Typography: Line Heights ── */
+  --cs-line-height-default: 1.5;
+  --cs-line-height-condensed: 1.25;
+  --cs-line-height-reset: 1;
+
+  /* ── Typography: Letter Spacing ── */
+  --cs-letter-spacing-tight: 0.01em;
+  --cs-letter-spacing-normal: 0.02em;
+
+  /* ── Spacing ── */
+  --cs-space-2: 0.125rem;
+  --cs-space-4: 0.25rem;
+  --cs-space-5: 0.3125rem;
+  --cs-space-6: 0.375rem;
+  --cs-space-8: 0.5rem;
+  --cs-space-10: 0.625rem;
+  --cs-space-12: 0.75rem;
+  --cs-space-14: 0.875rem;
+  --cs-space-15: 0.9375rem;
+  --cs-space-16: 1rem;
+  --cs-space-18: 1.125rem;
+  --cs-space-20: 1.25rem;
+  --cs-space-22: 1.375rem;
+  --cs-space-24: 1.5rem;
+  --cs-space-25: 1.5625rem;
+  --cs-space-26: 1.625rem;
+  --cs-space-28: 1.75rem;
+  --cs-space-30: 1.875rem;
+  --cs-space-32: 2rem;
+  --cs-space-34: 2.125rem;
+  --cs-space-35: 2.1875rem;
+  --cs-space-36: 2.25rem;
+  --cs-space-38: 2.375rem;
+  --cs-space-40: 2.5rem;
+  --cs-space-50: 3.125rem;
+  --cs-space-60: 3.75rem;
+  --cs-space-64: 4rem;
+  --cs-space-80: 5rem;
+  --cs-space-100: 6.25rem;
+  --cs-space-120: 7.5rem;
+  --cs-space-160: 10rem;
+}
+
+/* ── Dark Theme (explicit toggle) ── */
+[data-theme="dark"] {
+  /* Brand Primary — inverted luminance */
+  --cs-color-brand-primary-base: #8577ef;
+  --cs-color-brand-primary-medium: #6c5ce7;
+  --cs-color-brand-primary-dark: #b5aef6;
+  --cs-color-brand-primary-darker: #9387ed;
+  --cs-color-brand-primary-light: #1e1a3a;
+
+  /* Brand Secondary — inverted grays */
+  --cs-color-brand-secondary-lightest: #1e2231;
+  --cs-color-brand-secondary-lighter: #161925;
+  --cs-color-brand-secondary-light: #5c6480;
+  --cs-color-brand-secondary-base: #8891a8;
+  --cs-color-brand-secondary-medium: #2a2f42;
+  --cs-color-brand-secondary-dark: #d0d5df;
+
+  /* Status — brighter for dark backgrounds */
+  --cs-color-brand-success-base: #4ade80;
+  --cs-color-brand-success-dark: #86efac;
+  --cs-color-brand-success-light: #0d2818;
+
+  --cs-color-brand-warning-base: #f87171;
+  --cs-color-brand-warning-dark: #fca5a5;
+  --cs-color-brand-warning-light: #2d0f0f;
+  --cs-color-brand-warning-medium: #f87171;
+
+  --cs-color-brand-attention-base: #fbbf24;
+  --cs-color-brand-attention-dark: #fcd34d;
+  --cs-color-brand-attention-light: #2d1f04;
+
+  --cs-color-brand-info-base: #60a5fa;
+  --cs-color-brand-info-dark: #93bbfd;
+  --cs-color-brand-info-light: #0c1a2e;
+
+  /* Base — dark neutrals */
+  --cs-color-base-black-5: #f5f6f8;
+  --cs-color-base-white-5: #0f1117;
+  --cs-color-base-white-10: #161925;
+  --cs-color-base-white-15: #1e2231;
+  --cs-color-base-white-20: #161925;
+
+  --cs-color-base-gray-5: #1e2231;
+  --cs-color-base-gray-10: #5c6480;
+  --cs-color-base-gray-15: #8891a8;
+  --cs-color-base-gray-20: #d0d5df;
+  --cs-color-base-gray-25: rgba(92, 100, 128, 0.5);
+  --cs-color-base-gray-30: #1e2231;
+  --cs-color-base-gray-35: #3b4157;
+  --cs-color-base-gray-40: #2a2f42;
+
+  /* Font Colors — lighter for dark backgrounds */
+  --cs-color-font-base: #d0d5df;
+  --cs-color-font-secondary: #8891a8;
+  --cs-color-font-tertiary: #5c6480;
+  --cs-color-font-quaternary: #2a2f42;
+  --cs-color-font-link: #b5aef6;
+  --cs-color-font-active: #8891a8;
+  --cs-color-font-warning: #f87171;
+  --cs-color-font-attention: #fbbf24;
+  --cs-color-font-success: #4ade80;
+  --cs-color-font-info: #60a5fa;
+  --cs-color-font-disabled: rgba(92, 100, 128, 0.5);
+  --cs-color-font-white: #0f1117;
+  --cs-color-font-black: #f5f6f8;
+  --cs-color-font-sonic-silver: #8891a8;
+  --cs-color-font-tarmac-grey: #d0d5df;
+  --cs-color-font-gray-900: #f5f6f8;
+  --cs-color-font-jet-black: #f5f6f8;
+  --cs-color-font-purple-gray: #b0b7c8;
+
+  /* Border Colors */
+  --cs-color-border-lighter: #1e2231;
+  --cs-color-border-light: #3b4157;
+  --cs-color-border-base: #5c6480;
+  --cs-color-border-dark: #8891a8;
+  --cs-color-border-link: #8577ef;
+  --cs-color-border-focus: #2a2f42;
+  --cs-color-border-warning: #f87171;
+  --cs-color-border-success: #4ade80;
+
+  /* Background Colors */
+  --cs-color-bg-lavender: #1a1730;
+  --cs-color-bg-dolphin-grey: #1e2231;
+  --cs-color-bg-pure-white: #0f1117;
+  --cs-color-bg-milkybar-white: #161925;
+  --cs-color-bg-hibiscus: #2d0f0f;
+  --cs-color-bg-cashew: #2d1f04;
+  --cs-color-bg-algae: #0d2818;
+  --cs-color-bg-sky: #0c1a2e;
+  --cs-color-bg-tulip-purple: #161330;
+  --cs-color-bg-lavender-blue: #2a1030;
+}
+
+/* ── Auto Dark Mode (OS preference fallback) ── */
+@media (prefers-color-scheme: dark) {
+  :root:not([data-theme="light"]) {
+    --cs-color-brand-primary-base: #8577ef;
+    --cs-color-brand-primary-medium: #6c5ce7;
+    --cs-color-brand-primary-dark: #b5aef6;
+    --cs-color-brand-primary-darker: #9387ed;
+    --cs-color-brand-primary-light: #1e1a3a;
+
+    --cs-color-brand-secondary-lightest: #1e2231;
+    --cs-color-brand-secondary-lighter: #161925;
+    --cs-color-brand-secondary-light: #5c6480;
+    --cs-color-brand-secondary-base: #8891a8;
+    --cs-color-brand-secondary-medium: #2a2f42;
+    --cs-color-brand-secondary-dark: #d0d5df;
+
+    --cs-color-brand-success-base: #4ade80;
+    --cs-color-brand-success-dark: #86efac;
+    --cs-color-brand-success-light: #0d2818;
+
+    --cs-color-brand-warning-base: #f87171;
+    --cs-color-brand-warning-dark: #fca5a5;
+    --cs-color-brand-warning-light: #2d0f0f;
+    --cs-color-brand-warning-medium: #f87171;
+
+    --cs-color-brand-attention-base: #fbbf24;
+    --cs-color-brand-attention-dark: #fcd34d;
+    --cs-color-brand-attention-light: #2d1f04;
+
+    --cs-color-brand-info-base: #60a5fa;
+    --cs-color-brand-info-dark: #93bbfd;
+    --cs-color-brand-info-light: #0c1a2e;
+
+    --cs-color-base-black-5: #f5f6f8;
+    --cs-color-base-white-5: #0f1117;
+    --cs-color-base-white-10: #161925;
+    --cs-color-base-white-15: #1e2231;
+    --cs-color-base-white-20: #161925;
+
+    --cs-color-base-gray-5: #1e2231;
+    --cs-color-base-gray-10: #5c6480;
+    --cs-color-base-gray-15: #8891a8;
+    --cs-color-base-gray-20: #d0d5df;
+    --cs-color-base-gray-25: rgba(92, 100, 128, 0.5);
+    --cs-color-base-gray-30: #1e2231;
+    --cs-color-base-gray-35: #3b4157;
+    --cs-color-base-gray-40: #2a2f42;
+
+    --cs-color-font-base: #d0d5df;
+    --cs-color-font-secondary: #8891a8;
+    --cs-color-font-tertiary: #5c6480;
+    --cs-color-font-quaternary: #2a2f42;
+    --cs-color-font-link: #b5aef6;
+    --cs-color-font-active: #8891a8;
+    --cs-color-font-warning: #f87171;
+    --cs-color-font-attention: #fbbf24;
+    --cs-color-font-success: #4ade80;
+    --cs-color-font-info: #60a5fa;
+    --cs-color-font-disabled: rgba(92, 100, 128, 0.5);
+    --cs-color-font-white: #0f1117;
+    --cs-color-font-black: #f5f6f8;
+    --cs-color-font-sonic-silver: #8891a8;
+    --cs-color-font-tarmac-grey: #d0d5df;
+    --cs-color-font-gray-900: #f5f6f8;
+    --cs-color-font-jet-black: #f5f6f8;
+    --cs-color-font-purple-gray: #b0b7c8;
+
+    --cs-color-border-lighter: #1e2231;
+    --cs-color-border-light: #3b4157;
+    --cs-color-border-base: #5c6480;
+    --cs-color-border-dark: #8891a8;
+    --cs-color-border-link: #8577ef;
+    --cs-color-border-focus: #2a2f42;
+    --cs-color-border-warning: #f87171;
+    --cs-color-border-success: #4ade80;
+
+    --cs-color-bg-lavender: #1a1730;
+    --cs-color-bg-dolphin-grey: #1e2231;
+    --cs-color-bg-pure-white: #0f1117;
+    --cs-color-bg-milkybar-white: #161925;
+    --cs-color-bg-hibiscus: #2d0f0f;
+    --cs-color-bg-cashew: #2d1f04;
+    --cs-color-bg-algae: #0d2818;
+    --cs-color-bg-sky: #0c1a2e;
+    --cs-color-bg-tulip-purple: #161330;
+    --cs-color-bg-lavender-blue: #2a1030;
+  }
+}

package/dist/vue/auth/index.cjs

@@ -0,0 +1,141 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/vue/auth/index.ts
+var auth_exports = {};
+__export(auth_exports, {
+  ContentstackAuthGuard: () => ContentstackAuthGuard,
+  ContentstackLoginButton: () => ContentstackLoginButton,
+  ContentstackLogoutButton: () => ContentstackLogoutButton,
+  useContentstackUser: () => useContentstackUser
+});
+module.exports = __toCommonJS(auth_exports);
+
+// src/vue/auth/useContentstackUser.ts
+var import_vue = require("vue");
+function useContentstackUser() {
+  const user = (0, import_vue.ref)(null);
+  const loading = (0, import_vue.ref)(true);
+  const isAuthenticated = (0, import_vue.computed)(() => user.value !== null);
+  async function fetchSession() {
+    loading.value = true;
+    try {
+      const res = await fetch("/api/auth/session");
+      if (!res.ok) {
+        user.value = null;
+        return;
+      }
+      const data = await res.json();
+      if (data?.user) {
+        user.value = {
+          uid: data.user.uid ?? data.user.id ?? "",
+          email: data.user.email ?? "",
+          firstName: data.user.firstName ?? data.user.name?.split(" ")[0],
+          lastName: data.user.lastName ?? data.user.name?.split(" ").slice(1).join(" "),
+          username: data.user.username,
+          profileImage: data.user.profileImage ?? data.user.image
+        };
+      } else {
+        user.value = null;
+      }
+    } catch {
+      user.value = null;
+    } finally {
+      loading.value = false;
+    }
+  }
+  (0, import_vue.onMounted)(() => {
+    fetchSession();
+  });
+  return { user, loading, isAuthenticated };
+}
+
+// src/vue/auth/ContentstackLoginButton.ts
+var import_vue2 = require("vue");
+var ContentstackLoginButton = (0, import_vue2.defineComponent)({
+  name: "ContentstackLoginButton",
+  props: {
+    scopes: {
+      type: Array,
+      default: void 0
+    },
+    redirectTo: {
+      type: String,
+      default: void 0
+    },
+    class: {
+      type: String,
+      default: void 0
+    }
+  },
+  setup(props, { slots }) {
+    return () => (0, import_vue2.h)("form", { action: "/api/auth/signin/contentstack", method: "POST" }, [
+      props.redirectTo ? (0, import_vue2.h)("input", { type: "hidden", name: "callbackUrl", value: props.redirectTo }) : null,
+      (0, import_vue2.h)(
+        "button",
+        { type: "submit", class: props.class },
+        slots.default?.() ?? "Sign in with Contentstack"
+      )
+    ]);
+  }
+});
+
+// src/vue/auth/ContentstackLogoutButton.ts
+var import_vue3 = require("vue");
+var ContentstackLogoutButton = (0, import_vue3.defineComponent)({
+  name: "ContentstackLogoutButton",
+  props: {
+    redirectTo: {
+      type: String,
+      default: void 0
+    },
+    class: {
+      type: String,
+      default: void 0
+    }
+  },
+  setup(props, { slots }) {
+    return () => (0, import_vue3.h)("form", { action: "/api/auth/signout", method: "POST" }, [
+      props.redirectTo ? (0, import_vue3.h)("input", { type: "hidden", name: "callbackUrl", value: props.redirectTo }) : null,
+      (0, import_vue3.h)("button", { type: "submit", class: props.class }, slots.default?.() ?? "Sign out")
+    ]);
+  }
+});
+
+// src/vue/auth/ContentstackAuthGuard.ts
+var import_vue4 = require("vue");
+var ContentstackAuthGuard = (0, import_vue4.defineComponent)({
+  name: "ContentstackAuthGuard",
+  setup(_props, { slots }) {
+    const { isAuthenticated, loading } = useContentstackUser();
+    return () => {
+      if (loading.value) return slots.loading?.() ?? null;
+      if (isAuthenticated.value) return slots.default?.();
+      return slots.fallback?.() ?? (0, import_vue4.h)(ContentstackLoginButton);
+    };
+  }
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ContentstackAuthGuard,
+  ContentstackLoginButton,
+  ContentstackLogoutButton,
+  useContentstackUser
+});
+//# sourceMappingURL=index.cjs.map

package/dist/vue/auth/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/vue/auth/index.ts","../../../src/vue/auth/useContentstackUser.ts","../../../src/vue/auth/ContentstackLoginButton.ts","../../../src/vue/auth/ContentstackLogoutButton.ts","../../../src/vue/auth/ContentstackAuthGuard.ts"],"sourcesContent":["export { useContentstackUser, type UseContentstackUserReturn } from \"./useContentstackUser\"\nexport { ContentstackLoginButton } from \"./ContentstackLoginButton\"\nexport { ContentstackLogoutButton } from \"./ContentstackLogoutButton\"\nexport { ContentstackAuthGuard } from \"./ContentstackAuthGuard\"\n","import { type Ref, computed, onMounted, ref } from \"vue\"\nimport type { ContentstackUser } from \"../../index.js\"\n\nexport interface UseContentstackUserReturn {\n  user: Ref<ContentstackUser | null>\n  loading: Ref<boolean>\n  isAuthenticated: Ref<boolean>\n}\n\nexport function useContentstackUser(): UseContentstackUserReturn {\n  const user = ref<ContentstackUser | null>(null)\n  const loading = ref(true)\n  const isAuthenticated = computed(() => user.value !== null)\n\n  async function fetchSession() {\n    loading.value = true\n    try {\n      const res = await fetch(\"/api/auth/session\")\n      if (!res.ok) {\n        user.value = null\n        return\n      }\n      const data = await res.json()\n      if (data?.user) {\n        user.value = {\n          uid: data.user.uid ?? data.user.id ?? \"\",\n          email: data.user.email ?? \"\",\n          firstName: data.user.firstName ?? data.user.name?.split(\" \")[0],\n          lastName: data.user.lastName ?? data.user.name?.split(\" \").slice(1).join(\" \"),\n          username: data.user.username,\n          profileImage: data.user.profileImage ?? data.user.image,\n        }\n      } else {\n        user.value = null\n      }\n    } catch {\n      user.value = null\n    } finally {\n      loading.value = false\n    }\n  }\n\n  onMounted(() => {\n    fetchSession()\n  })\n\n  return { user, loading, isAuthenticated }\n}\n","import { type PropType, defineComponent, h } from \"vue\"\n\nexport const ContentstackLoginButton = defineComponent({\n  name: \"ContentstackLoginButton\",\n  props: {\n    scopes: {\n      type: Array as PropType<string[]>,\n      default: undefined,\n    },\n    redirectTo: {\n      type: String,\n      default: undefined,\n    },\n    class: {\n      type: String,\n      default: undefined,\n    },\n  },\n  setup(props, { slots }) {\n    return () =>\n      h(\"form\", { action: \"/api/auth/signin/contentstack\", method: \"POST\" }, [\n        props.redirectTo\n          ? h(\"input\", { type: \"hidden\", name: \"callbackUrl\", value: props.redirectTo })\n          : null,\n        h(\n          \"button\",\n          { type: \"submit\", class: props.class },\n          slots.default?.() ?? \"Sign in with Contentstack\",\n        ),\n      ])\n  },\n})\n","import { defineComponent, h } from \"vue\"\n\nexport const ContentstackLogoutButton = defineComponent({\n  name: \"ContentstackLogoutButton\",\n  props: {\n    redirectTo: {\n      type: String,\n      default: undefined,\n    },\n    class: {\n      type: String,\n      default: undefined,\n    },\n  },\n  setup(props, { slots }) {\n    return () =>\n      h(\"form\", { action: \"/api/auth/signout\", method: \"POST\" }, [\n        props.redirectTo\n          ? h(\"input\", { type: \"hidden\", name: \"callbackUrl\", value: props.redirectTo })\n          : null,\n        h(\"button\", { type: \"submit\", class: props.class }, slots.default?.() ?? \"Sign out\"),\n      ])\n  },\n})\n","import { defineComponent, h } from \"vue\"\nimport { ContentstackLoginButton } from \"./ContentstackLoginButton\"\nimport { useContentstackUser } from \"./useContentstackUser\"\n\nexport const ContentstackAuthGuard = defineComponent({\n  name: \"ContentstackAuthGuard\",\n  setup(_props, { slots }) {\n    const { isAuthenticated, loading } = useContentstackUser()\n\n    return () => {\n      if (loading.value) return slots.loading?.() ?? null\n      if (isAuthenticated.value) return slots.default?.()\n      return slots.fallback?.() ?? h(ContentstackLoginButton)\n    }\n  },\n})\n"],"mappings":"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","names":["import_vue","import_vue","import_vue"]}

package/dist/vue/auth/index.d.cts

@@ -0,0 +1,78 @@
+import * as vue from 'vue';
+import { Ref, PropType } from 'vue';
+import { C as ContentstackUser } from '../../types-6D9VR7pT.cjs';
+import '../../regions/index.cjs';
+
+interface UseContentstackUserReturn {
+    user: Ref<ContentstackUser | null>;
+    loading: Ref<boolean>;
+    isAuthenticated: Ref<boolean>;
+}
+declare function useContentstackUser(): UseContentstackUserReturn;
+
+declare const ContentstackLoginButton: vue.DefineComponent<vue.ExtractPropTypes<{
+    scopes: {
+        type: PropType<string[]>;
+        default: undefined;
+    };
+    redirectTo: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    class: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    scopes: {
+        type: PropType<string[]>;
+        default: undefined;
+    };
+    redirectTo: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    class: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    scopes: string[];
+    redirectTo: string;
+    class: string;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+
+declare const ContentstackLogoutButton: vue.DefineComponent<vue.ExtractPropTypes<{
+    redirectTo: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    class: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    redirectTo: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    class: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    redirectTo: string;
+    class: string;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+
+declare const ContentstackAuthGuard: vue.DefineComponent<{}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}> | vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>[] | null | undefined, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+
+export { ContentstackAuthGuard, ContentstackLoginButton, ContentstackLogoutButton, type UseContentstackUserReturn, useContentstackUser };