@mindfulauth/core 2.0.1 → 3.0.1

package/dist/{astro → authScripts}/ForgotPasswordScript.astro

@@ -61,4 +61,4 @@ document.addEventListener('DOMContentLoaded', function() {
     
     form.addEventListener('submit', handleForgotPasswordSubmit);
 });
-</script>
+</script>

package/dist/{astro → authScripts}/LoginScript.astro

@@ -206,4 +206,4 @@ document.addEventListener('DOMContentLoaded', function() {
         }
     }, true);
 });
-</script>
+</script>

package/dist/{astro → authScripts}/MagicLoginScript.astro

@@ -59,4 +59,4 @@ document.addEventListener('DOMContentLoaded', function() {
     
     form.addEventListener('submit', handleMagicLoginSubmit);
 });
-</script>
+</script>

package/dist/{astro → authScripts}/MagicRegisterScript.astro

@@ -70,4 +70,4 @@ document.addEventListener('DOMContentLoaded', function() {
     
     form.addEventListener('submit', handleMagicRegisterSubmit);
 });
-</script>
+</script>

package/dist/{astro → authScripts}/MainScript.astro

@@ -233,4 +233,4 @@ document.addEventListener('DOMContentLoaded', function() {
     window.setupLogoutButton();
     window.attachGlobalLogoutHandler();
 });
-</script>
+</script>

package/dist/{astro → authScripts}/RegisterPasswordScript.astro

@@ -115,4 +115,4 @@ document.addEventListener('DOMContentLoaded', function() {
     
     form.addEventListener('submit', handleRegisterSubmit);
 });
-</script>
+</script>

package/dist/{astro → authScripts}/ResendVerificationScript.astro

@@ -48,4 +48,4 @@ document.addEventListener('DOMContentLoaded', function() {
     
     form.addEventListener('submit', handleResendVerificationSubmit);
 });
-</script>
+</script>

package/dist/{astro → authScripts}/ResetPasswordScript.astro

@@ -152,4 +152,4 @@ document.addEventListener('DOMContentLoaded', function() {
 
     form.addEventListener('submit', handleResetSubmit);
 });
-</script>
+</script>

package/dist/{astro → authScripts}/TurnstileInit.astro

@@ -109,4 +109,4 @@
   // Call auto-init when DOM is ready
   document.addEventListener('DOMContentLoaded', window.autoInitTurnstile);
 })();
-</script>
+</script>

package/dist/{astro → authScripts}/VerifyEmailScript.astro

@@ -69,4 +69,4 @@ document.addEventListener('DOMContentLoaded', function() {
     // Auto-verify on page load
     verifyEmail();
 });
-</script>
+</script>

package/dist/{astro → authScripts}/VerifyMagicLinkScript.astro

@@ -192,4 +192,4 @@ document.addEventListener('DOMContentLoaded', function() {
     // Also handle explicit form submission (for 2FA code entry)
     form.addEventListener('submit', handleVerifyMagicLinkSubmit);
 });
-</script>
+</script>

package/dist/authScripts/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/authScripts/index.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AACtE,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,2BAA2B,EAAE,MAAM,gCAAgC,CAAC;AACxF,OAAO,EAAE,OAAO,IAAI,yBAAyB,EAAE,MAAM,8BAA8B,CAAC;AACpF,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AAC5E,OAAO,EAAE,OAAO,IAAI,wBAAwB,EAAE,MAAM,6BAA6B,CAAC;AAClF,OAAO,EAAE,OAAO,IAAI,6BAA6B,EAAE,MAAM,kCAAkC,CAAC;AAC5F,OAAO,EAAE,OAAO,IAAI,wBAAwB,EAAE,MAAM,6BAA6B,CAAC;AAClF,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AAC9E,OAAO,EAAE,OAAO,IAAI,0BAA0B,EAAE,MAAM,+BAA+B,CAAC;AACtF,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,wBAAwB,CAAC"}

package/dist/{astro → authScripts}/index.js

@@ -1,6 +1,6 @@
 // Mindful Auth - Astro Components Barrel Export
