@stacksjs/defaults 0.70.379 → 0.71.1

package/views/auth/magic/[token].stx

@@ -0,0 +1,88 @@
+<script server>
+import { config } from '@stacksjs/config'
+
+/**
+ * The magic-link interstitial. The email's GET lands here and this page
+ * POSTs the token to the consume endpoint - a GET must never consume,
+ * because mail-security scanners prefetch links and would burn the
+ * single-use token before the person ever taps it.
+ *
+ * `confirmInteraction` renders a button instead of auto-submitting, for
+ * environments whose scanners execute page scripts too.
+ */
+const autoConsume = config.auth.magicLink?.confirmInteraction !== true
+</script>
+
+<script client>
+const route = useRoute()
+const status = state('ready') // ready | working | done | failed
+const message = state('')
+const shell = useRef('shell')
+
+async function consume() {
+  if (status() === 'working' || status() === 'done')
+    return
+
+  status.set('working')
+  try {
+    const reply = await fetch('/auth/magic-link/consume', {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      credentials: 'same-origin',
+      body: JSON.stringify({ token: String(route.params.token || '') }),
+    })
+    const body = await reply.json().catch(() => ({}))
+
+    if (!reply.ok) {
+      status.set('failed')
+      message.set(body.message || body.error || 'That sign-in link is not valid.')
+      return
+    }
+
+    status.set('done')
+    const redirect = String(body.redirect_to || '/')
+    navigate(redirect.startsWith('/') && !redirect.startsWith('//') ? redirect : '/')
+  }
+  catch {
+    status.set('failed')
+    message.set('Something went wrong. Request a new link and try again.')
+  }
+}
+
+effect(() => {
+  // Auto-consume only when the server said so - the flag rides a data
+  // attribute because client scripts cannot read server config directly.
+  if (shell() && shell().dataset.autoConsume === 'true')
+    consume()
+})
+</script>
+
+<template>
+  <main ref="shell" data-auto-consume="{{ autoConsume }}" class="min-h-[100dvh] flex items-center justify-center px-6">
+    <div class="w-full max-w-sm text-center">
+      <div :if="status() === 'failed'">
+        <div class="mx-auto h-12 w-12 rounded-full bg-red-50 flex items-center justify-center">
+          <span class="h-6 w-6 text-red-500 i-hugeicons-alert-02"></span>
+        </div>
+        <h1 class="mt-5 text-xl font-semibold tracking-tight">Sign-in link problem</h1>
+        <p class="mt-2 text-[15px] text-gray-600">{{ message() }}</p>
+        <a href="/login" class="mt-6 inline-block rounded-lg px-5 py-2.5 font-medium bg-gray-900 text-white">Back to sign in</a>
+      </div>
+      <div :else-if="status() === 'working' || status() === 'done'">
+        <div class="mx-auto h-12 w-12 rounded-full bg-gray-100 flex items-center justify-center">
+          <span class="h-6 w-6 text-gray-500 animate-spin i-hugeicons-loading-03"></span>
+        </div>
+        <h1 class="mt-5 text-xl font-semibold tracking-tight">Signing you in</h1>
+        <p class="mt-2 text-[15px] text-gray-600">One moment.</p>
+      </div>
+      <div :else>
+        <div class="mx-auto h-12 w-12 rounded-full bg-gray-100 flex items-center justify-center">
+          <span class="h-6 w-6 text-gray-600 i-hugeicons-mail-open-01"></span>
+        </div>
+        <h1 class="mt-5 text-xl font-semibold tracking-tight">Continue to sign in</h1>
+        <p class="mt-2 text-[15px] text-gray-600">Tap below to finish signing in with your emailed link.</p>
+        <button type="button" @click="consume" class="mt-6 rounded-lg px-6 py-3 font-medium bg-gray-900 text-white transition-transform active:scale-[0.98]">Continue</button>
+      </div>
+    </div>
+  </main>
+</template>

package/views/dashboard/.discovered-models.json

@@ -7,6 +7,28 @@
       "hasDedicatedPage": false,
       "category": "data"
     },
+    {
+      "id": "auction",
+      "name": "Auction",
+      "icon": "i-hugeicons-auction",
+      "hasDedicatedPage": false,
+      "category": "commerce",
+      "dashboard": {
+        "icon": "i-hugeicons-auction",
+        "label": "Auctions"
+      }
+    },
+    {
+      "id": "auction-item",
+      "name": "AuctionItem",
+      "icon": "i-hugeicons-package",
+      "hasDedicatedPage": false,
+      "category": "commerce",
+      "dashboard": {
+        "icon": "i-hugeicons-package",
+        "label": "Lots"
+      }
+    },
     {
       "id": "author",
       "name": "Author",
@@ -17,6 +39,17 @@
         "highlight": true
       }
     },
+    {
+      "id": "bid",
+      "name": "Bid",
+      "icon": "i-hugeicons-hand-pointing-right-01",
+      "hasDedicatedPage": false,
+      "category": "commerce",
+      "dashboard": {
+        "icon": "i-hugeicons-hand-pointing-right-01",
+        "label": "Bids"
+      }
+    },
     {
       "id": "board",
       "name": "Board",
@@ -389,6 +422,17 @@
       "hasDedicatedPage": false,
       "category": "commerce"
     },
+    {
+      "id": "pledge",
+      "name": "Pledge",
+      "icon": "i-hugeicons-give-blood",
+      "hasDedicatedPage": false,
+      "category": "commerce",
+      "dashboard": {
+        "icon": "i-hugeicons-give-blood",
+        "label": "Pledges"
+      }
+    },
     {
       "id": "post",
       "name": "Post",
@@ -650,5 +694,6 @@
       "subscribers": true,
       "allModels": true
     }
-  }
+  },
+  "nav": []
 }