aboutsummaryrefslogtreecommitdiff
path: root/bench/hot-module-reloading/css-stress-test/Makefile
blob: cc24641b9626081329fa634d7f03ccb2c66a5538 (plain) (blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
SLEEP_INTERVAL ?= 32
SCREEN_WIDTH ?= $(shell system_profiler -json SPDisplaysDataType 2>/dev/null | jq -r '.. | objects | select(.spdisplays_main) | ._spdisplays_pixels | split(" ")[0]')
SCREEN_HEIGHT ?= $(shell system_profiler -json SPDisplaysDataType 2>/dev/null | jq -r '.. | objects | select(.spdisplays_main) | ._spdisplays_pixels | split(" ")[2]')
PROJECT ?= bun
PACKAGE_NAME ?= bun-cli
RUN_COUNT ?= 128
ENDPOINT ?= /

ifeq ($(PROJECT),bun)
PACKAGE_NAME := bun-cli
endif

ifeq ($(PROJECT),next)
PACKAGE_NAME := next
endif

generate:
	@killall -9 bun next node || echo ""
	PROJECT=$(PROJECT) SCREEN_WIDTH=$(SCREEN_WIDTH) SCREEN_HEIGHT=$(SCREEN_HEIGHT) ENDPOINT=$(ENDPOINT) node browser.js 

generate-css-in-js:
	@killall -9 bun next node || echo ""
	PROJECT=$(PROJECT) SCREEN_WIDTH=$(SCREEN_WIDTH) SCREEN_HEIGHT=$(SCREEN_HEIGHT) ENDPOINT=/css-in-js node browser.js 
loop:
	cp src/colors.css.0 src/colors.css
	sleep 3
	osascript -e 'tell application "System Events" to tell process "Chromium"' \
		-e 'set frontmost to true' \
		-e 'if windows is not {} then perform action "AXRaise" of item 1 of windows' \
		-e 'end tell'
	sleep 0.5
	cd src; zig run -Drelease-fast ../color-looper.zig -- ./colors.css:0 $(SLEEP_INTERVAL)
	cp src/colors.css.blob $(PROJECT)/colors.css.blob

loop-emotion:
	cp src/css-in-js-styles.0 src/css-in-js-styles.tsx
	sleep 3
	osascript -e 'tell application "System Events" to tell process "Chromium"' \
		-e 'set frontmost to true' \
		-e 'if windows is not {} then perform action "AXRaise" of item 1 of windows' \
		-e 'end tell'
	sleep 0.5
	cd src; zig run -Drelease-fast ../color-looper.emotion.zig -- ./css-in-js-styles.tsx:0 $(SLEEP_INTERVAL)
	cp src/css-in-js-styles.tsx.blob $(PROJECT)/css-in-js-styles.blob

process_video: 
	rm -rf $(FRAMES_DIR); mkdir -p $(FRAMES_DIR); ffmpeg -i src/colors.css.mov -vf fps=120,format=gray $(FRAMES_DIR)/%d.tif

FRAMES_DIR ?= $(shell mkdir -p ./$(PROJECT)/frames; realpath ./$(PROJECT)/frames)

TIF_FILES := $(wildcard $(FRAMES_DIR)/*.tif)
TXT_FILES := $(wildcard $(FRAMES_DIR)/*.txt)

OBJ_FILES := $(patsubst $(SRC_DIR)/%.tif,$(OBJ_DIR)/%.txt,$(TIF_FILES))
TRIM_FILES := $(patsubst $(SRC_DIR)/%.txt,$(OBJ_DIR)/%.trim,$(TXT_FILES))

frames: $(OBJ_FILES)


$(FRAMES_DIR)/%.txt: $(FRAMES_DIR)/%.tif
	 tesseract -l eng $< $@ 

trim: $(TRIM_FILES) cleanup print



$(FRAMES_DIR)/%.trim: $(FRAMES_DIR)/%.txt
	 (grep "Ran:" $< || echo "\n") >> $(PROJECT)/frames.all

cleanup:
	sed 's/^Ran: *//' $(PROJECT)/frames.all | tr -d ' ' | sort | uniq > $(PROJECT)/frames.all.clean

print:
	PACKAGE_NAME=$(PACKAGE_NAME) SLEEP_INTERVAL=$(SLEEP_INTERVAL) PROJECT=$(PROJECT) OUTFILE=timings/$(PACKAGE_NAME) node read-frames.js 

print-emotion:
	PACKAGE_NAME=$(PACKAGE_NAME) SLEEP_INTERVAL=$(SLEEP_INTERVAL) PROJECT=$(PROJECT) OUTFILE=timings/emotion_$(PACKAGE_NAME) node read-frames.js