fix: codeacy analysis failing due to some minor spacing line break inconsistencies

devvaannsh · devvaannsh · commit e056451111b8 · 2026-08-04T13:13:57.000+05:30
diff --git a/.markdownlint.json b/.markdownlint.json
@@ -1,4 +1,5 @@
 {
   "MD013": false,
-  "MD025": false
+  "MD025": false,
+  "MD033": false
 }
diff --git a/docs/02-Live Preview/02-live-preview-edit.md b/docs/02-Live Preview/02-live-preview-edit.md
@@ -61,6 +61,7 @@ When you click an element in the Live Preview, a **Control Box** appears near it
 ### Element Info
 
 The left side of the Control Box displays information about the selected element:
+
 - **Tag name**: The element type (for example, `div`, `p`, `img`)
 - **ID**: The element’s ID attribute (if present), shown with a `#` prefix
 - **Dimensions**: The element’s size in pixels (width × height)
@@ -200,13 +201,15 @@ When you start editing text, a **Formatting Toolbar** appears near the element.
 Select the text you want to format and click a formatting button, or use the keyboard shortcut. If no text is selected, the formatting is applied to the entire element. Clicking a format that is already applied removes it.
 
 The toolbar shows three primary formatting buttons:
+
 - **Bold** (`Ctrl/Cmd + B`): `<b>` tag
 - **Italic** (`Ctrl/Cmd + I`): `<i>` tag
 - **Underline** (`Ctrl/Cmd + U`): `<u>` tag
 
 #### More Formatting Options
 
 Click the **More** button *(three-dots icon)* on the right side of the toolbar to see additional formatting options:
+
 - **Strikethrough**: `<s>` tag
 - **Subscript**: `<sub>` tag
 - **Superscript**: `<sup>` tag
@@ -224,11 +227,12 @@ To drag an element: click and hold the element, then move your mouse to the desi
   src="https://docs-images.phcode.dev/videos/live-preview-edit/drag-drop.mp4"
 />
 
-#### Visual Indicators
+### Visual Indicators
+
 - **Arrow markers** to indicate the drop position:
-    - **Up (↑) or Down (↓) arrows**: Places the element before or after the target element
-    - **Left (←) or Right (→) arrows**: Places the element before or after the target element (appears for flex row layouts)
-    - **⊕ symbol with a dashed border**: Places the element inside the target as a child
+  - **Up (↑) or Down (↓) arrows**: Places the element before or after the target element
+  - **Left (←) or Right (→) arrows**: Places the element before or after the target element (appears for flex row layouts)
+  - **⊕ symbol with a dashed border**: Places the element inside the target as a child
 
 - **Target label**: A small box next to the marker displays the target element's tag name, ID, and classes
 
@@ -261,11 +265,13 @@ You can cut, copy, and paste elements in Edit Mode using standard keyboard short
 ### Using Keyboard Shortcuts
 
 When you click an element in the Live Preview, keyboard focus moves to the Live Preview. You can then use:
+
 - **Ctrl/Cmd + X**: Cut the selected element
 - **Ctrl/Cmd + C**: Copy the selected element
 - **Ctrl/Cmd + V**: Paste the copied or cut element below the currently selected element
 
 ### Using the More Options Menu
+
 ![More Options dropdown](../images/pro/more-options-dropdown.png "More Options Dropdown")
 
 Click the **More Options** button *(three-dots icon)* in the Control Box and select **Cut**, **Copy**, or **Paste** from the dropdown menu.
diff --git a/docs/02-Live Preview/03-styles-bar.md b/docs/02-Live Preview/03-styles-bar.md
@@ -23,7 +23,7 @@ You can move the bar to the top of the Live Preview using the **dock button** at
 Phoenix Code gives you control to choose where you want to save your edits. By default, all the changes are saved directly on the element as an inline style. If you want to save the changes in one of the CSS rules, you can click on the **Save changes to** button:
 <!-- TODO: PLUTO - add image here showing the save changes to button -->
 
-It shows all the available selectors for that element. Select the one you want, and all the changes made to that element will automatically get saved in that selector. 
+It shows all the available selectors for that element. Select the one you want, and all the changes made to that element will automatically get saved in that selector.
 > Each selector also shows the number of elements it affects on the page.
 
 <!-- TODO: PLUTO - add image here showing the affects x elements -->
