Dcn/fix lint errors (#364)

* fix lint erros

* corrected french

* jxl-pdf update

* yarn lock

* lint fix

* fixed all lint error, the build command is running

* loader fixes and css fixes

* updated jxl-pdf

* update jxl-version

---------

Co-authored-by: danielc-n <[email protected]>

.eslintrc.json

@@ -11,7 +11,14 @@
 		"airbnb",
 		"next"
 	],
+	"ignorePatterns": [
+		"**/*.ts",
+		"**/*.tsx"
+	],
 	"rules": {
+		"react-hooks/exhaustive-deps": "off",
+		"jsx-a11y/no-static-element-interactions": "off",
+		"no-tabs": 0,
 		"@next/next/no-html-link-for-pages": "off",
 		"@next/next/no-img-element": "off",
 		"react/react-in-jsx-scope": "off",
@@ -95,7 +102,10 @@
 			"all"
 		],
 		"template-curly-spacing": "off",
-		"indent": "off"
+		"indent": [
+			"error",
+			2
+		]
 	},
 	"env": {
 		"browser": true,
@@ -146,9 +156,7 @@
 				"node": {
 					"extensions": [
 						".js",
-						".jsx",
-						".ts",
-						".tsx"
+						".jsx"
 					]
 				}
 			}

docs/AutographaRefactDraft1.md

@@ -91,7 +91,7 @@ are moved from navbar to translation folder
 
     Sync
         Paratext
-    	Sign-in form splited from settings component to sync
+      Sign-in form splited from settings component to sync
         helpers functionalities eg: paratextAdapter moved from helper folder to sync
         Ahref component helps to handle external links
 

package.json

@@ -185,7 +185,7 @@
     "is-electron": "^2.2.1",
     "isomorphic-git": "^1.24.0",
     "js-yaml": "^4.1.0",
-    "jxl-pdf": "0.6.1",
+    "jxl-pdf": "0.6.3",
     "localforage": "1.10.0",
     "lodash.isequal": "^4.5.0",
     "markdown-translatable": "1.3.0",
@@ -249,4 +249,4 @@
     "word-aligner": "$word-aligner",
     "@mui/lab": "$@mui/lab"
   }
-}
+}

playwright.config.ts

@@ -7,16 +7,16 @@ const config: PlaywrightTestConfig = {
 	globalTimeout: 60 * 60 * 1000,
 	// Run all tests in parallel.
 	fullyParallel: false,
-	retries: 3,	
+	retries: 3,
 	use: {
 		// trace: 'on-first-retry', // record traces on first retry of each test
-		 
+
 		// Run browser in headless mode.
 		// headless: false,
-	  },
+	},
 	expect: {
 		timeout: 60 * 1000,
-	},  
+	},
 };
 
 export default config;

renderer/jsconfig.json

@@ -35,6 +35,8 @@
   },
   "exclude": [
     "node_modules",
-    "dist"
+    "dist",
+    "**/*.ts",
+    "**/*.tsx"
   ]
 }

renderer/pages/loader.css

@@ -1,83 +1,83 @@
 #app {
-	display: flex;
-	justify-content: center;
-	align-items: center;
-	height: 100%;
-	position: fixed;
-	width: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: 100%;
+  position: fixed;
+  width: 100%;
 }
 #loader-wrapper {
-	position: fixed;
-	top: 0;
-	left: 0;
-	width: 100%;
-	height: 100%;
-	z-index: 1000;
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  z-index: 1000;
 }
 #loader {
-	display: block;
-	position: relative;
-	left: 50%;
-	top: 50%;
-	width: 150px;
-	height: 150px;
-	margin: -75px 0 0 -75px;
-	border-radius: 50%;
-	border: 3px solid transparent;
-	border-top-color: #3498db;
-	-webkit-animation: spin 2s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
-	animation: spin 2s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
+  display: block;
+  position: relative;
+  left: 50%;
+  top: 50%;
+  width: 150px;
+  height: 150px;
+  margin: -75px 0 0 -75px;
+  border-radius: 50%;
+  border: 3px solid transparent;
+  border-top-color: #3498db;
+  -webkit-animation: spin 2s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
+  animation: spin 2s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
 }
 
 #loader:before {
