apache / apache/cordova-docs

Plugin badges on cordova.apache.org blocked by CSP

Open Beginner friendly
#1,503 0 comments 0 reactions 0 assignees View on GitHub
Dominant language
JavaScript
Stars
353
Forks
565
Avg merge
7h 15m
Merged PRs (30d)
5

Description

# Bug Report

## Problem

### What is expected to happen?

- shields.io and GitHub workflow badges for plugins should be displayed on cordova.apache.org like they are on the plugin readmes on GitHub, for example [cordova-plugin-inappbrowser/README.md](https://github.com/apache/cordova-plugin-inappbrowser/blob/master/README.md).

### What does actually happen?

- Badges are refused to load by Content security policy

## Information

Web developer console error logs:

```log
[Error] Refused to load https://img.shields.io/npm/v/cordova-plugin-inappbrowser/latest?label=Latest%20Release%20(npm) because it appears in neither the img-src directive nor the default-src directive of the Content Security Policy.
[Error] Refused to load https://img.shields.io/github/package-json/v/apache/cordova-plugin-inappbrowser?label=Development%20(Git) because it appears in neither the img-src directive nor the default-src directive of the Content Security Policy.
[Error] Refused to load https://github.com/apache/cordova-plugin-inappbrowser/actions/workflows/ci.yml/badge.svg?branch=master because it appears in neither the img-src directive nor the default-src directive of the Content Security Policy.
[Error] Refused to load https://github.com/apache/cordova-plugin-inappbrowser/actions/workflows/android.yml/badge.svg because it appears in neither the img-src directive nor the default-src directive of the Content Security Policy.
[Error] Refused to load https://github.com/apache/cordova-plugin-inappbrowser/actions/workflows/chrome.yml/badge.svg because it appears in neither the img-src directive nor the default-src directive of the Content Security Policy.
[Error] Refused to load https://github.com/apache/cordova-plugin-inappbrowser/actions/workflows/ios.yml/badge.svg because it appears in neither the img-src directive nor the default-src directive of the Content Security Policy.
[Error] Refused to load https://github.com/apache/cordova-plugin-inappbrowser/actions/workflows/lint.yml/badge.svg because it appears in neither the img-src directive nor the default-src directive of the Content Security Policy.
[Error] Refused to load https://github.com/apache/cordova-plugin-inappbrowser/actions/workflows/release-audit.yml/badge.svg?branch=master because it appears in neither the img-src directive nor the default-src directive of the Content Security Policy.
```

### Command or Code

### Environment, Platform, Device

### Version information

## Checklist

- [ ] I searched for existing GitHub issues
- [ ] I updated all Cordova tooling to most recent version
- [ ] I included all the necessary information above

Contributor guide

Open the contributing guide

Research direction

Reproduce the problem on cordova.apache.org and inspect the site's Content Security Policy configuration, using the browser console errors and the listed shields.io and GitHub badge URLs as the starting points. Update the relevant image-source policy so the plugin badges load, then verify the badges display without CSP errors.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript
Domain
documentation, security
Issue type
Bug
Difficulty
2/5
Estimated time
1-3 hours
Activity status
Quiet
Clarity
Mostly clear
Newbie friendliness
72/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.