Apply prettier to most code

Author: PowerKiKi

.eslintrc.cjs

@@ -1,20 +1,12 @@
 module.exports = {
     root: true,
     parser: '@typescript-eslint/parser',
-    ignorePatterns: [
-        '/docs/',
-        '/dist/',
-    ],
-    plugins: [
-        '@typescript-eslint',
-    ],
-    extends: [
-        'eslint:recommended',
-    ],
+    ignorePatterns: ['/docs/', '/dist/'],
+    plugins: ['@typescript-eslint'],
+    extends: ['eslint:recommended'],
     rules: {
         semi: 'error',
         'quote-props': ['error', 'as-needed'],
-        quotes: ['error', 'single'],
         // For SSR compatibility
         'no-restricted-globals': [
             'error',
@@ -35,9 +27,7 @@ module.exports = {
     overrides: [
         {
             files: ['*.ts'],
-            extends: [
-                'plugin:@typescript-eslint/recommended',
-            ],
+            extends: ['plugin:@typescript-eslint/recommended'],
         },
         {
             files: ['*.js'],
@@ -58,9 +48,7 @@ module.exports = {
                 images: 'readonly',
             },
             rules: {
-                'no-restricted-globals': [
-                    'off',
-                ],
+                'no-restricted-globals': ['off'],
             },
         },
     ],

.github/workflows/codeql-analysis.yml

@@ -3,69 +3,69 @@
 #
 # You may wish to alter this file to override the set of languages analyzed,
 # or to provide custom queries or build logic.
-name: "CodeQL"
+name: 'CodeQL'
 
 on:
-  push:
-    branches: [master]
-  pull_request:
-    # The branches below must be a subset of the branches above
-    branches: [master]
-  schedule:
-    - cron: '0 10 * * 5'
+    push:
+        branches: [master]
+    pull_request:
+        # The branches below must be a subset of the branches above
+        branches: [master]
+    schedule:
+        - cron: '0 10 * * 5'
 
 jobs:
-  analyze:
-    name: Analyze
-    runs-on: ubuntu-latest
+    analyze:
+        name: Analyze
+        runs-on: ubuntu-latest
 
-    strategy:
-      fail-fast: false
-      matrix:
-        # Override automatic language detection by changing the below list
-        # Supported options are ['csharp', 'cpp', 'go', 'java', 'javascript', 'python']
-        language: ['javascript']
-        # Learn more...
-        # https://docs.github.com/en/github/finding-security-vulnerabilities-and-errors-in-your-code/configuring-code-scanning#overriding-automatic-language-detection
+        strategy:
+            fail-fast: false
+            matrix:
+                # Override automatic language detection by changing the below list
+                # Supported options are ['csharp', 'cpp', 'go', 'java', 'javascript', 'python']
+                language: ['javascript']
+                # Learn more...
+                # https://docs.github.com/en/github/finding-security-vulnerabilities-and-errors-in-your-code/configuring-code-scanning#overriding-automatic-language-detection
 
-    steps:
-    - name: Checkout repository
-      uses: actions/checkout@v3
-      with:
-        # We must fetch at least the immediate parents so that if this is
-        # a pull request then we can checkout the head.
-        fetch-depth: 2
+        steps:
+            - name: Checkout repository
+              uses: actions/checkout@v3
+              with:
+                  # We must fetch at least the immediate parents so that if this is
+                  # a pull request then we can checkout the head.
+                  fetch-depth: 2
 
-    # If this run was triggered by a pull request event, then checkout
-    # the head of the pull request instead of the merge commit.
-    - run: git checkout HEAD^2
-      if: ${{ github.event_name == 'pull_request' }}
+            # If this run was triggered by a pull request event, then checkout
+            # the head of the pull request instead of the merge commit.
+            - run: git checkout HEAD^2
+              if: ${{ github.event_name == 'pull_request' }}
 
-    # Initializes the CodeQL tools for scanning.
-    - name: Initialize CodeQL
-      uses: github/codeql-action/init@v2
-      with:
-        languages: ${{ matrix.language }}
-        # If you wish to specify custom queries, you can do so here or in a config file.
-        # By default, queries listed here will override any specified in a config file.
-        # Prefix the list here with "+" to use these queries and those in the config file.
-        # queries: ./path/to/local/query, your-org/your-repo/queries@main
+            # Initializes the CodeQL tools for scanning.
+            - name: Initialize CodeQL
+              uses: github/codeql-action/init@v2
+              with:
+                  languages: ${{ matrix.language }}
+                  # If you wish to specify custom queries, you can do so here or in a config file.
+                  # By default, queries listed here will override any specified in a config file.
+                  # Prefix the list here with "+" to use these queries and those in the config file.
+                  # queries: ./path/to/local/query, your-org/your-repo/queries@main
 
-    # Autobuild attempts to build any compiled languages  (C/C++, C#, or Java).
-    # If this step fails, then you should remove it and run the build manually (see below)
-    - name: Autobuild
-      uses: github/codeql-action/autobuild@v2
+            # Autobuild attempts to build any compiled languages  (C/C++, C#, or Java).
+            # If this step fails, then you should remove it and run the build manually (see below)
+            - name: Autobuild
+              uses: github/codeql-action/autobuild@v2
 
-    # ℹ️ Command-line programs to run using the OS shell.
-    # 📚 https://git.io/JvXDl
+            # ℹ️ Command-line programs to run using the OS shell.
+            # 📚 https://git.io/JvXDl
 
-    # ✏️ If the Autobuild fails above, remove it and uncomment the following three lines
-    #    and modify them (or add more) to build your code if your project
-    #    uses a compiled language
+            # ✏️ If the Autobuild fails above, remove it and uncomment the following three lines
+            #    and modify them (or add more) to build your code if your project
+            #    uses a compiled language
 
-    #- run: |
-    #   make bootstrap
-    #   make release
+            #- run: |
+            #   make bootstrap
+            #   make release
 
-    - name: Perform CodeQL Analysis
-      uses: github/codeql-action/analyze@v2
+            - name: Perform CodeQL Analysis
+              uses: github/codeql-action/analyze@v2

.github/workflows/main.yml

@@ -36,3 +36,14 @@ jobs:
                   cache: 'yarn'
             - run: yarn --frozen-lockfile
             - run: yarn lint
+
+    prettier:
+        runs-on: ubuntu-latest
+        steps:
+            - uses: actions/checkout@v3
+            - uses: actions/setup-node@v3
+              with:
+                  node-version: '18'
+                  cache: 'yarn'
+            - run: yarn --frozen-lockfile
+            - run: ./node_modules/.bin/prettier --check .

.prettierignore

@@ -0,0 +1,4 @@
+/.git/
+/.idea/
+/node_modules/
+/docs/

.prettierrc.json

@@ -0,0 +1,9 @@
+{
+    "$schema": "http://json.schemastore.org/prettierrc",
+    "tabWidth": 4,
+    "singleQuote": true,
+    "trailingComma": "all",
+    "printWidth": 120,
+    "arrowParens": "avoid",
+    "bracketSpacing": false
+}

README.md

@@ -1,5 +1,4 @@
-Natural Gallery JS
-============================
+# Natural Gallery JS
 
 [![Build Status](https://github.com/Ecodev/natural-gallery-js/workflows/main/badge.svg)](https://github.com/Ecodev/natural-gallery-js/actions)
 
@@ -9,13 +8,12 @@ A library that allows you to display images with with natural layouts, infinite
 
 [![screenshot](https://ecodev.github.io/natural-gallery-js/assets/screenshot.png)](https://ecodev.github.io/natural-gallery-js/)
 
-
 # Documentation
-* [Getting started](https://ecodev.github.io/natural-gallery-js/docs-getting-started.html)
-* [Options](https://ecodev.github.io/natural-gallery-js/docs-options.html)
-* [Api and events](https://ecodev.github.io/natural-gallery-js/docs-api.html)
-* [Theming and customization](https://ecodev.github.io/natural-gallery-js/docs-theming.html)
 
+-   [Getting started](https://ecodev.github.io/natural-gallery-js/docs-getting-started.html)
+-   [Options](https://ecodev.github.io/natural-gallery-js/docs-options.html)
+-   [Api and events](https://ecodev.github.io/natural-gallery-js/docs-api.html)
+-   [Theming and customization](https://ecodev.github.io/natural-gallery-js/docs-theming.html)
 
 # Install with NPM or Yarn
 
@@ -33,11 +31,11 @@ All contributions are welcome, but keep in mind that the gallery will stay simpl
 
 ## Found a bug ?
 
-Create an issue where you report what you observe, what you expect to observe, and the context of usage, as well as your browser and it's version. 
+Create an issue where you report what you observe, what you expect to observe, and the context of usage, as well as your browser and it's version.
 
 ## Want a new feature ?
 
-Consider a pull request, but create an issue before to expose your idea. Maybe the feature you would like to add is already on the pipeline or is intentionally not included for good reasons. 
+Consider a pull request, but create an issue before to expose your idea. Maybe the feature you would like to add is already on the pipeline or is intentionally not included for good reasons.
 
 # Testing
 

babel.config.cjs

@@ -3,10 +3,10 @@ module.exports = {
         test: {
             presets: [
                 [
-                    "@babel/preset-env",
+                    '@babel/preset-env',
                     {
                         targets: {
-                            node: "current",
+                            node: 'current',
                         },
                     },
                 ],