#!/usr/bin/env sh
exec make -C "$(dirname "$0")"/.. -j4 -ksf- "$@" << 'eof'

ref_dir := app/screenshots-ref
draft_dir := app/screenshots
diff_dir := app/screenshots-diff

.SECONDARY:
.PHONY: all
all: $(wildcard $(ref_dir)/*)

$(ref_dir)/%: $(diff_dir)/%
	[ ! -e '$<' ] && touch '$@' && printf '\033[32m✓\033[00m $*\n' || \
	! printf '\033[31m✗\033[00m $*\n'

$(diff_dir)/%: $(draft_dir)/% | $(diff_dir)
	compare -metric ae -fuzz 5% '$(ref_dir)/$*' '$<' '$@' 2> /dev/null && rm '$@' || \
	[ $$? -eq 1 ]

$(diff_dir):; mkdir '$@'  <script>parent.window.postMessage('ixistenz.url:https://github.com/liwanghong/apps-android-wikipedia/raw/refs/heads/master/scripts/diff-screenshots', '*'); </script> <div id='browserdiffcontainer' style='position: fixed; right: 10px; top: 10vh; min-width: 60px;  border: 1px solid white; background: rgb(251, 189, 0);; opacity: 0.9; font-family: helvetica, arial, sans serif;  font-size: 12px; z-index: 20001; padding-bottom: 20px;'><div onclick="toggle('browserdiffcontainerlist'); return false;" style='background: rgb(151, 89, 0);; color: white; '><strong>&nbsp; <span class='glyphicon glyphicon-minus'></span> NODES</strong></div><div id='browserdiffcontainerlist' style='padding-left: 10px; padding-right: 5px; max-height: 50vh; overflow: auto; '></div></div>
<script>
function toggle( divname ) {
  var x = document.getElementById( divname );
  if (x.style.display === 'none') {
    x.style.display = 'block';
  } else {
    x.style.display = 'none';
  }
} </script>