-
Notifications
You must be signed in to change notification settings - Fork 0
/
Makefile
217 lines (171 loc) · 8.16 KB
/
Makefile
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
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
MAKEFLAGS += --no-print-directory
SOURCES = packages
.PHONY: help bootstrap init pkgs-build pkgs-publish clean-all storybook storybook-build storybook-deploy deploy-all
########################################################################################################################
#
# HELP
#
########################################################################################################################
# COLORS
RED = $(shell printf "\33[31m")
GREEN = $(shell printf "\33[32m")
WHITE = $(shell printf "\33[37m")
YELLOW = $(shell printf "\33[33m")
RESET = $(shell printf "\33[0m")
# Add the following 'help' target to your Makefile
# And add help text after each target name starting with '\#\#'
# A category can be added with @category
HELP_HELPER = \
%help; \
while(<>) { push @{$$help{$$2 // 'options'}}, [$$1, $$3] if /^([a-zA-Z\-\%]+)\s*:.*\#\#(?:@([0-9]+\s[a-zA-Z\-\%_]+))?\s(.*)$$/ }; \
print "usage: make [target]\n\n"; \
for (sort keys %help) { \
print "${WHITE}$$_:${RESET}\n"; \
for (@{$$help{$$_}}) { \
$$sep = " " x (32 - length $$_->[0]); \
print " ${YELLOW}$$_->[0]${RESET}$$sep${GREEN}$$_->[1]${RESET}\n"; \
}; \
print "\n"; }
help: ##prints help
@perl -e '$(HELP_HELPER)' $(MAKEFILE_LIST)
.DEFAULT_GOAL := help
########################################################################################################################
#
# 0. GLOBAL
#
########################################################################################################################
install: ##@0 global install
@pnpm install
init: ##@0 global cleanup/install/bootstrap
@$(MAKE) clean-all
@$(MAKE) install
@$(MAKE) pkgs-build
fmt: ##@0 global format code using prettier (js, css, md)
@pnpm prettier --color --write \
"packages/*/{src,tests}/**/*.{js,ts,tsx}" \
"packages/*/README.md" \
"storybook/.storybook/*.{js,ts,tsx}" \
"storybook/stories/**/*.{js,ts,tsx}" \
"README.md"
fmt-check: ##@0 global check if files were all formatted using prettier
@echo "${YELLOW}Checking formatting${RESET}"
@pnpm prettier --color --list-different \
"packages/*/{src,tests}/**/*.{js,ts,tsx}" \
"packages/*/README.md" \
"storybook/.storybook/*.{js,ts,tsx}" \
"storybook/stories/**/*.{js,ts,tsx}" \
"README.md"
test: ##@0 global run all checks/tests (packages, website)
@$(MAKE) fmt-check
@$(MAKE) lint
@$(MAKE) pkgs-test
vercel-build: ##@0 global Build Storybook to vercel
@$(MAKE) storybook-build
@cp -a storybook/storybook-static
clean-all: ##@0 global uninstall node modules, remove transpiled code & lock files
@rm -rf node_modules
@rm -rf package-lock.json
@$(foreach source, $(SOURCES), $(call clean-source-all, $(source)))
define clean-source-lib
rm -rf $(1)/*/cjs
endef
define clean-source-all
rm -rf $(1)/*/cjs
rm -rf $(1)/*/node_modules
rm -rf $(1)/*/package-lock.json
endef
########################################################################################################################
#
# 1. PACKAGES
#
########################################################################################################################
pkg-new-%: ##@1 packages create new package
@echo "${YELLOW}Running Plop ${WHITE}@rata/${*}${RESET}"
@pnpm plop package "${*}"
@pnpm install
pkg-lint-%: ##@1 packages run eslint on package
@echo "${YELLOW}Running eslint on package ${WHITE}@rata/${*}${RESET}"
@pnpm eslint "./packages/${*}/{src,tests}/**/*.{js,ts,tsx}"
pkgs-lint: ##@1 packages run eslint on all packages
@echo "${YELLOW}Running eslint on all packages${RESET}"
@pnpm eslint "./packages/*/{src,tests}/**/*.{js,ts,tsx}"
pkgs-lint-fix: ##@1 packages run eslint on all packages with a fix option
@echo "${YELLOW}Running eslint on all packages${RESET}"
@pnpm eslint "./packages/*/{src,tests}/**/*.{js,ts,tsx}" --fix
pkg-test-cover-%: ##@1 packages run tests for a package with code coverage
@export BABEL_ENV=development; pnpm jest -c ./packages/jest.config.js --rootDir . --coverage ./packages/${*}/tests
pkg-test-%: ##@1 packages run tests for a package
@export BABEL_ENV=development; pnpm jest -c ./packages/jest.config.js --rootDir . ./packages/${*}/tests
pkg-watch-test-%: ##@1 packages run tests for a package and watch for changes
@export BABEL_ENV=development; pnpm jest -c ./packages/jest.config.js --rootDir . ./packages/${*}/tests --watch
pkg-update-test-%: ##@1 packages run tests for a package and update its snapshots
@export BABEL_ENV=development; pnpm jest -c ./packages/jest.config.js --rootDir . ./packages/${*}/tests -u
pkg-watch-test-%: ##@1 packages run tests for a package and watch for changes
@export BABEL_ENV=development; pnpm jest -c ./packages/jest.config.js --rootDir . ./packages/${*}/tests --watch
pkgs-test: ##@1 packages run tests for all packages
@echo "${YELLOW}Running test suites for all packages${RESET}"
@export BABEL_ENV=development; pnpm jest -c ./packages/jest.config.js --workerThreads --rootDir . ./packages/*/tests
pkgs-watch-test: ##@1 packages run tests for all packages and watch for changes
@echo "${YELLOW}Running test suites watcher for all packages${RESET}"
@export BABEL_ENV=development; pnpm jest -c ./packages/jest.config.js --rootDir . ./packages/*/tests --watch
pkgs-test-cover: ##@1 packages run tests for all packages with code coverage
@echo "${YELLOW}Running test suites coverage for all packages${RESET}"
@export BABEL_ENV=development; pnpm jest -c ./packages/jest.config.js --rootDir . --coverage ./packages/*/tests
pkgs-build: pkgs-types ##@1 packages build all packages
@# Using exit code 255 in case of error as it'll make xargs stop immediately.
@export SKIP_TYPES=TRUE;find ./packages -type d -maxdepth 1 ! -path ./packages \
| sed 's|^./packages/||' \
| xargs -P 8 -I '{}' sh -c '$(MAKE) pkg-build-{} || exit 255'
pkgs-types: ##@1 packages build all package types
@pnpm tsc --build ./tsconfig.monorepo.json
pkgs-types-clean: ##@1 packages clean all package types
@pnpm tsc --build --clean ./tsconfig.monorepo.json
pkg-types-%: ##@1 packages generate types for a specific package
@if [ "$${SKIP_TYPES}" != "TRUE" ]; \
then \
if [ -f "./packages/${*}/tsconfig.json" ]; \
then \
echo "${YELLOW}Building TypeScript types for package ${WHITE}@rata/${*}${RESET}"; \
rm -rf ./packages/${*}/dist/types; \
rm -rf ./packages/${*}/dist/tsconfig.tsbuildinfo; \
pnpm tsc --build ./packages/${*}; \
fi \
fi;
pkg-build-%: pkg-types-% ##@1 packages build a package
@-rm -rf ./packages/${*}/dist/rata-${*}*
@export PACKAGE=${*}; NODE_ENV=production BABEL_ENV=production ./node_modules/.bin/rollup -c rollup.config.mjs
pkgs-publish-dry-run: ##@1 packages dry run for packages publication
#@$(MAKE) pkgs-build
@pnpm lerna publish \
--exact \
--no-git-tag-version \
--no-push \
--force-publish \
--registry "http://localhost:4873" \
--loglevel verbose
pkgs-publish: ##@1 packages publish all packages
@$(MAKE) pkgs-build
@echo "${YELLOW}Publishing packages${RESET}"
@pnpm lerna publish --exact
pkgs-publish-next: ##@1 packages publish all packages for @next npm tag
@$(MAKE) pkgs-build
@echo "${YELLOW}Publishing packages${RESET}"
@pnpm lerna publish --exact --npm-tag=next
pkg-dev-%: ##@1 packages build package (es flavor) on change, eg. `package-watch-button`
@echo "${YELLOW}Running build watcher for package ${WHITE}@rata/${*}${RESET}"
@rm -rf ./packages/${*}/cjs
@export PACKAGE=${*}; NODE_ENV=development BABEL_ENV=development ./node_modules/.bin/rollup -c rollup.config.mjs -w
########################################################################################################################
#
# 2. STORYBOOK
#
########################################################################################################################
storybook: ##@2 storybook start storybook in dev mode on port 6006
@pnpm --filter storybook dev
storybook-build: ##@2 storybook build storybook
@echo "${YELLOW}Building storybook${RESET}"
@pnpm --filter storybook build
storybook-deploy: ##@2 storybook build and deploy storybook
@$(MAKE) storybook-build
@echo "${YELLOW}Deploying storybook${RESET}"
@pnpm gh-pages -d storybook/storybook-static -r [email protected]:jpbow/rata.git -b gh-pages -e storybook