Merge pull request #645 from dnum-mi/develop

Develop

Author: laruiss

.babelrc.json

@@ -1,33 +1,16 @@
+/* eslint-env node */
 require('@rushstack/eslint-patch/modern-module-resolution')
 
 module.exports = {
   root: true,
-  globals: {
-    defineEmits: 'readonly',
-    defineProps: 'readonly',
-  },
-  env: {
-    'vue/setup-compiler-macros': true,
-    node: true,
-  },
   extends: [
     'plugin:vue/vue3-recommended',
     '@vue/eslint-config-typescript/recommended',
     '@vue/standard',
     'plugin:storybook/recommended',
-  ],
-  parser: 'vue-eslint-parser',
-  parserOptions: {
-    ecmaVersion: 2020,
-    parser: '@typescript-eslint/parser',
-  },
-  plugins: [
-    'vue',
-    'html',
+
   ],
   rules: {
-    'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
-    'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
     'comma-dangle': [2, 'always-multiline'],
     'no-irregular-whitespace': 1,
     '@typescript-eslint/ban-ts-comment': [
@@ -54,6 +37,7 @@ module.exports = {
       files: [
         'cypress/support/*.{js,ts,jsx,tsx}',
         'cypress/integration/*.{spec,e2e}.{js,ts,jsx,tsx}',
+        'cypress/e2e/**/*.{cy,spec,e2e}.{js,ts,jsx,tsx}',
         'src/**/*.ct.{js,ts,jsx,tsx}',
         '**/src/**/*.e2e.{j,t}s?(x)',
       ],
@@ -63,4 +47,7 @@ module.exports = {
       extends: ['plugin:cypress/recommended'],
     },
   ],
+  parserOptions: {
+    ecmaVersion: 'latest',
+  },
 }

.eslintrc.js .eslintrc.cjs.eslintrc.js renamed to .eslintrc.cjs

@@ -159,6 +159,7 @@ logs
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
+pnpm-debug.log*
 lerna-debug.log*
 
 # Diagnostic reports (https://nodejs.org/api/report.html)

.gitignore

@@ -0,0 +1,22 @@
+import type { StorybookConfig } from '@storybook/vue3-vite';
+
+const config: StorybookConfig = {
+  stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|mjs|ts|tsx)'],
+  addons: [
+    '@storybook/addon-links',
+    '@storybook/addon-essentials',
+    '@storybook/addon-interactions',
+    '@storybook/addon-themes',
+    '@storybook/addon-a11y',
+    '@storybook/addon-styling',
+  ],
+  staticsDir: ['../public'],
+  framework: {
+    name: '@storybook/vue3-vite',
+    options: {},
+  },
+  docs: {
+    autodocs: true,
+  },
+};
+export default config;

.storybook/main.js

@@ -0,0 +1,7 @@
+import { addons } from '@storybook/manager-api'
+import { themes } from '@storybook/theming'
+import VueDsfrTheme from './vue-dsfr-theme.js'
+
+addons.setConfig({
+  theme: { ...themes.normal, ...VueDsfrTheme },
+})

.storybook/main.ts

@@ -0,0 +1,92 @@
+import type { Preview } from "@storybook/vue3"
+import { themes } from '@storybook/theming'
+import { withThemeByDataAttribute } from "@storybook/addon-styling"
+
+import VueDsfrTheme from './vue-dsfr-theme.js'
+import '../src/assets/variables-fdr.css'
+import '@gouvfr/dsfr/dist/dsfr.min.css'
+import '@gouvfr/dsfr/dist/utility/utility.main.min.css'
+import '@gouvfr/dsfr/dist/utility/icons/icons.main.min.css'
+
+import '../src/main.css'
+
+import './theme.css'
+// import '@gouvfr/dsfr/dist/core/core.min.css'
+
+export const decorators = [
+  withThemeByDataAttribute({
+    themes: {
+      Clair: 'light',
+      Sombre: 'dark',
+    },
+    defaultTheme: 'light',
+    attributeName: 'data-fr-theme',
+  })
+]
+
+const preview: Preview = {
+  parameters: {
+    docs: {
+      theme: { ...themes.normal, ...VueDsfrTheme },
+    },
+    actions: { argTypesRegex: "^on[A-Z].*" },
+    controls: {
+      matchers: {
+        color: /(background|color)$/i,
+        date: /Date$/i,
+      },
+    },
+    viewport: {
+      viewports: {
+        DSFR_XS: {
+          name: 'DSFR XS',
+          styles: {
+            width: '320px',
+            height: '768px',
+          },
+        },
+        DSFR_SM: {
+          name: 'DSFR SM',
+          styles: {
+            width: '576px',
+            height: '1024px',
+          },
+        },
+        DSFR_MD: {
+          name: 'DSFR MD',
+          styles: {
+            width: '768px',
+            height: '1200px',
+          },
+        },
+        DSFR_LG: {
+          name: 'DSFR LG',
+          styles: {
+            width: '992px',
+            height: '1600px',
+          },
+        },
+        DSFR_XL: {
+          name: 'DSFR XL',
+          styles: {
+            width: '1440px',
+            height: '1900px',
+          },
+        },
+      }
+    },
+    options: {
+      storySort: {
+        method: 'alphabetical',
+        order: [
+          'Docs',
+          'Fondamentaux',
+          'Composables',
+          'Composants',
+        ],
+      },
+    },
+  },
+}
+
+export default preview;