Available plugins liste format

availablePlugins.js

{
  plugins: [
    {
      "name": "Plugin 1",
      "description": "A short description for documentation purpose",
      "elementName": "plugin-1",
      "icon": "picture_in_picture_alt",
      "props": [
        { 
          "name": "prop1", 
          "description": "A short description for documentation purpose", 
          "type": "string", 
          "defaultValue": "hello world !" 
        },
        { 
          "name": "prop2", 
          "description": "A short description for documentation purpose",
          "type": "number",
          "defaultValue": "42" 
        },
        {
          "name": "prop4", 
          "description": "A short description for documentation purpose",
          "type": "json",
          "defaultValue": { "collection": ["first", "second"] } 
        }
      ]
    }
  ]
}

availablePlugins.type.js

// Voici la description formel des types de mon côter si ça peut lever des doutes
type PropBase = { name: string, description: string }

type Prop =
  | ({ type: 'string', value: string } & PropBase)
  | ({ type: 'number', value: number } & PropBase)
  | ({ type: 'boolean', value: boolean } & PropBase)
  | ({ type: 'json', value: mixed } & PropBase)

type Plugin = {
  name: string,
  description: string,
  props: Prop[],
  icon: string,
  elementName: string,
}

type AvailablePlugins = {
  plugins: Plugin[]
}