Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/cssnr/asn-plus

Aviation Safety Network Plus Web Extension
https://github.com/cssnr/asn-plus

aviation browser-extension chrome-extension firefox-addon firefox-extension

Last synced: 2 days ago
JSON representation

Aviation Safety Network Plus Web Extension

Awesome Lists containing this project

README 

        
[![Chrome Web Store Users](https://img.shields.io/chrome-web-store/users/phcbcnpmcbkcnijkpfohkdmcofcofibh?logo=google&logoColor=white&label=users)](https://chromewebstore.google.com/detail/asn-plus/phcbcnpmcbkcnijkpfohkdmcofcofibh)

[![Mozilla Add-on Users](https://img.shields.io/amo/users/asn-plus?logo=mozilla&logoColor=white&label=users)](https://addons.mozilla.org/addon/asn-plus)

[![Chrome Web Store Version](https://img.shields.io/chrome-web-store/v/phcbcnpmcbkcnijkpfohkdmcofcofibh?label=chrome&logo=googlechrome)](https://chromewebstore.google.com/detail/asn-plus/phcbcnpmcbkcnijkpfohkdmcofcofibh)

[![Mozilla Add-on Version](https://img.shields.io/amo/v/asn-plus?label=firefox&logo=firefox)](https://addons.mozilla.org/addon/asn-plus)

[![GitHub Release Version](https://img.shields.io/github/v/release/cssnr/asn-plus?logo=github&logoColor=white)](https://github.com/cssnr/asn-plus/releases/latest)

[![Build](https://img.shields.io/github/actions/workflow/status/cssnr/asn-plus/build.yaml?logo=github&logoColor=white&label=build)](https://github.com/cssnr/asn-plus/actions/workflows/build.yaml)

[![Test](https://img.shields.io/github/actions/workflow/status/cssnr/asn-plus/test.yaml?logo=github&logoColor=white&label=test)](https://github.com/cssnr/asn-plus/actions/workflows/test.yaml)

[![Quality Gate Status](https://sonarcloud.io/api/project_badges/measure?project=cssnr_asn-plus&metric=alert_status)](https://sonarcloud.io/summary/new_code?id=cssnr_asn-plus)

[![GitHub Last Commit](https://img.shields.io/github/last-commit/cssnr/asn-plus?logo=github&logoColor=white&label=updated)](https://github.com/cssnr/asn-plus/graphs/commit-activity)

[![GitHub Top Language](https://img.shields.io/github/languages/top/cssnr/asn-plus?logo=htmx&logoColor=white)](https://github.com/cssnr/asn-plus)

[![GitHub Org Stars](https://img.shields.io/github/stars/cssnr?style=flat&logo=github&logoColor=white)](https://cssnr.github.io/)

[![Discord](https://img.shields.io/discord/899171661457293343?logo=discord&logoColor=white&label=discord&color=7289da)](https://discord.gg/wXy6m2X8wY)

# ASN Plus



Modern [Chrome](https://chromewebstore.google.com/detail/asn-plus/phcbcnpmcbkcnijkpfohkdmcofcofibh)

Web Extension and [Firefox](https://addons.mozilla.org/addon/asn-plus)

Browser Addon for [The Aviation Safety Network](https://asn.flightsafety.org/)

to enable dark mode **plus** add additional features.



*   [Install](#install)

*   [Features](#features)

    -   [Upcoming Features](#Upcoming-Features)

*   [Frequently Asked Questions](#frequently-asked-questions)

*   [Known Issues](#known-issues)

*   [Configuration](#configuration)

*   [Support](#support)

*   [Development](#development)

    -   [Building](#building)

*   [Contributing](#Contributing)



## Install



*   [Google Chrome Web Store](https://chromewebstore.google.com/detail/asn-plus/phcbcnpmcbkcnijkpfohkdmcofcofibh)

*   [Mozilla Firefox Add-ons](https://addons.mozilla.org/addon/asn-plus)



[![Chrome](https://raw.githubusercontent.com/smashedr/logo-icons/master/browsers/chrome_48.png)](https://chromewebstore.google.com/detail/asn-plus/phcbcnpmcbkcnijkpfohkdmcofcofibh)

[![Firefox](https://raw.githubusercontent.com/smashedr/logo-icons/master/browsers/firefox_48.png)](https://addons.mozilla.org/addon/asn-plus)

[![Edge](https://raw.githubusercontent.com/smashedr/logo-icons/master/browsers/edge_48.png)](https://chromewebstore.google.com/detail/asn-plus/phcbcnpmcbkcnijkpfohkdmcofcofibh)

[![Chromium](https://raw.githubusercontent.com/smashedr/logo-icons/master/browsers/chromium_48.png)](https://chromewebstore.google.com/detail/asn-plus/phcbcnpmcbkcnijkpfohkdmcofcofibh)

[![Brave](https://raw.githubusercontent.com/smashedr/logo-icons/master/browsers/brave_48.png)](https://chromewebstore.google.com/detail/asn-plus/phcbcnpmcbkcnijkpfohkdmcofcofibh)

[![Vivaldi](https://raw.githubusercontent.com/smashedr/logo-icons/master/browsers/vivaldi_48.png)](https://chromewebstore.google.com/detail/asn-plus/phcbcnpmcbkcnijkpfohkdmcofcofibh)

[![Opera](https://raw.githubusercontent.com/smashedr/logo-icons/master/browsers/opera_48.png)](https://chromewebstore.google.com/detail/asn-plus/phcbcnpmcbkcnijkpfohkdmcofcofibh)



All **Chromium** Based Browsers can install the extension from the

[Chrome Web Store](https://chromewebstore.google.com/detail/asn-plus/phcbcnpmcbkcnijkpfohkdmcofcofibh).



## Features



*   Enable Dark Mode

*   Highlight Rows with Fatalities

*   Add Additional Links to Entries

*   Expand Images from Sources

*   Hide Wiki Warnings on Entries

*   Update Main Navigation Links

*   Hide Site Header Image

*   Add Keyboard Shortcuts for Navigation

*   Easily Play Narrative as Text to Speech

*   Search Registration/Operator from Selection Text

*   Search Registration/Operator from Popup Action

*   Auto Fill New Incidents for US and Canada Registration



### Upcoming Features



*   Infinite Scroll when Browsing Incidents



> [!TIP]

> **Don't see your feature here?**

> Request one on the [Feature Request Discussion](https://github.com/cssnr/asn-plus/discussions/categories/feature-requests).



## Frequently Asked Questions



Nobody has asked any...



> [!TIP]

> **Don't see your question here?**

> Ask one on the [Q&A Discussion](https://github.com/cssnr/asn-plus/discussions/categories/q-a).



## Known Issues



*   Disabling some features requires a page reload before they will take effect.



> [!TIP]

> **Don't see your issue here?**

> Open one on the [Issues](https://github.com/cssnr/asn-plus/issues).



## Configuration



You can pin the Addon by clicking the `Puzzle Piece`, find the Web Extension icon, then;  

**Chrome**, click the `Pin` icon.  

**Firefox**, click the `Settings Wheel` and `Pin to Toolbar`.



To open the options, click on the icon (from above) then click `Open Options`.



You may also access the Options and Home page from a Right Click if Enabled in Options.



## Support



For help using the web extension, utilize any these resources:



- Documentation: https://asn-plus.cssnr.com/docs/

- Q&A Discussion: https://github.com/cssnr/asn-plus/discussions/categories/q-a

- Request a Feature: https://github.com/cssnr/asn-plus/discussions/categories/feature-requests



If you are experiencing an issue/bug or getting unexpected results, use:



- Report an Issue: https://github.com/cssnr/asn-plus/issues

- Chat with us on Discord: https://discord.gg/wXy6m2X8wY

- Provide General Feedback: [https://cssnr.github.io/feedback/](https://cssnr.github.io/feedback/?app=ASN%20Plus)



Logs can be found inspecting the page (Ctrl+Shift+I), clicking on the Console, and;

Firefox: toggling Debug logs, Chrome: toggling Verbose from levels dropdown.



To support this project, see the [Contributing](#Contributing) section at the bottom.



# Development



**Quick Start**



First, clone (or download) this repository and change into the directory.



Second, install the dependencies:

```shell

npm install

```



Finally, to run Chrome or Firefox with web-ext, run one of the following:

```shell

npm run chrome

npm run firefox

```



Additionally, to Load Unpacked/Temporary Add-on make a `manifest.json` and run from the [src](src) folder, run one of the following:

```shell

npm run manifest:chrome

npm run manifest:firefox

```



Chrome: [https://developer.chrome.com/docs/extensions/get-started/tutorial/hello-world#load-unpacked](https://developer.chrome.com/docs/extensions/get-started/tutorial/hello-world#load-unpacked)  

Firefox: [https://extensionworkshop.com/documentation/develop/temporary-installation-in-firefox/](https://extensionworkshop.com/documentation/develop/temporary-installation-in-firefox/)



For more information on web-ext, [read this documentation](https://extensionworkshop.com/documentation/develop/web-ext-command-reference/).  

To pass additional arguments to an `npm run` command, use `--`.  

Example: `npm run chrome -- --chromium-binary=...`



## Building



Install the requirements and copy libraries into the `src/dist` directory by running `npm install`.

See [gulpfile.js](gulpfile.js) for more information on `postinstall`.

```shell

npm install

```



To create a `.zip` archive of the [src](src) directory for the desired browser run one of the following:

```shell

npm run build

npm run build:chrome

npm run build:firefox

```



For more information on building, see the scripts section in the [package.json](package.json) file.



### Chrome Setup



1.  Build or Download a [Release](https://github.com/cssnr/asn-plus/releases).

1.  Unzip the archive, place the folder where it must remain and note its location for later.

1.  Open Chrome, click the `3 dots` in the top right, click `Extensions`, click `Manage Extensions`.

1.  In the top right, click `Developer Mode` then on the top left click `Load unpacked`.

1.  Navigate to the folder you extracted in step #3 then click `Select Folder`.



### Firefox Setup



1.  Build or Download a [Release](https://github.com/cssnr/asn-plus/releases).

1.  Unzip the archive, place the folder where it must remain and note its location for later.

1.  Go to `about:debugging#/runtime/this-firefox` and click `Load Temporary Add-on...`

1.  Navigate to the folder you extracted earlier, select `manifest.json` then click `Select File`.

1.  Open `about:config` search for `extensions.webextensions.keepStorageOnUninstall` and set to `true`.



If you need to test a restart, you must pack the addon. This only works in ESR, Development, or Nightly.

You may also use an Unbranded Build: [https://wiki.mozilla.org/Add-ons/Extension_Signing#Unbranded_Builds](https://wiki.mozilla.org/Add-ons/Extension_Signing#Unbranded_Builds)



1.  Run `npm run build:firefox` then use `web-ext-artifacts/{name}-firefox-{version}.zip`.

1.  Open `about:config` search for `xpinstall.signatures.required` and set to `false`.

1.  Open `about:addons` and drag the zip file to the page or choose Install from File from the Settings wheel.



# Contributing



Currently, the best way to contribute to this project is to give a 5-star rating on

[Google](https://chromewebstore.google.com/detail/asn-plus/phcbcnpmcbkcnijkpfohkdmcofcofibh) or

[Mozilla](https://addons.mozilla.org/addon/asn-plus) and to star this project on GitHub.



Other Web Extensions I have created and published:



- [Link Extractor](https://github.com/cssnr/link-extractor)

- [Open Links in New Tab](https://github.com/cssnr/open-links-in-new-tab)

- [Auto Auth](https://github.com/cssnr/auto-auth)

- [Cache Cleaner](https://github.com/cssnr/cache-cleaner)

- [HLS Video Downloader](https://github.com/cssnr/hls-video-downloader)

- [SMWC Web Extension](https://github.com/cssnr/smwc-web-extension)

- [PlayDrift Extension](https://github.com/cssnr/playdrift-extension)

- [ASN Plus](https://github.com/cssnr/asn-plus)

- [Aviation Tools](https://github.com/cssnr/aviation-tools)

- [Text Formatter](https://github.com/cssnr/text-formatter)



For a full list of current projects visit: [https://cssnr.github.io/](https://cssnr.github.io/)