Release: v3.3 (#638)

src/routes/blog/posts/v3-3/+page.md

@@ -0,0 +1,88 @@
+---
+title: Announcing Files v3.3
+description: Redesigned layout picker, additional spacing options, thumbnail improvements.
+thumbnail: /blog-resources/v3-3/Hero.png
+date: 3/21/2024
+author: files-community
+---
+
+We're excited to announce that starting today, Files v3.3 is now available. If you already have Files, there should be a notification on the toolbar to install the update. Otherwise, you can download Files for free from our [download page](/download/). You can also purchase Files on the [Microsoft Store](ms-windows-store://pdp/?ProductId=9nghp3dx8hdx&cid=FilesWebsite) or sponsor us on [GitHub](https://github.com/sponsors/yaira2) to help support the project.
+
+**TL;DR:** Files v3.3 has a refreshed layout picker, additional spacing options for the layouts, more reliable thumbnails, improvements to continue where you left off, and more. Continue reading to learn more about these changes.
+
+## What's new in v3.3
+
+### Redesigned layout picker
+
+We refreshed the layout picker with a cleaner and more functional design. The layout options are now displayed in a single row with large buttons, and the selected layout is highlighted using the system accent color.
+
+Beneath the the layout section, we added a slider to control the item sizes of the various views including Details, List, Grid, & Columns. Whether you prefer larger or smaller items, there is an option for your personal preference.
+
+<figure>
+ <img src="/blog-resources/v3-3/LayoutPicker.png" alt="Layout picker flyout" />
+</figure>
+
+
+### Thumbnail performance and DPI support
+
+In v3.3, we continued working on thumbnail handling. While there is always room for improvement, you can anticipate a more reliable experience with fewer overall issues related to thumbnails.
+
+When a thumbnail takes longer to load, a shimmer animation will be displayed to indicate that the content is loading. Additionally, we added DPI support for icons on the home page, tabs, and left-hand sidebar.
+
+<figure>
+ <img src="/blog-resources/v3-3/SidebarIcons.png" alt="DPI aware sidebar icons" />
+</figure>
+
+
+### Added a settings page to manage layout preferences
+
+We added a new settings page to simplify the management of your layout preferences. These options, formerly nested within submenus on the "Folders" settings page, are now more accessible and easier to locate. Additionally, the "Folders" page was renamed to "Files & folders".
+
+<figure>
+ <img src="/blog-resources/v3-3/LayoutSettings.png" alt="Layout settings page" />
+</figure>
+
+
+### Continue where you left off when restarting Windows
+
+Continue where you left off now works when Windows is restarted. Previously this feature only worked if you closed Files before restarting Windows.
+
+
+## Changes and Improvements
+
+- Updated the project to WinAppSdk 1.5
+- Renamed the "Favorites" section on the sidebar to "Pinned"
+- Added a header to the home page
+- Replaced the string 'Layout mode' with the simplified term 'Layout'
+- Added a link to our Discord server on the about page
+- A prompt for credentials will now be displayed when access is denied to a network share
+- Added support for opening and extracting mrpack files
+- Removed the icon placeholder for web shortcuts in favor of the new shimmer animation
+- Removed the transition when loading items in the Grid View and List View layouts
+- Fixed issue where item selection wasn't working properly the List View layout
+- Fixed issue where the "Open with" and "Send to" submenus didn't appear properly in Widgets
+- Fixed issue where copying an item from an archive didn't work
+- Fixed issue where hashes weren't able to calculate
+- Fixed issue where some files failed to load properties
+- Fixed icon overlay alignment in the Details View layout
+- Fixed issue where items couldn't be dropped from 7-zip
+- Fixed issue where drag and drop from Edge didn't work
+- Fixed issue where video bitrate was displayed in plain text
+- Fixed issue where the window wasn't always brought to the foreground
+- Fixed issue where focus would incorrectly switch to new tab
+- Fixed issue with drag and dropping items onto .ahk files
+- Fixed SocketException in GitHelpers.RequireGitAuthenticationAsync
+- Fixed NullReferenceException in Item_Opening
+- Fixed NullReferenceException in CloseTab
+- Fixed NullReferenceException in ShareItemsAsync
+- Fixed NullReferenceException in DuplicateSelectedTabAction.ExecuteAsync
+
+### Conclusion
+
+As always, we appreciate your feedback and suggestions on how we improve Files. You can reach us through our GitHub issues page: https://github.com/files-community/Files/issues.
+
+Thank you for using Files! 😊
+
+---
+
+Download Files from our [download page](/download/) | Sponsor us on [GitHub](https://github.com/sponsors/yaira2)

src/routes/docs/customize-settings/appearance/+page.md

@@ -2,6 +2,8 @@
 title: Appearance
 ---
 
+![Settings dialog](/docs-resources/Settings-Appearance.png)
+
 ## Theme
 
 This allows you to switch between dark and light mode. "Default" uses the system theme in Windows.

src/routes/docs/customize-settings/files-and-folders/+page.md

@@ -0,0 +1,34 @@
+---
+title: Files & folders
+---
+
+## Hidden items
+
+### Show hidden files and folders
+
+This is off by default, enabling it will display hidden files and folders.
+
+### Show dot files
+
+This is on by default and displays files starting with a dot `.`.
+
+### Show protected system files
+
+This is off by default, enabling it will display protected system files.
+
+### Show alternate data streams
+
+This is off by default, enabling it will display alternate data streams.
+
+## Show file extensions
+
+This is on by default and will display file extensions in the file list.
+
+## Show thumbnails
+
+This is on by default and displays file thumbnails. Turning it off will display file icons instead of thumbnails (this can help improve performance).
+
+## Show checkboxes when selecting items
+
+This is on by default and displays a checkbox when an item is selected.
+

src/routes/docs/customize-settings/folders/+page.md → src/routes/docs/customize-settings/layout/+page.md

@@ -1,25 +1,37 @@
 ---
-title: Folders
+title: Layout
 ---
 
-<script>
- import { InfoBar } from "fluent-svelte";
-</script>
-
 ## Sync layout and sorting preferences across directories
 
 Located on the folders settings page, enabling this option will sync the layout and other folder settings across all directories. For example, changing the layout in one folder will automatically change the layout for all other folders.
 
-## Details View columns
+## Layout type
 
-Support for additional columns is being planned but in the meantime you can toggle the defaults for the following columns:
-- Tags
-- Size
-- Type
-- Date modified
-- Date created
+### Details
+
+Arranges items using a Data Grid with resizable columns. Support for rearranging columns isn't supported yet.
+
+### List
+
+Displays items in a single column with only the icon and file name.
+
+### Tiles
+
+Displays larger icons and additional information about the items.
+
+### Grid
+
+Grid View allows you to view larger icons.
+
+### Columns
+
+Displays files and folders in a hierarchical structure, with each level shown in a separate column.
+
+### Adaptive
+
+Adaptive automatically chooses the layout based on each folders contents.
 
-To be able to override these options in an individual folder, make sure the option to sync preferences is toggled off.
 
 ## Sorting and grouping
 
@@ -62,59 +74,15 @@ Groups items in descending order.
 
 Adjusts the date unit for group by.
 
-## Layout mode
-
-### Details View
-
-Arranges items using a Data Grid with resizable columns. Support for rearranging columns isn't supported yet.
-
-### List View
-
-Displays items in a single column with only the icon and file name.
+## Details view
 
-### Tiles View
+### Columns
 
-Displays larger icons and additional information about the items.
-
-### Grid View
-
-Grid View allows you to view larger icons.
-
-### Columns View
-
-Displays files and folders in a hierarchical structure, with each level shown in a separate column.
-
-### Adaptive
-
-Adaptive automatically chooses the layout based on each folders contents.
-
-## Hidden items
-
-### Show hidden files and folders
-
-This is off by default, enabling it will display hidden files and folders.
-
-### Show dot files
-
-This is on by default and displays files starting with a dot `.`.
-
-### Show protected system files
-
-This is off by default, enabling it will display protected system files.
-
-### Show alternate data streams
-
-This is off by default, enabling it will display alternate data streams.
-
-## Show file extensions
-
-This is on by default and will display file extensions in the file list.
-
-## Show thumbnails
-
-This is on by default and displays file thumbnails. Turning it off will display file icons instead of thumbnails (this can help improve performance).
-
-## Show checkboxes when selecting items
-
-This is on by default and displays a checkbox when an item is selected.
+Support for additional columns is being planned but in the meantime you can toggle the defaults for the following columns:
+- Tags
+- Size
+- Type
+- Date modified
+- Date created
 
+To be able to override these options in an individual folder, make sure the option to sync preferences is toggled off.

src/routes/docs/features/layout-picker/+page.md

@@ -0,0 +1,33 @@
+---
+title: Layout picker
+---
+
+The layout picker is where you can change the layout type and size for the current directory. For more information about configuring the default layout, please see the documentation on [layout](/docs/customize-settings/layout/) settings.
+
+## Options
+
+### Layout type
+
+Unless the setting to sync layouts preferences is enabled, changing the layout from the layout picker will only apply to the current directory. The available layout types are:
+
+- Details
+- List
+- Tiles
+- Grid
+- Columns
+
+### Size
+
+First introduced in v3.3, you can adjust the items to be bigger or smaller by using the size slider. This option isn't available for Tiles, but we're exploring different ideas and hope to add this option in the future.
+
+### Show hidden items
+
+This toggles hidden items on & off, it's worth noting that changing this toggle will also affect the option in the settings dialog.
+
+### Show file extensions
+
+This toggles file extensions on & off. Like the option for hidden files, this toggle will also affect the option in the settings dialog.
+
+### Adaptive layout
+
+Enabling this option will automatically select the best layout for the folder contents. It's important to note that this option is only available when syncing layouts preferences is off.