From 200dd15183cb61d5aafe7bcc2b3ae08d76db55db Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C3=89rico=20Andrei?= <ericof@gmail.com>
Date: Thu, 14 Jul 2022 12:33:57 -0300
Subject: [PATCH] chore: Implement Storybook publishing to GitHub pages.

---
 .github/workflows/storybook.yml | 26 ++++++++++++++++++++++++++
 Makefile                        | 12 +++++++++---
 README.md                       |  3 +++
 3 files changed, 38 insertions(+), 3 deletions(-)
 create mode 100644 .github/workflows/storybook.yml

diff --git a/.github/workflows/storybook.yml b/.github/workflows/storybook.yml
new file mode 100644
index 0000000..77fb2b6
--- /dev/null
+++ b/.github/workflows/storybook.yml
@@ -0,0 +1,26 @@
+name: Storybook
+on:
+  push:
+    branches:
+      - main
+
+jobs:
+  build-and-deploy:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v2.3.1
+
+      - name: Create a new Volto project
+        run: |
+          make project
+
+      - name: Generate Storybook
+        run: |
+          make storybook
+
+      - name: Deploy to GitHub pages
+        uses: JamesIves/github-pages-deploy-action@4.3.4
+        with:
+          branch: gh-pages
+          folder: addon-testing-project/storybook-static
diff --git a/Makefile b/Makefile
index a973249..fd42c52 100644
--- a/Makefile
+++ b/Makefile
@@ -29,9 +29,7 @@ YELLOW=`tput setaf 3`
 
 
 # Top-level targets
-
-.PHONY: project
-project:
+addon-testing-project/package.json:
 	npm install -g yo
 	npm install -g @plone/generator-volto
 	npm install -g mrs-developer
@@ -39,8 +37,16 @@ project:
 	npx -p @plone/scripts addon clone https://github.com/${GIT_USER}/${GIT_NAME}.git --branch ${GIT_BRANCH}
 	@echo "-------------------"
 	@echo "$(GREEN)Volto project is ready!$(RESET)"
+
+.PHONY: project
+project: addon-testing-project/package.json
 	@echo "$(RED)Now run: cd addon-testing-project && yarn start$(RESET)"
 
+.PHONY: storybook
+storybook: addon-testing-project/package.json
+	@echo "$(GREEN)Create Storybook$(RESET)"
+	(cd addon-testing-project && yarn build-storybook)
+
 .PHONY: all
 all: project
 
diff --git a/README.md b/README.md
index d47a8fd..004ae70 100644
--- a/README.md
+++ b/README.md
@@ -22,6 +22,9 @@ Addon implementing a code block with syntax highlight for [Plone](https://plone.
 
 - [Plone Brasil](https://plone.org.br)
 
+
+You can also check its [Storybook](https://plonegovbr.github.io/volto-code-block/).
+
 ## Install
 
 ### New Volto Project