Merge pull request #2 from SPF-Open/Prettier

Feat: Pretier rules and update

.prettierrc

@@ -1,4 +1,14 @@
 {
   "plugins": ["prettier-plugin-svelte"],
-  "overrides": [{ "files": "*.svelte", "options": { "parser": "svelte" } }]
+  "overrides": [
+    {
+      "files": "*.svelte",
+      "options": {
+        "parser": "svelte",
+        "semi": true,
+        "tabWidth": 2,
+        "singleQuote": true
+      }
+    }
+  ]
 }

package.json

@@ -17,7 +17,7 @@
     "@typescript-eslint/parser": "^6.12.0",
     "eslint": "^8.54.0",
     "eslint-plugin-svelte": "^2.35.1",
-    "prettier": "^2.8.8",
+    "prettier": "^3.1.0",
     "prettier-plugin-svelte": "^3.1.2",
     "svelte": "^3.59.2",
     "svelte-atoms": "^0.0.27",

src/App.svelte

@@ -34,7 +34,7 @@
           dimension: get(dimensionColumn),
           indicator: get(indicatorColumn),
         },
-        { offset: get(rowOffset) }
+        { offset: get(rowOffset) },
       );
     }, 100);
   };

src/lib/Input/Download.svelte

@@ -31,70 +31,68 @@
         dimension: $dimensionColumn,
         indicator: $indicatorColumn,
       },
-      { offset: $rowOffset }
+      { offset: $rowOffset },
     );
     switch ($selectedFormat.toLocaleLowerCase()) {
-    case 'csv':{
-      const CSVString = exportToCSV(sheet, { lang: $langOutput});
+      case 'csv': {
+        const CSVString = exportToCSV(sheet, { lang: $langOutput });
 
-      const blob = new Blob([CSVString], { type: 'text/csv;charset=utf-8,' });
-      const objUrl = URL.createObjectURL(blob);
+        const blob = new Blob([CSVString], { type: 'text/csv;charset=utf-8,' });
+        const objUrl = URL.createObjectURL(blob);
 
-      linkFile.href = objUrl;
-      console.log(fileName);
-      linkFile.download = fileName + ' - ' + $langOutput;
-      linkFile.click();
-      break;
-    }
-    case 'pdf':{
-      window.print();
-      break;
-    }
-    case 'qti':
-    {
-      const lang = $langOutput;
-      const { manifest, questionsManifest } = exportToQTI(sheet, {
-        lang,
-      });
+        linkFile.href = objUrl;
+        console.log(fileName);
+        linkFile.download = fileName + ' - ' + $langOutput;
+        linkFile.click();
+        break;
+      }
+      case 'pdf': {
+        window.print();
+        break;
+      }
+      case 'qti': {
+        const lang = $langOutput;
+        const { manifest, questionsManifest } = exportToQTI(sheet, {
+          lang,
+        });
 
-      const manifestBlob = new Blob([manifest.toString()], {
-        type: 'text/xml',
-      });
-      const questionsManifestBlob = questionsManifest.map(
-        (q) => new Blob([q.toString()], { type: 'text/xml' })
-      );
+        const manifestBlob = new Blob([manifest.toString()], {
+          type: 'text/xml',
+        });
+        const questionsManifestBlob = questionsManifest.map(
+          (q) => new Blob([q.toString()], { type: 'text/xml' }),
+        );
 
-      const ex = async () => {
-        const zipFileStream = new TransformStream();
-        const zipFileBlobPromise = new Response(
-          zipFileStream.readable
-        ).blob();
+        const ex = async () => {
+          const zipFileStream = new TransformStream();
+          const zipFileBlobPromise = new Response(
+            zipFileStream.readable,
+          ).blob();
 
-        const zipWriter = new ZipWriter(new BlobWriter('application/zip'));
+          const zipWriter = new ZipWriter(new BlobWriter('application/zip'));
 
-        // Create manifest xml file
-        await zipWriter.add('imsmanifest.xml', new BlobReader(manifestBlob));
+          // Create manifest xml file
+          await zipWriter.add('imsmanifest.xml', new BlobReader(manifestBlob));
 
-        await Promise.all(
-          questionsManifestBlob.map((b, n) =>
-            zipWriter.add(`items/${n}/qti.xml`, new BlobReader(b))
-          )
-        );
+          await Promise.all(
+            questionsManifestBlob.map((b, n) =>
+              zipWriter.add(`items/${n}/qti.xml`, new BlobReader(b)),
+            ),
+          );
 
-        const finalBlob = await zipWriter.close();
+          const finalBlob = await zipWriter.close();
 
-        linkFile.setAttribute('href', URL.createObjectURL(finalBlob));
-        linkFile.download = fileName + '.zip';
-        linkFile.click();
-      };
-      ex();
+          linkFile.setAttribute('href', URL.createObjectURL(finalBlob));
+          linkFile.download = fileName + '.zip';
+          linkFile.click();
+        };
+        ex();
 
-      break;
-    }
-    default:
-    {
-      console.log('Not unsuported yet');
-    }
+        break;
+      }
+      default: {
+        console.log('Not unsuported yet');
+      }
     }
   };
 </script>

src/lib/Input/DropZone.svelte

@@ -22,7 +22,6 @@
 
     // Restore options
     currentSheet.update(() => undefined);
-    
 
     const data = await fileTemp.arrayBuffer();
     /* data is an ArrayBuffer */

src/lib/Input/LetterPicker.svelte

@@ -59,7 +59,7 @@
     cursor: pointer;
   }
 
-  button:hover{
+  button:hover {
     filter: invert(0.5);
   }
 

src/lib/menu/Column.svelte

@@ -57,7 +57,7 @@
     flex-wrap: wrap;
     align-items: center;
   }
-  .line{
+  .line {
     background-color: #00566b;
     width: 2px;
   }

src/lib/preview/PreviewTAO.svelte

@@ -4,7 +4,6 @@
 
   export let QCMs: QCM[] = [];
   export let hideAnswer: boolean;
-
 </script>
 
 <div class="questions" bind:this={$TaoPreviewBind}>
@@ -19,7 +18,7 @@
       </div>
       <div class="prompt">
         <br />
-         <!-- eslint-disable svelte/no-at-html-tags -->
+        <!-- eslint-disable svelte/no-at-html-tags -->
         {@html QCM.prompt}
         <!--eslint-enable-->
         <br />
@@ -33,7 +32,7 @@
             }`}
           >
             <div class="text">
-               <!-- eslint-disable svelte/no-at-html-tags -->
+              <!-- eslint-disable svelte/no-at-html-tags -->
               {@html answer.prompt}
               <!--eslint-enable-->
             </div>
@@ -49,7 +48,7 @@
 
 <style>
   .question {
-    font-family: "Source Sans Pro";
+    font-family: 'Source Sans Pro';
     display: flex;
     flex-direction: column;
     border: 3px solid #007f9f;