3

How to create a custom interface by using standard directus interfaces as a starter?

an answer in discord uses directus tarball in dependencies and a custom vue.config.js , but the rest of the import statements are still wrong.

Here is my custom interface source code:

Even If all import statements of custom interface's vue file are correct , directus-extension build can't build interface because of other import statements.

Is there a better way to use standard directus interfaces (file-image or input-rich-text) in custom interfaces?

Cem Kaan
  • 2,086
  • 1
  • 24
  • 55

1 Answers1

4

There has not been enough information to provided to help with debugging your issues with the file interface.

Documentation for building interfaces can be found in the Directus Docs. https://docs.directus.io/concepts/interfaces/#interfaces

I have created an interface for Directus that uses the image interface. Perhaps providing the link will be a useful resource to you showing you how I have personally implemented it. https://github.com/resauce-dev/directus-image-scout

Paolo
  • 20,112
  • 21
  • 72
  • 113
Shea Lavington
  • 436
  • 2
  • 7
  • 1
    Thank you. I am trying to implement the default file-image interface. Your directus-image-scout deserves a star. I will check your `rollup.config.js` file if I will need rollup instead of @directus/extensions-sdk to build custom interface. – Cem Kaan Oct 24 '21 at 15:45
  • Haha thanks, yeah, my rollup configuration is a more advanced way of doing the same thing the extensions SDK does – Shea Lavington Oct 25 '21 at 16:37