Field hook for creating slug

generator1012 years ago

8

{
            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

  2 years 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

• 

  generator1012 years ago

  @364124941832159242

  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

  2 years ago

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

  slug

  field correct

  
  
  

  can you copy / paste your

  slug

  field config here?

• 

  generator1012 years 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

  2 years 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

• 

  generator1012 years ago

  oh I see, thank you

  
  
  

  I will give it a shot tomorrow morning

  
  
  @364124941832159242

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

  
  
  

  Thank you for your help

• 

  kaspartr2 years ago

  @944284724824801302

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

• 

  generator1012 years ago

  sure

  
  
  @567578449439621124

  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