From: Dan Brown Date: Mon, 7 Oct 2024 17:54:08 +0000 (+0100) Subject: Added v24.10 post images, proof-read post content X-Git-Url: http://source.bookstackapp.com/website/commitdiff_plain/faef390ba1ca47bfbf272e510478508b3548167e Added v24.10 post images, proof-read post content --- diff --git a/content/blog/2024/bookstack-release-v24-10.md b/content/blog/2024/bookstack-release-v24-10.md index 5442fd3..cc33744 100644 --- a/content/blog/2024/bookstack-release-v24-10.md +++ b/content/blog/2024/bookstack-release-v24-10.md @@ -9,15 +9,12 @@ slug = "bookstack-release-v24-10" draft = false +++ -This laggard of a release finally lingers to deployment this October day bringing the first alpha-state inclusion of the new WYSIWYG editor which has been the main development focus, but that doesn't stop a few other goodies being included for this release too! +This laggard of a release finally lingers to deployment this day in October bringing the first alpha-state inclusion of the new WYSIWYG editor, which has been the main development focus, but that doesn't stop a few other goodies being included for this release too! * [Update instructions](/docs/admin/updates) * [GitHub release page](https://github.com/BookStackApp/BookStack/releases/tag/v24.10) -**Upgrade Notices** - -- **Thing** - TODO - +TODO - Update Translators List TODO - PT video @@ -29,24 +26,25 @@ to replace the existing (TinyMCE based) WYSIWYG editor [due to licensing changes Initially our goal is to match the existing editor functionality & layout as close as possible to ensure a stable & familiar upgrade path, so it should look much the same: -TODO - Image of new editor +![View of the new WYSIWYG editor, with toolbar containing a range of options towards the top, and with a range of content displayed within. The formats menu dropdown is showing presenting a range of heading & other format options](/images/2024/10/new-wysiwyg.png) -This is an initial alpha revision of this editor though, so there are some known omissions, weak-points along with a range of issues to solve, which I'm listing & taking feedback for [on a GitHub issue here](https://github.com/BookStackApp/BookStack/issues/5245). The biggest limitation right now is the lack of specific mobile support. +This is an initial alpha revision of this editor so there are some known omissions & weak-points along with a range of issues to solve, which I'm listing & taking feedback for [on a GitHub issue here](https://github.com/BookStackApp/BookStack/issues/5245). The biggest limitation right now is the lack of specific mobile support. -This new editor option can be enabled as a site default for new pages, or can be switched ot when in the editor if permissions allow: +This new editor option can be enabled as a site default for new pages, or can be switched to when in the editor if permissions allow: -TODO - Image of controls +![View of the page editor draft menu with a "Switch to new WYSIWYG" option highlighted, with text below it stating "(In Alpha Testing)"](/images/2024/10/new-wysiwyg-change-option.png) +![View of the "Default page Editor" BookStack setting, with the mouse hovering a "New WYSIWYG (alpha testing)" option](/images/2024/10/new-wysiwyg-default-option.png) -Be wary though that the new editor right now can be less reliable, and specific content support can differ leading to loss of formatting in edge cases that may have been previously allowed. -I don't advise it's use in production scenarios right now, it's primarily in this release for wider testing to gain feedback for. +Be wary though that, in its current state, the new editor can be less reliable, and specific content support can differ leading to loss of formatting in edge cases that may have been previously allowed. +I don't advise its use in production scenarios right now, it's primarily in this release for wider testing to gain feedback. -This new editor is quite a significant undertaking. The editor controls UI is completely custom built from scratch and the core editing is based upon the [Lexical library](https://lexical.dev/), although I made the decision to fork the lexical codebase into BookStack quite late in development due to some incompatible core design decisions made in lexical. This quite massively increases the maintenance surface area, but also provides us more control and possibilities around a fundamental part of BookStack. I'm thinking that as my funding continues to grow, it might even be possible to fund someone to help work part time specifically on some of the growing JavaScript/TypeScript components. This is all a bit of an experimental jump though, so I'll be thinking about maintainability and sustainability quite a lot as we mature this editor over the next few releases. +This new editor is quite a significant undertaking. The editor UI controls are completely custom built from scratch and the core editing is based upon the [Lexical library](https://lexical.dev/), although I made the decision to fork the lexical codebase into BookStack quite late during development due to some incompatible core design decisions made in lexical. This quite massively increases the maintenance surface area, but also provides us more control and possibilities around a fundamental part of BookStack. I'm thinking that as my funding continues to grow, it might even be possible to fund someone to help work part time specifically on some of the growing JavaScript/TypeScript components. This is all a bit of an experimental jump though, so I'll be thinking about maintainability & sustainability quite a lot as we mature this editor over the next few releases. -Going forward, we'll continue to improve and stabilize this editor over the next few releases to get it into a beta status, before eventually later making it the default WYSIWYG option. Then, in quite a few releases later, we'll remove the existing TinyMCE based editor. Making this a stable and easy switch-over for 99% of users is super important to me. +Going forward, we'll continue to improve and stabilize this editor to get it into a beta status, before eventually later making it the default WYSIWYG option. Then, in quite a few releases later, we'll remove the existing TinyMCE based editor. It's super important to me that this is a stable and easy switch-over for 99% of users. ### Advanced Search Term Negation -It's now possible to negate exact, filter and tag search terms when performing searches in BookStack! +It's now possible to negate exact, filter, and tag search terms when performing searches in BookStack! This is done using a `-` prefix with the term. For example, a search of: ``` @@ -55,8 +53,8 @@ This is done using a `-` prefix with the term. For example, a search of: Will search for content that: -- does **not** contain the text "dog" -- that is **not** tagged with a "Priority" named tag +- does **not** contain the exact text "dog" +- that is **not** tagged with a tag named "Priority" - which does **not** have permissions set This opens up search to a whole range of more advanced scenarios. @@ -64,31 +62,31 @@ Note that this is not supported for normal search terms though due to ambiguity Our [search documentation](/docs/user/searching/#negated-terms) has been updated to reflect negated terms. -### Browser Search (OpenSearch) Support +### Browser Search Support via OpenSearch BookStack will now advertise OpenSearch support to browsers. I don't mean the Amazon fork of ElasticSearch, but [the standard](https://developer.mozilla.org/en-US/docs/Web/OpenSearch) used to tell browsers about the search functions of a website. For example, FireFox will now show an instance as an option to add for searching: -TODO - Screenshot of add option in firefox +![Screenshot of the URL bar in FireFox, with the mouse hovering a BookStack icon with a tooltip stating "Add search engine BookStack"](/images/2024/10/opensearch-firefox.png) -When added, I can then at any point perform a search via my BookStack instance using the FireFox URL/Search bar. While this was possible to set up before, this automates much of the tedious setup work. +When added you can then, at any point, perform a search via the added BookStack instance using the FireFox URL/search bar. While this was possible to set up before, OpenSearch support automates much of the tedious setup work. Different browsers use this in different ways though, so how it presents in other browsers may differ. A big thanks to [@maximilian-walter](https://github.com/BookStackApp/BookStack/pull/5198) for providing this feature to BookStack. ### R & SAS Code Block Support -Another pair of code languages have been introduces as support code block languages, enabling proper syntax highlight support. The languages are R and SAS: +Another pair of code languages have been introduced as supported code block languages, enabling proper syntax highlight support. The languages are R and SAS: -TODO - Screenshot of languages +![View of code content in BookStack, one block of R code and one block of SAS code, with text in both showing in a range of colors for different parts of the language](/images/2024/10/r-and-sas-code.png) ### PDF Timeout Option In the [last release we added](/blog/bookstack-release-v24-05/#command-based-pdf-export-option) the command-based PDF export option which allowed PDF exports to be generated using a custom command. -One limitation of this was the default 15 second process timeout, which was found to be fairly limiting in some scenarios, so this timeout is not configurable: +One limitation of this was the default 15 second process timeout, which was found to be fairly limiting in some scenarios, so this timeout is now configurable: ```bash # Allow 30 seconds for the export process instead of the default 15 @@ -101,13 +99,13 @@ Sending user invites, when users are created by admins, is quite commonly the fi within a new BookStack instance but if email has not been configured correctly & tested, this can result in an error when BookStack tries to send the invite. Previously this would just result in a generic error screen, leaving the admin needing to hunt around in error logs to understand what went wrong. From this release we now specifically show an error notification to explain the scenario, while returning the admin back to the user creation form with the existing data-prefilled. -TODO - Image of error view +![An error notification in BookStack with the text "Could not create user since invite email failed to send"](/images/2024/10/invite-error-notification.png) This should hopefully avoid a frustrating start to many initial uses of BookStack. -### Translations +### Translations 🏴󠁧󠁢󠁷󠁬󠁳󠁿 -This release adds a new language: Welsh 🏴󠁧󠁢󠁷󠁬󠁳󠁿! +This release adds a new language: Welsh! This is thanks to Crowdin member "KateBaber"'s continuous work over the last 10 months to develop out these Welsh translations. Of course there's been plenty of other great efforts by our translators, so a big thanks to the @@ -120,9 +118,9 @@ TODO, Format: ### Next Steps -Efforts will be focused on maturing the new editor over the next release cycle, addressing issues raised in its wider testing. Build of the new editor introduces TypeScript into the BookStack codebase, so I'll likely also look to migrate more of our original JS code to TS. +Efforts will be focused on maturing the new editor over the next release cycle, addressing issues raised in its wider testing. Build of the new editor introduces TypeScript into the BookStack codebase, so I'll probably look to migrate more of our original JS code to TS. -It'd be nice to get back to some other features though, so I may also pick out a long-standing desired feature to focus on otherwise this year looks a bit thin due to focusing on maintenance work and like-for-like replacements of existing functionality. +It'd be nice to get back to some other features though, so I may also pick out a long-standing desired feature to focus on otherwise this year looks a bit thin due to so far focusing on maintenance work and like-for-like replacements of existing functionality. ### Full List of Changes diff --git a/static/images/2024/10/invite-error-notification.png b/static/images/2024/10/invite-error-notification.png new file mode 100644 index 0000000..148304b --- /dev/null +++ b/static/images/2024/10/invite-error-notification.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:81b0ff5be83528cd6f813581e452b2a522ad2a7560180251da321fb11a850095 +size 10550 diff --git a/static/images/2024/10/new-wysiwyg-change-option.png b/static/images/2024/10/new-wysiwyg-change-option.png new file mode 100644 index 0000000..1d87e51 --- /dev/null +++ b/static/images/2024/10/new-wysiwyg-change-option.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:d7ec2c1391345a6f3b09eea36e1413d74dcf93b5c9f66fd4e662506e6cec4605 +size 23430 diff --git a/static/images/2024/10/new-wysiwyg-default-option.png b/static/images/2024/10/new-wysiwyg-default-option.png new file mode 100644 index 0000000..8b1c295 --- /dev/null +++ b/static/images/2024/10/new-wysiwyg-default-option.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:4f9c76308371f5c48dbe88210df8cd3a23122756b9915faa3b4184a18c67e69c +size 26877 diff --git a/static/images/2024/10/new-wysiwyg.png b/static/images/2024/10/new-wysiwyg.png new file mode 100644 index 0000000..daf31ed --- /dev/null +++ b/static/images/2024/10/new-wysiwyg.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:918a43b048a1c566be449d9409158248b51d096614bca48957881fe24a5c1e7c +size 140564 diff --git a/static/images/2024/10/opensearch-firefox.png b/static/images/2024/10/opensearch-firefox.png new file mode 100644 index 0000000..b7ed004 --- /dev/null +++ b/static/images/2024/10/opensearch-firefox.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:9e73c243055979034d3eb326f96824f244b0e5bad5d00042b28ecb6868f5d0fc +size 28199 diff --git a/static/images/2024/10/r-and-sas-code.png b/static/images/2024/10/r-and-sas-code.png new file mode 100644 index 0000000..ba6eefa --- /dev/null +++ b/static/images/2024/10/r-and-sas-code.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:673a619462ccefbe37832af3dacd639eb5020827da7385cce3b174afaa78a280 +size 55821