refactor: reformatted codebase

Author: TheWilley

.eslintrc.cjs

@@ -1,30 +1,30 @@
 /* eslint-env node */
 
 module.exports = {
-  root: true,
-  env: { browser: true, es2020: true },
-  extends: [
-    'eslint:recommended',
-    'plugin:@typescript-eslint/recommended',
-    'plugin:@typescript-eslint/recommended-requiring-type-checking',
-    'plugin:react-hooks/recommended',
-  ],
-  parser: '@typescript-eslint/parser',
-  parserOptions: {
-    ecmaVersion: 'latest',
-    sourceType: 'module',
-    project: true,
-    tsconfigRootDir: __dirname,
-  },
-  plugins: ['react-refresh'],
-  rules: {
-    'react-refresh/only-export-components': [
-      'warn',
-      { allowConstantExport: true },
+    root: true,
+    env: {browser: true, es2020: true},
+    extends: [
+        'eslint:recommended',
+        'plugin:@typescript-eslint/recommended',
+        'plugin:@typescript-eslint/recommended-requiring-type-checking',
+        'plugin:react-hooks/recommended',
     ],
-    '@typescript-eslint/no-non-null-assertion': 'off',
-    semi: 2,
-    quotes: [1, "single"],
-    'no-console': 2,
-  },
-}
+    parser: '@typescript-eslint/parser',
+    parserOptions: {
+        ecmaVersion: 'latest',
+        sourceType: 'module',
+        project: true,
+        tsconfigRootDir: __dirname,
+    },
+    plugins: ['react-refresh'],
+    rules: {
+        'react-refresh/only-export-components': [
+            'warn',
+            {allowConstantExport: true},
+        ],
+        '@typescript-eslint/no-non-null-assertion': 'off',
+        semi: 2,
+        quotes: [1, 'single'],
+        'no-console': 2,
+    },
+};

README.md

