Merge branch 'release/v1.0.0'

Author: hustle-dev

.eslintrc.js

@@ -42,6 +42,6 @@ module.exports = {
     'react/function-component-definition': 'off',
     'react/require-default-props': 'off',
     'no-plusplus': 'off',
-    'no-param-reassign': 'off,',
+    'no-param-reassign': 'off',
   },
 };

.gitignore

@@ -215,4 +215,6 @@ sketch
 firebaseConfig.ts
 .firebaserc
 firebase.json
-.firebase
+.firebase
+# Sentry
+.sentryclirc

.storybook/main.js

@@ -3,11 +3,13 @@ const setRootPath = (_path) => path.resolve(process.cwd(), _path);
 
 module.exports = {
   stories: ['../src/**/*.stories.mdx', '../src/**/*.stories.@(js|jsx|ts|tsx)'],
+  staticDirs: ['../public'],
   addons: [
     '@storybook/addon-links',
     '@storybook/addon-essentials',
     '@storybook/addon-interactions',
     '@storybook/addon-a11y',
+    'storybook-addon-next-router',
   ],
   framework: '@storybook/react',
 

.storybook/preview-body.html

@@ -1,3 +1,5 @@
+<div id="__next"></div>
 <div id="loading-start" aria-live="assertive"></div>
 <div id="loading-end" aria-live="assertive"></div>
-<div id="dialog"></div>
+<div id="dialog"></div>
+<div id="toast"></div>

.storybook/preview.js

@@ -1,19 +1,27 @@
 import ko from 'axe-core/locales/ko.json';
 import React from 'react';
+import { RouterContext } from 'next/dist/shared/lib/router-context';
 import { GlobalStyle } from 'styles/GlobalStyle';
 import { ThemeProvider } from '@emotion/react';
 import { theme } from 'theme/theme';
+import * as NextImage from 'next/image';
+import { StoreProvider } from 'store';
 
 export const decorators = [
   (Story) => (
     <ThemeProvider theme={theme}>
-      <GlobalStyle />
-      <Story />
+      <StoreProvider>
+        <GlobalStyle />
+        <Story />
+      </StoreProvider>
     </ThemeProvider>
   ),
 ];
 
 export const parameters = {
+  nextRouter: {
+    Provider: RouterContext.Provider,
+  },
   a11y: {
     config: { locale: ko },
   },
@@ -25,3 +33,17 @@ export const parameters = {
     },
   },
 };
+
+const OriginalNextImage = NextImage.default;
+
+Object.defineProperty(NextImage, 'default', {
+  configurable: true,
+  value: (props) => (
+    <OriginalNextImage
+      {...props}
+      unoptimized
+      // this is new!
+      // blurDataURL="/images/no-image.jpg"
+    />
+  ),
+});

next.config.js

@@ -1,4 +1,6 @@
 /** @type {import('next').NextConfig} */
+const { withSentryConfig } = require('@sentry/nextjs');
+
 const nextConfig = {
   reactStrictMode: true,
   webpack(config) {
@@ -10,6 +12,13 @@ const nextConfig = {
 
     return config;
   },
+  images: {
+    domains: ['spoonacular.com'],
+  },
+};
+
+const sentryWebpackPluginOptions = {
+  silent: true,
 };
 
-module.exports = nextConfig;
+module.exports = withSentryConfig(nextConfig, sentryWebpackPluginOptions);

next.config.wizardcopy.js

@@ -0,0 +1,35 @@
+// This file sets a custom webpack configuration to use your Next.js app
+// with Sentry.
+// https://nextjs.org/docs/api-reference/next.config.js/introduction
+// https://docs.sentry.io/platforms/javascript/guides/nextjs/
+
+const { withSentryConfig } = require('@sentry/nextjs');
+
+const moduleExports = {
+  reactStrictMode: true,
+  webpack(config) {
+    config.module.rules.push({
+      test: /\.svg$/i,
+      issuer: /\.[jt]sx?$/,
+      use: ['@svgr/webpack'],
+    });
+
+    return config;
+  },
+};
+
+const sentryWebpackPluginOptions = {
+  // Additional config options for the Sentry Webpack plugin. Keep in mind that
+  // the following options are set automatically, and overriding them is not
+  // recommended:
+  //   release, url, org, project, authToken, configFile, stripPrefix,
+  //   urlPrefix, include, ignore
+
+  silent: true, // Suppresses all logs
+  // For all available options, see:
+  // https://github.com/getsentry/sentry-webpack-plugin#options.
+};
+
+// Make sure adding Sentry options is the last code to run before exporting, to
+// ensure that your source maps include changes from all other Webpack plugins
+module.exports = withSentryConfig(moduleExports, sentryWebpackPluginOptions);

package.json

@@ -15,9 +15,11 @@
     "@emotion/react": "^11.8.2",
     "@emotion/styled": "^11.8.1",
     "@reduxjs/toolkit": "^1.8.0",
+    "@sentry/nextjs": "^6.19.2",
     "@svgr/webpack": "^5.5.0",
     "@types/react-redux": "^7.1.23",
     "@types/yup": "^0.29.13",
+    "axios": "^0.26.1",
     "emotion-normalize": "^11.0.1",
     "firebase": "^9.6.8",
     "formik": "^2.2.9",
@@ -44,6 +46,7 @@
     "@storybook/testing-library": "^0.0.9",
     "@types/node": "17.0.21",
     "@types/react": "17.0.40",
+    "@types/react-dom": "^17.0.14",
     "@typescript-eslint/eslint-plugin": "^5.15.0",
     "@typescript-eslint/parser": "^5.15.0",
     "babel-loader": "^8.2.3",
@@ -59,6 +62,7 @@
     "firebase-tools": "^10.3.0",
     "prettier": "^2.5.1",
     "redux-logger": "^3.0.6",
+    "storybook-addon-next-router": "^3.1.1",
     "typescript": "4.6.2"
   }
 }