@strands.gg/accui 2.9.0 → 2.9.1

package/dist/useStrandsConfig-CLSzvTvE.cjs.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),i={baseUrl:"https://your-api.example.com",accentColor:"#EA00A8",redirectUrl:"/",onSignInUrl:"/dashboard",onSignOutUrl:"/",autoRefresh:1,refreshInterval:4,protectedRoutes:[],guestOnlyRoutes:["/auth","/login","/register"],devMode:0,styles:1,endpoints:{},useSquircle:1},a=Symbol("strands-config"),s=e.ref(null);function t(e){if("undefined"==typeof window||!document.documentElement)return;if("undefined"!=typeof CSS&&CSS.registerProperty)try{CSS.registerProperty({name:"--strands-accent",syntax:"<color>",inherits:1,initialValue:e})}catch(a){}document.documentElement.style.setProperty("--strands-accent",e),document.documentElement.style.setProperty("--accui-strands-accent",e);const i={"--accui-strands-50":`color-mix(in srgb, ${e} 10%, white)`,"--accui-strands-100":`color-mix(in srgb, ${e} 20%, white)`,"--accui-strands-200":`color-mix(in srgb, ${e} 30%, white)`,"--accui-strands-300":`color-mix(in srgb, ${e} 40%, white)`,"--accui-strands-400":`color-mix(in srgb, ${e} 70%, white)`,"--accui-strands-500":e,"--accui-strands-600":`color-mix(in srgb, ${e} 85%, black)`,"--accui-strands-700":`color-mix(in srgb, ${e} 70%, black)`,"--accui-strands-800":`color-mix(in srgb, ${e} 55%, black)`,"--accui-strands-900":`color-mix(in srgb, ${e} 40%, black)`,"--accui-strands-950":`color-mix(in srgb, ${e} 25%, black)`};for(const[s,t]of Object.entries(i))document.documentElement.style.setProperty(s,t)}exports.STRANDS_AUTH_DEFAULTS=i,exports.provideStrandsConfig=function(i){if(s.value=i,"undefined"!=typeof window&&document.documentElement){const e=void 0!==i.useSquircle?i.useSquircle:1;document.documentElement.style.setProperty("--strands-allow-squircle",e?"1":"0"),i.accentColor&&t(i.accentColor)}try{e.provide(a,i)}catch(n){}},exports.setStrandsConfig=function(e){if(s.value=e,"undefined"!=typeof window&&document.documentElement){const i=void 0!==e.useSquircle?e.useSquircle:1;document.documentElement.style.setProperty("--strands-allow-squircle",i?"1":"0"),e.accentColor&&t(e.accentColor)}},exports.useStrandsConfig=function(t){let n=null;try{e.getCurrentInstance()&&(n=e.inject(a,null))}catch(u){n=null}let r=null;try{if("undefined"!=typeof window)if(window.__STRANDS_CONFIG__)r=window.__STRANDS_CONFIG__;else if(window.__NUXT__){const e=window.__NUXT__;r=e?.config?.public?.strandsAuth||e?.public?.strandsAuth||e?.strandsAuth}}catch(u){}const o=e.computed(()=>{const e={...i,...t||{},...n||{},...s.value||{},...r||{}};if(e.baseUrl,"undefined"!=typeof window&&document.documentElement){const i=void 0!==e.useSquircle?e.useSquircle:1;document.documentElement.style.setProperty("--strands-allow-squircle",i?"1":"0"),e.accentColor&&document.documentElement.style.setProperty("--strands-accent",e.accentColor)}return e}),c=e.computed(()=>{const e=o.value.endpoints||{};return{signIn:e.signIn||"/api/v1/auth/sign-in",signUp:e.signUp||"/api/v1/auth/sign-up",signOut:e.signOut||"/api/v1/auth/sign-out",refresh:e.refresh||"/api/v1/auth/refresh",passwordReset:e.passwordReset||"/api/v1/auth/password-reset",passwordResetConfirm:e.passwordResetConfirm||"/api/v1/auth/password-reset/confirm",completeRegistration:e.completeRegistration||"/api/v1/auth/complete-registration",profile:e.profile||"/api/v1/user/profile",verifyEmail:e.verifyEmail||"/api/v1/auth/verify-email",oauthProviders:e.oauthProviders||"/api/v1/oauth/providers",oauthProvider:e.oauthProvider||"/api/v1/oauth/providers/{provider_id}",changeEmail:e.changeEmail||"/api/v1/user/change-email",avatar:e.avatar||"/api/v1/user/avatar",settings:e.settings||"/api/v1/user/settings",changeUsername:e.changeUsername||"/api/v1/user/username",usernameCooldown:e.usernameCooldown||"/api/v1/user/username/cooldown",checkUsernameAvailability:e.checkUsernameAvailability||"/api/v1/username/{username}/available",mfaDevices:e.mfaDevices||"/api/v1/mfa/devices",mfaTotpSetup:e.mfaTotpSetup||"/api/v1/mfa/totp/setup",mfaTotpVerify:e.mfaTotpVerify||"/api/v1/mfa/totp/verify",mfaEmailSetup:e.mfaEmailSetup||"/api/v1/mfa/email/setup",mfaEmailSend:e.mfaEmailSend||"/api/v1/mfa/email/send",mfaEmailVerify:e.mfaEmailVerify||"/api/v1/mfa/email/verify",mfaDeviceDisable:e.mfaDeviceDisable||"/api/v1/mfa/device/disable",mfaBackupCodes:e.mfaBackupCodes||"/api/v1/mfa/backup-codes/regenerate",mfaHardwareStartRegistration:e.mfaHardwareStartRegistration||"/api/v1/mfa/hardware/start-registration",mfaHardwareCompleteRegistration:e.mfaHardwareCompleteRegistration||"/api/v1/mfa/hardware/complete-registration",mfaSigninSendEmail:e.mfaSigninSendEmail||"/api/v1/auth/mfa/email/send",mfaSigninVerify:e.mfaSigninVerify||"/api/v1/auth/mfa/verify",mfaBackupCodeVerify:e.mfaBackupCodeVerify||"/api/v1/auth/mfa/backup-code/verify",mfaWebAuthnChallenge:e.mfaWebAuthnChallenge||"/api/v1/auth/mfa/webauthn/challenge",sessions:e.sessions||"/api/v1/sessions",sessionsStats:e.sessionsStats||"/api/v1/sessions/stats",sessionRevoke:e.sessionRevoke||"/api/v1/sessions/{session_id}/revoke",sessionsRevokeAll:e.sessionsRevokeAll||"/api/v1/sessions/revoke-all"}});return{config:o,endpoints:c,getUrl:e=>{const i=o.value;if(!i.baseUrl)throw new Error("Base URL is required in configuration");let a;return a="string"==typeof e&&e in c.value?c.value[e]:"string"==typeof e?e:c.value[e],`${i.baseUrl.replace(/\/$/,"")}${a.startsWith("/")?a:`/${a}`}`},getSupportEmail:()=>o.value.supportEmail||null}};

