feat: implement the pdf declaration generation for sacem

.storybook/document.tsx

@@ -0,0 +1,35 @@
+import { usePDF } from '@react-pdf/renderer';
+import { StoryFn } from '@storybook/react';
+import React from 'react';
+
+export const commonDocumentsParameters = {
+  layout: 'fullscreen',
+};
+
+export function WithDocumentRenderer(Story: StoryFn) {
+  const [instance, updateInstance] = usePDF({
+    document: (
+      <>
+        <Story />
+      </>
+    ),
+  });
+
+  if (instance.loading) {
+    return <div>Rendering the PDF...</div>;
+  } else if (instance.error) {
+    return <div>Something went wrong: {instance.error}</div>;
+  } else if (!instance.url) {
+    return <div>Initializing the renderer</div>;
+  }
+
+  return (
+    <iframe
+      title="PDF preview"
+      src={instance.url}
+      style={{
+        height: '100%',
+      }}
+    />
+  );
+}

.storybook/main.ts

@@ -88,6 +88,10 @@ const config: StorybookConfig = {
             from: path.dirname(require.resolve('@gouvfr/dsfr/dist/fonts/Marianne-Bold.woff2')),
             to: path.resolve(__dirname, '../public/assets/fonts/'),
           },
+          {
+            from: path.dirname(require.resolve('@fontsource/dancing-script/files/dancing-script-latin-400-normal.woff2')),
+            to: path.resolve(__dirname, '../public/assets/fonts/'),
+          },
           {
             from: require.resolve('@ad/src/assets/fonts/index.css'),
             to: path.resolve(__dirname, '../public/assets/fonts/'),

next.config.js

@@ -105,6 +105,10 @@ const moduleExports = async () => {
               from: path.dirname(require.resolve('@gouvfr/dsfr/dist/fonts/Marianne-Bold.woff2')),
               to: path.resolve(__dirname, './public/assets/fonts/'),
             },
+            {
+              from: path.dirname(require.resolve('@fontsource/dancing-script/files/dancing-script-latin-400-normal.woff2')),
+              to: path.resolve(__dirname, './public/assets/fonts/'),
+            },
             {
               from: require.resolve('./src/assets/fonts/index.css'),
               to: path.resolve(__dirname, './public/assets/fonts/'),