@@ -183,4 +183,3 @@ You can also undo any Styles Bar edit with `Ctrl/Cmd + Z`, like every other Edit
 ## Hiding the Styles Bar
 
 To hide the bar, open the **More Options** menu *(three-dots icon)* in the Control Box and unselect **Show Styles Bar**. While hidden, a **palette icon** appears in the Control Box tools to bring it back.
-
diff --git a/docs/02-Live Preview/04-device-preview.md b/docs/02-Live Preview/04-device-preview.md
@@ -44,5 +44,3 @@ While you drag the edge of the Live Preview panel, a ruler appears across the to
 
 In [Design Mode](./live-preview-edit), the Live Preview takes over the full window. In that case, you'll see resize handles directly on the page: drag the left or right handle to change the **width**, or drag the bottom handle to change the **height**. The same ruler appears, and the label now shows both dimensions, like `iPad Mini — 768px × 1024px`.  
 In Design Mode, a **Fit to screen** option is also available in the device dropdown. This resizes the page to fit the available space in the Live Preview.
-
-
diff --git a/docs/02-Live Preview/05-measurements.md b/docs/02-Live Preview/05-measurements.md
@@ -22,5 +22,5 @@ While in [Edit Mode](./live-preview-edit), click the dropdown arrow next to the
 
 Alternatively, you can enable measurements from the **More Options** menu *(three-dots icon)* in the Control Box. Select **Show Measurements** to toggle it on or off.
 
