import { definePlugin } from 'studiocms/plugins';
import { AstroIntegration } from 'astro';
import { addVirtualImports, createResolver } from 'astro-integration-kit';

// Définir les options du module d’extension et de l’intégration
interface Options {
  route: string;
}

export function studioCMSPageInjector(options: Options) {
  // Résoudre le chemin d’accès au fichier actuel
  const { resolve } = createResolver(import.meta.url);

  // Définir l’intégration Astro
  function monIntegration(options: Options): AstroIntegration {
    const route = `/${options?.route || 'mon-module-extension'}`;

    return {
      name: 'mon-integration-astro',
      hooks: {
        "astro:config:setup": (params) => {
          const { injectRoute } = params;

          // Injecter la route pour le module d’extension
          injectRoute({
            entrypoint: resolve('./routes/[...slug].astro'),
            pattern: `/${route}/[...slug]`,
            prerender: false,
          })

          addVirtualImports(params, {
            name: 'mon-integration-astro',
            imports: {
              'myplugin:config': `
                export const options = ${JSON.stringify({ route })};
                export default options;
              `,
            }
          })
        }
      }
    }
  }

  // Définir le module d’extension pour StudioCMS
  return definePlugin({
    identifier: 'mon-module-extension',
    name: "Mon module d'extension",
    hooks: {
      'studiocms:astro-config': ({ addIntegrations }) => {
        addIntegrations(monIntegration(options));  // Facultatif, mais recommandé
      },
      'studiocms:dashboard': ({ setDashboard }) => {
        setDashboard({
          translations: {
            en: {
              example: {
                title: 'Example',
                'other-text': 'Some other text',
              }
            },
            fr: {
              example: {
                title: 'Exemple',
                'other-text': 'Un autre texte',
              }
            }
          },

          // Définir les éléments de la grille pour le tableau de bord
          // Voici les éléments qui seront affichés dans le tableau de bord de StudioCMS
          // Vous pouvez définir autant d’éléments que vous le souhaitez
          // Dans cet exemple, nous définissons un seul élément, qui a une étendue de 2, qui nécessite l’autorisation `editor` et qui injecte un composant Astro qui remplace l’élément personnalisé HTML simple.
          dashboardGridItems: [
            {
              name: 'exemple',
              span: 2,
              variant: 'default',
              requiresPermission: 'editor',
              header: { title: 'Exemple', icon: 'heroicons:bolt' },
              body: {
                // Utilisez toujours du HTML brut sans `-` ni caractères spéciaux dans les balises, ils seront remplacés par le composant Astro et ce HTML ne sera jamais affiché
                html: '<examplegriditem></examplegriditem>',
                components: {
                  // Injecter le composant Astro pour remplacer l’élément personnalisé HTML brut
                  examplegriditem: resolve('./dashboard-grid-items/MyPluginGridItem.astro')
                }
              }
            }
          ],
        });
      },

      'studiocms:frontend': ({ setFrontend }) => {
        setFrontend({
          // Définir les liens de navigation frontend pour le module d’extension
          // Ceci est utile si vous utilisez les assistants de navigation intégrés de StudioCMS dans votre mise en page,
          // comme lors de l’utilisation du module d’extension `@studiocms/blog`.
          frontendNavigationLinks: [{ label: "Mon module d'extension", href: options?.route || 'mon-module-extension' }],
        });
      },
      'studiocms:rendering': ({ setRendering }) => {
        setRendering({
          // Lors de la création de pagesTypes, vous pouvez également définir un `pageContentComponent` si votre module d’extension nécessite un éditeur de contenu personnalisé.
          // pageTypes: [{ identifier: 'mon-module-extension', label: "Article de blog (Mon module d’extension)", pageContentComponent: resolve('./components/MyContentEditor.astro') }],
          // Dans cet exemple, nous pouvons utiliser l’éditeur de contenu par défaut (Markdown).
          pageTypes: [{ identifier: 'mon-module-extension', label: "Article de blog (Mon module d'extension)" }],
        });
      }
    }
  });
}

// @noErrors
// @filename: plugin.d.ts
declare module 'myplugin:config' {
    export const options: { route: string };
    export default options;
}
// ---cut---
// @filename: Frontmatter.ts
/// <reference types="studiocms/v/types" />
/// <reference types="./plugin.d.ts" />
import type { AstroGlobal } from 'astro';
const Astro: AstroGlobal = {};
// ---cut---
import { StudioCMSRenderer } from 'studiocms:renderer';
import { SDKCoreJs, runSDK } from 'studiocms:sdk';
import config from 'myplugin:config';

const makeRoute = (slug: string) => {
    return `/${config.route}/${slug}`;
}

// 'mon-module-extension' est ici utilisé comme identifiant pour
// le type de page de la définition du module d’extension
const pages = await runSDK(SDKCoreJs.GET.packagePages('mon-module-extension')); 

const { slug } = Astro.params;

const page = pages.find((page) => page.slug === slug || '');