Skip to content

dragnilar/EdgeExtensionsBlazor

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

91 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

EdgeExtensionsBlazor

This repo contains some Edge/Chromium Extensions that use Blazor (Web Assembly).

All of these extensions make extensive use of Blazor.BrowserExtension, and would not be possible otherwise. If you are interested in developing extensions using Blazor, I strongly encourage you to check it out.

Blazor New Tab

Blazor Edge New Tab Logo

This is a new tab page extension that is similar to the new tab page for Microsoft Edge.

  • Background image uses the Bing image of the day and updates along with Bing.
  • Allows you to view previous bing images of the day.
  • Creates quick links via a specified Book Mark folder. Unlike with Edge, you can have as many quick links as you want.*
  • Features app link menu for Microsoft 365. Some of the links are different than the one for Edge (I.E. Visual Studio and Azure).
  • Allows you to search using your default search engine.

*The bookmarks folder is defaulted to Edge Quick Links; you can change it in the settings menu

Note: The extension uses the same APIs that Microsoft uses for Bing via a proxy at allorigins.win (due to Bing using CORS). As a result, it may at times take a little bit of time for the image of the day to show up when the extension fires up for the first time on a particular day. Also, allorigins.win sometimes may be down due to issues on their side, which is beyond my control. I am looking into alternatives but for now this is a known issue.

Get Blazor New Tab from the Edge Add-Ons Website:

  • If you are using Microsoft Edge, simply visit the link below to install the latest public release of the extension (only available in US / English):
  • Blazor Edge New Tab - Edge Add Ons

How To Build:

  • This project has no external dependencies besides the ones Blazor/Asp.NET rely upon and one specific NuGet package for allowing Blazor to to run as a Browser Extension.
  • You can build it using either the Dot Net 5 SDK CLI, JetBrains Rider or Visual Studio 2019 (latest version; edition does not matter).
  • When you build the project, the output folder will contain a browserextension folder. This is the folder that you need to load for the unpacked extension via your extensions menu in Edge/Chromium

Basic Usage Instructions (For Blazor New Tab):

  1. Load the extension as you would any other standard unpacked extension

  2. Your new tab page should be replaced with one provided by the extension.

  3. The new tab page should load the bing image of the day, assuming allorigins.win and bing are available.

  4. The extension should display quick link tiles below the web search if you have a folder in your favorites named "Edge Quick Links". If you want to use a different folder to test, you can change the name of the default folder using the settings menu (click the gear button in the upper right hand corner of the new tab page to access).

  5. The web search should take you to your default search provider page (preferably Bing) if you type in text into the web search text box and hit enter or click the magnifying glass / search button.

  6. If you click the filter button on the web search text box, the new tab page should switch to filter mode and let you type in the name of a favorite. When you hit enter, your favorites / quick links will be filtered based on what you typed.

  7. If you delete all the text from the web search text box and hit enter again while in filter mode, it should clear the filter and bring back all available favorites.

  8. The co-pilot button on the search bar should navigate you to the Bing Co-Pilot / Bing Chat website where you can use Co-Pilot.

  9. The Waffle button in the upper left hand corner should display a drop down with links to various MS365 apps and services.

  10. The rewards button / badge in the upper right hand corner (to the right of the settings button) should take you to the MS Rewards site.