DEV Community: MemphisNguyen

AdonisJS validate file in Object

MemphisNguyen — Sat, 27 Aug 2022 19:44:00 +0000

This is my experience about validating request data using AdonisJS validator and the solution for it. I can't easily find an article about this issue so I decide to write this so that others which have the same issue could find the solution easier.

Context

This issue happened when I had a data block that need to submit to the backend to handle. Its format looks like this

{
  "users": [
    {
      "name": "John Doe",
      "avatar": <File>
    },
    ...
  ]
}

And following the documents from AdonisJS, I use this snippet to validate the data

params = await request.validate({
  schema: schema.create({
    users: schema.array().members(
      schema.object().members({
        name: schema.string({ trim: true }),
        avatar: schema.file({
          size: '10mb',
          extnames: ['jpg', 'heic']
        }),
      })
    ),
  }),
})

Problem

The problem is that submitted data in the backend will be stored by AdonisJS in 2 parts, request.all() and request.allFiles(). So the data will be

request.all() : { "users": [ { "name": "John Doe" } ] }
request.allFiles(): { "users": [ { "avatar": <File> } ] }

And to running the validation, these data pieces will need to be merged to make sure it pass the rules.
Unfortunately, following AdonisJS's author idea that deep merge will affect to the performance of the framework. Therefore, shallow merge is used to combine them and it looks like this

data = {
  ...body,
  ...files,
}

And you know what happened. After the merge, user item only has avatar property.

Solution

As the author suggestion in the comment about, I've change the way to validate the data by perform deep merge data by using lodash merge and use AdonisJS standalone validator to validate the merged data

import lodashMerge from 'lodash/merge'
import { validator } from '@ioc:Adonis/Core/Validator'
...
allData = lodashMerge({}, request.all(), request.allFiles())

params = await validator.validate({
  data: allData,
  schema: schema.create({
    users: schema.array().members(
      schema.object().members({
        name: schema.string({ trim: true }),
        avatar: schema.file({
          size: '10mb',
          extnames: ['jpg', 'heic']
        }),
      })
    ),
  }),
})

And that's how I got the params as same as the way it's submitted.

Readers, let me know if you can see any other way to resolve this issues.

Thanks for reading.

[Help] Multi-schema on AdonisJS

MemphisNguyen — Sat, 27 Aug 2022 19:02:37 +0000

Hi there,
I'm working on project using AdonisJS and Postgres to serve for multi-tenant purpose. I want to be able to access multiple schema with 1 source code only but I couldn't find any document about it.

In basic, I will use the client ID to determine the schema that would be used to query the data from.
I can find some document about putting the schema with the table name in the model but that's not what I want because the model will be sticked to one schema only.

Have you experienced with this kind of structure and can you help me?
Thanks.

Passing object as props in VueJS

MemphisNguyen — Sat, 03 Oct 2020 09:24:09 +0000

Hello everyone.
I'm currently working on a project require render JSX buts now I'm stucking with a problem that passing JSON object as props.

Even though VueJS supports passing a JSON object variable for the prop but not able to pass JSON object directly like below:

<Comp :property="{\"key": \"value\"}" />

Have you ever met this problem and having any suggestions for this?

I'm using encodeURIComponent and treat it as a string for now but it's not a pretty solution.