Apostrophe 4.6.0 New locale switcher, improved accessibility and fixes

[BoDonkey]

Salutations Apostrophe Universe!

As the excitement of the Summer Olympics fills the airwaves and our screens, we’re channeling that competitive spirit into crafting the best updates for your ApostropheCMS experience. In fact, during a recent engineering meeting, the roar of the crowd was audible in the background of one of our French team members' calls! Just like the athletes competing at their peak, our team has been hard at work to bring you the latest features and enhancements. This release has improvements to streamline your workflow, enhance accessibility, and make content management more robust. Dive in and discover the gold-medal-worthy changes we've made!

release-4.6.0-final_final_FINAL.mov

New inline locale switcher

This cycle, we improved the workflow for adding content to multiple locales with the new inline locale switcher. This feature allows the content creator to modify a document in one locale and then quickly edit the localized version without closing the document, changing locales, and re-opening the document in the new locale for editing. You can read more about it in the documentation.

Accessibility improvements

While we love releasing new features, we also recognize that existing features can be polished to improve the development and content management workflow. Our in-context editor is now fully keyboard accessible with improvements to tab indexing, intuitive tab ordering, improved visual focus states, and keyboard control of dialog menus. The rich-text widget got both some polish and fixes for handling links and keyboard navigation. In another slight improvement to polish, community member Gurav Kumar contributed to an issue opened by another community member for adding a tooltip to the "Publication" button. Thanks!

Fixes

Over the past cycle, we saw problems stemming from how video hosting sites like Vimeo and YouTube handled their embedding links. Both sites have recently made changes that made it more difficult for Apostrophe to embed video. Basically, in the past they made it easier for us to automatically detect how they would like us to embed their videos. Now, they prefer that we use certain well-known endpoints for this purpose. So we’ve made that change.

One notable bug that was brought to our attention by several developers in our Discord support channel was that the ability to override the core editorModal Vue components using the module-level components option didn't work as expected in some cases. This has been fixed, and now you can add your own custom modals for content management.

For those devs that actively improve the Admin UI, we have a treat for you in this release. We changed the webpack build to produce better source maps that will help you pinpoint and squash any nasty bugs a little easier! You can read more in the change logs below and the documentation.

Translation improvements and a community request

As part of our ongoing efforts to polish our admin UI, we are ensuring that all strings across our extensions are translated from English into our six main languages: French, German, Spanish, Italian, Portuguese, and Slovak. To accelerate progress on this significant effort, we have used ChatGPT to provide initial translations. While we've been happy with the results, we acknowledge that large language models can make mistakes. That’s why we call on all multilingual members of our dev community for a bit of help. If you can contribute to this effort, check out the #translations channel in Discord for more information.

Check out the release notes below for additional fixes and improvements. Remember npm update gets you the latest and greatest right in your project!

Apostrophe 4.6.0

Adds

• Add a locale switcher in pieces and pages editor modals. This is available for localized content types only, and allows you to switch between locales for the same document.
  Note that to prevent confusion, once you switch locales in this way, you can’t do so again while stacking dialog box upon dialog box to create relationships.
• Adds visual focus states and keyboard handlers for engaging with areas and widgets in-context.

Changes

• Add title and _url to select all projection.
• Display Select all message on all pages in the manager modal.
• Refresh checked in manager modal after archive action.
• Update @apostrophecms/emulate-mongo-3-driver dependency to keep supporting [email protected] queries while using [email protected].
• Updates rich text link tool's keyboard key detection strategy.
• Buttons that appear on slats (preview, edit crop/relationship, remove) are visually focusable and keyboard accessible.
• Added tooltip for update button. Thanks to gkumar9891 for this addition.

Fixes

