Merge pull request #188 from dnum-mi/develop

Develop

Author: laruiss

.docker/Dockerfile

@@ -0,0 +1,21 @@
+FROM node:16.13.1-alpine3.14 as dev
+
+WORKDIR /app
+
+CMD ["npm", "run", "dev"]
+
+FROM dev as storybook-build
+
+COPY ./package.json ./package-lock.json ./
+RUN npm i
+
+COPY ./build-css.mjs ./index.html ./postcss.config.js ./rollup.config.js ./vite.config.js ./.browserslistrc ./
+COPY ./src ./src
+COPY ./public ./public
+COPY ./.storybook ./.storybook
+
+RUN npm run build-storybook
+
+FROM nginx:1.21.4-alpine as storybook
+
+COPY --from=storybook-build /app/storybook-static /usr/share/nginx/html

.docker/docker-compose.dev.yml

@@ -0,0 +1,12 @@
+version: '3'
+
+services:
+  front:
+    image: vue-dsfr
+    build:
+      context: ../
+      dockerfile: .docker/Dockerfile
+    volumes:
+      - ../:/app # dossier_hote:dossier_conteneur
+    ports:
+      - 8080:80 # port_hote:port_conteneur

.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)