-// Usage: import { MAuthLoginScript, MAuthTurnstileInit } from '@mindfulauth/astro';
-//    or: import MAuthLoginScript from '@mindfulauth/astro/LoginScript.astro';
+// Usage: import { MAuthLoginScript, MAuthTurnstileInit } from '@mindfulauth/authScripts';
+//    or: import MAuthLoginScript from '@mindfulauth/authScripts/LoginScript.astro';
 export { default as MAuthMainScript } from './MainScript.astro';
 export { default as MAuthTurnstileInit } from './TurnstileInit.astro';
 export { default as MAuthLoginScript } from './LoginScript.astro';

package/dist/components/MAuthEmailInput.astro

@@ -0,0 +1,12 @@
+---
+interface Props {
+    label?: string;
+    placeholder?: string;
+    class?: string;
+}
+const { label = 'Email', placeholder, class: classList } = Astro.props;
+---
+<div class={classList}>
+    <label>{label}</label>
+    <input type="email" name="email" required data-mindfulauth-field="email" placeholder={placeholder} />
+</div>

package/dist/components/MAuthForm.astro

@@ -0,0 +1,10 @@
+---
+interface Props {
+    formName: string;
+    class?: string;
+}
+const { formName, class: classList } = Astro.props;
+---
+<form method="post" data-mindfulauth-form={formName} class={classList}>
+    <slot />
+</form>

package/dist/components/MAuthMessage.astro

@@ -0,0 +1,8 @@
+---
+interface Props {
+    defaultText?: string;
+    class?: string;
+}
+const { defaultText = '', class: classList } = Astro.props;
+---
+<aside data-mindfulauth-field="message" class={classList}>{defaultText}</aside>

package/dist/components/MAuthNameInput.astro

@@ -0,0 +1,11 @@
+---
+interface Props {
+    label?: string;
+    class?: string;
+}
+const { label = 'Name', class: classList } = Astro.props;
+---
+<div class={classList}>
+    <label>{label}</label>
+    <input type="text" name="name" required data-mindfulauth-field="name" />
+</div>

package/dist/components/MAuthPasswordChangePending.astro

@@ -0,0 +1,8 @@
+---
+interface Props {
+    class?: string;
+}
+const { class: classList } = Astro.props;
+// Message container appears when a user is redirected to the forgot-password page with ?reason=password_change_required in the URL. The script displays a security warning message "Your account requires a password change for security reasons. Please complete the form below to set a new password.".
+---
+<div class={`hidden ${classList}`} data-mindfulauth-field="password-change-pending"></div>

package/dist/components/MAuthPasswordInput.astro

@@ -0,0 +1,12 @@
+---
+interface Props {
+    label: string;
+    fieldName?: 'password' | 'confirm-password' | 'new-password';
+    class?: string;
+}
+const { label, fieldName = 'password', class: classList } = Astro.props;
+---
+<div class={classList}>
+    <label>{label}</label>
+    <input type="password" name={fieldName} required data-mindfulauth-field={fieldName} minlength={8} />
+</div>

package/dist/components/MAuthSubmitButton.astro

@@ -0,0 +1,8 @@
+---
+interface Props {
+    label: string;
+    class?: string;
+}
+const { label, class: classList } = Astro.props;
+---
+<button type="submit" class={classList}>{label}</button>

package/dist/components/MAuthTurnstile.astro

@@ -0,0 +1,11 @@
+---
+interface Props {
+    theme?: 'light' | 'dark' | 'auto';
+    size?: 'flexible' | 'normal' | 'compact';
+    language?: 'auto' |  string;
+    appearance?: 'always' | 'execute' | 'interaction-only';
+    class?: string;
+}
+const { theme = 'light', size = 'flexible', language = 'auto', appearance = 'always', class: classList } = Astro.props;
+---
+<div data-mindfulauth-turnstile data-theme={theme} data-size={size} data-language={language} data-appearance={appearance} class={classList}></div>

package/dist/components/MAuthTwoFACodeInput.astro

