Field hook for creating slug

generator101

8 months ago

25

{
            name: 'title',
            required: true,
            type: 'text',
            localized: true,
        },
        {
            name: 'slug',
            required: true,
            type: 'text',
            unique: true,
            localized: true,
            hooks: {
                beforeValidate: [slugify('title')],
            },
        },

 Field "slug" > "value" does not match any of the allowed types

• 

  jmikrut

  Payload Team

  8 months ago

  is it because you don't want the field to show up in the admin UI?

  
  

  
  

  i.e. = you just want the data to be in the API response, and not be editable

  
  

  
  

  to do that, you can set

  admin.disabled

  to

  true

  on your slug field

  
  

  
  

  and it will be hidden in admin UI

• 

  generator101

  8 months ago

  @jmikrut yes, the idea is to auto generate the slug value from the title automatically when post is saved

  
  

  
  

  but the issue is Field "slug" > "value" does not match any of the allowed types error

• 

  jmikrut

  Payload Team

  8 months ago

  that means you don't have your field config for the

  slug

  field correct

  
  

  
  

  can you copy / paste your

  slug

  field config here?

• 

  generator101

  8 months ago

  hum, I am not sure, I added it as a text field

  
  

  
  

  {
              name: 'slug',
              required: true,
              type: 'text',
              unique: true,
              localized: true,
              hooks: {
                  beforeValidate: [slugify('title')],
              },
          },

  
  

  
  

  slugify

  https://www.npmjs.com/package/slugify

  is this library I want to use

  
  

  
  

  to convert the title

• 

  jmikrut

  Payload Team

  8 months ago

  the error is because you are not writing your

  beforeValidate

  hook properly

  
  

  
  

  in that snippet, you're

  calling

  the function, which will likely return a string. The

  beforeValidate

  property can only accept an array of functions

  
  

  
  

  so you need to write your beforeValidate hook itself as a function, and not call it

• 

  generator101

  8 months ago

  oh I see, thank you

  
  

  
  

  I will give it a shot tomorrow morning

  
  

  
  

  @jmikrut I managed to get this working and use title automatically as a slug

  
  

  
  

  Thank you for your help

• 

  KasparTr

  7 months ago

  @generator101 could you kindly post your solution here? I'm also having issues working dynamically between different field selections.

• 

  generator101

  7 months ago

  sure

  
  

  
  

  @KasparTr here you go

  
  

  
  

  {
      name: 'slug',
      type: 'text',
      unique: true,
      localized: true,
      index: true,
      admin: {
          readOnly: true
      },
      hooks: {
          beforeValidate: [
              ({ req: { payload }, data }) => {
                  if (payload) {
                      return slugify(data.title)
                  }
              },
          ],
      },
  },

  
  

  
  

  I used this library

  https://www.npmjs.com/package/slugify
  

  
  

  to convert title to slug