Your project is the root of your Widget Package's file structure. It contains a required file package.json which contains information about your package.
Components that can be used in the Editor (Widgets, Sections, Combi and Add-on's) are seperate folders inside your project's root folder. You can also create folders and Typescript files, which you can import functions from in your Widgets. To create these, right click in the File Explorer.
The package.json file contains the basic information about your package, such as name, version, license and author. It is also where you set the package's availability.
Widgets, Sections, Combi and Add-on's
When you create a component, it will contain 4 files required for the component to work.
|vev-manifest.json||Each component has a manifest json file where you set the name, type and default dimensions.|
|index.tsx||The default export of your index.tsx file is the code that is run in the Design Editor.|
|styles.scss||The styles of this file will be loaded and scoped into the component.|
|form.tsx||Contains the fields that make up your components form, which is injected as props into the default export of the index.tsx file|
Add your own Files & Folders
Put code that your widgets will share into your own Typescript files. Make the code of your Components readable by organizing all the shared code and type definitions into folders.