@@ -0,0 +1,13 @@
+---
+interface Props {
+    name: string;
+    label?: string;
+    class?: string;
+}
+const { name, label = '2FA Code', class: classList } = Astro.props;
+---
+<div hidden data-mindfulauth-field="twofa-code-container" class={classList}>
+    <label>{label}</label>
+    <input type="text" name={name} inputmode="numeric" pattern="[0-9]{6}" maxlength="6" placeholder="Enter 6-digit code" data-mindfulauth-field="twofa-code" />
+    <small>Enter the 6-digit code from your authenticator app.</small>
+</div>

package/dist/components/MAuthTwoFASection.astro

@@ -0,0 +1,11 @@
+---
+interface Props {
+    class?: string;
+}
+const { class: classList } = Astro.props;
+---
+<div class={`hidden ${classList}`} data-mindfulauth-field="twofa-section">
+    <label>Authenticator Code</label>
+    <input type="text" name="twofa-code" pattern="[0-9]*" maxlength="6" placeholder="123456" inputmode="numeric" data-mindfulauth-field="twofa-code" />
+    <a href="#" data-mindfulauth-field="use-recovery-link">Use a recovery code instead</a>
+</div>

package/dist/components/index.d.ts

@@ -0,0 +1,11 @@
+export { default as MAuthForm } from './MAuthForm.astro';
+export { default as MAuthEmailInput } from './MAuthEmailInput.astro';
+export { default as MAuthPasswordInput } from './MAuthPasswordInput.astro';
+export { default as MAuthNameInput } from './MAuthNameInput.astro';
+export { default as MAuthTurnstile } from './MAuthTurnstile.astro';
+export { default as MAuthSubmitButton } from './MAuthSubmitButton.astro';
+export { default as MAuthMessage } from './MAuthMessage.astro';
+export { default as MAuthTwoFASection } from './MAuthTwoFASection.astro';
+export { default as MAuthTwoFACodeInput } from './MAuthTwoFACodeInput.astro';
+export { default as MAuthPasswordChangePending } from './MAuthPasswordChangePending.astro';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,mBAAmB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,yBAAyB,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,0BAA0B,EAAE,MAAM,oCAAoC,CAAC"}

package/dist/components/index.js

@@ -0,0 +1,13 @@
+// Mindful Auth - Astro Components Barrel Export
+// Usage: import { MAuthForm, MAuthEmailInput } from '@mindfulauth/components';
+//    or: import MAuthForm from '@mindfulauth/components/MAuthForm.astro';
+export { default as MAuthForm } from './MAuthForm.astro';
+export { default as MAuthEmailInput } from './MAuthEmailInput.astro';
+export { default as MAuthPasswordInput } from './MAuthPasswordInput.astro';
+export { default as MAuthNameInput } from './MAuthNameInput.astro';
+export { default as MAuthTurnstile } from './MAuthTurnstile.astro';
+export { default as MAuthSubmitButton } from './MAuthSubmitButton.astro';
+export { default as MAuthMessage } from './MAuthMessage.astro';
+export { default as MAuthTwoFASection } from './MAuthTwoFASection.astro';
+export { default as MAuthTwoFACodeInput } from './MAuthTwoFACodeInput.astro';
+export { default as MAuthPasswordChangePending } from './MAuthPasswordChangePending.astro';

package/dist/core/csp.d.ts

