@strands.gg/accui 2.5.0 → 2.6.1

package/README.md

@@ -53,9 +53,7 @@ npm install @strands.gg/accui
 ```typescript
 export default defineNuxtConfig({
   modules: [
-    '@strands.gg/accui/nuxt',     // Nuxt 3
-    // OR
-    '@strands.gg/accui/nuxt-v4'   // Nuxt 4
+    '@strands.gg/accui/nuxt',     // Supports both Nuxt 3 and 4
   ],
   
   strandsAuth: {

package/dist/nuxt/module.cjs.js

@@ -1 +1 @@
-"use strict";const t=require("@nuxt/kit");var s="undefined"!=typeof document?document.currentScript:null;const e=t.defineNuxtModule({meta:{name:"@strands.gg/accui/nuxt",configKey:"strandsAuth",compatibility:{nuxt:"^3.0.0"}},defaults:{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,supportEmail:"",oauth2RedirectUrl:""},async setup(e,n){const r=t.createResolver("undefined"==typeof document?require("url").pathToFileURL(__filename).href:s&&"SCRIPT"===s.tagName.toUpperCase()&&s.src||new URL("nuxt/module.cjs.js",document.baseURI).href);if(n.options.runtimeConfig.public=n.options.runtimeConfig.public||{},n.options.runtimeConfig.public.strandsAuth={...e,styles:0!=e.styles},0!=e.styles&&n.options.css.push("@strands.gg/accui/style.css"),e.accentColor&&"#EA00A8"!==e.accentColor){const t=e.accentColor,s=`\n        :root {\n          --strands-custom-accent: ${t};\n          --strands-custom-50: color-mix(in srgb, ${t} 10%, white);\n          --strands-custom-100: color-mix(in srgb, ${t} 20%, white);\n          --strands-custom-200: color-mix(in srgb, ${t} 30%, white);\n          --strands-custom-300: color-mix(in srgb, ${t} 40%, white);\n          --strands-custom-400: color-mix(in srgb, ${t} 70%, white);\n          --strands-custom-500: ${t};\n          --strands-custom-600: color-mix(in srgb, ${t} 85%, black);\n          --strands-custom-700: color-mix(in srgb, ${t} 70%, black);\n          --strands-custom-800: color-mix(in srgb, ${t} 55%, black);\n          --strands-custom-900: color-mix(in srgb, ${t} 40%, black);\n          --strands-custom-950: color-mix(in srgb, ${t} 25%, black);\n        }\n      `;n.options.app.head=n.options.app.head||{},n.options.app.head.style=n.options.app.head.style||[],n.options.app.head.style.unshift({innerHTML:s,key:"strands-accent-override"})}const a="es.js";t.addPlugin({src:r.resolve(`./runtime/plugin.client.${a}`),mode:"client"}),t.addPlugin({src:r.resolve(`./runtime/plugin.server.${a}`),mode:"server"}),t.addPlugin({src:r.resolve(`./runtime/plugins/auth-interceptor.client.${a}`),mode:"client"}),t.addRouteMiddleware({name:"auth",path:r.resolve(`./runtime/middleware/auth.global.${a}`),global:1}),n.hook("pages:extend",()=>{}),t.addImports([{name:"useStrandsAuth",as:"useStrandsAuth",from:r.resolve(`./runtime/composables/useStrandsAuth.${a}`)},{name:"useAuthUser",as:"useAuthUser",from:r.resolve(`./runtime/composables/useStrandsAuth.${a}`)},{name:"useAuthState",as:"useAuthState",from:r.resolve(`./runtime/composables/useStrandsAuth.${a}`)},{name:"useAuthenticatedFetch",as:"useAuthenticatedFetch",from:r.resolve(`./runtime/composables/useAuthenticatedFetch.${a}`)}]);const o=["StrandsAuth","StrandsSignIn","StrandsSignUp","StrandsCompleteSignUp","StrandsUserProfile","StrandsUserButton","StrandsPasswordReset","StrandsMFASetup","StrandsConfigProvider","SignedIn","StrandsLogo","StrandsSecuredFooter","StrandsUiAlert","StrandsUiButton","StrandsUiCard","StrandsUiInput","StrandsUiLink","StrandsUiTabs","StrandsUiLoader"];for(const s of o)t.addComponent({name:s,export:s,filePath:"@strands.gg/accui"});n.hook("prepare:types",t=>{t.references.push({types:"@strands.gg/auth-nuxt"})})}});module.exports=e;
+"use strict";const t=require("@nuxt/kit");var e="undefined"!=typeof document?document.currentScript:null;const s=t.defineNuxtModule({meta:{name:"@strands.gg/accui/nuxt",configKey:"strandsAuth",compatibility:{nuxt:"^3.0.0 || ^4.0.0"}},defaults:{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,supportEmail:"",oauth2RedirectUrl:""},async setup(s,n){const r=t.createResolver("undefined"==typeof document?require("url").pathToFileURL(__filename).href:e&&"SCRIPT"===e.tagName.toUpperCase()&&e.src||new URL("nuxt/module.cjs.js",document.baseURI).href);n.options.runtimeConfig.public=n.options.runtimeConfig.public||{};const o={...s,styles:0!=s.styles};if(n.options.runtimeConfig.public.strandsAuth=o,n.options.appConfig&&(n.options.appConfig.strandsAuth=o),0!=s.styles&&n.options.css.push("@strands.gg/accui/style.css"),s.accentColor&&"#EA00A8"!==s.accentColor){const t=s.accentColor,e=`\n        :root {\n          --strands-custom-accent: ${t};\n          --strands-custom-50: color-mix(in srgb, ${t} 10%, white);\n          --strands-custom-100: color-mix(in srgb, ${t} 20%, white);\n          --strands-custom-200: color-mix(in srgb, ${t} 30%, white);\n          --strands-custom-300: color-mix(in srgb, ${t} 40%, white);\n          --strands-custom-400: color-mix(in srgb, ${t} 70%, white);\n          --strands-custom-500: ${t};\n          --strands-custom-600: color-mix(in srgb, ${t} 85%, black);\n          --strands-custom-700: color-mix(in srgb, ${t} 70%, black);\n          --strands-custom-800: color-mix(in srgb, ${t} 55%, black);\n          --strands-custom-900: color-mix(in srgb, ${t} 40%, black);\n          --strands-custom-950: color-mix(in srgb, ${t} 25%, black);\n        }\n      `;n.options.app.head=n.options.app.head||{},n.options.app.head.style=n.options.app.head.style||[],n.options.app.head.style.unshift({innerHTML:e,key:"strands-accent-override"})}const a="es.js",i=r.resolve(`./runtime/plugin.client.${a}`),u=r.resolve(`./runtime/plugin.server.${a}`),d=r.resolve(`./runtime/middleware/auth.global.${a}`),c=r.resolve(`./runtime/plugins/auth-interceptor.client.${a}`);t.addPlugin({src:i,mode:"client"}),t.addPlugin({src:u,mode:"server"}),t.addPlugin({src:c,mode:"client"}),t.addRouteMiddleware({name:"auth",path:d,global:1}),n.hook("pages:extend",()=>{}),t.addImports([{name:"useStrandsAuth",as:"useStrandsAuth",from:r.resolve(`./runtime/composables/useStrandsAuth.${a}`)},{name:"useAuthUser",as:"useAuthUser",from:r.resolve(`./runtime/composables/useStrandsAuth.${a}`)},{name:"useAuthState",as:"useAuthState",from:r.resolve(`./runtime/composables/useStrandsAuth.${a}`)},{name:"useAuthenticatedFetch",as:"useAuthenticatedFetch",from:r.resolve(`./runtime/composables/useAuthenticatedFetch.${a}`)}]);const l=["StrandsAuth","StrandsSignIn","StrandsSignUp","StrandsCompleteSignUp","StrandsUserProfile","StrandsUserButton","StrandsPasswordReset","StrandsMFASetup","StrandsMfaVerification","StrandsMfaModal","StrandsBackupCodesModal","StrandsConfirmModal","StrandsEmailMfaSetupModal","StrandsHardwareKeySetupModal","StrandsSessionsModal","StrandsSettingsModal","StrandsTotpSetupModal","StrandsConfigProvider","SignedIn","StrandsLogo","StrandsSecuredFooter","StrandsNav","StrandsNavItem","UiAlert","UiApp","UiAvatarEditor","UiButton","UiCard","UiCheckboxGroup","UiColorPicker","UiDateTimePicker","UiDivider","UiHero","UiInput","UiLevelProgress","UiLink","UiLoader","UiModal","UiRadioGroup","UiSlider","UiTable","UiTabs","UiThemeToggle","UiToggle","UiTooltip","VirtualList","SvgIcon","IconGithub","IconGoogle"];for(const e of l)t.addComponent({name:e,export:e,filePath:"@strands.gg/accui"});n.hook("prepare:types",t=>{t.references.push({types:"@strands.gg/auth-nuxt"}),t.declarations&&t.declarations.push(`\n          declare global {\n            const useStrandsAuth: typeof import('${r.resolve("./runtime/composables/useStrandsAuth.d.ts")}')['useStrandsAuth']\n            const useAuthUser: typeof import('${r.resolve("./runtime/composables/useStrandsAuth.d.ts")}')['useAuthUser']\n            const useAuthState: typeof import('${r.resolve("./runtime/composables/useStrandsAuth.d.ts")}')['useAuthState']\n            const useAuthenticatedFetch: typeof import('${r.resolve("./runtime/composables/useAuthenticatedFetch.d.ts")}')['useAuthenticatedFetch']\n          }\n        `)})}});module.exports=s;

package/dist/nuxt/module.es.js

@@ -19,17 +19,21 @@ const module = defineNuxtModule({
     name: "@strands.gg/accui/nuxt",
     configKey: "strandsAuth",
     compatibility: {
-      nuxt: "^3.0.0"
+      nuxt: "^3.0.0 || ^4.0.0"
     }
   },
   defaults: moduleDefaults,
   async setup(options, nuxt) {
     const resolver = createResolver(import.meta.url);
     nuxt.options.runtimeConfig.public = nuxt.options.runtimeConfig.public || {};
-    nuxt.options.runtimeConfig.public.strandsAuth = {
+    const runtimeConfig = {
       ...options,
       styles: options.styles !== false
     };
+    nuxt.options.runtimeConfig.public.strandsAuth = runtimeConfig;
+    if (nuxt.options.appConfig) {
+      nuxt.options.appConfig.strandsAuth = runtimeConfig;
+    }
     if (options.styles !== false) {
       nuxt.options.css.push("@strands.gg/accui/style.css");
     }
@@ -59,21 +63,25 @@ const module = defineNuxtModule({
       });
     }
     const ext = "es.js";
+    const clientPluginPath = resolver.resolve(`./runtime/plugin.client.${ext}`);
+    const serverPluginPath = resolver.resolve(`./runtime/plugin.server.${ext}`);
+    const middlewarePath = resolver.resolve(`./runtime/middleware/auth.global.${ext}`);
+    const authInterceptorPath = resolver.resolve(`./runtime/plugins/auth-interceptor.client.${ext}`);
     addPlugin({
-      src: resolver.resolve(`./runtime/plugin.client.${ext}`),
+      src: clientPluginPath,
       mode: "client"
     });
     addPlugin({
-      src: resolver.resolve(`./runtime/plugin.server.${ext}`),
+      src: serverPluginPath,
       mode: "server"
     });
     addPlugin({
-      src: resolver.resolve(`./runtime/plugins/auth-interceptor.client.${ext}`),
+      src: authInterceptorPath,
       mode: "client"
     });
     addRouteMiddleware({
       name: "auth",
-      path: resolver.resolve(`./runtime/middleware/auth.global.${ext}`),
+      path: middlewarePath,
       global: true
     });
     nuxt.hook("pages:extend", () => {
@@ -101,6 +109,7 @@ const module = defineNuxtModule({
       }
     ]);
     const components = [
+      // Strands Auth Components
       "StrandsAuth",
       "StrandsSignIn",
       "StrandsSignUp",
@@ -109,18 +118,50 @@ const module = defineNuxtModule({
       "StrandsUserButton",
       "StrandsPasswordReset",
       "StrandsMFASetup",
+      "StrandsMfaVerification",
+      "StrandsMfaModal",
+      "StrandsBackupCodesModal",
+      "StrandsConfirmModal",
+      "StrandsEmailMfaSetupModal",
+      "StrandsHardwareKeySetupModal",
+      "StrandsSessionsModal",
+      "StrandsSettingsModal",
+      "StrandsTotpSetupModal",
       "StrandsConfigProvider",
       "SignedIn",
       "StrandsLogo",
       "StrandsSecuredFooter",
+      "StrandsNav",
+      "StrandsNavItem",
       // UI Components
-      "StrandsUiAlert",
-      "StrandsUiButton",
-      "StrandsUiCard",
-      "StrandsUiInput",
-      "StrandsUiLink",
-      "StrandsUiTabs",
-      "StrandsUiLoader"
+      "UiAlert",
+      "UiApp",
+      "UiAvatarEditor",
+      "UiButton",
+      "UiCard",
+      "UiCheckboxGroup",
+      "UiColorPicker",
+      "UiDateTimePicker",
+      "UiDivider",
+      "UiHero",
+      "UiInput",
+      "UiLevelProgress",
+      "UiLink",
+      "UiLoader",
+      "UiModal",
+      "UiRadioGroup",
+      "UiSlider",
+      "UiTable",
+      "UiTabs",
+      "UiThemeToggle",
+      "UiToggle",
+      "UiTooltip",
+      // Utility Components
+      "VirtualList",
+      "SvgIcon",
+      // Icons
+      "IconGithub",
+      "IconGoogle"
     ];
     for (const component of components) {
       addComponent({
@@ -133,6 +174,16 @@ const module = defineNuxtModule({
       opts.references.push({
         types: "@strands.gg/auth-nuxt"
       });
+      if (opts.declarations) {
+        opts.declarations.push(`
+          declare global {
+            const useStrandsAuth: typeof import('${resolver.resolve(`./runtime/composables/useStrandsAuth.d.ts`)}')['useStrandsAuth']
+            const useAuthUser: typeof import('${resolver.resolve(`./runtime/composables/useStrandsAuth.d.ts`)}')['useAuthUser']
+            const useAuthState: typeof import('${resolver.resolve(`./runtime/composables/useStrandsAuth.d.ts`)}')['useAuthState']
+            const useAuthenticatedFetch: typeof import('${resolver.resolve(`./runtime/composables/useAuthenticatedFetch.d.ts`)}')['useAuthenticatedFetch']
+          }
+        `);
+      }
     });
   }
 });