refactor: use storybook and atomic design (#16)

BREAKING CHANGE: rewrite most of the Typescript types, so the content format (the meta in particular) needs to be updated.

1 files changed, 20 insertions, 4 deletions

diff --git a/package.json b/package.json
index bd85a9c..447a372 100644
--- a/package.json
+++ b/package.json
@@ -32,7 +32,9 @@
     "test": "jest",
     "test:ci": "jest --ci",
     "test:coverage": "jest --coverage",
-    "test:watch": "jest --watch"
+    "test:watch": "jest --watch",
+    "storybook": "start-storybook -p 6006",
+    "build-storybook": "build-storybook"
   },
   "dependencies": {
     "@formatjs/swc-plugin": "^1.4.0",
@@ -42,7 +44,6 @@
     "@next/mdx": "^12.1.5",
     "feed": "^4.2.2",
     "graphql": "^16.1.0",
-    "graphql-request": "^4.2.0",
     "modern-normalize": "^1.1.0",
     "next": "^12.1.5",
     "next-sitemap": "^2.5.20",
@@ -50,16 +51,26 @@
     "prismjs": "^1.27.0",
     "react": "^18.0.0",
     "react-dom": "^18.0.0",
-    "react-intl": "^5.24.8",
+    "react-intl": "^5.25.0",
     "schema-dts": "^1.1.0",
     "sharp": "^0.30.3",
     "swr": "^1.3.0",
     "use-ackee": "^3.0.1"
   },
   "devDependencies": {
+    "@babel/core": "^7.17.8",
     "@commitlint/cli": "^16.2.3",
     "@commitlint/config-conventional": "^16.2.1",
     "@formatjs/cli": "^4.8.3",
+    "@storybook/addon-essentials": "^6.5.3",
+    "@storybook/addon-interactions": "^6.5.3",
+    "@storybook/addon-links": "^6.5.3",
+    "@storybook/addons": "^6.5.3",
+    "@storybook/builder-webpack5": "^6.5.3",
+    "@storybook/manager-webpack5": "^6.5.3",
+    "@storybook/react": "^6.5.3",
+    "@storybook/testing-library": "^0.0.11",
+    "@storybook/theming": "^6.5.3",
     "@svgr/webpack": "^6.2.1",
     "@testing-library/jest-dom": "^5.16.4",
     "@testing-library/react": "^13.1.1",
@@ -73,17 +84,22 @@
     "eslint-config-next": "^12.1.5",
     "eslint-config-prettier": "^8.5.0",
     "eslint-plugin-formatjs": "^3.1.0",
+    "eslint-plugin-storybook": "^0.5.12",
     "eslint-plugin-testing-library": "^5.3.1",
     "husky": "^7.0.4",
     "jest": "^27.5.1",
     "lint-staged": "^12.3.8",
     "next-router-mock": "^0.6.7",
+    "postcss": "^8.4.12",
     "prettier": "^2.6.2",
     "sass": "^1.50.0",
     "standard-version": "^9.3.2",
+    "storybook-addon-next": "^1.6.2",
+    "storybook-dark-mode": "^1.1.0",
     "stylelint": "^14.7.0",
     "stylelint-config-standard": "^25.0.0",
     "stylelint-config-standard-scss": "^3.0.0",
-    "typescript": "^4.6.3"
+    "typescript": "^4.6.3",
+    "webpack": "^5.70.0"
   }
 }