Studio : générateur de déclarations

Le Studio ShopiMind est un générateur visuel : il produit le JSON de votre config_schema (le formulaire d'installation) et de vos widgets, avec un aperçu en direct du wizard côté marchand. Pratique pour prototyper sans écrire le JSON à la main.

Ouvrir le Studio ↗

Ce qu'il génère

• config_schema : votre formulaire d'installation. Champs simples ou wizard multi-étapes (avec on_complete: test_connection), types de champs, options statiques ou dynamiques, valeurs par défaut, regroupement.
• Widgets : déclarations image et html (render_mode: static). Cibles, champs (config_schema), variables {var=…}, traductions, options, regroupement en onglets.

Comment l'utiliser

1. Composez votre configuration et/ou vos widgets dans le Studio.
2. Copiez le JSON exporté.
3. Collez-le dans votre defineIntegration (le config_schema dans le champ configSchema, les widgets dans le tableau widgets) :

export const myIntegration = defineIntegration({
  slug: 'my-app',
  meta: { name: 'My App', version: '1.0.0' },
  configSchema: { /* ← collez le config_schema généré */ },
  widgets: [ /* ← collez les widgets générés */ ],
  parseSettings: (raw) => ({ /* … */ }),
  testConnection: async (ctx) => true,
  syncSteps: [],
});

Le Studio ne remplace pas votre code : il produit des déclarations que vous intégrez à votre intégration. C'est ensuite le manifeste (généré depuis votre defineIntegration) qui est transmis à ShopiMind pour enregistrement.

Référence des champs

Le détail de chaque champ est documenté dans Configuration et Widgets.

Pour aller plus loin

• Configuration : le contrat complet du config_schema.
• Widgets : déclarer des widgets.
• Le kit d'intégration : où collerez vos déclarations.