Generate hierarchical permalinks for pages in Directus Flows based on parent-child relationships.
npm install @timio23/directus-permalink-operationAutomatically generate hierarchical permalinks for URLs or IDs based on parent-child relationships using Directus Flows.
$ npm i @timio23/directus-permalink-operation
... and then restart Directus!
- Directus 11.x
- Collection with M2O Relation to itself Eg "Parent"
When creating or editing a flow:
1. Add a new operation and select Permalink Generator from the list
2. Select the Collection
3. Select the Parent field
4. Select the Slug/Title field
5. Either include the item's ID in the key field or provide a payload with the parent's ID and slug/title.
#### Optional:
- There is the option for a prefix and suffix which will be added to the final permalink.
- The separator can be defined when stitching values together such as a / for URLS or - for IDs.
Root page
- Title: "Visit Us"
- Parent: None
- Prefix: "/"
- Generated: /visit-us
Child page
- Title: "Our Campus"
- Parent: "Visit Us"
- Prefix: "https://example.com/"
- Generated: https://example.com/visit-us/our-campus
ID
- Ref: "382"
- Parent: "1" with a parent reference of ABC
- Prefix: "GB1112-"
- Separator: "-"
- Generated: GB1112-ABC-1-382
- Automatic slug generation in Directus Flows
- Hierarchical structure based on M2O parent relationships
- Slugify to remove unsafe characters and change spaces to hyphens
MIT