share-menu

• Added Bluesky
• Renamed Twitter to X (old Twitter share target is still exposed for backward compatibility, but it just re-exports the X share target)
• Documentation improvements and demo dependencies update

Tiny hotfix on a code example in the readme. If you have already installed the 5.0.0, don't worry about updating right away. There are no code changes between the two versions.

The component has been completely re-implemented from scratch to make it as modular and configurable as possible.

Breaking changes

• Now each target has its own web component that must be added as a child of the main share-menu component to be displayed. In this way, you can import only the targets that you need and exclude the rest from the bundle;
• The design of the menu has been updated and now matches the one from Android 14 on Pixel devices;
• Together with the design changes, there were a lot of markup changes too. For this reason, many properties were added or changed;
• Each custom property has now been prefixed with --sm- to avoid accidental conflicts when declaring CSS variables globally;
• Many many other changes. Please, check the updated readme for more information on how to use this new version of the menu.

BREAKING CHANGES:

• social-click event renamed to share
• Social icons package now only contains the SVG paths data, not the entire SVG
• browser field on package.json now points to the ESM version of the share menu, so that you can be sure that using a bare import specifier (i.e. import 'share-menu') you're going to get the module version instead of the IIFE version. To use the IIFE version, you will now need to import it explicitly (i.e. share-menu/share-menu.iife.js)

Other changes:

• Now the automatic setting of title, text, and url properties can be avoided by assigning them an empty string (e.g. <share-menu text=""></share-menu> will avoid using the description meta tag content as text default value)
• Added two new events: close and error
• TypeScript typings improvements
• Styling support via CSS shadow parts
• Huge socials SVGs optimizations
• Bundle size reduction thanks to some code refactoring and bundler configuration tweaks
• Various bug fixes and code style and performance improvements
• Finally added a decent test suite to (possibly) avoid bugs and regressions

This release provides a minified version for both module and IIFE version of the element to make it more easily usable in a non-bundler environment.

This release provides an IIFE (Immediately Invoked Function Expression) version of the element, so that it can be used even in a non-modules environment.

• Zero dependencies, as it has been rewritten as a vanilla Web Component
• A brand new UI for the fallback dialog, that has been reimplemented to be as similar as possible to the native one
• withoutBackdrop has been renamed to noBackdrop
• hideLabels has been removed
• Currently removed copy to clipboard fallback
• Removed facebookAppId. You will now have to manually include Facebook JS SDK

For the complete list of changes, please checkout the new documentation.

A lot of new socials have been implemented, the code has been refactored and improved and some new properties have been added to allow a further customization of the fallback menu.

The socials are also now sorted by their popularity, instead of being sorted alphabetically.

If you are using this component, please update to this version as soon as possible.
Otherwise, users with a browser compatible with the Web Share API wouldn't be able to share.