@memsbdm | Adocasts Profile

Recent Activity

Here's what @memsbdm has been up to this past year

Jun 18

Replied to Thank you very much for sharing, memsbdm!! 😊

Hello Tom, is it possible to display the same toast multiple time ? Let say you fail auth, it will only appear once even if we submit multiple failed login forms
Jun 11

Commented on post Creating A Toast Message Manager

Hey, since vue-sonner updated to V2 we just need to add
import 'vue-sonner/style.css' in the toast manager component if anyone has an issue with that :)
May 05

Upvoted comment Sure thing, memsbdm! Thank you very much for catching this!!...
May 05

Upvoted comment Alrighty, was able to track down the issue! So this was happening...
May 05

Upvoted comment Oh hey, haha! Seems we both found the culprit around the same...
May 05

Replied to Oh hey, haha! Seems we both found the culprit around the same...

Haha nice what a clean way to solve the issue, I'll replicate these changes it is way better than my cookie idea! Thanks for your time :)
May 05

Replied to Hi memsbdm!The mailer at plotmycourse.app is indeed still up...

Well well well, I removed response.header('Referrer-Policy', 'no-referrer') and it works now, it's seems like inertia is not receiving the token after the redirect().back()
We probably could send a cookie before the redirect to keep the no-referrer good practice but seems a bit overkill..
May 05

Replied to Hi memsbdm!The mailer at plotmycourse.app is indeed still up...

Thanks! I will also keep trying to investigate :)
May 05

Commented on post Forgot Password & Password Reset

I just find out that when trying to reset our password with a valid token and providing a payload not satisfying the validator we don't have a form error message but we are redirected instead. I tried many times and I don't think that I missed something, I also tried on the PlotMyCourse deployed version but you disabled the mailer so I can't reproduce the error to see if you also have it or not…
May 05

Replied to Hi memsbdm!Unless you're looking to handle these exceptions ...

Thank you!!! It makes totally sense now 🫶🏼
May 05

Upvoted comment Hi memsbdm!Unless you're looking to handle these exceptions ...

May 04

Commented on post Applying Our Server-Side Authorization Checks

Hi Tom, after creating our exceptions like ForbiddenException, I guess that the best way to use them in handler.ts with error instance of ForbiddenException but what about a custom specific exception like a DB Conflict without vine for example. It feels weird to add specific errors there with a flashErrors but wrap the action in a try catch feels messy… Also I am probably missing a clean way to handle the exception properly when I don't need to redirect the user but add an error to display.

Just an example to illustrate:

// action_example.ts
throw new ConflictException('You or one of your associate already have this item registered.')

// handler.ts
async handle(error: unknown, ctx: HttpContext) {
  if (error instanceof ConflictException) {
    ctx.session.flashErrors({ [error.code!]: error.message }) // to access it using errors.E_CONFLICT
    return ctx.response.redirect().back()
  }
  return super.handle(error, ctx)
}

// conflict_exception.ts
import { Exception } from '@adonisjs/core/exceptions'

export default class ConflictException extends Exception {
  static status = 409
  static code = 'E_CONFLICT'
}
  
    
      Copied!

May 02

Commented on post Upgrading to Inertia 2

Hi Tom,
Just wondering if you are going to upload the migration to Tailwind@4 when fully supported if there are some breaking changes! :)
May 02

Completed lesson Deferring A Prop Load Until it is Visible in InertiaJS 2
May 02

Completed lesson Defer Loading Props in InertiaJS 2
May 01

Completed lesson Polling for Changes in InertiaJS 2
May 01

Completed lesson Upgrading to Inertia 2
May 01

Completed lesson Clearing Login Attempt Rate Limits on Password Reset
May 01

Completed lesson Restricting Login Attempts with Rate Limiting
May 01

Completed lesson Setting Up Secondary TailwindCSS Config & CSS File for our Landing Page
May 01

Completed lesson Applying Our Authorization UI Checks
May 01

Completed lesson Applying Our Server-Side Authorization Checks
May 01

Completed lesson Rolling Our Own Authorization Access Controls
May 01

Completed lesson Refreshing Partial Page Data
May 01

Completed lesson Removing an Organization User
May 01

Completed lesson Canceling an Organization Invite
Apr 30

Completed lesson Adding the Organization Invite User Interface
Apr 30

Completed lesson Accepting an Organization Invitation
Apr 21

Completed lesson Alerting Users When Their Account Email Is Changed
Apr 06

Completed lesson Sending an Invitation to Join Our Organization
Apr 06

Completed lesson Listing Current Organization Members
Apr 03

Completed lesson Account Deletion & Cleaning Dangling Organizations
Apr 01

Completed lesson Prefetching Page to Boost Load Times in InertiaJS 2
Apr 01

