Merge pull request #45 from insuusvenerati/develop

New Release

.devcontainer/devcontainer.json

@@ -2,15 +2,7 @@
 // https://github.com/microsoft/vscode-dev-containers/tree/v0.231.0/containers/typescript-node
 {
   "name": "Node.js & TypeScript",
-  "build": {
-    "dockerfile": "Dockerfile",
-    // Update 'VARIANT' to pick a Node version: 16, 14, 12.
-    // Append -bullseye or -buster to pin to an OS version.
-    // Use -bullseye variants on local on arm64/Apple Silicon.
-    "args": {
-      "VARIANT": "16-bullseye"
-    }
-  },
+  "image": "docker.io/stiforr/node-devcontainer",
 
   // Set *default* container specific settings.json values on container create.
   "settings": {},

.eslintrc.json

@@ -1,6 +1,8 @@
 {
   "extends": ["next/core-web-vitals"],
+  "plugins": ["unused-imports"],
   "rules": {
+    "unused-imports/no-unused-imports": "error",
     "react/jsx-no-bind": 2,
     "react/jsx-sort-props": 2,
     "react/destructuring-assignment": 2,
@@ -15,7 +17,6 @@
         "namedComponents": "arrow-function",
         "unnamedComponents": "arrow-function"
       }
-    ],
-    "react/jsx-props-no-spreading": 1
+    ]
   }
 }

.github/workflows/workflow.yml

@@ -4,8 +4,8 @@ jobs:
   build-release:
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v2
-      - uses: actions/setup-node@v1
+      - uses: actions/checkout@v3
+      - uses: actions/setup-node@v3
         with:
           node-version: "16"
 
@@ -23,6 +23,9 @@ jobs:
           SENTRY_PROJECT: ${{ secrets.SENTRY_PROJECT }}
           NEXT_PUBLIC_SENTRY_DSN: ${{ secrets.NEXT_PUBLIC_SENTRY_DSN }}
           SENTRY_AUTH_TOKEN: ${{ secrets.SENTRY_AUTH_TOKEN }}
+          NEXT_PUBLIC_CLERK_FRONTEND_API: ${{ secrets.NEXT_PUBLIC_CLERK_FRONTEND_API }}
+          NEXT_PUBLIC_SUPABASE_KEY: ${{ secrets.NEXT_PUBLIC_SUPABASE_KEY}}
+          NEXT_PUBLIC_SUPABASE_URL: ${{ secrets.NEXT_PUBLIC_SUPABASE_URL }}
 
       - name: Release
         env:

.prettierrc

@@ -2,5 +2,6 @@
   "tabWidth": 2,
   "useTabs": false,
   "trailingComma": "all",
-  "singleQuote": false
+  "singleQuote": false,
+  "printWidth": 120
 }

README.md

@@ -1,3 +1,5 @@
+[![CI](https://github.com/insuusvenerati/hello-free-shavacado/actions/workflows/workflow.yml/badge.svg?branch=develop)](https://github.com/insuusvenerati/hello-free-shavacado/actions/workflows/workflow.yml)
+
 This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).
 
 ## Getting Started

next-seo.config.js

@@ -1,17 +1,28 @@
+/**
+ * @type {import('next-seo').NextSeoProps}
+ */
 const openGraphConfig = {
   openGraph: {
-    type: 'website',
-    locale: 'en_US',
-    url: 'https://hf.stiforr.tech',
-    site_name: 'Hello Free Shavacado',
+    type: "website",
+    locale: "en_US",
+    url: "https://hf.stiforr.tech",
+    site_name: "Hello Free Shavacado",
     title: "Hello Free Shavacado",
-    description: "Search for Hello Fresh recipes by ingredient"
+    description: "Search for Hello Fresh recipes by ingredient",
+    images: [
+      {
+        url: "https://i.imgur.com/0RSkm23.jpg",
+        height: 1800,
+        width: 1200,
+        alt: "Hello Free Shavacado Logo",
+      },
+    ],
   },
   twitter: {
-    handle: '@stiforr',
-    site: '@stiforr',
-    cardType: 'summary_large_image',
+    handle: "@stiforr",
+    site: "@stiforr",
+    cardType: "app",
   },
-}
+};
 