@@ -1,12 +1,12 @@
 /**
- * Scans the mindfulauth/astro/ directory at build time and returns SHA-384
+ * Scans the mindfulauth/authScripts/ directory at build time and returns SHA-384
  * hashes for all <script is:inline> blocks found in .astro component files.
  *
  * Astro's static CSP analysis cannot resolve dynamically rendered components,
  * so hashes must be declared manually in astro.config.mjs. This function
  * computes them automatically so no manual maintenance is needed.
  *
- * When published as a package, this function resolves the astro/ directory
+ * When published as a package, this function resolves the authScripts/ directory
  * relative to its own location — no consumer configuration required.
  *
  * @example

package/dist/core/csp.js

@@ -8,14 +8,14 @@ import { join, dirname } from 'path';
 import { fileURLToPath } from 'url';
 const __dirname = dirname(fileURLToPath(import.meta.url));
 /**
- * Scans the mindfulauth/astro/ directory at build time and returns SHA-384
+ * Scans the mindfulauth/authScripts/ directory at build time and returns SHA-384
  * hashes for all <script is:inline> blocks found in .astro component files.
  *
  * Astro's static CSP analysis cannot resolve dynamically rendered components,
  * so hashes must be declared manually in astro.config.mjs. This function
  * computes them automatically so no manual maintenance is needed.
  *
- * When published as a package, this function resolves the astro/ directory
+ * When published as a package, this function resolves the authScripts/ directory
  * relative to its own location — no consumer configuration required.
  *
  * @example
@@ -25,7 +25,7 @@ const __dirname = dirname(fileURLToPath(import.meta.url));
  * scriptDirective: { hashes: getScriptHashes() }
  */
 export function getScriptHashes() {
-    const dir = join(__dirname, '../astro');
+    const dir = join(__dirname, '../authScripts');
     return readdirSync(dir)
         .filter(f => f.endsWith('.astro'))
         .flatMap(file => {

package/dist/layouts/MAuthProtected.astro

@@ -0,0 +1,56 @@
+---
+// Layout for protected pages (dashboard, security settings, etc.)
+//
+// IMPORTANT: This layout must be used on all pages inside [memberid] routes.
+// The middleware enforces authentication. Pair this with ProtectedLayout for
+// navigation and styling.
+//
+// Usage:
+//   import MAuthProtected from "@mindfulauth/core/layouts/MAuthProtected.astro";
+//   import ProtectedLayout from "@/layouts/ProtectedLayout.astro";
+//   <MAuthProtected title="Page Title" scripts={['MAuthSecurityScript']}>
+//     <ProtectedLayout>
+//       <p>Your content here</p>
+//     </ProtectedLayout>
+//   </MAuthProtected>
+// 
+// Note: Component aliases located in mindfulauth/components/ via @mindfulauth/core/components/*
+//
+import { MAuthMainScript, MAuthSecurityScript } from "../authScripts";
+
+type ScriptName = keyof typeof scriptMap;
+
+const scriptMap = {
+    MAuthSecurityScript: MAuthSecurityScript,
+} as const;
+
+interface Props {
+    title: string;
+    description?: string;
+    scripts?: ScriptName[];
+}
+
+const { title, description = "Secure Portal", scripts = [] } = Astro.props;
+---
+
+<!doctype html>
+<html lang="en">
+    <head>
+        <meta charset="UTF-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+        <meta name="description" content={description} />
+        <title>{title}</title>
+        <MAuthMainScript />
+    </head>
+    <body>
+        <slot />
+
+        {
+            // DO NOT DELETE: Dynamically render scripts based on the scripts prop.
+            scripts.map((scriptName) => {
+                const Component = scriptMap[scriptName];
+                return <Component />;
+            })
+        }
+    </body>
+</html>

package/dist/layouts/MAuthPublic.astro

@@ -0,0 +1,68 @@
+---
+// Layout for public authentication pages (login, register, etc.)
+// Component aliases: mindfulauth/components/ via @mindfulauth/core/components/*
+import {
+    MAuthMainScript,
+    MAuthTurnstileInit,
+    MAuthLoginScript,
+    MAuthRegisterPasswordScript,
+    MAuthForgotPasswordScript,
+    MAuthMagicLoginScript,
+    MAuthMagicRegisterScript,
+    MAuthResendVerificationScript,
+    MAuthResetPasswordScript,
+    MAuthVerifyEmailScript,
+    MAuthVerifyMagicLinkScript,
+} from "../authScripts";
+
+type ScriptName = keyof typeof scriptMap;
+
+const scriptMap = {
+    MAuthTurnstileInit: MAuthTurnstileInit,
+    MAuthLoginScript: MAuthLoginScript,
+    MAuthRegisterPasswordScript: MAuthRegisterPasswordScript,
+    MAuthForgotPasswordScript: MAuthForgotPasswordScript,
+    MAuthMagicLoginScript: MAuthMagicLoginScript,
+    MAuthMagicRegisterScript: MAuthMagicRegisterScript,
+    MAuthResendVerificationScript: MAuthResendVerificationScript,
+    MAuthResetPasswordScript: MAuthResetPasswordScript,
+    MAuthVerifyEmailScript: MAuthVerifyEmailScript,
+    MAuthVerifyMagicLinkScript: MAuthVerifyMagicLinkScript,
+} as const;
+
+interface Props {
+    title: string;
+    description?: string;
+    scripts?: ScriptName[];
+}
+
+const { title, description = "Secure Portal", scripts = [] } = Astro.props;
+---
+
+<!doctype html>
+<html lang="en">
+    <head>
+        <meta charset="UTF-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+        <meta name="description" content={description} />
+        <title>{title}</title>
+
+        <MAuthMainScript />
+        <script
+            is:inline
+            src="https://challenges.cloudflare.com/turnstile/v0/api.js"
+        ></script>
+    </head>
+    <body>
+        <slot />
+
+        {
+            // DO NOT DELETE: Dynamically render requested auth scripts based on the page type.
+            // scriptMap maps script names to their Astro components. Each page passes specific scripts it needs.
+            scripts.map((scriptName) => {
+                const Component = scriptMap[scriptName];
+                return <Component />;
+            })
+        }
+    </body>
+</html>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mindfulauth/core",
-  "version": "2.0.1",
+  "version": "3.0.1",
   "description": "Mindful Auth core authentication library for Astro 6",
   "type": "module",
   "sideEffects": false,
@@ -9,11 +9,17 @@
       "types": "./dist/core/index.d.ts",
       "import": "./dist/core/index.js"
     },
-    "./astro": {
-      "types": "./dist/astro/index.d.ts",
-      "import": "./dist/astro/index.js"
+    "./authScripts": {
+      "types": "./dist/authScripts/index.d.ts",
+      "import": "./dist/authScripts/index.js"
     },
-    "./astro/*.astro": "./dist/astro/*.astro",
+    "./authScripts/*.astro": "./dist/authScripts/*.astro",
+    "./components": {
+      "types": "./dist/components/index.d.ts",
+      "import": "./dist/components/index.js"
+    },
+    "./components/*.astro": "./dist/components/*.astro",
+    "./layouts/*.astro": "./dist/layouts/*.astro",
     "./middleware": {
       "types": "./dist/core/middleware.d.ts",
       "import": "./dist/core/middleware.js"
@@ -36,7 +42,7 @@
     "README.md"
   ],
   "scripts": {
-    "build": "tsc && cp src/astro/*.astro dist/astro/",
+    "build": "tsc && mkdir -p dist/authScripts dist/components dist/layouts && cp src/authScripts/*.astro dist/authScripts/ && cp src/components/*.astro dist/components/ && cp src/layouts/*.astro dist/layouts/",
     "dev": "tsc --watch",
     "prepublishOnly": "npm run build"
   },
@@ -53,9 +59,9 @@
     "astro": "^6.0.1"
   },
   "devDependencies": {
-    "@cloudflare/workers-types": "^4.20260310.1",
-    "@types/node": "^25.4.0",
-    "astro": "^6.0.1",
+    "@cloudflare/workers-types": "^4.20260313.1",
+    "@types/node": "^25.5.0",
+    "astro": "^6.0.4",
     "typescript": "^5.9.3"
   }
-}
+}

package/dist/astro/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/astro/index.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AACtE,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,2BAA2B,EAAE,MAAM,gCAAgC,CAAC;AACxF,OAAO,EAAE,OAAO,IAAI,yBAAyB,EAAE,MAAM,8BAA8B,CAAC;AACpF,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AAC5E,OAAO,EAAE,OAAO,IAAI,wBAAwB,EAAE,MAAM,6BAA6B,CAAC;AAClF,OAAO,EAAE,OAAO,IAAI,6BAA6B,EAAE,MAAM,kCAAkC,CAAC;AAC5F,OAAO,EAAE,OAAO,IAAI,wBAAwB,EAAE,MAAM,6BAA6B,CAAC;AAClF,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AAC9E,OAAO,EAAE,OAAO,IAAI,0BAA0B,EAAE,MAAM,+BAA+B,CAAC;AACtF,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,wBAAwB,CAAC"}