Completed lesson Super Easy Infinite Scroll in InertiaJS 2 with Prop Merging
Apr 01

Completed lesson User Profile Settings
Apr 01

Completed lesson Updating & Deleting an Organization
Apr 01

Completed lesson Creating the Settings Shell
Mar 31

Completed lesson Storing Lesson Order Changes & Handling Cross-Module Drag & Drops
Mar 31

Completed lesson Storing Module Order Changes from Vue Draggable
Mar 31

Completed lesson Adding A Publish Date & Time Input
Mar 31

Completed lesson Editing & Deleting Course Lessons
Mar 28

Completed lesson Creating & Listing Sortable Course Lessons
Mar 28

Completed lesson Creating, Editing, & Deleting Course Modules
Mar 28

Completed lesson The Tag Selector
Mar 28

Completed lesson Showing A Course's Details
Mar 28

Replied to Hey memsbdm! Yeah, the deployed app has been expanded beyond...

Thank you so much!! I tried many tags without success but tbody is working perfectly!
Mar 28

Upvoted comment Hey memsbdm! Yeah, the deployed app has been expanded beyond...
Mar 27

Replied to discussion Vue Sortable

By the way I am trying to use <Sortable> inside a <TableBody> and it says Hydration node mismatch however when I am using it without Shadcn components it is working just fine. I tried to add the Sortable component in app.ts and ssr.ts like the Inertia Link but it doesn't help 🤔
Mar 27

Completed lesson Global Components and Hydration Mismatch in Action
Mar 27

Started discussion Vue Sortable
Mar 27

Completed lesson Querying & Listing Sortable Course Modules
Mar 27

Completed lesson Querying & Listing An Organization's Courses
Mar 27

Completed lesson Replicating Behaviors for Access Levels & Statuses
Mar 27

Upvoted comment Hi memsbdm!It looks like this was a tiny change that occurred...
Mar 26

Commented on post Editing the Active Organization

In the file inertia/composables/resource_action.ts, this line const form = useForm(defaultForm) is giving me the error ts: Argument of type 'Form' is not assignable to parameter of type 'FormDataType | (() => FormDataType)'. Type 'object' is not assignable to type 'FormDataType | (() => FormDataType)'.

As I did not find the FormDataType in inertia exports I replaced <Form extends object> with <Form extends Record<string, any>>
I don't know yet if it is going to create any trouble later but it might help for this lesson.
Mar 22

Completed lesson Sorting Difficulties with Drag & Drop
Mar 22

Completed lesson Confirming & Deleting Difficulties
Mar 22

Completed lesson Updating Difficulties
Mar 22

Completed lesson Listing & Creating Difficulties
Mar 22

Completed lesson The Confirm Delete Dialog & Deleting the Active Organization
Mar 22

Completed lesson Editing the Active Organization
Mar 22

Completed lesson Creating A UseResourceActions Composable
Mar 22

Completed lesson Switching Between Organizations
Mar 22

Completed lesson The Form Dialog Component & Adding Organizations
Mar 22

Completed lesson Listing the User's Organizations
Mar 22

Completed lesson Setting & Loading the User's Active Organization
Mar 21

Completed lesson Forgot Password & Password Reset
Mar 21

Completed lesson Adding the Remember Me Token
Mar 20

Completed lesson Logging In Users & Displaying Exceptions
Mar 20

Completed lesson Onboarding Newly Registered Users
Mar 20

Completed lesson Logging Out Users
Mar 20

Completed lesson Splitting Our Routes Between Auth & Web
Mar 20

Completed lesson User Registration with InertiaJS
Mar 20

Completed lesson Creating A Toast Message Manager
Mar 20

Completed lesson Completing Our AppLayout & Navigation Bar
Mar 19

Upvoted comment Hey Thomas! The i18n module looks tightly coupled to the AdonisJS...
Mar 19

Completed lesson Typing Lucid Models in Inertia with DTOs
Mar 19

Completed lesson Seeding Our Initial Database Data
Mar 19

Completed lesson Creating A Lucid Model Mixin for our Organization Relationship
Mar 19

Completed lesson Defining Our Lucid Models & Relationships
Mar 19

Completed lesson Defining Our Migrations & Foreign Keys
Mar 19

Completed lesson Understanding Our Database Schema
Mar 19

Completed lesson What Are Some of Inertia's Limitations
Mar 19

Completed lesson Cross-Site Request Forgery (CSRF) Protection in InertiaJS
Mar 19

Completed lesson Creating A FormInput Vue Component
Mar 19

Completed lesson Common useForm Methods & Options
Mar 19

Completed lesson The useForm Helper
Mar 19

Completed lesson Form Validation & Displaying Errors
Mar 19

Account created Welcome to Adocasts, @memsbdm!