skottie/Makefile

default: app npm-ci
	npx webpack --mode=development

release: get_latest_skia wasm_libs_tot npm-ci
	CGO_ENABLED=0 GOOS=linux go install -a ./go/skottie
	npx webpack --mode=production
	./build_release

release_ci: app npm-ci
	# Assumes the cloud builder environment mounts the wasm outputs to /OUT
	rm -rf build
	mkdir -p build/canvaskit
	cp -r /OUT/* build
	echo "export const SKIA_VERSION = '`cat /OUT/VERSION`';" > ./build/version.js
	# Now that we have the canvaskit.wasm etc, we can bundle it in with webpack.
	npx webpack --mode=production
	CGO_ENABLED=0 GOOS=linux go install -a ./go/skottie
	./build_release

serve: app npm-ci
	npx webpack-dev-server --mode=development --watch --watch-poll 100

watch:
	echo "Assuming npm ci has been run in the root recently"
	npx webpack --mode=development --watch

app:
	go install ./go/skottie

push: release
	pushk skottie

get_latest_skia:
	docker pull gcr.io/skia-public/skia-wasm-release:prod

wasm_libs_tot: get_latest_skia
	rm -rf build
	mkdir -p build/canvaskit
	# Extract them from the most recently built ones. These are built
	# using cloudbuild.yaml in the Skia repo.
	docker run --rm --volume `pwd`/build:/OUT gcr.io/skia-public/skia-wasm-release:prod cp -r /tmp/canvaskit /OUT/
	docker run --rm --volume `pwd`/build:/OUT gcr.io/skia-public/skia-wasm-release:prod cp /tmp/VERSION /OUT/
	echo "export const SKIA_VERSION = '`cat build/VERSION`';" > build/version.js

wasm_libs_fixed: # Used for puppeteer tests because we can't download the canvaskit from docker.
	rm -rf build
	mkdir -p build/canvaskit
	curl https://particles.skia.org/dist/canvaskit.js --output build/canvaskit/canvaskit.js
	curl https://particles.skia.org/dist/canvaskit.d.ts --output build/canvaskit/canvaskit.d.ts
	curl https://particles.skia.org/dist/canvaskit.wasm --output build/canvaskit/canvaskit.wasm
	echo "Latest" >> build/VERSION
	echo "export const SKIA_VERSION = '`cat build/VERSION`';" > build/version.ts

.PHONY: serve watch app release wasm_libs_tot get_latest_skia push build-frontend-ci

build-frontend-ci: wasm_libs_tot npm-ci
	npx webpack --mode=production

.PHONY: puppeteer_tests
puppeteer_tests:
	npx mocha -r ts-node/register ./**/*_puppeteer_test.ts

include ../make/npm.mk