-export default openGraphConfig
+export default openGraphConfig;

next.config.js

@@ -1,6 +1,7 @@
 const withPWA = require("next-pwa");
 const runtimeCaching = require("next-pwa/cache");
 const { withSentryConfig } = require("@sentry/nextjs");
+const { withPlaiceholder } = require("@plaiceholder/next");
 
 /** @type {import('next').NextConfig} */
 const nextConfig = {
@@ -15,7 +16,7 @@ const nextConfig = {
     config.plugins.push(
       new webpack.DefinePlugin({
         __SENTRY_DEBUG__: false,
-      })
+      }),
     );
     return config;
   },
@@ -36,4 +37,4 @@ const nextConfig = {
   },
 };
 
-module.exports = withPWA(withSentryConfig(nextConfig));
+module.exports = withPlaiceholder(withPWA(withSentryConfig(nextConfig)));

package.json

@@ -1,46 +1,59 @@
 {
   "name": "hello-free-shavacado",
-  "version": "1.1.0",
+  "version": "1.2.0-develop.1",
   "private": true,
   "scripts": {
     "dev": "next dev",
     "build": "next build",
     "start": "next start",
     "lint": "next lint",
+    "test": "vitest",
     "prettier": "prettier --write src/",
     "export": "next export",
     "prepare": "husky install",
     "semantic-release": "semantic-release"
   },
   "dependencies": {
-    "@nextui-org/react": "1.0.8-beta.5",
-    "@sentry/nextjs": "6.19.6",
-    "@sentry/tracing": "6.19.6",
+    "@clerk/nextjs": "^3.3.5-alpha.0",
+    "@mantine/core": "4.2.2",
+    "@mantine/hooks": "4.2.2",
+    "@mantine/next": "4.2.2",
+    "@mantine/notifications": "^4.2.2",
+    "@plaiceholder/next": "2.3.0",
+    "@sentry/nextjs": "6.19.7",
+    "@sentry/tracing": "6.19.7",
+    "@supabase/supabase-js": "^1.35.2",
     "cookies-next": "2.0.4",
     "ioredis": "5.0.4",
-    "ky": "^0.30.0",
-    "ky-universal": "^0.10.1",
+    "ky": "0.30.0",
+    "ky-universal": "0.10.1",
     "next": "12.1.5",
     "next-pwa": "5.5.2",
     "next-seo": "5.4.0",
-    "next-themes": "0.1.1",
+    "plaiceholder": "2.3.0",
     "react": "18.0.0",
     "react-dom": "18.0.0",
-    "react-query": "3.35.0",
+    "react-query": "3.38.1",
     "sharp": "0.30.4",
+    "tabler-icons-react": "1.47.0",
     "typescript": "4.5.5"
   },
   "devDependencies": {
     "@semantic-release/changelog": "6.0.1",
     "@semantic-release/git": "10.0.1",
+    "@testing-library/react": "^13.2.0",
     "@types/node": "17.0.24",
     "@types/react": "18.0.5",
+    "@vitejs/plugin-react": "^1.3.2",
     "eslint": "8.13.0",
     "eslint-config-next": "12.1.5",
+    "eslint-plugin-unused-imports": "^2.0.0",
     "husky": "7.0.4",
+    "jsdom": "^19.0.0",
     "lint-staged": "12.4.0",
     "prettier": "2.6.2",
-    "semantic-release": "19.0.2"
+    "semantic-release": "19.0.2",
+    "vitest": "^0.10.4"
   },
   "lint-staged": {
     "*.{ts,tsx}": "eslint --cache --fix",

public/browserconfig.xml

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+    <msapplication>
+        <tile>
+            <square150x150logo src="/mstile-150x150.png"/>
+            <TileColor>#da532c</TileColor>
+        </tile>
+    </msapplication>
+</browserconfig>