Plop does not handle | null when adding lines

[mljlynch]

When appending a link to a typescript type with | null included, plop borks the remaining conditional types in the type definition.

Action:

     {
       type: 'append',
       path: 'src/context/AsyncStorage/AsyncStorage.context.types.tsx',
       pattern: `/* PLOP_INJECT_ASYNC_STORAGE_VALUE_TYPE */`,
       template: `{{camelCase name}}: {{type}} | null;`,
     },

expected behavior:

export type AsyncStorageContextValues = {
  /* PLOP_INJECT_ASYNC_STORAGE_VALUE_TYPE */
  value1 = Type | null;
  value2 = Type | null;
  ...
}

Observed behavior:

export type AsyncStorageContextValues = {
  /* PLOP_INJECT_ASYNC_STORAGE_VALUE_TYPE */
  value1 = Type | null;
  value2 = Type |
  value3 = Type |
  ...
}

[mljlynch]

It looks like this is due to:

https://github.com/plopjs/plop/blob/main/packages/node-plop/src/actions/append.js

This line does not handle the "|" (or) operator in Regex even though we need to be able to plop types into typescript.

    const lastPartWithoutDuplicates = lastPart.replace(
      new RegExp(separator + stringToAppend, "g"),
      ""
    );