Initial commit.
This commit is contained in:
commit
47ba513810
GPG key ID:
1BE5172E637709C2
2 changed files with 245 additions and 0 deletions
85
.gitignore
vendored
Normal file
85
.gitignore
vendored
Normal file
|
|
@ -0,0 +1,85 @@
|
||||||
|
|
||||||
|
# Created by https://www.gitignore.io/api/images,git
|
||||||
|
# Edit at https://www.gitignore.io/?templates=images,git
|
||||||
|
|
||||||
|
### Git ###
|
||||||
|
# Created by git for backups. To disable backups in Git:
|
||||||
|
# $ git config --global mergetool.keepBackup false
|
||||||
|
*.orig
|
||||||
|
|
||||||
|
# Created by git when using merge tools for conflicts
|
||||||
|
*.BACKUP.*
|
||||||
|
*.BASE.*
|
||||||
|
*.LOCAL.*
|
||||||
|
*.REMOTE.*
|
||||||
|
*_BACKUP_*.txt
|
||||||
|
*_BASE_*.txt
|
||||||
|
*_LOCAL_*.txt
|
||||||
|
*_REMOTE_*.txt
|
||||||
|
|
||||||
|
### Images ###
|
||||||
|
# JPEG
|
||||||
|
*.jpg
|
||||||
|
*.jpeg
|
||||||
|
*.jpe
|
||||||
|
*.jif
|
||||||
|
*.jfif
|
||||||
|
*.jfi
|
||||||
|
|
||||||
|
# JPEG 2000
|
||||||
|
*.jp2
|
||||||
|
*.j2k
|
||||||
|
*.jpf
|
||||||
|
*.jpx
|
||||||
|
*.jpm
|
||||||
|
*.mj2
|
||||||
|
|
||||||
|
# JPEG XR
|
||||||
|
*.jxr
|
||||||
|
*.hdp
|
||||||
|
*.wdp
|
||||||
|
|
||||||
|
# Graphics Interchange Format
|
||||||
|
*.gif
|
||||||
|
|
||||||
|
# RAW
|
||||||
|
*.raw
|
||||||
|
|
||||||
|
# Web P
|
||||||
|
*.webp
|
||||||
|
|
||||||
|
# Portable Network Graphics
|
||||||
|
*.png
|
||||||
|
|
||||||
|
# Animated Portable Network Graphics
|
||||||
|
*.apng
|
||||||
|
|
||||||
|
# Multiple-image Network Graphics
|
||||||
|
*.mng
|
||||||
|
|
||||||
|
# Tagged Image File Format
|
||||||
|
*.tiff
|
||||||
|
*.tif
|
||||||
|
|
||||||
|
# Scalable Vector Graphics
|
||||||
|
*.svg
|
||||||
|
*.svgz
|
||||||
|
|
||||||
|
# Portable Document Format
|
||||||
|
*.pdf
|
||||||
|
|
||||||
|
# X BitMap
|
||||||
|
*.xbm
|
||||||
|
|
||||||
|
# BMP
|
||||||
|
*.bmp
|
||||||
|
*.dib
|
||||||
|
|
||||||
|
# ICO
|
||||||
|
*.ico
|
||||||
|
|
||||||
|
# 3D Images
|
||||||
|
*.3dm
|
||||||
|
*.max
|
||||||
|
|
||||||
|
# End of https://www.gitignore.io/api/images,git
|
||||||
160
url-diff.sh
Executable file
160
url-diff.sh
Executable file
|
|
@ -0,0 +1,160 @@
|
||||||
|
#!/usr/bin/env bash
|
||||||
|
|
||||||
|
loc_storage="${HOME}/.config/url-diff";
|
||||||
|
if [[ ! -z "${URLDIFF_STORAGE_DIR}" ]]; then loc_storage="${URLDIFF_STORAGE_DIR}"; fi
|
||||||
|
|
||||||
|
loc_firefox_profile="${loc_storage}/firefox-profile";
|
||||||
|
loc_prev_images="${loc_storage}/previous-images";
|
||||||
|
|
||||||
|
highlight_colour="#ff000044";
|
||||||
|
if [[ ! -z "${URLDIFF_HIGHLIGHT_COLOUR}" ]]; then highlight_colour="${URLDIFF_HIGHLIGHT_COLOUR}"; fi
|
||||||
|
|
||||||
|
quiet="false";
|
||||||
|
if [[ ! -z "${URLDIFF_QUIET}" ]]; then quiet="${URLDIFF_QUIET}"; fi
|
||||||
|
|
||||||
|
window_width="${URLDIFF_WINDOW_WIDTH}";
|
||||||
|
|
||||||
|
change_threshold="2";
|
||||||
|
if [[ ! -z "${URLDIFF_CHANGE_THRESHOLD}" ]]; then change_threshold="${URLDIFF_CHANGE_THRESHOLD}"; fi
|
||||||
|
|
||||||
|
###############################################################################
|
||||||
|
|
||||||
|
log_msg() {
|
||||||
|
if [[ "${quiet}" == "true" ]]; then
|
||||||
|
return 0;
|
||||||
|
fi
|
||||||
|
echo "[${SECONDS}] $*";
|
||||||
|
}
|
||||||
|
|
||||||
|
# $1 Image to process
|
||||||
|
# $2 Colour to find
|
||||||
|
calculate_percentage_colour() {
|
||||||
|
loc_image="${1}";
|
||||||
|
colour="${2}";
|
||||||
|
|
||||||
|
if [[ -z "${colour}" ]]; then
|
||||||
|
log_msg "calculate_percentage_colour/Error: No colour specified." >&2;
|
||||||
|
return 1;
|
||||||
|
fi
|
||||||
|
|
||||||
|
image_width="$(identify -format "%[fx:w]" "${loc_image}" )";
|
||||||
|
image_height="$(identify -format "%[fx:h]" "${loc_image}")";
|
||||||
|
pixel_count_colour="$(convert "${loc_image}" -fill black +opaque "${colour}" -fill white -opaque "${colour}" -format "%[fx:w*h*mean]" info:)";
|
||||||
|
|
||||||
|
echo "(${pixel_count_colour} / (${image_width}*${image_height})) * 100" | bc -l
|
||||||
|
}
|
||||||
|
|
||||||
|
###############################################################################
|
||||||
|
|
||||||
|
mode="${1}";
|
||||||
|
shift;
|
||||||
|
|
||||||
|
if [[ -z "${mode}" ]]; then
|
||||||
|
echo -e "Webpage visual diff checker
|
||||||
|
By Starbeamrainbowlabs
|
||||||
|
|
||||||
|
Usage:
|
||||||
|
webpage-diff {subcommand} [{arguments}]
|
||||||
|
|
||||||
|
Subcommands:
|
||||||
|
check {url} {output_diff_image} [{output_apng}]
|
||||||
|
Checks the given URL for differences, and saves a diff image to a
|
||||||
|
specified location. Exits with code 0 if differences are found, or code
|
||||||
|
1 if no differences are found.
|
||||||
|
Optionally generates an animated PNG that alternates between the 2 screenshots.
|
||||||
|
|
||||||
|
Environment Variables:
|
||||||
|
Variable Default variable
|
||||||
|
----------------------------------------------------------------------
|
||||||
|
URLDIFF_STORAGE_DIR ~/.config/url-diff
|
||||||
|
The directory in which previous images are stored to diff against.
|
||||||
|
The firefox profile is also stored in here.
|
||||||
|
|
||||||
|
URLDIFF_HIGHLIGHT_COLOUR #ffffffcc
|
||||||
|
The colour to highlight any changes in.
|
||||||
|
|
||||||
|
URLDIFF_WINDOW_WIDTH
|
||||||
|
The window width to tell firefox to screenshot with.
|
||||||
|
|
||||||
|
URLDIFF_CHANGE_THRESHOLD 2
|
||||||
|
The percentage of the screenshot that should have changed for it to count.
|
||||||
|
Allows for ignoring random minor rendering artifacts.
|
||||||
|
" >&2;
|
||||||
|
fi
|
||||||
|
|
||||||
|
# Create the config directories
|
||||||
|
mkdir -p "${loc_firefox_profile}";
|
||||||
|
mkdir -p "${loc_prev_images}";
|
||||||
|
|
||||||
|
|
||||||
|
case "${mode}" in
|
||||||
|
check )
|
||||||
|
url="${1}";
|
||||||
|
url_hash="$(echo "${url}" | sha256sum | cut -d ' ' -f 1)";
|
||||||
|
loc_output_diffimage="${2}";
|
||||||
|
loc_output_apng="${3}";
|
||||||
|
|
||||||
|
tmpdir="$(mktemp -d)";
|
||||||
|
on_exit() {
|
||||||
|
rm -rf "${tmpdir}";
|
||||||
|
}
|
||||||
|
trap on_exit EXIT;
|
||||||
|
|
||||||
|
loc_img_old="${loc_prev_images}/${url_hash}.png";
|
||||||
|
loc_img_new="${tmpdir}/new.png";
|
||||||
|
|
||||||
|
if [[ ! -d "$(dirname "${loc_output_diffimage}")" ]]; then
|
||||||
|
echo "Error: Output directory for diff image does not exist";
|
||||||
|
exit 2;
|
||||||
|
fi
|
||||||
|
|
||||||
|
log_msg "Taking screenshot";
|
||||||
|
log_msg "$(firefox --window-size "${window_width}" --profile "${loc_firefox_profile}" --headless --screenshot "${loc_img_new}" "${url}" 2>&1)";
|
||||||
|
|
||||||
|
if [[ ! -f "${loc_img_old}" ]]; then
|
||||||
|
log_msg "No image exists yet, storing initial snapshot";
|
||||||
|
mv "${loc_img_new}" "${loc_img_old}";
|
||||||
|
exit 1;
|
||||||
|
fi
|
||||||
|
# eog "${loc_img_old}";
|
||||||
|
# eog "${loc_img_new}";
|
||||||
|
|
||||||
|
# img_hash_old="$(identify -quiet -format "%#" "${loc_img_old}")";
|
||||||
|
# img_hash_new="$(identify -quiet -format "%#" "${loc_img_new}")";
|
||||||
|
|
||||||
|
# Generate the diff image
|
||||||
|
compare "${loc_img_old}" "${loc_img_new}" -compose src -highlight-color "${highlight_colour}" "${tmpdir}/diff.png";
|
||||||
|
convert "${tmpdir}/diff.png" -transparent "#ffffffcc" "${tmpdir}/transp.png";
|
||||||
|
|
||||||
|
# Work out how much of the image has changed
|
||||||
|
percentage_changed="$(calculate_percentage_colour "${tmpdir}/transp.png" "${highlight_colour}")";
|
||||||
|
|
||||||
|
log_msg "Changed: ${percentage_changed}%";
|
||||||
|
|
||||||
|
# if [[ "${img_hash_new}" == "${img_hash_old}" ]]; then
|
||||||
|
if [[ "$(echo "${percentage_changed} > ${change_threshold}" | bc -l)" -eq 0 ]]; then
|
||||||
|
log_msg "No changes detected.";
|
||||||
|
exit 1;
|
||||||
|
fi
|
||||||
|
|
||||||
|
log_msg "Changes detected, outputting diff image.";
|
||||||
|
convert "${loc_img_new}" "${tmpdir}/transp.png" -compose over -composite "${loc_output_diffimage}";
|
||||||
|
|
||||||
|
if which optipng >/dev/null 2>&1; then
|
||||||
|
log_msg "Optimising new image";
|
||||||
|
optipng "${loc_img_new}";
|
||||||
|
fi
|
||||||
|
|
||||||
|
|
||||||
|
if [[ ! -z "${loc_output_apng}" ]]; then
|
||||||
|
log_msg "Making animated PNG";
|
||||||
|
cp "${loc_img_old}" "${tmpdir}/0.png";
|
||||||
|
cp "${loc_img_new}" "${tmpdir}/1.png";
|
||||||
|
ffmpeg -hide_banner -r 1 -i "${tmpdir}/%d.png" -plays 0 "${loc_output_apng}";
|
||||||
|
fi
|
||||||
|
|
||||||
|
mv "${loc_img_new}" "${loc_img_old}";
|
||||||
|
exit 0;
|
||||||
|
|
||||||
|
;;
|
||||||
|
esac
|
||||||
Loading…
Reference in a new issue