CXXFLAGS += -g -DJSON_DIAGNOSTICS=1
LDFLAGS  += -fuse-ld=lld

# git diff ~/lfs.nabijaczleweli.xyz/0017-twitter-export/index.html index.html
# git diff ~/lfs.nabijaczleweli.xyz/0017-twitter-export/stats.html stats.html
# for s in *.svg *.dat gnuplot_svg.js; do git diff ~/lfs.nabijaczleweli.xyz/0017-twitter-export/$s $s; done
#
# mv index.html ~/lfs.nabijaczleweli.xyz/0017-twitter-export
# mv stats.html ~/lfs.nabijaczleweli.xyz/0017-twitter-export
# for s in *.svg *.dat gnuplot_svg.js; do cmp ~/lfs.nabijaczleweli.xyz/0017-twitter-export/$s $s || mv -v $s ~/lfs.nabijaczleweli.xyz/0017-twitter-export; done
all : index.html stats.html
.ONESHELL:


# Expects to link to the hierarchy made by  https://github.com/timhutton/twitter-archive-parser as well as the export
# Then, generate and
#   grep -e '<img' -e '<video' -e '<source' index.html  | grep -Eo '(src|href|poster)="[^"]*"' | cut -d\" -f 2 | cut -d '?' -f1 | sort -u | grep ://
# shows all the undownloaded media (thumbnails); it SHOULDN't have the profile: these need to be downloaded separately as
#   mkdir -p https://pbs.twimg.com/ext_tw_video_thumb/977312179941670913/pu/img/
#   curl -SL https://pbs.twimg.com/ext_tw_video_thumb/977312179941670913/pu/img/cPM6-AEsHEQQQzpX.jpg -o https://pbs.twimg.com/ext_tw_video_thumb/977312179941670913/pu/img/cPM6-AEsHEQQQzpX.jpg

profile_image_url := $(shell tail -c+28 data/profile.js | jq -r .[0].profile.avatarMediaUrl)
header_image_url  := $(shell tail -c+28 data/profile.js | jq -r .[0].profile.headerMediaUrl)

index.html: generator data/tweets.js data/profile.js data/account.js generator.pre-frag generator.post-frag
	{ tail -c+28 data/account.js | { exec 4<&0; tail -c+28 data/profile.js | { exec 3<&0; tail -c+27 data/tweets.js | stdbuf -i 1M ./generator; }; } || { rm -f index.html; kill -9 $$$$; }; } | \
		sed -e '/<\(img\|a\) \(x-\)*id=.*x-tweet-id=/{s;\(x-\)*id="\([^"]*\)" x-tweet-id="\([^"]*\)" \(src\|href\)="https://pbs.twimg.com/media/\([^"]*\)";\1id="\2" x-tweet-id="\3" \4="parser-output/media/\3-\5";}' \
		    -e '/<\(source\|a\) x-id=/{s;x-id="\([^"]*\)" x-tweet-id="\([^"]*\)" \(src\|href\)="https://video.twimg.com/tweet_video/\([^"]*\)";x-id="\1" x-tweet-id="\2" \3="parser-output/media/\2-\4";}' \
		    -e '/<\(source\|a\) x-id=/{s;x-id="\([^"]*\)" x-tweet-id="\([^"]*\)" \(src\|href\)="https://video.twimg.com/ext_tw_video/[0-9]*/pu/vid/[0-9]*x[0-9]*/\([^"]*\)";x-id="\1" x-tweet-id="\2" \3="parser-output/media/\2-\4";}' \
		    -e 's;$(profile_image_url);$(shell url="$(profile_image_url)"; b=$${url##*/}; b=$${b%.*}; b=$$(find data/profile_media/ -name "*$$b*"); echo "$${b:-"$$url"}");' \
		    -e 's;$(header_image_url);$(shell  url="$(header_image_url)" ; b=$${url##*/}; b=$${b%.*}; b=$$(find data/profile_media/ -name "*$$b*"); echo "$${b:-"$$url"}");' \
		    -e 's;poster="\(https://pbs.twimg.com/[^"]*video_thumb/[^"]*\)";poster="./\1";' > index.html

tweet.ids: data/tweets.js
	tail -c+27 data/tweets.js | jq -r '.[] | .tweet.id' | grep -vF $(shell awk '/exclude\[\]/,/}/' common.h | grep -F \" | cut -d\" -f2 | sed i-e) | sort -n > tweet.ids
	@wc -l tweet.ids

tweets-per-month.svg: stats tweet.ids Makefile
	./stats < tweet.ids
	for f in *.dat; do
		(set -x;
		gnuplot -e 'set terminal svg size 1200,400 dynamic mouse; set auto x; set auto y; set key left autotitle columnhead; set xtics nomirror rotate by -90; '"$$(grep '^#:addl' "$$f" | cut -d' ' -f2-)"' plot "'$$f'" using 2:xtic(1) with '"$$({ grep '^#:type' "$$f" || echo lines; } | sed 's/^#:type //')" |
			sed -e 's/fill="#ffffff" stroke="black"/fill="none" stroke="none"/' -e 's:/usr/share/gnuplot/gnuplot/[^/]*/js/gnuplot_svg.js:gnuplot_svg.js:' > "$${f%.dat}.svg")
	done

stats.html: tweets-per-month.svg stats.cpp Makefile
	cp /usr/share/gnuplot/gnuplot/*/js/gnuplot_svg.js .
	{
		n=0
		printf '%s\n' '<meta charset="utf-8">' '<meta name="viewport" content="width=device-width, initial-scale=1">' '<style>' 'img { width: 100%; height: auto; }' 'h2 a { color: inherit; }' '</style>' '<h1><a href="//101010.pl/@nabijaczleweli/110697246353498791">The Decade of Posting</a></h1>' '<p>'
		cut -sd '//! ' -f2 stats.cpp
		printf '%s\n' '</p>' '<p>' 'Plots become interactive (for precise figures) on click; the script may also impact scrolling ergonomics on desktop, sorry.' '</p>'
		for f in tweets-per-year.svg tweets-per-day-by-year.svg tweets-per-month.svg tweets-per-day-by-month.svg tweets-per-week.svg tweets-per-dayofweek.svg tweets-per-dayofweek-by-year.svg; do
			printf '<h2 id="%s"><a href="%s">%s</a></h2>\n<object data="%s" role="img" type="image/svg+xml"></object>\n' "$$f" "$$f" "$$f" "$$f"
			n=$$(( n + 1 ))
		done
	} > stats.html
	[ $$n -eq $$(printf '%s\n' *.svg | wc -l) ]


clean :
	rm -f index.html generator tweet.ids gnuplot_svg.js stats.html stats *.dat *.svg