@@ -15,37 +15,50 @@ Go to the official page by clicking [this link](https://thewilley.github.io/Text
 
 ## Introduction
 
-Text2Book is a web application that allows users to convert text into Minecraft books by generating commands for command blocks or text sections which can be manually copied over. This tool is designed to simplify the process of creating in-game books with custom content for Minecraft players and mapmakers. Instead of manually entering lengthy commands or taking a wild guess how much text to copy over on each page, Text2Book automates the process, making it quicker and more user-friendly.
+Text2Book is a web application that allows users to convert text into Minecraft books by generating commands for command
+blocks or text sections which can be manually copied over. This tool is designed to simplify the process of creating
+in-game books with custom content for Minecraft players and mapmakers. Instead of manually entering lengthy commands or
+taking a wild guess how much text to copy over on each page, Text2Book automates the process, making it quicker and more
+user-friendly.
 
 ## Features
+
 - **Text Input**: Enter the desired text content directly into the application.
 - **Command Generation**: Generate the necessary commands to create the Minecraft books with the desired content.
-- **Text Generation**: Generate text sections which can be copied over to your Minecraft book. 
+- **Text Generation**: Generate text sections which can be copied over to your Minecraft book.
 - **Copy to Clipboard**: Easily copy the generated commands to your clipboard for quick in-game implementation.
 
 ## How to Use
 
 There are two generation modes you can choose from: **Commands** or **Text**.
 
-
 ### Text Generation:
+
 1. **Input Text**: Enter the content you wish to appear in your Minecraft book in the designated text box.
 
-2. **Generate Text**: Click the "Generate Text" button after entering your desired content. The application will process your input and generate the necessary sections of text for your Minecraft book.
+2. **Generate Text**: Click the "Generate Text" button after entering your desired content. The application will process
+   your input and generate the necessary sections of text for your Minecraft book.
 
-3. **Copy Text**: Once the text sections are generated, they will be displayed on the screen. Click the "Copy" button next to each section to copy them to your clipboard.
+3. **Copy Text**: Once the text sections are generated, they will be displayed on the screen. Click the "Copy" button
+   next to each section to copy them to your clipboard.
 
-4. **Implement in Minecraft**: Open Minecraft and access the book interface. Paste the copied text sections into each page of the book manually.
+4. **Implement in Minecraft**: Open Minecraft and access the book interface. Paste the copied text sections into each
+   page of the book manually.
 
 ### Command Generation
 
-1. **Input Text**: On the main page, you will find a text input box where you can enter the content you want to appear in your Minecraft book.
+1. **Input Text**: On the main page, you will find a text input box where you can enter the content you want to appear
+   in your Minecraft book.
 
-2. **Generate Commands**: After entering desired content, click the "Generate" button. The application will process your input and generate the necessary commands to create the Minecraft book with the given content.
+2. **Generate Commands**: After entering desired content, click the "Generate" button. The application will process your
+   input and generate the necessary commands to create the Minecraft book with the given content.
 
-4. **Copy Commands**: Once the commands are generated, you will see them on the screen. Click the "Copy" button next to the commands to copy them to your clipboard.
+4. **Copy Commands**: Once the commands are generated, you will see them on the screen. Click the "Copy" button next to
+   the commands to copy them to your clipboard.
 
-5. **Implement in Minecraft**: Open your Minecraft world and access a command block. Paste the copied commands into the command block to create the Minecraft book. Activate the command block, and the book will be available in-game for players to read.
+5. **Implement in Minecraft**: Open your Minecraft world and access a command block. Paste the copied commands into the
+   command block to create the Minecraft book. Activate the command block, and the book will be available in-game for
+   players to read.
 
 ## Installation
 
@@ -63,8 +76,12 @@ To run the application without any installation, go to [this link](https://thewi
 
 ## License
 
-Text2Book is licensed under the [MIT License](LICENSE), which allows you to use, modify, and distribute the code for personal and commercial purposes. However, it comes with no warranties or guarantees. If you use Text2Book, please provide attribution to the original repository and authors.
+Text2Book is licensed under the [MIT License](LICENSE), which allows you to use, modify, and distribute the code for
+personal and commercial purposes. However, it comes with no warranties or guarantees. If you use Text2Book, please
+provide attribution to the original repository and authors.
 
 ---
 
-I hope you find Text2Book useful for creating custom Minecraft books! Enjoy your Minecraft adventures with personalized in-game books! If you have any questions or encounter any issues, feel free to reach out to me through the repository's issue tracker. Happy gaming!
+I hope you find Text2Book useful for creating custom Minecraft books! Enjoy your Minecraft adventures with personalized
+in-game books! If you have any questions or encounter any issues, feel free to reach out to me through the repository's
+issue tracker. Happy gaming!

index.html

@@ -1,13 +1,13 @@
 <!DOCTYPE html>
 <html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/favicon-32x32.png" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+<head>
+    <meta charset="UTF-8"/>
+    <link rel="icon" type="image/svg+xml" href="/favicon-32x32.png"/>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
     <title>Text2Book</title>
-  </head>
-  <body>
-    <div id="root"></div>
-    <script type="module" src="/src/main.tsx"></script>
-  </body>
+</head>
+<body>
+<div id="root"></div>
+<script type="module" src="/src/main.tsx"></script>
+</body>
 </html>

postcss.config.js

@@ -1,6 +1,6 @@
 export default {
-  plugins: {
-    tailwindcss: {},
-    autoprefixer: {},
-  },
-}
+    plugins: {
+        tailwindcss: {},
+        autoprefixer: {},
+    },
+};

src/assets/loader.svg

@@ -10,7 +10,7 @@ function FileUpload(props: { callback: (text: string) => void, useFileUpload: bo
                     id="file-upload"
                     type="file"
                     onChange={handleFileChange}
-                    accept='.txt'
+                    accept=".txt"
                     className="opacity-0 absolute z-0 w-full h-full"
                     required={props.useFileUpload}
                 />

src/assets/react.svg

@@ -2,7 +2,8 @@ function Footer() {
     return (
         <footer className="fixed bottom-0 p-2 left-0 w-full bg-white">
             <div className="text-center w-full font-bold">
-                Made with ❤️ by <a className="text-blue-700 hover:underline" href="https://github.com/TheWilley/text2book" target="_blank"> TheWilley </a>
+                Made with ❤️ by <a className="text-blue-700 hover:underline"
+                                   href="https://github.com/TheWilley/text2book" target="_blank"> TheWilley </a>
             </div>
         </footer>
     );

src/components/FileUpload.tsx

@@ -109,7 +109,7 @@ function Form(props: { showResults: ShowResults }) {
                         Text
                     </label>
                     <div>
-                        <div className={classNames({'hidden': inputFormat === 'text' })}>
+                        <div className={classNames({'hidden': inputFormat === 'text'})}>
                             <FileUpload callback={(text) => setText(text)} useFileUpload={inputFormat === 'file'}/>
                         </div>
                         <div className={classNames({'hidden': inputFormat === 'file'})}>
@@ -128,7 +128,7 @@ function Form(props: { showResults: ShowResults }) {
                     type="submit"
                     className="w-full h-10 bg-blue-500 hover:bg-blue-600 text-white font-bold py-2 px-4 rounded focus:outline-none focus:shadow-outline"
                 >
-                    <ButtonTitle />
+                    <ButtonTitle/>
                 </button>
             </form>
         </>