@stacksjs/defaults 0.74.69 → 0.75.0

package/ai/skills/stacks-payments/SKILL.md

@@ -429,9 +429,11 @@ Plans use `productName`, `description`, `metadata`, and a `pricing` array where
 ## User Model Requirements
 The `UserModel` must have:
 - `id`, `name`, `email`, `stripe_id` fields
-- `hasStripeId()` method -- returns boolean
 - `update(data)` method -- for persisting `stripe_id`
-- `activeSubscription()` method -- for subscription updates
+- `activeSubscription()` method -- for subscription updates (bound by the `billable` trait)
+
+There is no `user.hasStripeId()` instance method. Use
+`manageCustomer.hasStripeId(user)`, which reads `stripe_id`.
 
 The framework default `storage/framework/defaults/app/Models/User.ts` sets
 `billable: false` intentionally because not every application uses payments.
@@ -439,7 +441,30 @@ Run `buddy publish:model User`, keep the override at `app/Models/User.ts`, and
 enable its `billable` trait before calling instance helpers such as
 `activeSubscription()`, `paymentMethods()`, or `createSetupIntent()`. A payment
 Action must report the missing trait clearly instead of calling an undefined
-method.
+method. `isBillable(user)` from `@stacksjs/orm` is that check, and narrows the
+user to `BillableMethods` (the instance surface, derived from
+`createBillableMethods`) so no cast is needed:
+
+```ts
+import { isBillable } from '@stacksjs/orm'
+import { BILLING_NOT_ENABLED } from '@stacksjs/payments'
+
+const user = await request.user()
+if (!user)
+  return response.unauthorized('Authentication required')
+if (!isBillable(user))
+  return response.error(BILLING_NOT_ENABLED, 503)
+
+const customer = await user.retrieveStripeUser()
+```
+
+The instance methods are exactly the keys of `createBillableMethods` in
+`core/orm/src/traits/billable.ts`. Among them: `retrieveStripeUser()`,
+`createPayment(amount, options)`, `setDefaultPaymentMethod(id)` (a number is the
+local row, a string is Stripe's `pm_...` id), `deletePaymentMethod(id)`,
+`syncStripeCustomerDetails(options)`, `storeTransaction(productId, options)`,
+`newSubscription(type, lookupKey, options)`. Anything else is not a function at
+runtime.
 
 ## Gotchas
 - Stripe API keys MUST be in `.env` as `STRIPE_SECRET_KEY` and `STRIPE_PUBLISHABLE_KEY` -- never hardcode them in config files

package/app/Actions/Auth/CreateTokenAction.ts

@@ -39,7 +39,7 @@ export default new Action({
       return response.badRequest('At least one valid token scope is required')
 
     try {
-      const result = await createToken(user.id, name, scopeArray, {
+      const result = await createToken(Number(user.id), name, scopeArray, {
         expiresInMinutes,
         withRefreshToken,
         refreshExpiresInDays: 30,

package/app/Actions/Auth/ListTokensAction.ts

@@ -13,7 +13,7 @@ export default new Action({
       return response.unauthorized('Authentication required')
     }
 
-    const userTokens = await tokens(user.id)
+    const userTokens = await tokens(Number(user.id))
 
     return response.json({
       tokens: userTokens.map(token => ({

package/app/Actions/Auth/ResendVerificationAction.ts

@@ -13,7 +13,7 @@ export default new Action({
     }
 
     const { resendVerificationEmail } = await import('@stacksjs/auth')
-    const result = await resendVerificationEmail(user)
+    const result = await resendVerificationEmail({ ...user, id: Number(user.id) })
 
     if (!result.success) {
       return response.json({ success: false, message: result.message }, 422)

package/app/Actions/Auth/RevokeTokenAction.ts

@@ -20,7 +20,7 @@ export default new Action({
     }
 
     // Verify the token belongs to the user
-    const userTokens = await tokens(user.id)
+    const userTokens = await tokens(Number(user.id))
     const tokenToRevoke = userTokens.find(t => t.id === tokenId)
 
     if (!tokenToRevoke) {

package/app/Actions/Auth/VerifyRegistrationAction.ts

@@ -51,7 +51,7 @@ export default new Action({
         expectedRPID,
       )
 
-      await setCurrentRegistrationOptions(user, verification)
+      await setCurrentRegistrationOptions({ id: Number(user.id), email: user.email }, verification)
 
       return verification
     }

package/app/Actions/Billable/CheckoutAction.ts

@@ -1,6 +1,7 @@
 import type { UserModel } from '@stacksjs/orm'
 import { Action } from '@stacksjs/actions'
-import { manageCheckout } from '@stacksjs/payments'
+import { isBillable } from '@stacksjs/orm'
+import { BILLING_NOT_ENABLED, manageCheckout } from '@stacksjs/payments'
 import { response } from '@stacksjs/router'
 
 export default new Action({
@@ -20,16 +21,12 @@ export default new Action({
     }
 
     // Checkout needs the billable trait, which the default User model leaves
-    // OFF ("not every app bills through the User model"). Without it the
-    // methods manageCheckout calls - hasStripeId() and friends - are not on
-    // the record at all, so say which switch is missing instead of failing
-    // deeper in with "user.hasStripeId is not a function".
-    if (typeof (user as unknown as Partial<UserModel>).hasStripeId !== 'function') {
-      return response.json(
-        { message: 'Billing is not enabled. Set `traits.billable` on the User model to use checkout.' },
-        503,
-      )
-    }
+    // OFF ("not every app bills through the User model"), so say which switch
+    // is missing instead of failing deeper in. This used to ask whether
+    // `hasStripeId` was a function - a method nothing binds, billable or not -
+    // so it answered 503 even in an app that had turned billing on.
+    if (!isBillable(user))
+      return response.error(BILLING_NOT_ENABLED, 503)
 
     const session = await manageCheckout.create(user as unknown as UserModel, params)
 

package/app/Actions/Cms/PostStoreAction.ts

@@ -18,8 +18,11 @@ export default new Action({
     if (!user)
       return response.unauthorized('Authentication required')
 
+    // `name` is a column of the default User model, not of every User model,
+    // so it is read as what it is: possibly absent. An author with no name
+    // falls back to the email, which every authenticated user has.
     const author = await authors.findOrCreate({
-      name: user.name,
+      name: typeof user.name === 'string' && user.name !== '' ? user.name : user.email,
       email: user.email,
     })
 

package/app/Actions/Dashboard/Auth/MeAction.ts

@@ -72,7 +72,7 @@ export default new Action({
     const res: MeResponse = {
       user: {
         id: userId,
-        name: user.name ?? null,
+        name: typeof user.name === 'string' ? user.name : null,
         email: user.email ?? null,
       },
       roles,

package/app/Actions/Dashboard/Settings/BillingShowAction.ts

@@ -73,7 +73,7 @@ export default new Action({
       settleBillableRead(user, 'activeSubscription'),
       settleBillableRead(user, 'paymentMethods'),
       settleBillableRead(user, 'defaultPaymentMethod'),
-      PaymentTransaction.where('user_id', authenticatedUser.id).orderByDesc('id').get(),
+      PaymentTransaction.where('user_id', Number(authenticatedUser.id)).orderByDesc('id').get(),
     ])
 
     const providerReads: SettledBillingRead[] = [

package/app/Actions/Payment/CancelSubscriptionAction.ts

@@ -1,4 +1,6 @@
 import { Action } from '@stacksjs/actions'
+import { isBillable, SubscriptionNotOwnedError } from '@stacksjs/orm'
+import { BILLING_NOT_ENABLED } from '@stacksjs/payments'
 import { response } from '@stacksjs/router'
 
 export default new Action({
@@ -6,15 +8,31 @@ export default new Action({
   description: 'Cancel Subscription for stripe',
   method: 'POST',
   async handle(request: RequestInstance) {
-    const providerId = request.get('providerId') as string
+    const providerId = request.get<unknown>('providerId')
 
     const user = await request.user()
 
     if (!user)
       return response.unauthorized('Authentication required')
 
-    const subscription = await user?.cancelSubscription(providerId)
+    if (!isBillable(user))
+      return response.error(BILLING_NOT_ENABLED, 503)
 
-    return response.json(subscription?.paymentIntent)
+    if (typeof providerId !== 'string' || !providerId)
+      return response.json({ error: 'providerId is required' }, 422)
+
+    // Only the caller's own subscription: the trait checks ownership, and one
+    // 404 covers both "no such subscription" and "someone else's".
+    try {
+      // `cancelSubscription` answers `{ subscription }` and nothing else. This
+      // returned `.paymentIntent` off it, which is always undefined.
+      const { subscription } = await user.cancelSubscription(providerId)
+      return response.json(subscription)
+    }
+    catch (error) {
+      if (error instanceof SubscriptionNotOwnedError)
+        return response.json({ error: 'Subscription not found' }, 404)
+      throw error
+    }
   },
 })

package/app/Actions/Payment/CreateCheckoutAction.ts

@@ -1,4 +1,6 @@
 import { Action } from '@stacksjs/actions'
+import { isBillable } from '@stacksjs/orm'
+import { BILLING_NOT_ENABLED } from '@stacksjs/payments'
 import { response } from '@stacksjs/router'
 
 export default new Action({
@@ -11,7 +13,10 @@ export default new Action({
     if (!user)
       return response.unauthorized('Authentication required')
 
-    const checkout = await user?.checkout([
+    if (!isBillable(user))
+      return response.error(BILLING_NOT_ENABLED, 503)
+
+    const checkout = await user.checkout([
       {
         priceId: 'price_1QBEfsBv6MhUdo23avVV0kqx',
         quantity: 1,

package/app/Actions/Payment/CreateInvoiceSubscription.ts

@@ -1,4 +1,6 @@
 import { Action } from '@stacksjs/actions'
+import { isBillable } from '@stacksjs/orm'
+import { BILLING_NOT_ENABLED } from '@stacksjs/payments'
 import { response } from '@stacksjs/router'
 
 export default new Action({
@@ -11,7 +13,16 @@ export default new Action({
     if (!user)
       return response.unauthorized('Authentication required')
 
-    const subscription = await user?.newSubscriptionInvoice('pro', 'stacks_pro_monthly')
+    if (!isBillable(user))
+      return response.error(BILLING_NOT_ENABLED, 503)
+
+    // There is no `newSubscriptionInvoice` on a billable user, and never was, so
+    // this threw "is not a function". An invoiced subscription is an ordinary
+    // one that Stripe bills by emailing an invoice instead of charging a card.
+    const subscription = await user.newSubscription('pro', 'stacks_pro_monthly', {
+      collection_method: 'send_invoice',
+      days_until_due: 30,
+    })
 
     return response.json(subscription)
   },

package/app/Actions/Payment/CreatePaymentIntentAction.ts

@@ -1,5 +1,7 @@
 import { Action } from '@stacksjs/actions'
 import { HttpError } from '@stacksjs/error-handling'
+import { isBillable } from '@stacksjs/orm'
+import { BILLING_NOT_ENABLED } from '@stacksjs/payments'
 import { response } from '@stacksjs/router'
 
 export default new Action({
@@ -16,14 +18,17 @@ export default new Action({
     if (!user)
       return response.unauthorized('Authentication required')
 
+    if (!isBillable(user))
+      return response.error(BILLING_NOT_ENABLED, 503)
+
     if (!product) {
       throw new HttpError(422, 'Product not found!')
     }
 
-    const paymentIntent = await user?.paymentIntent({
-      // The Product model's column is `price`; `unit_price` has never been
-      // one, so this read was undefined and the intent was created for NaN.
-      amount: Number(product.get('price')),
+    // The Product model's column is `price`; `unit_price` has never been one,
+    // so that read was undefined and the intent was created for NaN. And the
+    // method is `createPayment`: `user.paymentIntent()` never existed.
+    const paymentIntent = await user.createPayment(Number(product.get('price')), {
       currency: 'usd',
       payment_method_types: ['card'],
     })

package/app/Actions/Payment/CreateSetupIntentAction.ts

@@ -1,4 +1,6 @@
 import { Action } from '@stacksjs/actions'
+import { isBillable } from '@stacksjs/orm'
+import { BILLING_NOT_ENABLED } from '@stacksjs/payments'
 import { response } from '@stacksjs/router'
 
 export default new Action({
@@ -11,7 +13,10 @@ export default new Action({
     if (!user)
       return response.unauthorized('Authentication required')
 
-    const setupIntent = await user?.createSetupIntent({
+    if (!isBillable(user))
+      return response.error(BILLING_NOT_ENABLED, 503)
+
+    const setupIntent = await user.createSetupIntent({
       payment_method_types: ['card', 'link', 'us_bank_account'],
     })
 

package/app/Actions/Payment/CreateSubscriptionAction.ts

@@ -1,4 +1,6 @@
 import { Action } from '@stacksjs/actions'
+import { isBillable } from '@stacksjs/orm'
+import { BILLING_NOT_ENABLED } from '@stacksjs/payments'
 import { response } from '@stacksjs/router'
 
 export default new Action({
@@ -16,8 +18,13 @@ export default new Action({
     if (!user)
       return response.unauthorized('Authentication required')
 
-    const subscription = await user?.newSubscription(plan, type, { description, metadata: { period } })
+    if (!isBillable(user))
+      return response.error(BILLING_NOT_ENABLED, 503)
 
-    return response.json(subscription?.paymentIntent)
+    // `plan` is the subscription's name ('pro') and `type` the price lookup key
+    // ('stacks_pro_monthly'), which is the order `newSubscription` takes them in.
+    const { paymentIntent } = await user.newSubscription(plan, type, { description, metadata: { period } })
+
+    return response.json(paymentIntent)
   },
 })

package/app/Actions/Payment/DeleteDefaultPaymentAction.ts

@@ -1,4 +1,6 @@
 import { Action } from '@stacksjs/actions'
+import { isBillable } from '@stacksjs/orm'
+import { BILLING_NOT_ENABLED } from '@stacksjs/payments'
 import { response } from '@stacksjs/router'
 
 export default new Action({
@@ -11,8 +13,11 @@ export default new Action({
     if (!user)
       return response.unauthorized('Authentication required')
 
+    if (!isBillable(user))
+      return response.error(BILLING_NOT_ENABLED, 503)
+
     const paymentMethod = Number(request.get('paymentMethod'))
 
-    await user?.deletePaymentMethod(paymentMethod)
+    await user.deletePaymentMethod(paymentMethod)
   },
 })

package/app/Actions/Payment/FetchActiveSubscriptionAction.ts

@@ -1,4 +1,6 @@
 import { Action } from '@stacksjs/actions'
+import { isBillable } from '@stacksjs/orm'
+import { BILLING_NOT_ENABLED } from '@stacksjs/payments'
 import { response } from '@stacksjs/router'
 
 export default new Action({
@@ -11,7 +13,10 @@ export default new Action({
     if (!user)
       return response.unauthorized('Authentication required')
 
-    const subscription = await user?.activeSubscription()
+    if (!isBillable(user))
+      return response.error(BILLING_NOT_ENABLED, 503)
+
+    const subscription = await user.activeSubscription()
 
     return response.json(subscription)
   },

package/app/Actions/Payment/FetchDefaultPaymentMethodAction.ts

@@ -1,4 +1,6 @@
 import { Action } from '@stacksjs/actions'
+import { isBillable } from '@stacksjs/orm'
+import { BILLING_NOT_ENABLED } from '@stacksjs/payments'
 import { response } from '@stacksjs/router'
 
 export default new Action({
@@ -11,7 +13,10 @@ export default new Action({
     if (!user)
       return response.unauthorized('Authentication required')
 
-    const paymentMethod = await user?.defaultPaymentMethod()
+    if (!isBillable(user))
+      return response.error(BILLING_NOT_ENABLED, 503)
+
+    const paymentMethod = await user.defaultPaymentMethod()
 
     return response.json(paymentMethod)
   },

package/app/Actions/Payment/FetchPaymentCustomerAction.ts

@@ -1,4 +1,6 @@
 import { Action } from '@stacksjs/actions'
+import { isBillable } from '@stacksjs/orm'
+import { BILLING_NOT_ENABLED } from '@stacksjs/payments'
 import { response } from '@stacksjs/router'
 
 export default new Action({
@@ -11,7 +13,12 @@ export default new Action({
     if (!user)
       return response.unauthorized('Authentication required')
 
-    const customer = await user?.asStripeUser()
+    if (!isBillable(user))
+      return response.error(BILLING_NOT_ENABLED, 503)
+
+    // `asStripeUser()` does not exist; `retrieveStripeUser()` is the lookup,
+    // and answers undefined for a user with no Stripe customer yet.
+    const customer = await user.retrieveStripeUser()
 
     return response.json(customer)
   },

package/app/Actions/Payment/FetchPaymentMethodsAction.ts

@@ -1,4 +1,6 @@
 import { Action } from '@stacksjs/actions'
+import { isBillable } from '@stacksjs/orm'
+import { BILLING_NOT_ENABLED } from '@stacksjs/payments'
 import { response } from '@stacksjs/router'
 
 export default new Action({
@@ -11,7 +13,10 @@ export default new Action({
     if (!user)
       return response.unauthorized('Authentication required')
 
-    const paymentMethods = await user?.paymentMethods()
+    if (!isBillable(user))
+      return response.error(BILLING_NOT_ENABLED, 503)
+
+    const paymentMethods = await user.paymentMethods()
 
     return response.json(paymentMethods)
   },

package/app/Actions/Payment/FetchTransactionHistoryAction.ts

@@ -11,7 +11,7 @@ export default new Action({
     if (!user)
       return response.unauthorized('Authentication required')
 
-    const transactions = await PaymentTransaction.where('user_id', user?.id).get()
+    const transactions = await PaymentTransaction.where('user_id', Number(user.id)).get()
 
     return response.json(transactions)
   },

package/app/Actions/Payment/SetDefaultPaymentAction.ts

@@ -1,4 +1,6 @@
 import { Action } from '@stacksjs/actions'
+import { isBillable } from '@stacksjs/orm'
+import { BILLING_NOT_ENABLED } from '@stacksjs/payments'
 import { response } from '@stacksjs/router'
 
 export default new Action({
@@ -11,9 +13,15 @@ export default new Action({
     if (!user)
       return response.unauthorized('Authentication required')
 
-    const paymentId = Number(request.get('setupIntent'))
+    if (!isBillable(user))
+      return response.error(BILLING_NOT_ENABLED, 503)
 
-    const paymentMethod = await user?.setDefaultPaymentMethod(paymentId)
+    // The payment store posts `{ paymentId }`; this read only `setupIntent`, so
+    // it saw undefined and asked for payment method NaN. `setupIntent` is still
+    // read for any client written against the old name.
+    const paymentId = Number(request.get('paymentId') ?? request.get('setupIntent'))
+
+    const paymentMethod = await user.setDefaultPaymentMethod(paymentId)
 
     return response.json(paymentMethod)
   },

package/app/Actions/Payment/SetUserDefaultPaymentAction.ts

@@ -1,4 +1,6 @@
 import { Action } from '@stacksjs/actions'
+import { isBillable } from '@stacksjs/orm'
+import { BILLING_NOT_ENABLED } from '@stacksjs/payments'
 import { response } from '@stacksjs/router'
 
 export default new Action({
@@ -11,9 +13,14 @@ export default new Action({
     if (!user)
       return response.unauthorized('Authentication required')
 
+    if (!isBillable(user))
+      return response.error(BILLING_NOT_ENABLED, 503)
+
     const paymentId = String(request.get('setupIntent'))
 
-    const paymentMethod = await user?.setUserDefaultPaymentMethod(paymentId)
+    // A string id is Stripe's own `pm_...`, which `setDefaultPaymentMethod`
+    // resolves on Stripe's side. `setUserDefaultPaymentMethod()` never existed.
+    const paymentMethod = await user.setDefaultPaymentMethod(paymentId)
 
     return response.json(paymentMethod)
   },

package/app/Actions/Payment/StorePaymentMethodAction.ts

@@ -1,4 +1,6 @@
 import { Action } from '@stacksjs/actions'
+import { isBillable } from '@stacksjs/orm'
+import { BILLING_NOT_ENABLED } from '@stacksjs/payments'
 import { response } from '@stacksjs/router'
 
 export default new Action({
@@ -11,9 +13,12 @@ export default new Action({
     if (!user)
       return response.unauthorized('Authentication required')
 
+    if (!isBillable(user))
+      return response.error(BILLING_NOT_ENABLED, 503)
+
     const paymentIntent = request.get('setupIntent') as string
 
-    const paymentMethod = await user?.addPaymentMethod(paymentIntent)
+    const paymentMethod = await user.addPaymentMethod(paymentIntent)
 
     return response.json(paymentMethod)
   },

package/app/Actions/Payment/StoreTransactionAction.ts

@@ -1,4 +1,6 @@
 import { Action } from '@stacksjs/actions'
+import { isBillable } from '@stacksjs/orm'
+import { BILLING_NOT_ENABLED } from '@stacksjs/payments'
 import { response } from '@stacksjs/router'
 
 export default new Action({
@@ -13,7 +15,23 @@ export default new Action({
     if (!user)
       return response.unauthorized('Authentication required')
 
-    const transaction = await user?.storeTransaction(productId)
+    if (!isBillable(user))
+      return response.error(BILLING_NOT_ENABLED, 503)
+
+    // A transaction records a payment that already happened, so it needs the
+    // Stripe id of that payment and the card brand it was made with. The call
+    // used to pass neither, and threw reading `options.description`.
+    const providerId = String(request.get('providerId') ?? '')
+    const brand = String(request.get('brand') ?? '')
+
+    if (!providerId || !brand)
+      return response.error('A transaction needs the `providerId` of the Stripe payment and the card `brand`.', 422)
+
+    const transaction = await user.storeTransaction(productId, {
+      provider_id: providerId,
+      brand,
+      description: request.get('description') ? String(request.get('description')) : undefined,
+    })
 
     return response.json(transaction)
   },

package/app/Actions/Payment/UpdateCustomerAction.ts

@@ -1,4 +1,6 @@
 import { Action } from '@stacksjs/actions'
+import { isBillable } from '@stacksjs/orm'
+import { BILLING_NOT_ENABLED } from '@stacksjs/payments'
 import { response } from '@stacksjs/router'
 
 export default new Action({
@@ -11,13 +13,27 @@ export default new Action({
     if (!user)
       return response.unauthorized('Authentication required')
 
-    const customer = await user?.syncStripeCustomerDetails({ address: {
-      line1: '123 Elm St',
-      city: 'Austin',
-      state: 'TX',
-      postal_code: '78701',
-      country: 'US',
-    } })
+    if (!isBillable(user))
+      return response.error(BILLING_NOT_ENABLED, 503)
+
+    // The address comes from the request. It was a hard-coded placeholder, so
+    // every customer synced through here was moved to the same street in
+    // Austin.
+    const field = (key: string): string | undefined => {
+      const value = request.get(key)
+      return typeof value === 'string' && value !== '' ? value : undefined
+    }
+
+    const customer = await user.syncStripeCustomerDetails({
+      address: {
+        line1: field('line1'),
+        line2: field('line2'),
+        city: field('city'),
+        state: field('state'),
+        postal_code: field('postal_code'),
+        country: field('country'),
+      },
+    })
 
     return response.json(customer)
   },

package/app/Actions/Payment/UpdateDefaultPaymentMethodAction.ts

@@ -1,4 +1,6 @@
 import { Action } from '@stacksjs/actions'
+import { isBillable } from '@stacksjs/orm'
+import { BILLING_NOT_ENABLED } from '@stacksjs/payments'
 import { response } from '@stacksjs/router'
 
 export default new Action({
@@ -11,8 +13,11 @@ export default new Action({
     if (!user)
       return response.unauthorized('Authentication required')
 
+    if (!isBillable(user))
+      return response.error(BILLING_NOT_ENABLED, 503)
+
     const paymentMethod = Number(request.get('paymentMethod'))
 
-    await user?.setDefaultPaymentMethod(paymentMethod)
+    await user.setDefaultPaymentMethod(paymentMethod)
   },
 })

package/app/Actions/Payment/UpdateSubscriptionAction.ts

@@ -1,4 +1,6 @@
 import { Action } from '@stacksjs/actions'
+import { isBillable } from '@stacksjs/orm'
+import { BILLING_NOT_ENABLED } from '@stacksjs/payments'
 import { response } from '@stacksjs/router'
 
 export default new Action({
@@ -15,8 +17,11 @@ export default new Action({
     if (!user)
       return response.unauthorized('Authentication required')
 
-    const subscription = await user?.updateSubscription(plan, type, { description })
+    if (!isBillable(user))
+      return response.error(BILLING_NOT_ENABLED, 503)
 
-    return response.json(subscription?.paymentIntent)
+    const { paymentIntent } = await user.updateSubscription(plan, type, { description })
+
+    return response.json(paymentIntent)
   },
 })

package/ide/vscode/package.json

@@ -2,7 +2,7 @@
   "publisher": "Stacks",
   "name": "vscode-stacks",
   "displayName": "Stacks",
-  "version": "0.74.69",
+  "version": "0.75.0",
   "description": "A modern Stacks development environment.",
   "license": "MIT",
   "funding": "https://github.com/sponsors/chrisbbreuer",

package/package.json

@@ -2,7 +2,7 @@
   "name": "@stacksjs/defaults",
   "type": "module",
   "sideEffects": false,
-  "version": "0.74.69",
+  "version": "0.75.0",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/stacksjs/stacks.git",
@@ -55,7 +55,7 @@
   "dependencies": {
     "@iconify-json/f7": "^1.2.2",
     "@iconify-json/hugeicons": "^1.2.27",
-    "@stacksjs/mobile": "^0.74.69",
+    "@stacksjs/mobile": "^0.75.0",
     "@stacksjs/sanitizer": "^0.2.113",
     "ts-qr-codes": "^0.1.8"
   }

package/resources/components/Dashboard/Auth/Login.stx

@@ -81,7 +81,7 @@ function handleSubmit(): void {
             label="Email address"
             placeholder="you@example.com"
             v-model:value="email"
-            @blur="validateEmail"
+            @blur="validateEmail()"
             :error="fieldError('email')"
             required
             :disabled="isLoading()"
@@ -94,7 +94,7 @@ function handleSubmit(): void {
             label="Password"
             placeholder="Enter your password"
             v-model:value="password"
-            @blur="validatePassword"
+            @blur="validatePassword()"
             :error="fieldError('password')"
             required
             :disabled="isLoading()"

package/resources/components/Dashboard/Auth/Register.stx

@@ -144,7 +144,7 @@ function handleSubmit(): void {
             label="Email address"
             placeholder="you@example.com"
             v-model:value="email"
-            @blur="validateEmail"
+            @blur="validateEmail()"
             :error="fieldError('email')"
             required
             :disabled="isLoading()"
@@ -158,8 +158,8 @@ function handleSubmit(): void {
             label="Password"
             placeholder="At least 8 characters"
             v-model:value="password"
-            @input="validatePassword"
-            @blur="validatePassword"
+            @input="validatePassword()"
+            @blur="validatePassword()"
             :error="fieldError('password')"
             required
             :disabled="isLoading()"
@@ -185,7 +185,7 @@ function handleSubmit(): void {
             label="Confirm password"
             placeholder="Confirm your password"
             v-model:value="passwordConfirmation"
-            @input="validateConfirmation"
+            @input="validateConfirmation()"
             :error="fieldError('passwordConfirmation')"
             required
             :disabled="isLoading()"

package/resources/components/Dashboard/Infrastructure/LogsDashboard.stx

@@ -5,6 +5,7 @@ import type {
   DashboardLogType,
 } from '../../../../app/Actions/Dashboard/Infrastructure/log-dashboard'
 import { dashboardApi } from '../../../../functions/dashboard-api'
+import { debounce } from '@stacksjs/browser/utils/debounce'
 
 interface LogPagination {
   page: number

package/resources/components/Dashboard/Kanban/KanbanCardDialog.stx

@@ -1,5 +1,6 @@
 <script client>
 import { kanbanStore } from '~/storage/framework/defaults/views/dashboard/stores/kanban'
+import { useTimeoutFn } from '@stacksjs/composables'
 
 const kanban = kanbanStore
 const openCard = derived(() => kanban.openCard())

package/resources/components/Dashboard/MobileSidebar.stx

@@ -1,4 +1,5 @@
 <script client>
+import { useScrollLock } from '@stacksjs/composables'
 const isOpen = state(false)
 const isDesktop = useMediaQuery('(min-width: 1024px)')
 const scrollLocked = useScrollLock()

package/resources/components/Dashboard/Teams/TeamPeopleDashboard.stx

@@ -449,7 +449,7 @@ onMount(() => {
   confirmLabel="Remove member"
   :busy="Boolean(busyMemberId())"
   @close="memberToRemove.set(null)"
-  @confirm="removeMember"
+  @confirm="removeMember()"
 />
 
 <ConfirmDialog
@@ -459,5 +459,5 @@ onMount(() => {
   confirmLabel="Revoke invitation"
   :busy="Boolean(busyInvitationId())"
   @close="invitationToRevoke.set(null)"
-  @confirm="revokeInvitation"
+  @confirm="revokeInvitation()"
 />

package/resources/components/Dashboard/UI/Drawer.stx

@@ -17,6 +17,7 @@ const sizeClasses = {
 </script>
 
 <script client>
+import { useScrollLock } from '@stacksjs/composables'
 const open = useReactiveProp('isOpen', false)
 const liveClosable = useReactiveProp('closable', true)
 const liveTitle = useReactiveProp('title', '')

package/resources/components/Dashboard/UI/Modal.stx

@@ -41,6 +41,7 @@ const positionClasses = {
 }
 </script>
 <script client>
+import { useScrollLock } from '@stacksjs/composables'
 const open = useReactiveProp('isOpen', false)
 const liveClosable = useReactiveProp('closable', true)
 const liveTitle = useReactiveProp('title', '')

package/resources/plugins/preloader.ts

@@ -278,7 +278,7 @@ export async function loadAutoImports() {
         // Skip default exports and protected globals
         if (name === 'default' || protectedGlobals.has(name)) continue
         if (typeof value !== 'undefined') {
-          (globalThis as any)[name] = value
+          Reflect.set(globalThis, name, value)
         }
       }
     } catch {
@@ -298,7 +298,7 @@ export async function loadAutoImports() {
         // Skip default exports and protected globals
         if (name === 'default' || protectedGlobals.has(name)) continue
         if (typeof value !== 'undefined') {
-          (globalThis as any)[name] = value
+          Reflect.set(globalThis, name, value)
         }
       }
     } catch {
@@ -331,7 +331,7 @@ export async function loadAutoImports() {
         try {
           const module = await import(file)
           if (module.default) {
-            (globalThis as any)[modelName] = module.default
+            Reflect.set(globalThis, modelName, module.default)
             loadedModels.add(modelName)
           }
         } catch {
@@ -362,7 +362,7 @@ export async function loadAutoImports() {
       try {
         const module = await import(file)
         if (module.default) {
-          (globalThis as any)[jobName] = module.default
+          Reflect.set(globalThis, jobName, module.default)
           loadedJobs.add(jobName)
         }
       } catch {
@@ -397,7 +397,7 @@ export async function loadAutoImports() {
         try {
           const module = await import(file)
           if (module.default) {
-            (globalThis as any)[controllerName] = module.default
+            Reflect.set(globalThis, controllerName, module.default)
             loadedControllers.add(controllerName)
           }
         } catch {