-	content: '';
-	position: absolute;
-	top: 5px;
-	left: 5px;
-	right: 5px;
-	bottom: 5px;
-	border-radius: 50%;
-	border: 3px solid transparent;
-	border-top-color: #e74c3c;
-	-webkit-animation: spin 3s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
-	animation: spin 3s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
+  content: '';
+  position: absolute;
+  top: 5px;
+  left: 5px;
+  right: 5px;
+  bottom: 5px;
+  border-radius: 50%;
+  border: 3px solid transparent;
+  border-top-color: #e74c3c;
+  -webkit-animation: spin 3s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
+  animation: spin 3s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
 }
 
 #loader:after {
-	content: '';
-	position: absolute;
-	top: 15px;
-	left: 15px;
-	right: 15px;
-	bottom: 15px;
-	border-radius: 50%;
-	border: 3px solid transparent;
-	border-top-color: #f9c922;
-	-webkit-animation: spin 1.5s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
-	animation: spin 1.5s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
+  content: '';
+  position: absolute;
+  top: 15px;
+  left: 15px;
+  right: 15px;
+  bottom: 15px;
+  border-radius: 50%;
+  border: 3px solid transparent;
+  border-top-color: #f9c922;
+  -webkit-animation: spin 1.5s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
+  animation: spin 1.5s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
 }
 
 @-webkit-keyframes spin {
-	0% {
-		-webkit-transform: rotate(0deg); /* Chrome, Opera 15+, Safari 3.1+ */
-		-ms-transform: rotate(0deg); /* IE 9 */
-		transform: rotate(0deg); /* Firefox 16+, IE 10+, Opera */
-	}
-	100% {
-		-webkit-transform: rotate(360deg); /* Chrome, Opera 15+, Safari 3.1+ */
-		-ms-transform: rotate(360deg); /* IE 9 */
-		transform: rotate(360deg); /* Firefox 16+, IE 10+, Opera */
-	}
+  0% {
+    -webkit-transform: rotate(0deg); /* Chrome, Opera 15+, Safari 3.1+ */
+    -ms-transform: rotate(0deg); /* IE 9 */
+    transform: rotate(0deg); /* Firefox 16+, IE 10+, Opera */
+  }
+  100% {
+    -webkit-transform: rotate(360deg); /* Chrome, Opera 15+, Safari 3.1+ */
+    -ms-transform: rotate(360deg); /* IE 9 */
+    transform: rotate(360deg); /* Firefox 16+, IE 10+, Opera */
+  }
 }
 @keyframes spin {
-	0% {
-		-webkit-transform: rotate(0deg); /* Chrome, Opera 15+, Safari 3.1+ */
-		-ms-transform: rotate(0deg); /* IE 9 */
-		transform: rotate(0deg); /* Firefox 16+, IE 10+, Opera */
-	}
-	100% {
-		-webkit-transform: rotate(360deg); /* Chrome, Opera 15+, Safari 3.1+ */
-		-ms-transform: rotate(360deg); /* IE 9 */
-		transform: rotate(360deg); /* Firefox 16+, IE 10+, Opera */
-	}
+  0% {
+    -webkit-transform: rotate(0deg); /* Chrome, Opera 15+, Safari 3.1+ */
+    -ms-transform: rotate(0deg); /* IE 9 */
+    transform: rotate(0deg); /* Firefox 16+, IE 10+, Opera */
+  }
+  100% {
+    -webkit-transform: rotate(360deg); /* Chrome, Opera 15+, Safari 3.1+ */
+    -ms-transform: rotate(360deg); /* IE 9 */
+    transform: rotate(360deg); /* Firefox 16+, IE 10+, Opera */
+  }
 }

renderer/pages/projects.js

@@ -15,6 +15,6 @@ const Projects = () => (
       </AutographaContextProvider>
     </AuthenticationContextProvider>
   </>
-  );
+);
 
 export default Projects;

renderer/public/static/nprogress.css

@@ -67,15 +67,18 @@
 	0% {
 		-webkit-transform: rotate(0deg);
 	}
+
 	100% {
 		-webkit-transform: rotate(360deg);
 	}
 }
+
 @keyframes nprogress-spinner {
 	0% {
 		transform: rotate(0deg);
 	}
+
 	100% {
 		transform: rotate(360deg);
 	}
-}
+}