Makefile

SRCS = $(wildcard lib/**/*.ts)

.DEFAULT_GOAL := all

.PHONY: all
all: build dist build/global.scss build/global.css lib/generated/open-props-tokens.ts

node_modules: package.json pnpm-lock.yaml
	pnpm install
	touch $@

dist/bin/token.js: dist

dist/bin/open-props-tokens.js: lib/generated/open-props-tokens.ts
	pnpm exec tsc -b

lib/generated/open-props-tokens.ts:
	node dist/bin/open-props-tokens.js > $@
	pnpm exec prettier --write $@

# SCSS
build/global.scss: node_modules dist/bin/token.js
	node dist/bin/token.js -t scss > $@
	pnpm exec prettier --write $@

# CSS
build/global.css: node_modules dist/bin/token.js
	node dist/bin/token.js -t css > $@
	pnpm exec prettier --write $@

tsconfig.json: node_modules tsconfig-vite.src.json
	pnpm exec tsc -p tsconfig-vite.src.json --showConfig 1> $@

build: $(SRCS) node_modules vite.config.ts vite-env.d.ts
	NODE_ENV=production pnpm exec vite build
	touch $@

.PHONY: build-watch
build-watch: node_modules vite.config.ts vite-env.d.ts
	pnpm exec vite build --mode=development --clearScreen false
	touch -c build

.PHONY: dev-server
dev-server: node_modules vite.config.ts
	pnpm exec vite dev --mode=development --clearScreen false

PHONY: typecheck
typecheck: node_modules tsconfig.json
	pnpm exec tsc -w --preserveWatchOutput

.PHONY: dev
dev:
	NODE_ENV=development $(MAKE) -j 3 build-watch dev-server typecheck

.PHONY: debug
debug:
	DEBUG_BUILD=1 $(MAKE)

dist: $(SRCS) node_modules tsconfig.json
	pnpm exec tsc -b
	touch $@

.PHONY: clean
clean: node_modules tsconfig.json
	pnpm exec tsc -b --clean
	pnpm exec tsc -b tsconfig.node.json --clean
	rm -rf build dist

.PHONY: clean
distclean: clean
	rm -rf node_modules

.PHONY: test
test: node_modules lint dist build
	DEBUG_BUILD=true pnpm vitest run
	DEBUG_BUILD=true pnpm vitest run
	pnpm exec bundlesize
	$(MAKE) smoketest

.PHONY: lint
lint: node_modules
	pnpm exec eslint .
	pnpm exec prettier --check .

.PHONY: pretty
pretty: node_modules
	pnpm exec eslint --fix .
	pnpm exec prettier --write .

.PHONY: smoketest
smoketest: all
	node -e 'import("@block65/react-design-system")'
	node -e 'import("@block65/react-design-system/vanilla-extract")'
	node -e 'import("@block65/react-design-system/hooks")'
	node -e 'import("@block65/react-design-system/open-props")'