Merge pull request #186 from dnum-mi/feat/implementation-v1.2.1-du-dsfr

Feat/implementation v1.2.1 du dsfr

Author: laruiss

.gitignore

@@ -283,6 +283,7 @@ temp/
 !.vscode/tasks.json
 !.vscode/launch.json
 !.vscode/extensions.json
+!.vscode/*.code-snippets
 *.code-workspace
 
 ### VisualStudioCode Patch ###

.storybook/preview.js

@@ -2,13 +2,7 @@ import { defineComponent } from 'vue'
 import { app } from '@storybook/vue3'
 import { FocusTrap } from 'focus-trap-vue'
 
-import '../src/assets/variables-dsfr.css'
-import '../src/assets/fonts-dsfr.css'
-import '../src/assets/core.css'
-import '../src/assets/utilities.css'
-import '../src/assets/reset-dsfr.css'
-import '../src/assets/objects-dsfr.css'
-import '../src/assets/utils-dsfr.css'
+import '../src/main.css'
 
 import './theme.css'
 
@@ -27,35 +21,8 @@ export const parameters = {
       method: 'alphabetical',
       order: [
         'Docs',
-        // ['1. Introduction', '2. Guide d’utilisation', '3. Guide du développeur'],
         'Fondamentaux',
         'Composants',
-        // [
-        //   'Titres',
-        //   'Titres Alternatifs',
-        //   'Alertes',
-        //   'Fil d’Ariane - Breadcrumb',
-        //   'Logo Officiel - Official logo',
-        //   'Boutons - Button',
-        //   'Groupe de Boutons - ButtonGroup',
-        //   'Champs de saisie - Input',
-        //   'Case à cocher - Checkbox',
-        //   'Boutons radio - Radio button',
-        //   'Liste déroulante - Select',
-        //   'Interrupteur - Toggle switch',
-        //   'Étiquettes - Tags',
-        // ],
-        // 'Éléments',
-        // [
-        //   'Carte - Card',
-        //   'Barre de recherche - Search bar',
-        //   'En-tête - Header',
-        //   'Lettres d’information et réseaux - Follow',
-        //   'Pied de page - Footer',
-        //   'Modale - Modal',
-        //   'Onglets - Tabs', ['Onglets', 'Titre', 'Onglets'],
-        //   'Table'
-        // ],
       ],
     },
   }

ci/check-exports.mjs

@@ -0,0 +1,24 @@
+import { writeFile } from 'fs/promises'
+import { globby } from 'globby'
+import path from 'path'
+
+const __dirname = path.dirname(new URL(import.meta.url).pathname)
+
+const sfcs = await globby([path.resolve(__dirname, '../src/components/**/*.vue')])
+const componentsDir = path.resolve(__dirname, '../src/components')
+
+const projectFn = component => 'export { default as ' + path.basename(component, '.vue') + ' } from \'' + component.replace(componentsDir, '.') + '\''
+
+const finalString = sfcs.map(projectFn).sort().join('\n')
+
+// /home/stan/projects/minint/vue-dsfr/src/components/DsfrAccordion/DsfrAccordion.vue
+// à transformer en :
+// export { default as DsfrAccordion } from './DsfrAccordion/DsfrAccordion.vue'
+
+// console.log(sfcs)
+
+// const index = await readFile(path.resolve(__dirname, '../src/components/index.js'))
+
+// console.log(index.toString())
+
+await writeFile(path.resolve(__dirname, '../src/components/index.js'), finalString)

docs/.vuepress/config.js

@@ -14,6 +14,7 @@
   "scripts": {
     "docs:dev": "vuepress dev docs",
     "docs:build": "vuepress build docs",
+    "check-exports": "node ./ci/check-exports.mjs",
     "dev": "npm run storybook",
     "prebuild": "rimraf dist",
     "build": "run-p build:css build:js",
@@ -25,7 +26,7 @@
     "test:ct": "cypress open-ct",
     "test:ct-ci": "cypress run-ct",
     "format": "npm run lint -- --fix",
-    "lint": "eslint ./src/**/*.{vue,js,jsx,ts,tsx}",
+    "lint": "eslint ./src/**/*.{vue,js}",
     "storybook": "start-storybook -p 6006",
     "build-storybook": "build-storybook",
     "prepublishOnly": "npm run build",

docs/index.md

@@ -29,10 +29,28 @@ const actions = [
     onClick: () => { isModalOpen.value = false },
   },
 ]
+
+const links = [
+  {
+    id: 'header',
+    text: 'Allons au header',
+  },
+  {
+    id: 'content',
+    text: 'Allons au content',
+  },
+  {
+    id: 'footer',
+    text: 'Allons au footer',
+  },
+]
 </script>
 
 <template>
-  <div>
+  <div style="position: relative;">
+    <DsfrSkipLinks
+      :links="links"
+    />
     <h1>App</h1>
     <DsfrButton
       class="m1"
@@ -65,7 +83,6 @@ const actions = [
   -moz-osx-font-smoothing: grayscale;
   text-align: center;
   color: #2c3e50;
-  margin-top: 60px;
 }
 
 .m1 {