chore: improve husky prettier config (#878)

* chore: improve husky, prettier, eslint config

* chore: update tests & format scripts

* chore: fix eslint config to handle classes correctly

* chore: format all with new prettier rules

* chore: update lint config

* fix: props & test

* chore: remove unused deps & update test script

.github/ISSUE_TEMPLATE/bug_report.md

@@ -4,7 +4,6 @@ about: Create a report to help us improve
 title: ''
 labels: bug
 assignees: ''
-
 ---
 
 ## Describe the bug

.github/ISSUE_TEMPLATE/feature_request.md

@@ -4,7 +4,6 @@ about: Suggest an idea for this project
 title: ''
 labels: enhancement
 assignees: ''
-
 ---
 
 ## Feature Description

.husky/pre-commit

@@ -0,0 +1 @@
+yarn lint-staged

.prettierignore

@@ -0,0 +1 @@
+docs/

.prettierrc

@@ -0,0 +1,8 @@
+{
+  "semi": true,
+  "singleQuote": true,
+  "plugins": ["@trivago/prettier-plugin-sort-imports"],
+  "importOrder": ["^react$", "<THIRD_PARTY_MODULES>", "^@/(.*)$", "^[./]"],
+  "importOrderSeparation": true,
+  "importOrderSortSpecifiers": true
+}

e2e/create-question.js

@@ -2,7 +2,7 @@ const genericInput = require('./po/generic-input');
 const editQuestion = require('./po/edit-question');
 
 module.exports = {
-  'Should close the model if Cancel is clicked': browser => {
+  'Should close the model if Cancel is clicked': (browser) => {
     // PLEASE MAKE YOUR TESTS DATA AGNOSTICS
     // browser
     //   .url(`${browser.globals.launch_url}/#/questionnaire/fr.insee-POPO-QPO-DOC`)
@@ -13,7 +13,7 @@ module.exports = {
     //   .waitForElementNotPresent(editQuestion.Tabs)
     //   .end()
   },
-  'Should show declaration panel': browser => {
+  'Should show declaration panel': (browser) => {
     // PLEASE MAKE YOUR TESTS DATA AGNOSTICS
     // browser
     //   .url(`${browser.globals.launch_url}/#/questionnaire/fr.insee-POPO-QPO-DOC`)

e2e/simpleTest.js

@@ -1,12 +1,12 @@
 module.exports = {
-  'Application assert Title': browser => {
+  'Application assert Title': (browser) => {
     browser
       .url(browser.globals.launch_url)
       .waitForElementVisible('body')
       .assert.title('Pogues')
       .end();
   },
-  'Home page fetch wip questionnaires': browser => {
+  'Home page fetch wip questionnaires': (browser) => {
     browser
       .url(browser.globals.launch_url)
       .waitForElementVisible('.home-questionnaires')

e2e/update-questionnaire.js

@@ -1,7 +1,7 @@
 const questionnairePage = require('./po/questionnaire');
 
 module.exports = {
-  'Should update the title of a questionnaire': browser => {
+  'Should update the title of a questionnaire': (browser) => {
     // PLEASE MAKE YOUR TESTS DATA AGNOSTICS
     // browser
     //   .url(`${browser.globals.launch_url}/#/questionnaire/fr.insee-POPO-QPO-DOC`)

eslint.config.js

@@ -0,0 +1,51 @@
+import babelParser from '@babel/eslint-parser';
+import js from '@eslint/js';
+import react from 'eslint-plugin-react';
+import reactHooks from 'eslint-plugin-react-hooks';
+import reactRefresh from 'eslint-plugin-react-refresh';
+import globals from 'globals';
+
+export default [
+  js.configs.recommended,
+  {
+    ignores: [
+      'dist',
+      'src/js/utils/draft-js/get-entity-at-cursor.js',
+      'src/forms/controls/rich-textarea/lib/markdown-vtl-parser.js',
+      'src/forms/controls/control-with-suggestions/components/vtl-suggestions.js',
+      'e2e',
+      'jison',
+      'vite.config.js',
+      'docs',
+    ],
+  },
+  {
+    files: ['**/*.{js,jsx}'],
+    languageOptions: {
+      ecmaVersion: 2020,
+      globals: globals.browser,
+      sourceType: 'module',
+      parser: babelParser,
+      parserOptions: {
+        ecmaFeatures: {
+          jsx: true,
+        },
+        requireConfigFile: false,
+        babelOptions: {
+          plugins: ['@babel/plugin-syntax-jsx'], // Add plugin for JSX support
+        },
+      },
+    },
+    plugins: {
+      react,
+      'react-hooks': reactHooks,
+      'react-refresh': reactRefresh,
+    },
+    rules: {
+      ...reactHooks.configs.recommended.rules,
+      'react/jsx-uses-react': 'error',
+      'react/jsx-uses-vars': 'error',
+      'react-refresh/only-export-components': ['off'],
+    },
+  },
+];

index.html

@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
     <meta charset="utf-8" />