-You can also change this setting by updating the `livePreviewShowMeasurements` preference in the preferences file. Set it to `true` or `false` (default).   
+You can also change this setting by updating the `livePreviewShowMeasurements` preference in the preferences file. Set it to `true` or `false` (default).
 See [Editing Preferences](../editing-text#editing-preferences) to learn how to edit the preferences file.
diff --git a/docs/02-Live Preview/06-image-gallery.md b/docs/02-Live Preview/06-image-gallery.md
@@ -33,7 +33,7 @@ To download the image to your project instead, click the **Download image** butt
 
 > If this is your first time selecting an image, Phoenix Code prompts you to choose a folder where images should be saved. See [Folder Selection Dialog](#folder-selection-dialog) for details.  
   
-> Images are embedded or downloaded at the currently selected size. See [Image Size Selection](#image-size-selection) for details. 
+> Images are embedded or downloaded at the currently selected size. See [Image Size Selection](#image-size-selection) for details.
 
 Below each thumbnail, the photographer's name and a link to their profile is displayed.
 
@@ -53,6 +53,7 @@ If no folder has been selected yet, Phoenix Code prompts you to choose where the
 The first time you select an image, Phoenix Code prompts you to choose where images should be saved in your project.
 
 The dialog includes:
+
 - **Folder path input**: Enter a folder path relative to your project root. Phoenix Code suggests matching folders as you type.
 - **Remember this folder for this project**: When checked (default), Phoenix Code reuses this folder for future image downloads in the same project.
 
@@ -72,13 +73,14 @@ Hovering over a thumbnail displays the estimated file size in the top-left corne
 > Higher resolutions produce larger image files. Standard (1080px) is the default size.
 
 ### Available Image size options
-* Thumbnail (200px)
-* Avatar (320px)
-* Card (640px)
-* Content (960px)
-* Standard (1080px)
-* Hero (1280px)
-* Banner (1600px)
-* Retina (2200px)
+
+- Thumbnail (200px)
+- Avatar (320px)
+- Card (640px)
+- Content (960px)
+- Standard (1080px)
+- Hero (1280px)
+- Banner (1600px)
+- Retina (2200px)
 
 ![Image size dropdown](../images/pro/image-size-dropdown.png "Image size dropdown")
diff --git a/docs/02-Live Preview/07-markdown-editor.md b/docs/02-Live Preview/07-markdown-editor.md
@@ -101,11 +101,11 @@ Start typing to filter the list. Use the arrow keys to navigate and press `Enter
 
 You can also use standard Markdown shortcuts as you type:
 
-- `# ` through `##### ` for headings
-- `- ` or `* ` for bullet lists
-- `1. ` for numbered lists
-- `- [ ] ` for task lists
-- `> ` for blockquotes
+- `#` through `#####` for headings
+- `-` or `*` for bullet lists
+- `1.` for numbered lists
+- `- [ ]` for task lists
+- `>` for blockquotes
 - ` ``` ` for code blocks
 - `---` for dividers
 
@@ -161,7 +161,7 @@ Click an existing link to see a popover showing the URL, with options to **Edit*
 ### Keyboard Shortcuts
 
 | Action | Shortcut |
-|--------|----------|
+| -------- | ---------- |
 | Bold | `Ctrl/Cmd + B` |
 | Italic | `Ctrl/Cmd + I` |
 | Underline | `Ctrl/Cmd + U` |
diff --git a/docs/02-Live Preview/08-php-live-preview.md b/docs/02-Live Preview/08-php-live-preview.md
@@ -69,6 +69,6 @@ Your Live Preview should now automatically update to reflect changes whenever PH
 
 ## PHP Live Preview in Action
 
-<VideoPlayer 
+<VideoPlayer
   src="https://docs-images.phcode.dev/videos/phplp/phplivepreview.mp4"
-/>
+/>
diff --git a/docs/02-Live Preview/09-live-preview-settings.md b/docs/02-Live Preview/09-live-preview-settings.md
@@ -16,11 +16,12 @@ There are two ways to access the Live Preview Settings dialog:
 
 ![live-preview-settings](../images/livePreview/settings-menu.png)
 
-2. **From the Live Preview Panel**:
+1. **From the Live Preview Panel**:
     - Locate the live preview panel, typically found at the right side of the editor.
     - Hover over the live preview panel title bar and click the gear icon (⚙️) located at the top right of the panel title bar.
 
 ![live-preview-settings](../images/livePreview/settings-gear.png)
+
 ## Configuring Your Server
 
 ![settings-dialog](../images/livePreview/settings-dialog.png)
@@ -31,11 +32,11 @@ Within the Live Preview Settings dialog, you can configure the following options
 
 - **Use Custom Development Server for This Project**: Enable this option to use your custom server for the live preview.
 
-    - **Server URL**: Enter the full URL where your server is running, including the port number (e.g., `http://localhost:8000`).
+  - **Server URL**: Enter the full URL where your server is running, including the port number (e.g., `http://localhost:8000`).
 
-    - **Serving Folder in Project**: Specify the path to the folder in your project that your server serves (e.g., `www/`, default is `/`, ie the full project is assumed to be served by the given server).
+  - **Serving Folder in Project**: Specify the path to the folder in your project that your server serves (e.g., `www/`, default is `/`, ie the full project is assumed to be served by the given server).
 
-    - **Server Framework**: Choose the framework or environment your server uses from the dropdown menu. If your server supports hot reloading, check the corresponding box to enable this feature. Currently 2 options are supported- [Docusaurus](https://docusaurus.io/) and `Custom`. Select `Custom` for all frameworks that are not `Docusaurus`.
+  - **Server Framework**: Choose the framework or environment your server uses from the dropdown menu. If your server supports hot reloading, check the corresponding box to enable this feature. Currently 2 options are supported- [Docusaurus](https://docusaurus.io/) and `Custom`. Select `Custom` for all frameworks that are not `Docusaurus`.
 
 After configuring these settings, click 'Done' to save and apply your settings. The live preview will now use your custom server.
 
diff --git a/docs/03-ai.md b/docs/03-ai.md
@@ -158,6 +158,7 @@ Click the **gear icon** in the chat panel to open AI settings.
 ![AI settings button](./images/pro/ai-settings.png "AI settings button")
 
 This will open a dialog where you can:
+
 - Pick the **active provider** from a dropdown at the top
 - Add a custom API provider with a name, API key (masked), and base URL
 - Edit or delete any custom provider you've added
@@ -188,7 +189,7 @@ This turns off everything: the AI tab in the sidebar and the chat panel. To get
 ## Keyboard Shortcuts
 
 | Action | Shortcut |
-|--------|----------|
+| -------- | ---------- |
 | Send message | `Enter` |
 | New line | `Shift + Enter` |
 | Cycle permission mode | `Shift + Tab` |
diff --git a/docs/04-Editing & Code/07-doc-comments.md b/docs/04-Editing & Code/07-doc-comments.md
@@ -22,7 +22,7 @@ The description is selected first, so you can start typing right away. Press `Ta
 Each language gets a comment in its own convention:
 
 | Language | Comment style |
-|----------|---------------|
+| ---------- | --------------- |
 | JavaScript, JSX | JSDoc, with `@param {type} name` tags |
 | TypeScript, TSX | JSDoc without `{type}` braces, since the types already live in the code |
 | PHP | PHPDoc, with `@param type $name` tags |
diff --git a/docs/04-Editing & Code/08-beautify-code.md b/docs/04-Editing & Code/08-beautify-code.md
@@ -8,42 +8,42 @@ import VideoPlayer from '@site/src/components/Video/player';
 
 The **Beautify Code** feature ensures your code is consistently formatted, improving readability and maintainability. It automatically aligns your code with your preferred style, taking into account indentation, spacing, and other formatting rules.
 
-
 ## How to Use
+
 You can format your code using Beautify Code through the following methods:
-### Context Menu :
+
+### Context Menu
+
     * Right-click in the editor.
     * Select **Beautify Code** from the context menu.
 
     ![Beautify Code Context Menu Image](../images/beautifyCode/Context-Menu.png "Click on Beautify Code option")
 
+### Keyboard Shortcut
 
-### Keyboard Shortcut :
     * Press `Ctrl+B` to format your code. (`Cmd+B` in MacOS)
 
-
 **Note**: *You can also format just a selected part of your code using the Beautify Code feature. However, this option will only work if the selected code is syntactically valid.*
 
-
-
 ## Automatic Formatting on Save
 
 To automatically format your code every time you save :
+
 1. Go to `Edit` > `Beautify Code After Save`.
 2. Toggle this option on.
 ![Beautify Code after Save Image](../images/beautifyCode/Beautify-Code-after-save.png "Click on Beautify Code After Save")
-   
 
-   
 ## Customizing Beautify Code
 
 You can adjust the settings for Beautify Code to match your coding preferences:
+
 1. Go to `File` > `Open Preferences File`.
 When you open the preferences, two files will appear:
     * **defaultPreferences.json** on the left pane: This file contains the default settings and is not editable.
     * **phcode.json** on the right pane: This is the file you should edit to customize your settings.
 
 2. Look for the section named `beautify.options`.
+
     ```json
     {
         "beautify.options": {
@@ -59,9 +59,9 @@ When you open the preferences, two files will appear:
     }
     ```
 
-3. Modify the options as needed to control aspects like : 
+3. Modify the options as needed to control aspects like :
 
-  * **bracketSameLine** :- This option controls the placement of the closing > bracket in multi-line HTML, JSX, Vue, or Angular elements. When set to `false`, the closing bracket is placed on its own line. Setting this option to `true` positions the closing bracket at the end of the last line, aligning it with the content for a more compact and readable format, but this does not apply to self-closing elements.
+* **bracketSameLine** :- This option controls the placement of the closing > bracket in multi-line HTML, JSX, Vue, or Angular elements. When set to `false`, the closing bracket is placed on its own line. Setting this option to `true` positions the closing bracket at the end of the last line, aligning it with the content for a more compact and readable format, but this does not apply to self-closing elements.
 
     Default value of bracketSameLine is *True*.
 
@@ -73,15 +73,13 @@ When you open the preferences, two files will appear:
 
     ---
 
-
-  * **printWidth**: Sets the maximum line length for code formatting. The beautifier will wrap lines that exceed the number of characters specified by the `printWidth` value.
+* **printWidth**: Sets the maximum line length for code formatting. The beautifier will wrap lines that exceed the number of characters specified by the `printWidth` value.
 
     Default value of printWidth is *120*.  
 
     ---
 
-
-  * **proseWrap**: Determines how text in Markdown files is wrapped. The different values of `proseWrap` are :
+* **proseWrap**: Determines how text in Markdown files is wrapped. The different values of `proseWrap` are :
   **"always"**: Automatically wraps prose to fit within the printWidth, regardless of original formatting.
   **"never"**: Prevents any automatic wrapping, keeping prose as-is even if it exceeds the printWidth.
   **"preserve"**: Maintains the original formatting of prose, wrapping text only where line breaks are already present.
@@ -90,8 +88,7 @@ When you open the preferences, two files will appear:
 
     ---
 
-
-  * **quoteProps**: Determines when properties in objects should be quoted:
+* **quoteProps**: Determines when properties in objects should be quoted:
   **"as-needed"**: Quotes properties only when necessary, such as when a property name contains special characters or conflicts with reserved keywords.
   **"consistent"**: Quotes all properties consistently based on the first property's quoting style. If the first property is quoted, all properties will be quoted, and vice versa.
   **"preserve"**: Maintains the existing quoting style of properties, leaving them quoted or unquoted as they are in the original code.
@@ -100,15 +97,13 @@ When you open the preferences, two files will appear:
 
     ---
 
-
-  * **semi**:  Determines whether to add a semicolon at the end of every statement. When set to `true`, a semicolon is automatically inserted at the end of each statement. If set to `false`, semicolons are omitted.
+* **semi**:  Determines whether to add a semicolon at the end of every statement. When set to `true`, a semicolon is automatically inserted at the end of each statement. If set to `false`, semicolons are omitted.
 
     Default value of semi is *true*.
 
     ---
 
-
-  * **singleAttributePerLine**: Controls whether to enforce placing each attribute on a new line in HTML, Vue, and JSX elements. When set to `false`, multiple attributes can be on the same line. If set to `true`, each attribute will be placed on its own line.
+* **singleAttributePerLine**: Controls whether to enforce placing each attribute on a new line in HTML, Vue, and JSX elements. When set to `false`, multiple attributes can be on the same line. If set to `true`, each attribute will be placed on its own line.
 
     Default value of singleAttributePerLine is *false*.
 
@@ -120,8 +115,7 @@ When you open the preferences, two files will appear:
 
     ---
 
-
-  * **singleQuote**: Determines whether to use single quotes instead of double quotes in your code. When set to `false`, double quotes are used for strings. If set to `true`, single quotes are used instead.
+* **singleQuote**: Determines whether to use single quotes instead of double quotes in your code. When set to `false`, double quotes are used for strings. If set to `true`, single quotes are used instead.
 
     Default value of singleQuote is *false*.
 
@@ -133,8 +127,7 @@ When you open the preferences, two files will appear:
 
     ---
 
-
-  * **trailingComma**: Controls the use of trailing commas in multi-line comma-separated structures.
+* **trailingComma**: Controls the use of trailing commas in multi-line comma-separated structures.
   **"none"**:  No trailing commas are added.
   **"es5"**:  Adds trailing commas where valid in ES5 (e.g., in objects, arrays, etc., but not in function parameters).
   **"all"**:  Adds trailing commas in all possible places, including function parameters and imports.
@@ -154,18 +147,18 @@ When you open the preferences, two files will appear:
 
     ---
 
-
 ## Modifying Indentation with Beautify Code
 
 To adjust the indentation style or size in your code, use the Spaces/Tabs button in the status bar.
 
- * **Toggle between spaces and tabs**: Click on the button to switch between `spaces` or `tabs` for indentation.
- * **Adjust the number of spaces or tabs**: Click on the value in the status bar beside `spaces`/`tabs` and modify it as required to select your desired indentation size.
+* **Toggle between spaces and tabs**: Click on the button to switch between `spaces` or `tabs` for indentation.
+* **Adjust the number of spaces or tabs**: Click on the value in the status bar beside `spaces`/`tabs` and modify it as required to select your desired indentation size.
 
 After you change the indentation style or size, use **Beautify Code** to reformat the entire file.
 
 ## Visual Demonstration
-<VideoPlayer 
+
+<VideoPlayer
   src="https://docs-images.phcode.dev/videos/editing-text/beautify_format.mp4"
   winLinuxTitle="Beautify Code: Ctrl + B"
   macTitle="Beautify Code: Cmd + B"
diff --git a/docs/05-Workspace/06-git.md b/docs/05-Workspace/06-git.md
diff --git a/docs/06-Code Quality/02-ESLint.md b/docs/06-Code Quality/02-ESLint.md
diff --git a/docs/07-Code Intelligence/index.md b/docs/07-Code Intelligence/index.md
diff --git a/docs/08-Extensions & Themes/02-popular-extensions.md b/docs/08-Extensions & Themes/02-popular-extensions.md

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,5 @@`
`1`	`1`	`{`
`2`	`2`	`"MD013": false,`
`3`		`- "MD025": false`
	`3`	`+ "MD025": false,`
	`4`	`+ "MD033": false`
`4`	`5`	`}`