@memsbdm | Adocasts Profile

Recent Activity

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

Dec 05

Completed lesson Our First Test
Nov 24

Upvoted comment Anytime! Awesome, looks like what you had was a great alternative...
Nov 23

Upvoted comment Hi @memsbdm! Good question, and you have a few options! You ...
Nov 23

Replied to Hi @memsbdm! Good question, and you have a few options! You ...

Thanks for all these ideas!

Before seeing that I added this to the DTO to avoid multiple calls when we didn't need the image :

async preloadImage() {
if (this.imageKey) {
this.imageUrl = await drive.use('r2').getUrl(this.imageKey)
}
}

I saw a few times the "presenter" term and didn't really look at it, now that I checked this is clearly what I need so I'll change the DTO architecture for that!
Nov 23

Commented on post Uploading and Displaying User Avatars

Hi Tom,

Quick question concerning storage on a cloud provider. In an inertia action/dto architecture, where is the best place to get the complete url from drive ?

I can get it in DTO constructor but it would transform it to an async controller and it is annoying to have multiple async ones… I thought about maybe a Lucid model hook but I'm not sure it is a good place or not!
Nov 20

Replied to Hey @tomgobich, When I import import Sortable from 'vuedraggable'...

https://github.com/SortableJS/vue.draggable.next/issues/286 solved the issue :)
Nov 20

Completed lesson AdonisJS User Role Authentication in 15 Minutes
Nov 20

Commented on post Querying & Listing Sortable Course Modules

Hey @tomgobich,

When I import import Sortable from 'vuedraggable' I keep getting this error :
[Error] TypeError: undefined is not a constructor (evaluating 'new RefImpl(rawValue, shallow)')
I am using the same version "vuedraggable": "^4.1.0"
I need to delete cache even after removing it cause it sticks to the project. Any idea why?
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 Uploading and Displaying User Avatars
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!