Directus Useful Extensions

directus-extension-models

typescript types for collection (for items service etc)

directus-extension-masked-interface

formatted input fields like _ _____ __ for license plates etc

directus-extension-sync

sync schema

directus-extension-field-actions

copy or open link directly in interfaces or displays

To update dependencies

npm outdated 

"directus-extension-computed-interface": "^1.9.0",
"directus-extension-editorjs": "^1.5.0",
"directus-extension-field-actions": "^1.8.4",
"directus-extension-masked-interface": "^1.1.0",
"directus-extension-models": "^2.5.2",
"directus-extension-sync": "^1.1.3"

or

"directus-extension-computed-interface": "*"

Change design of "add existing" or "create new"


//MENU
.v-list-item {
    padding: 5px 0 5px 0 !important;
}
//RECIPE LIST UX
.layout-table .actions.full {
    flex-direction: row-reverse;
    float: right;
    margin-top: -5px;
    margin-right: -10px;
}
.layout-table .actions.full i[data-icon="add"]:after {
  content: 'Star';
}
.layout-table .actions.full i[data-icon="playlist_add"]:after {
  content: 'Add';
}
.layout-table .actions.full .v-button.rounded .button.align-center.icon.normal {
    background-color: #f0f4f9;
    color: #4f5464;
    border: none;
}
.layout-table .actions.full .v-button.secondary.rounded .button.align-center.icon.normal {
    background-color: black;
    color: white;
    border: inherit;
}

npx @kraftend/directus-typegen --url https://lhf-dev.ameisenhaufen.dev --token zjav4ngrXAFCZa8DNZAgBr6WUE999_8Q ./directus-schema.ts

https://stackoverflow.com/questions/60954492/get-all-relationship-data-in-one-request-with-directus-8-js-sdk