package/dist/useStrandsConfig-XmPqJn_B.es.js

@@ -0,0 +1,241 @@
+import { ref, getCurrentInstance, inject, computed, provide } from "vue";
+const STRANDS_AUTH_DEFAULTS = {
+  baseUrl: "https://your-api.example.com",
+  accentColor: "#EA00A8",
+  redirectUrl: "/",
+  onSignInUrl: "/dashboard",
+  onSignOutUrl: "/",
+  autoRefresh: true,
+  refreshInterval: 4,
+  protectedRoutes: [],
+  guestOnlyRoutes: ["/auth", "/login", "/register"],
+  devMode: false,
+  styles: true,
+  endpoints: {},
+  useSquircle: true
+};
+const DEFAULT_ENDPOINTS = {
+  signIn: "/api/v1/auth/sign-in",
+  signUp: "/api/v1/auth/sign-up",
+  signOut: "/api/v1/auth/sign-out",
+  refresh: "/api/v1/auth/refresh",
+  passwordReset: "/api/v1/auth/password-reset",
+  passwordResetConfirm: "/api/v1/auth/password-reset/confirm",
+  completeRegistration: "/api/v1/auth/complete-registration",
+  profile: "/api/v1/user/profile",
+  verifyEmail: "/api/v1/auth/verify-email",
+  oauthProviders: "/api/v1/oauth/providers",
+  oauthProvider: "/api/v1/oauth/providers/{provider_id}",
+  changeEmail: "/api/v1/user/change-email",
+  avatar: "/api/v1/user/avatar",
+  settings: "/api/v1/user/settings",
+  // Username endpoints
+  changeUsername: "/api/v1/user/username",
+  usernameCooldown: "/api/v1/user/username/cooldown",
+  checkUsernameAvailability: "/api/v1/username/{username}/available",
+  // MFA endpoints
+  mfaDevices: "/api/v1/mfa/devices",
+  mfaTotpSetup: "/api/v1/mfa/totp/setup",
+  mfaTotpVerify: "/api/v1/mfa/totp/verify",
+  mfaEmailSetup: "/api/v1/mfa/email/setup",
+  mfaEmailSend: "/api/v1/mfa/email/send",
+  mfaEmailVerify: "/api/v1/mfa/email/verify",
+  mfaDeviceDisable: "/api/v1/mfa/device/disable",
+  mfaBackupCodes: "/api/v1/mfa/backup-codes/regenerate",
+  // Hardware key endpoints
+  mfaHardwareStartRegistration: "/api/v1/mfa/hardware/start-registration",
+  mfaHardwareCompleteRegistration: "/api/v1/mfa/hardware/complete-registration",
+  // MFA sign-in specific endpoints
+  mfaSigninSendEmail: "/api/v1/auth/mfa/email/send",
+  mfaSigninVerify: "/api/v1/auth/mfa/verify",
+  mfaBackupCodeVerify: "/api/v1/auth/mfa/backup-code/verify",
+  mfaWebAuthnChallenge: "/api/v1/auth/mfa/webauthn/challenge",
+  // Session management endpoints
+  sessions: "/api/v1/sessions",
+  sessionsStats: "/api/v1/sessions/stats",
+  sessionRevoke: "/api/v1/sessions/{session_id}/revoke",
+  sessionsRevokeAll: "/api/v1/sessions/revoke-all"
+};
+const STRANDS_CONFIG_KEY = Symbol("strands-config");
+const globalConfig = ref(null);
+function generateColorShades(accentColor) {
+  if (typeof window === "undefined" || !document.documentElement) return;
+  if (typeof CSS !== "undefined" && CSS.registerProperty) {
+    try {
+      CSS.registerProperty({
+        name: "--strands-accent",
+        syntax: "<color>",
+        inherits: true,
+        initialValue: accentColor
+      });
+    } catch (e) {
+    }
+  }
+  document.documentElement.style.setProperty("--strands-accent", accentColor);
+  document.documentElement.style.setProperty("--accui-strands-accent", accentColor);
+  const shades = {
+    "--accui-strands-50": `color-mix(in srgb, ${accentColor} 10%, white)`,
+    "--accui-strands-100": `color-mix(in srgb, ${accentColor} 20%, white)`,
+    "--accui-strands-200": `color-mix(in srgb, ${accentColor} 30%, white)`,
+    "--accui-strands-300": `color-mix(in srgb, ${accentColor} 40%, white)`,
+    "--accui-strands-400": `color-mix(in srgb, ${accentColor} 70%, white)`,
+    "--accui-strands-500": accentColor,
+    "--accui-strands-600": `color-mix(in srgb, ${accentColor} 85%, black)`,
+    "--accui-strands-700": `color-mix(in srgb, ${accentColor} 70%, black)`,
+    "--accui-strands-800": `color-mix(in srgb, ${accentColor} 55%, black)`,
+    "--accui-strands-900": `color-mix(in srgb, ${accentColor} 40%, black)`,
+    "--accui-strands-950": `color-mix(in srgb, ${accentColor} 25%, black)`
+  };
+  for (const [property, value] of Object.entries(shades)) {
+    document.documentElement.style.setProperty(property, value);
+  }
+}
+function provideStrandsConfig(config) {
+  globalConfig.value = config;
+  if (typeof window !== "undefined" && document.documentElement) {
+    const useSquircle = config.useSquircle !== void 0 ? config.useSquircle : true;
+    document.documentElement.style.setProperty("--strands-allow-squircle", useSquircle ? "1" : "0");
+    if (config.accentColor) {
+      generateColorShades(config.accentColor);
+    }
+  }
+  try {
+    provide(STRANDS_CONFIG_KEY, config);
+  } catch (error) {
+    console.warn("[Strands Auth] Could not provide config via Vue provide/inject. Config available via global state only.", error);
+  }
+}
+function useStrandsConfig(fallbackConfig) {
+  let injectedConfig = null;
+  try {
+    const currentInstance = getCurrentInstance();
+    if (currentInstance) {
+      injectedConfig = inject(STRANDS_CONFIG_KEY, null);
+    }
+  } catch (error) {
+    injectedConfig = null;
+  }
+  let nuxtConfig = null;
+  try {
+    if (typeof window !== "undefined") {
+      if (window.__STRANDS_CONFIG__) {
+        nuxtConfig = window.__STRANDS_CONFIG__;
+      } else if (window.__NUXT__) {
+        const nuxtData = window.__NUXT__;
+        nuxtConfig = nuxtData?.config?.public?.strandsAuth || nuxtData?.public?.strandsAuth || nuxtData?.strandsAuth;
+      }
+    }
+  } catch (error) {
+    console.error("[Strands Auth] Error accessing runtime configuration:", error);
+  }
+  const activeConfig = computed(() => {
+    const config = {
+      ...STRANDS_AUTH_DEFAULTS,
+      ...fallbackConfig || {},
+      ...injectedConfig || {},
+      ...globalConfig.value || {},
+      ...nuxtConfig || {}
+    };
+    if (config.baseUrl === STRANDS_AUTH_DEFAULTS.baseUrl && typeof window === "undefined") {
+      console.warn("[Strands Auth] No baseUrl configured for SSR. Please provide a baseUrl in your strandsAuth configuration.");
+    }
+    if (typeof window !== "undefined" && document.documentElement) {
+      const useSquircle = config.useSquircle !== void 0 ? config.useSquircle : true;
+      document.documentElement.style.setProperty("--strands-allow-squircle", useSquircle ? "1" : "0");
+      if (config.accentColor) {
+        document.documentElement.style.setProperty("--strands-accent", config.accentColor);
+      }
+    }
+    return config;
+  });
+  const endpoints = computed(() => {
+    const config = activeConfig.value;
+    const customEndpoints = config.endpoints || {};
+    return {
+      signIn: customEndpoints.signIn || DEFAULT_ENDPOINTS.signIn,
+      signUp: customEndpoints.signUp || DEFAULT_ENDPOINTS.signUp,
+      signOut: customEndpoints.signOut || DEFAULT_ENDPOINTS.signOut,
+      refresh: customEndpoints.refresh || DEFAULT_ENDPOINTS.refresh,
+      passwordReset: customEndpoints.passwordReset || DEFAULT_ENDPOINTS.passwordReset,
+      passwordResetConfirm: customEndpoints.passwordResetConfirm || DEFAULT_ENDPOINTS.passwordResetConfirm,
+      completeRegistration: customEndpoints.completeRegistration || DEFAULT_ENDPOINTS.completeRegistration,
+      profile: customEndpoints.profile || DEFAULT_ENDPOINTS.profile,
+      verifyEmail: customEndpoints.verifyEmail || DEFAULT_ENDPOINTS.verifyEmail,
+      oauthProviders: customEndpoints.oauthProviders || DEFAULT_ENDPOINTS.oauthProviders,
+      oauthProvider: customEndpoints.oauthProvider || DEFAULT_ENDPOINTS.oauthProvider,
+      changeEmail: customEndpoints.changeEmail || DEFAULT_ENDPOINTS.changeEmail,
+      avatar: customEndpoints.avatar || DEFAULT_ENDPOINTS.avatar,
+      settings: customEndpoints.settings || DEFAULT_ENDPOINTS.settings,
+      // Username endpoints
+      changeUsername: customEndpoints.changeUsername || DEFAULT_ENDPOINTS.changeUsername,
+      usernameCooldown: customEndpoints.usernameCooldown || DEFAULT_ENDPOINTS.usernameCooldown,
+      checkUsernameAvailability: customEndpoints.checkUsernameAvailability || DEFAULT_ENDPOINTS.checkUsernameAvailability,
+      // MFA endpoints
+      mfaDevices: customEndpoints.mfaDevices || DEFAULT_ENDPOINTS.mfaDevices,
+      mfaTotpSetup: customEndpoints.mfaTotpSetup || DEFAULT_ENDPOINTS.mfaTotpSetup,
+      mfaTotpVerify: customEndpoints.mfaTotpVerify || DEFAULT_ENDPOINTS.mfaTotpVerify,
+      mfaEmailSetup: customEndpoints.mfaEmailSetup || DEFAULT_ENDPOINTS.mfaEmailSetup,
+      mfaEmailSend: customEndpoints.mfaEmailSend || DEFAULT_ENDPOINTS.mfaEmailSend,
+      mfaEmailVerify: customEndpoints.mfaEmailVerify || DEFAULT_ENDPOINTS.mfaEmailVerify,
+      mfaDeviceDisable: customEndpoints.mfaDeviceDisable || DEFAULT_ENDPOINTS.mfaDeviceDisable,
+      mfaBackupCodes: customEndpoints.mfaBackupCodes || DEFAULT_ENDPOINTS.mfaBackupCodes,
+      // Hardware key endpoints
+      mfaHardwareStartRegistration: customEndpoints.mfaHardwareStartRegistration || DEFAULT_ENDPOINTS.mfaHardwareStartRegistration,
+      mfaHardwareCompleteRegistration: customEndpoints.mfaHardwareCompleteRegistration || DEFAULT_ENDPOINTS.mfaHardwareCompleteRegistration,
+      // MFA sign-in specific endpoints
+      mfaSigninSendEmail: customEndpoints.mfaSigninSendEmail || DEFAULT_ENDPOINTS.mfaSigninSendEmail,
+      mfaSigninVerify: customEndpoints.mfaSigninVerify || DEFAULT_ENDPOINTS.mfaSigninVerify,
+      mfaBackupCodeVerify: customEndpoints.mfaBackupCodeVerify || DEFAULT_ENDPOINTS.mfaBackupCodeVerify,
+      mfaWebAuthnChallenge: customEndpoints.mfaWebAuthnChallenge || DEFAULT_ENDPOINTS.mfaWebAuthnChallenge,
+      // Session management endpoints
+      sessions: customEndpoints.sessions || DEFAULT_ENDPOINTS.sessions,
+      sessionsStats: customEndpoints.sessionsStats || DEFAULT_ENDPOINTS.sessionsStats,
+      sessionRevoke: customEndpoints.sessionRevoke || DEFAULT_ENDPOINTS.sessionRevoke,
+      sessionsRevokeAll: customEndpoints.sessionsRevokeAll || DEFAULT_ENDPOINTS.sessionsRevokeAll
+    };
+  });
+  const getUrl = (endpoint) => {
+    const config = activeConfig.value;
+    if (!config.baseUrl) {
+      throw new Error("Base URL is required in configuration");
+    }
+    let endpointPath;
+    if (typeof endpoint === "string" && endpoint in endpoints.value) {
+      endpointPath = endpoints.value[endpoint];
+    } else if (typeof endpoint === "string") {
+      endpointPath = endpoint;
+    } else {
+      endpointPath = endpoints.value[endpoint];
+    }
+    const baseUrl = config.baseUrl.replace(/\/$/, "");
+    const path = endpointPath.startsWith("/") ? endpointPath : `/${endpointPath}`;
+    console.debug(`[Strands Auth] Constructing URL for endpoint "${endpoint}": ${baseUrl}${path}`);
+    return `${baseUrl}${path}`;
+  };
+  const getSupportEmail = () => {
+    const config = activeConfig.value;
+    return config.supportEmail || null;
+  };
+  return {
+    config: activeConfig,
+    endpoints,
+    getUrl,
+    getSupportEmail
+  };
+}
+function setStrandsConfig(config) {
+  globalConfig.value = config;
+  if (typeof window !== "undefined" && document.documentElement) {
+    const useSquircle = config.useSquircle !== void 0 ? config.useSquircle : true;
+    document.documentElement.style.setProperty("--strands-allow-squircle", useSquircle ? "1" : "0");
+    if (config.accentColor) {
+      generateColorShades(config.accentColor);
+    }
+  }
+}
+export {
+  STRANDS_AUTH_DEFAULTS as S,
+  provideStrandsConfig as p,
+  setStrandsConfig as s,
+  useStrandsConfig as u
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@strands.gg/accui",
-  "version": "2.9.0",
+  "version": "2.9.1",
   "description": "Strands Authentication UI Components",
   "type": "module",
   "main": "./dist/index.cjs.js",