Thinktecture.Blazor.WebShare 2.0.0

Suggested Alternatives

PatrickJahr.Blazor.WebShare

dotnet add package Thinktecture.Blazor.WebShare --version 2.0.0                
NuGet\Install-Package Thinktecture.Blazor.WebShare -Version 2.0.0                
This command is intended to be used within the Package Manager Console in Visual Studio, as it uses the NuGet module's version of Install-Package.
<PackageReference Include="Thinktecture.Blazor.WebShare" Version="2.0.0" />                
For projects that support PackageReference, copy this XML node into the project file to reference the package.
paket add Thinktecture.Blazor.WebShare --version 2.0.0                
#r "nuget: Thinktecture.Blazor.WebShare, 2.0.0"                
#r directive can be used in F# Interactive and Polyglot Notebooks. Copy this into the interactive tool or source code of the script to reference the package.
// Install Thinktecture.Blazor.WebShare as a Cake Addin
#addin nuget:?package=Thinktecture.Blazor.WebShare&version=2.0.0

// Install Thinktecture.Blazor.WebShare as a Cake Tool
#tool nuget:?package=Thinktecture.Blazor.WebShare&version=2.0.0                

Thinktecture.Blazor.WebShare

NuGet Downloads (official NuGet)

Introduction

A Blazor wrapper for the Web Share API.

The Web Share API allows you to share a text, title, URL, or files with another application installed on the user's system via the share functionality provided by the operating system.

Getting started

Prerequisites

You need .NET 7.0 or newer to use this library.

Download .NET 7

Platform support

Platform support for Web Share API

Installation

You can install the package via NuGet with the Package Manager in your IDE or alternatively using the command line:

dotnet add package Thinktecture.Blazor.WebShare

Usage

The package can be used in Blazor WebAssembly projects.

Add to service collection

To make the WebShareService available on all pages, register it at the IServiceCollection in Program.cs before the host is built:

builder.Services.AddWebShareService();

Checking for browser support

Before using the Web Share API, you should first test if the API is supported on the target platform by calling the IsSupportedAsync() method. This method returns a boolean to indicate whether the Web Share API is supported or not.

var isSupported = await webShareService.IsSupportedAsync();
if (isSupported)
{
    // enable share feature
}
else
{
    // use fallback mechanism or hide/disable feature
}

Internally, this method tests for the presence of the share() and canShare() methods on the navigator object of the target browser. Please note that the canShare() method and file sharing capability were added later during the specification process. Both methods are part of the W3C Candidate Recommendation and supported by all recent version of browsers that are shipping with support for this API, which is why we are testing for both. If you want to support legacy browsers that ship with support for share(), but not for sharing files and canShare(), please implement a custom check.

Checking for share support

Before trying to share data, you should first test if the browser supports sharing the particular data, as the browser may not support sharing certain file formats. The CanShareAsync() method returns a boolean value that determines if the data you want to share is actually supported. This method takes an argument of the type WebShareDataModel. This is an object that contains a Title, Text, Url, and Files. All properties are optional, but at least one property must be set.

var data = new WebShareDataModel
{
    Title = "Test 1",
    Text = "Lorem ipsum dolor...",
    Url = "https://thinktecture.com"
};
var canShare = await webShareService.CanShareAsync(data);
if (canShare)
{
    // call ShareAsync()
}
else
{
    // use fallback mechanism or hide/disable share feature
}

Please note that the CanShareAsync() method throws an exception if the canShare() JavaScript method is not present in the browser, so make sure that the browser supports the Web Share API first by calling IsSupportedAsync().

Sharing data

To share the data, call the ShareAsync() method and pass an instance of WebShareDataModel to it. Please note that this method may throw an exception in case the share() method is not supported by the target platform, the user agent does not support sharing the data, or the user denied sharing it (e.g., by dismissing the share sheet).

try
{
    var data = new WebShareDataModel
    {
        Title = "Test 1",
        Text = "Lorem ipsum dolor...",
        Url = "https://thinktecture.com"
    };
    await webShareService.ShareAsync(data);
}
catch (Exception ex)
{
    // method does not exist on target platform,
    // data not shareable or user denied sharing
}

Sharing files

Sharing files is supported via the Files property. It takes a list of IJSObjectReferences that point to JavaScript File objects.

The following JavaScript function generates a plain text file with foo as its content:

export function generateSampleFile() {
    const blob = new Blob(['foo'], { type: 'text/plain' });
    return new File([blob], 'text.txt', { type: blob.type });
}

In C#, the reference to this File object can be passed to the Files property as follows:

try
{
    var file = await _module.InvokeAsync<IJSObjectReference>("generateSampleFile");
    var data = new WebShareDataModel
    {
        Files = new [] { file }
    };
    await webShareService.ShareAsync(data);
}
catch (Exception ex)
{
    // method does not exist on target platform,
    // data not shareable or user denied sharing
}

Please note that ShareAsync() may throw an exception for the aforementioned reasons.

Acknowledgements

Thanks to Kristoffer Strube who provides a Blazor wrapper for the File System Access API. This library is inspired by Kristoffer's implementation and project setup.

License and Note

BSD-3-Clause.

This is a technical showcase, not an official Thinktecture product.

Product Compatible and additional computed target framework versions.
.NET net7.0 is compatible.  net7.0-android was computed.  net7.0-ios was computed.  net7.0-maccatalyst was computed.  net7.0-macos was computed.  net7.0-tvos was computed.  net7.0-windows was computed.  net8.0 was computed.  net8.0-android was computed.  net8.0-browser was computed.  net8.0-ios was computed.  net8.0-maccatalyst was computed.  net8.0-macos was computed.  net8.0-tvos was computed.  net8.0-windows was computed. 
Compatible target framework(s)
Included target framework(s) (in package)
Learn more about Target Frameworks and .NET Standard.

NuGet packages

This package is not used by any NuGet packages.

GitHub repositories (1)

Showing the top 1 popular GitHub repositories that depend on Thinktecture.Blazor.WebShare:

Repository Stars
sungaila/PDFtoImage
A .NET library to render PDF files into images.
Version Downloads Last updated
2.0.0 12,880 2/10/2023 2.0.0 is deprecated because it is no longer maintained.
1.0.2 434 9/23/2022
1.0.1 459 9/23/2022
1.0.0 403 9/22/2022