Collection hook afterChange not running on create and not keeping values

arielariallast year

19

import { CollectionAfterChangeHook } from "payload/types";

const afterChangeVectors: CollectionAfterChangeHook = async ({ doc, req }) => {
  const svgContent = req.files?.file.data.toString();

  return {
    ...doc,
    inline: svgContent,
    base64: Buffer.from(svgContent).toString("base64"),
  };
};

export default afterChangeVectors;

• 

  notchrlast year

  Hey

  @736673642158620680

  - How are you bringing in svgContent, is that an import?

  
  
  

  OH I see, it's a buffer from the req

  
  
  

  I think?

• 

  arielariallast year

  hi

  @1049775120559898725

  yes, that's it!

• 

  notchrlast year

  @736673642158620680

  I can look more into the SVG issue, but perhaps the afterChange hook is the issue

  
  
  

  I'm not sure exactly what the hook would be for on create but

  
  
  

  hooks: {
      beforeOperation: [
        ({args, operation}) => {
          if (operation === 'create') {
          }
        }]
  }

  
  
  

  I want to say that could work, but im not sure

  
  
  

  Want to try the beforeOperation and check the "create" type for operation

  
  
  

  maybe just log first to see if it gets picked up

• 

  arielariallast year

  let me try that

• 

  notchrlast year

  cool cool

• 

  arielariallast year

  about the SVG, that part is ok! Maybe it's not the best way to achieve it, but I'm still testing if I will need base64 or inline SVG, so for now its working 🙂

• 

  notchrlast year

  Right on! I'd probably do the xml string instead of b64, but whatever works!

  
  
  

  Also, if the beforeOperation method works with create, then it's just a matter of how to set the data on the document to be created

  
  
  

  Which I do not know how to do, but may have more info on the beforeOperation docs

• 

  arielariallast year

  yeah, beforeOperation is running on create. But I don't think there's a way to return data to the document. What bugs me is that the documentation for "afterChange" states that it will run on create and change

  
  https://payloadcms.com/docs/hooks/collections#afterchange
• 

  notchrlast year

  Hmm

  
  
  

  And it's not?

  
  
  

  Even with a console.log test?

  
  
  

  My first guess, without knowing better, is that the hook expects the doc to be returned

  
  
  

  you spread the doc on a new object, possible issue?

  
  
  

  OH

  
  
  @736673642158620680

  I think you want

  https://payloadcms.com/docs/hooks/collections#beforevalidate
  
  

  Runs before the create and update operations. This hook allows you to add or format data before the incoming data is validated server-side.

• 

  arielariallast year

  hmmmmm

• 

  notchrlast year

  import { CollectionBeforeOperationHook } from 'payload/types';
  
  const beforeValidateHook: CollectionBeforeValidateHook = async ({
    data, // incoming data to update or create with
    req, // full express request
    operation, // name of the operation ie. 'create', 'update'
    originalDoc, // original document
  }) => {
    return data; // Return data to either create or update a document with
  }

  
  
  

  So modify data

  
  
  

  still doesn't explain why afterChange didn't fire

  
  
  

  which im curious about

  
  
  @281120856527077378

  Is that normal?

• 

  arielariallast year

  no, wait! 😅 afterChange is firing

• 

  notchrlast year

  LOL

  
  
  

  Also on a side note

• 

  arielariallast year

  I guess my 2 problems are the same: the one about the forms not being populated in frontend / not saved in db

• 

  notchrlast year

  Isn't it weird the beforeValidate example imports beforeOperation but never uses it?

  @281120856527077378
  
  

  I think that may be a typo

• 

  arielariallast year

  for some reason, on create the hook is running, but it does not update the form

• 

  notchrlast year

  Maybe because it happens after?

  
  
  

  The beforeValidate seemed promising

• 

  arielariallast year

  maybe that's it. I'm trying beforeChange, instead of afterChange (dont want to skip validation 😅 )

  
  
  YAS

  beforeChange

  worked 🎉

  
  
  

  thanks a lot,

  @1049775120559898725

  !

• 

  notchrlast year

  WOOT