🧑‍💻 (makefile) add command to run storybook locally

It helps new contributors to find out how to run the storybook locally.
openfun · May 11, 2023 · bb926f5 · bb926f5
1 parent 9756dda
commit bb926f5
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 0 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -10,6 +10,7 @@ Versioning](https://semver.org/spec/v2.0.0.html).
 
 ### Added
 
+- Add command to run storybook in the Makefile
 - Upgrade docker compose to latest version
 - Enable CORS Headers
 - Add Multilingual

diff --git a/Makefile b/Makefile
@@ -48,6 +48,7 @@ COMPOSE_EXEC         = $(COMPOSE) exec
 COMPOSE_EXEC_APP     = $(COMPOSE_EXEC) app
 COMPOSE_EXEC_NODE    = $(COMPOSE_EXEC) node
 COMPOSE_RUN_APP      = $(COMPOSE_RUN) app
+COMPOSE_RUN_NODE    = $(COMPOSE_RUN) node
 COMPOSE_RUN_CROWDIN  = $(COMPOSE_RUN) crowdin crowdin
 COMPOSE_TEST_RUN     = $(COMPOSE) run --rm -e DJANGO_CONFIGURATION=Test
 COMPOSE_TEST_RUN_APP = $(COMPOSE_TEST_RUN) app
@@ -124,6 +125,11 @@ test-front:
 	@$(COMPOSE_RUN) -e HOME="/tmp" -w /app/src/frontend node yarn test
 .PHONY:test-front
 
+dev-storybook: ## Run the storybook locally
+dev-storybook:
+	@$(COMPOSE_RUN_NODE) bash -c "cd magnify/packages/components && yarn install && yarn storybook"
+.PHONY: dev-storybook
+
 lint-front: ## run all front-end "linters"
 lint-front: \
   lint-front-eslint \