SlugEditor: Allow option to make SlugEditor not track any title fields

[sharanrprasad]

We want to build a custom Contentful app using SlugEditor which attaches today's date to the slug. This ensures that all the new content we are publishing has unique url and is not equal to any previously deleted content.

When using the SlugEditor in a custom app, the value we write to it keeps getting overwritten by the default slug generated by the SlugEditor based on the title field in that entry.

This is our code -

const Field = () => {
  const sdk = useSDK<FieldAppSDK>();
  useAutoResizer();

 useEffect(() => {
    const updateSlugField = async (value: string) => {
      if (sdk.entry.getSys().firstPublishedAt) return;
      const currentDate = new Date();
      const year = currentDate.getFullYear();
      const month = String(currentDate.getMonth() + 1).padStart(2, '0');
      const day = String(currentDate.getDate()).padStart(2, '0');
      const slugWithPrefix = `${year}${month}${day}-${customSlugify(value)}`;
      await sdk.field.setValue(slugWithPrefix);
    };

    const titleField = sdk.entry.fields[sdk.contentType.displayField];

    const titleFieldListener = titleField.onValueChanged(updateSlugField);

    (async () => {
      await updateSlugField(titleField.getValue());
    })();

    return titleFieldListener;
  }, [sdk]);

  return (
    <div>
      <SlugEditor
        isInitiallyDisabled={true}
        parameters={{ instance: { trackingFieldId: undefined } }}
        field={sdk.field}
        baseSdk={sdk}
      />
    </div>
  );
};

Can you please either allow us to disable the tracking title field option or pass a custom slugify method.

[github-actions]

Marking issue as stale since there was no activity for 30 days