• Fixes the rich text link tool's detection and display of the Remove Link button for removing existing links
• Fixes the rich text link tool's detection and display of Apostrophe Page relationship field.
• Overriding standard Vue.js components with editorModal and managerModal now works 100% of the time.
• Accommodate old-style replica set URIs with comma-separated servers by passing any MongoDB URIs that Node.js cannot parse directly to the MongoDB driver, and avoiding unnecessary parsing of the URI in general.
• Bump oembetter dependency to guarantee compatibility with YouTube. YouTube recently deployed broken link rel="undefined" tags on some of their video pages.
• It is now possible to see the right filename and line number when debugging the admin UI build in the browser. This is automatically disabled when @apostrophecms/security-headers is installed, because its defaults are incompatible by design.

Apostrophe 3.67.2

Changes

• Update @apostrophecms/emulate-mongo-3-driver dependency to keep supporting [email protected] queries while using [email protected].

Fixes

• Bump oembetter dependency to guarantee compatibility with YouTube. YouTube recently deployed broken link rel="undefined" tags on some of their video pages.

3.67.1 (2024-07-10)

Changes

• Update @apostrophecms/emulate-mongo-3-driver dependency to keep supporting [email protected] queries while using [email protected].

Apostrophe 2.227.8

Changes

• Update emulate-mongo-2-driver dependency to keep supporting [email protected] queries while using [email protected].

Fixes

• Minimum version of oembetter bumped to ensure support for all YouTube and Vimeo videos that permit embedding.

Apostrophe modules

@apostrophecms/form 1.4.1

Allow ApostropheCMS editors to build their own forms. They can then place any form in one or more content areas across the website.

Fixes

• Fixes file upload without limitSize. Previously it was returning Unknown form field error.

@apostrophecms/import-export 2.3.0

This module enables import and export of pages and pieces, with or without related documents such as files, images and other related types.

Adds

• Add a scrollbar to the duplicate import modal to handle too many duplicates, and fixed the "Type" column to display the correct document type. Thanks to (Borel Kuomo)(https://github.com/borelkoumo) for this contribution.

@apostrophecms/seo 1.2.2

Add useful meta fields to all pages and pieces.

Changes

• Corrected inaccurate information about enabling the module for piece types.
  It is enabled by default and can be expressly disabled via seoFields: false.
• Edits package description.

@apostrophecms/sitemap 1.0.3

The Apostrophe Sitemap module generates XML sitemaps for websites powered by ApostropheCMS. The sitemap includes all of the pages on your site that are visible to the public, including "piece" content, such as events and blog posts.

Changes

• Edits README and package description. No code changes.
• Fix module configuration example in README.

Pro modules

@apostrophecms-pro/cypress-tools 1.0.0-beta.14

Automated functional browser tests are an important part of quality assurance for enterprise websites and web applications. Cypress is an industry-standard, open-source library for carrying out automated functional browser tests. This module provides a collection of conveniences for testing ApostropheCMS sites and applications within Cypress. Contact us or visit our new pricing page to learn more.

Adds

• Adds getRelationshipPagesModal command make easier getting the relationship pages modal when the pages modal is open.
• Adds some selectors for locale switcher.

Changes

• Updates intercepts to allow query strings since aposLocale is passed to every http request.
• Updates one i18n selector.
• useAction waits for .apos-is-busy to disappear.
• Do not chain multiple actions in useRemoveInlineArrayItem, useWidgetFocus & findInlineArrayItem.

@apostrophecms-pro/multisite 4.2.1

This module lets you have many ApostropheCMS websites running on a single codebase in a single Node.js process. Each has its own database, users, media uploads, etc. Sites can be created and managed via a dashboard site. Explore our documentation to discover how this extension can enhance your project. For further details or inquiries, feel free to contact us or visit our pricing page.

Changes

• Bump @apostrophecms/emulate-mongo-3-driver dependency to keep supporting [email protected] queries while using [email protected].

Utilities

oembetter 1.1.4 (2024-08-07)

oembetter is a modern oembed client which allows you to add filters that provide or improve oembed support for services that either don't have it or don't do it very well.

Changes

• Hardcode the well-known YouTube oembed endpoint. While YouTube still does output oembed metadata, today many users saw broken videos due to broken canonical tags on YouTube pages (link rel="undefined"), which hampered discovery. Also this heavily used service will benefit from one less request per video.