]> BookStack Code Mirror - website/commitdiff
Almost finished off v22.02 blogpost
authorDan Brown <redacted>
Fri, 25 Feb 2022 20:23:27 +0000 (20:23 +0000)
committerDan Brown <redacted>
Fri, 25 Feb 2022 20:23:27 +0000 (20:23 +0000)
- Added images/videos & proof-read.
- Just need to add translator listing before release.

content/blog/bookstack-release-v22-02.md
static/images/2022/02/api-user-endpoints.png [new file with mode: 0644]
static/images/2022/02/collapse-blocks-qa.png [new file with mode: 0644]
static/images/2022/02/collapsible-blocks.mp4 [new file with mode: 0644]
static/images/2022/02/editor-toolbar.png [new file with mode: 0644]
static/images/2022/02/editor-translations.png [new file with mode: 0644]
static/images/2022/02/recently-updated-enhancements.png [new file with mode: 0644]
static/images/2022/02/user-create-language.png [new file with mode: 0644]
static/images/2022/02/webhook-debug-help.png [new file with mode: 0644]

index 1fd163ec750128a6c9ca51687a2653381c1a44d1..ea3161a995b3bf60c78d9147dbc8b1995f96ea75 100644 (file)
@@ -10,7 +10,7 @@ draft = false
 +++
 
 Today we announce the first BookStack feature release of 2022.
-This brings updates and features to the WYSIWYG editor, user management API endpoints and much more. In this post we cover features added in this release
+This brings updates & features to the WYSIWYG editor, user management API endpoints and much more. In this post we cover features added in this release
 in addition to some notable changes in the v21.12 patch releases.
 
 * [Update instructions](https://www.bookstackapp.com/docs/admin/updates)
@@ -20,8 +20,8 @@ in addition to some notable changes in the v21.12 patch releases.
 **Upgrade Notices**
 
 - **PHP Requirements Change** - The minimum required version of PHP has changed from 7.3 to 7.4.
-- **Composer Requirements Change** - As of release v21.12.3 composer version 2.0 or greater is required. See our [v21.12.3 update notes](/docs/admin/updates/#updating-to-v21123-or-higher) for details of upgrading this.
-- **Security Releases** - During the last release cycle there was a security update. See the [v21.12.1 blog post](/blog/bookstack-release-v21-12-1/) for more detail.
+- **Composer Requirements Change** - As of release v21.12.3 composer version 2.0 or greater is required. See our [v21.12.3 update notes](/docs/admin/updates/#updating-to-v21123-or-higher) for details on upgrading this.
+- **Security Releases** - During this last release cycle there was a security update. See the [v21.12.1 blog post](/blog/bookstack-release-v21-12-1/) for more detail.
 
 ### WYSIWYG Editor Updates
 
@@ -30,13 +30,13 @@ The library used by BookStack, TinyMCE, has been updated to a much newer version
 
 In terms of usage, everything should remain familiar. The most apparent changes are to the toolbar:
 
-TODO - IMAGE OF TOOLBAR
+![New Editor Toolbar Styling](/images/2022/02/editor-toolbar.png)
 
-The styling and size of the buttons have changed to be a little more modern and easier to use. The positioning of some buttons has changed with lesser-used controls being placed behind overflow menus to keep the default toolbar focused & simple. Code formatting options have been moved out from the block formats dropdown to instead be inline & insert options. A new help "(?)" toolbar button has been added to show editor license information in addition providing a listing of available shortcuts.
+The styling and size of the buttons has changed to be a little more modern and easier to use. The location of some buttons have been moved, with lesser-used controls being placed behind overflow menus to keep the default toolbar focused & simple. Code formatting options have been moved out from the block formats dropdown to instead be inline & insert options. A new help "(?)" toolbar button has been added to show editor license information in addition providing a handy list of available shortcuts.
 
 For those using BookStack in a language other than English, the editor is now linked to our translation system meaning that, where language files have been updated, controls within the editor should now be in your preferred language:
 
-TODO - IMAGE OF EDITOR LANGUAGE
+![Example of editor controls in French](/images/2022/02/editor-translations.png)
 
 You'll probably notice other usability and speed improvements gained by the more modern underlying library, otherwise all existing features and abilities should remain the same.
 
@@ -44,28 +44,27 @@ Within this release cycle I did spend some time exploring alternative options bu
 
 ### Collapsible Content Block WYSIWYG Editor Support
 
-For the first time in while we've added a new content type to the WYSIWYG editor: The collapsible content block. These blocks allow the grouping of multiple other blocks of content into container that can be toggled by a viewer. 
+For the first time in while we've added a new content type to the WYSIWYG editor: The collapsible content block. These blocks allow the grouping of multiple other blocks of content into a container that can be toggled open by the reader. 
 
-TODO - IMAGE OF COLLAPSIBLE
+<video loading="lazy" controls="true" src="/images/2022/02/collapsible-blocks.mp4" muted></video>
 
 These blocks are open within the editor and closed when viewed on a page. They can be toggled closed within the editor for cleaner editing or previewing purposes. The label used on the toggle bar can be edited as desired. When page content is exported these sections are still represented although in an open state so that content is visible. 
 
 Behind the scenes these blocks use the HTML standard `<details>`/`<summary>` elements as described on [MDN here](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/details). Markdown users have been able to use these within BookStack, using the HTML representation, but the inclusion in the WYSIWYG editor helps align abilities. 
 
-The addition of these blocks adds some great potential use-cases to empower your documentation; From cleaning up large details sections or code-blocks, to being able to provide spoiler-free question and answer style content:
+The addition of these blocks adds some great potential use-cases to empower your documentation; From cleaning up large detailed sections or code-blocks, to being able to provide spoiler-free question and answer style content:
 
-TODO - Image of QA using collapisble blocks
+![Question and Answers using collapsible blocks](/images/2022/02/collapse-blocks-qa.png)
 
 
 ### User Management API Endpoints
 
 In this release the API receives another set of abilities. There are new endpoints for 
-user listing, creation, updating and deletion:
-
-TODO IMAGE OF ENDPOINTS
-
+user listing, creation, updating and deletion. 
 All of these actions require "Manage Users" role permissions by the API client user.
 
+![Preview of user API docs](/images/2022/02/api-user-endpoints.png)
+
 These new endpoints unlock a whole new avenue for automated and programmatic user management 
 in addition to allowing bulk operations to be script-able. Need to migrate thousands
 of users into BookStack? Now it's possible!
@@ -80,7 +79,7 @@ BookStack v21.12 added support for outgoing webhooks. In v.21.12.1 this system w
 - Webhook "Last Called" time, "Last Errored" time and "Last Error" messages are now recorded against the webhook and shown in the webhook edit page for easier debugging.
 - The HTTP webhook call timeout is now configurable per-webhook.
 
-TODO - IMAGE OF DEBUG INFO
+![Example of webhook debug details](/images/2022/02/webhook-debug-help.png)
 
 These changes should greatly improve the debugging process, if needed, when setting up webhooks while allowing them to be used in a much more reliable manner.
 
@@ -88,7 +87,7 @@ These changes should greatly improve the debugging process, if needed, when sett
 
 As of v21.12.4 you can now select a preferred language when creating a new user in the system:
 
-TODO - IMAGE OF SELECT CONTROL
+![New user language select control](/images/2022/02/user-create-language.png)
 
 Upon showing the correct language upon first login, this means that the new user can now receive the invitation email in the most suitable language, instead of it being based on the language of the admin creating the user, which was not very intuitive. 
 
@@ -111,14 +110,14 @@ was enhanced with some additional context-specific details:
 - Last update author and last update time are now shown.
 - The parent book/chapter chain are displayed for each item.
 
-TODO - IMAGE OF THIS  LIST
+![Preview of "Recently updated pages" list](/images/2022/02/recently-updated-enhancements.png)
 
 Special thanks to [@Julesdevops](https://github.com/BookStackApp/BookStack/pull/3177) for helping to evolve this area of the application.
 
 ### Translations
 
 As is common, our remarkable translators have continued their great work to keep the language strings up to date. 
-This release added a bulk-load of new terms, for use within the editor, so a particularly big thanks from me to those that have translated all those extra terms since inclusion. The contributors and updates made, since the initial v21.12 release, are as follows:
+This release added a bulk-load of new terms, for use within the editor, so a particularly big thanks from me to those that have translated all those extra terms since inclusion. The contributors and their updates made, since the initial v21.12 release, are as follows:
 
 TODO - ADD TRANSLATIONS
 
@@ -142,6 +141,7 @@ If you have any existing links or branch references, GitHub should redirect and/
 * Improved PDF export rendering of images within tables. ([#3190](https://github.com/BookStackApp/BookStack/issues/3190))
 * Fixed potential web console error message when loading the editor. ([#2461](https://github.com/BookStackApp/BookStack/issues/2461))
 * Fixed issue where OIDC token failures would not be shown to the user. ([#3264](https://github.com/BookStackApp/BookStack/issues/3264))
+* Fixed issue where the editor could jump-scroll to the top after format change on FireFox ([#2692](https://github.com/BookStackApp/BookStack/issues/2692))
 
 **Released in v21.12.1 through v21.12.5**
 
@@ -181,7 +181,7 @@ If you have any existing links or branch references, GitHub should redirect and/
 ### Next Steps
 
 This release was the first in working upon our "Editor Alignment & Review" [road-map](https://github.com/BookStackApp/BookStack#%EF%B8%8F-road-map) item. 
-For this next feature release I'll be looking to get deeper into this road-map item to align markdown/wysiwyg feature-sets and potential offer easier traversal between these editor options.
+For this next feature release I'll be looking to get deeper into this road-map item to align markdown & wysiwyg feature-sets and potentially offer easier traversal between these editor options.
 
 With the updates made to the WYSIWYG editor I think it's likely we'll have a flurry of patch releases to enhance features and patch issues that pop up from wider usage.
 
diff --git a/static/images/2022/02/api-user-endpoints.png b/static/images/2022/02/api-user-endpoints.png
new file mode 100644 (file)
index 0000000..09c09cf
--- /dev/null
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:73cc4b5b79defa720ecf1df9b258273e094871257139d48f23ad1839471ff189
+size 33975
diff --git a/static/images/2022/02/collapse-blocks-qa.png b/static/images/2022/02/collapse-blocks-qa.png
new file mode 100644 (file)
index 0000000..53b010d
--- /dev/null
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:45db82f614395eb6cf28abe7ba0f95e52e4112b776009cd6c0a1aeec6c47e4dd
+size 35046
diff --git a/static/images/2022/02/collapsible-blocks.mp4 b/static/images/2022/02/collapsible-blocks.mp4
new file mode 100644 (file)
index 0000000..345993a
--- /dev/null
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:6cfa42f22ec9db718102e4c33c75e132f044310e5cfbcee6f64301471d8569a5
+size 3088274
diff --git a/static/images/2022/02/editor-toolbar.png b/static/images/2022/02/editor-toolbar.png
new file mode 100644 (file)
index 0000000..5cb791a
--- /dev/null
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:d5d9b2a3e950233f94c629330f5e917a4428091c4cf8f7eaaf195d779310dc05
+size 5961
diff --git a/static/images/2022/02/editor-translations.png b/static/images/2022/02/editor-translations.png
new file mode 100644 (file)
index 0000000..4a87f81
--- /dev/null
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:f96aabddb3d735819eab416d8a07d85c69de63123d89d193b7b07e6b549c6c4b
+size 24992
diff --git a/static/images/2022/02/recently-updated-enhancements.png b/static/images/2022/02/recently-updated-enhancements.png
new file mode 100644 (file)
index 0000000..2393b12
--- /dev/null
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:e227d71e9ad7d6fe8430c901e630f7a466d683db9b98d626e14c252537ee6095
+size 32442
diff --git a/static/images/2022/02/user-create-language.png b/static/images/2022/02/user-create-language.png
new file mode 100644 (file)
index 0000000..a1aaca8
--- /dev/null
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:d57b6e33ebf2ea4aca6d35cc4ffd16fc1da498031be1cf38b2c60c4a82ef0e4b
+size 18698
diff --git a/static/images/2022/02/webhook-debug-help.png b/static/images/2022/02/webhook-debug-help.png
new file mode 100644 (file)
index 0000000..5ec5ac3
--- /dev/null
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:b08f547e052428ba454d4cb6f76cad7b5d0261760f0a850d2f3672755d96d386
+size 17609