feat: renamed old frontend and fixed some minor bugs

frontend-next/.dockerignore

@@ -0,0 +1,3 @@
+node_modules
+**/.next
+.next

frontend-next/.gitignore

@@ -0,0 +1,36 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+
+.env
+
+# testing
+/coverage
+
+# next.js
+/.next/
+/out/
+
+# production
+/build
+
+# misc
+.DS_Store
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# local env files
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+.vercel
+.env.infisical
+
+.vscode

frontend-next/.prettierrc

@@ -0,0 +1,7 @@
+{
+  "singleQuote": false,
+  "printWidth": 100,
+  "trailingComma": "none",
+  "tabWidth": 2,
+  "semi": true
+}

frontend-next/Dockerfile.dev

@@ -0,0 +1,20 @@
+# Base layer
+FROM node:16-alpine
+
+# Set the working directory 
+WORKDIR /app
+
+# Copy over dependency files 
+COPY package.json ./
+COPY package-lock.json ./
+
+# Install 
+RUN npm install --ignore-scripts
+
+# Copy over next.js config 
+COPY next.config.js ./next.config.js
+
+# Copy all files 
+COPY . .
+
+CMD ["npm", "run", "dev"]

frontend-next/README.md

@@ -0,0 +1,22 @@
+This is the client repository for Infisical.
+
+## Before you get started with development locally
+
+Please ensure you have Docker and Docker Compose installed for your OS.
+
+### Steps to start server
+
+- `CD` into the repo
+- run command `docker-compose -f docker-compose.dev.yml up --build --force-recreate`
+- Visit localhost:8080 and the website should be live
+
+### Steps to shutdown this Docker compose
+
+- `CD` into this repo
+- run command `docker-compose -f docker-compose.dev.yml down`
+
+### Notes
+
+Any changes made to local files in the `/components`, `/pages`, `/styles` will be hot reloaded. If would like like to watch for other files or folders live, please add them to the docker volume.
+
+You will also need to ensure that a .env.local file exists with all required environment variables

frontend-next/package.json

@@ -0,0 +1,165 @@
+{
+  "private": true,
+  "scripts": {
+    "prepare": "cd .. && npm install",
+    "dev": "next dev",
+    "build": "next build",
+    "start": "next start",
+    "start:docker": "next build && next start",
+    "lint": "eslint --ext js,ts,tsx ./src",
+    "lint:fix": "eslint --fix --ext js,ts,tsx ./src",
+    "type:check": "tsc --project tsconfig.json --noEmit",
+    "storybook": "storybook dev -p 6006 -s ./public",
+    "build-storybook": "storybook build"
+  },
+  "overrides": {
+    "@storybook/nextjs": {
+      "sharp": "npm:dry-uninstall"
+    }
+  },
+  "dependencies": {
+    "@casl/ability": "^6.5.0",
+    "@casl/react": "^3.1.0",
+    "@dnd-kit/core": "^6.0.8",
+    "@dnd-kit/modifiers": "^6.0.1",
+    "@dnd-kit/sortable": "^7.0.2",
+    "@emotion/css": "^11.10.0",
+    "@emotion/server": "^11.10.0",
+    "@fontsource/inter": "^4.5.15",
+    "@fortawesome/fontawesome-svg-core": "^6.1.2",
+    "@fortawesome/free-brands-svg-icons": "^6.1.2",
+    "@fortawesome/free-regular-svg-icons": "^6.1.1",
+    "@fortawesome/free-solid-svg-icons": "^6.1.2",
+    "@fortawesome/react-fontawesome": "^0.2.0",
+    "@hcaptcha/react-hcaptcha": "^1.10.1",
+    "@headlessui/react": "^1.7.7",
+    "@hookform/resolvers": "^2.9.10",
+    "@octokit/rest": "^19.0.7",
+    "@peculiar/x509": "^1.11.0",
+    "@radix-ui/react-accordion": "^1.1.2",
+    "@radix-ui/react-alert-dialog": "^1.0.5",
+    "@radix-ui/react-checkbox": "^1.0.4",
+    "@radix-ui/react-collapsible": "^1.0.3",
+    "@radix-ui/react-dialog": "^1.0.5",
+    "@radix-ui/react-dropdown-menu": "^2.0.6",
+    "@radix-ui/react-hover-card": "^1.0.7",
+    "@radix-ui/react-label": "^2.0.2",
+    "@radix-ui/react-popover": "^1.0.7",
+    "@radix-ui/react-popper": "^1.1.3",
+    "@radix-ui/react-progress": "^1.0.3",
+    "@radix-ui/react-radio-group": "^1.1.3",
+    "@radix-ui/react-select": "^2.0.0",
+    "@radix-ui/react-switch": "^1.0.3",
+    "@radix-ui/react-tabs": "^1.0.4",
+    "@radix-ui/react-toast": "^1.1.5",
+    "@radix-ui/react-tooltip": "^1.0.7",
+    "@reduxjs/toolkit": "^1.8.3",
+    "@sindresorhus/slugify": "1.1.0",
+    "@stripe/react-stripe-js": "^1.16.3",
+    "@stripe/stripe-js": "^1.46.0",
+    "@tanstack/react-query": "^4.23.0",
+    "@types/argon2-browser": "^1.18.1",
+    "@ucast/mongo2js": "^1.3.4",
+    "add": "^2.0.6",
+    "argon2-browser": "^1.18.0",
+    "axios": "^0.28.0",
+    "axios-auth-refresh": "^3.3.6",
+    "base64-loader": "^1.0.0",
+    "classnames": "^2.3.1",
+    "cookies": "^0.9.1",
+    "cva": "npm:class-variance-authority@^0.4.0",
+    "date-fns": "^2.30.0",
+    "file-saver": "^2.0.5",
+    "framer-motion": "^6.2.3",
+    "fs": "^0.0.2",
+    "gray-matter": "^4.0.3",
+    "http-proxy": "^1.18.1",
+    "i18next": "^22.4.15",
+    "i18next-browser-languagedetector": "^7.0.1",
+    "i18next-http-backend": "^2.2.0",
+    "infisical-node": "^1.0.37",
+    "jspdf": "^2.5.2",
+    "jsrp": "^0.2.4",
+    "jwt-decode": "^3.1.2",
+    "lottie-react": "^2.4.0",
+    "markdown-it": "^13.0.1",
+    "ms": "^2.1.3",
+    "next": "^12.3.4",
+    "nprogress": "^0.2.0",
+    "picomatch": "^2.3.1",
+    "posthog-js": "^1.105.6",
+    "qrcode": "^1.5.4",
+    "query-string": "^7.1.3",
+    "react": "^17.0.2",
+    "react-beautiful-dnd": "^13.1.1",
+    "react-code-input": "^3.10.1",
+    "react-day-picker": "^8.8.0",
+    "react-dom": "^17.0.2",
+    "react-grid-layout": "^1.3.4",
+    "react-hook-form": "^7.43.0",
+    "react-i18next": "^12.2.2",
+    "react-icons": "^5.3.0",
+    "react-mailchimp-subscribe": "^2.1.3",
+    "react-markdown": "^8.0.3",
+    "react-redux": "^8.0.2",
+    "react-select": "^5.8.1",
+    "react-table": "^7.8.0",
+    "react-toastify": "^9.1.3",
+    "sanitize-html": "^2.12.1",
+    "set-cookie-parser": "^2.5.1",
+    "sharp": "^0.33.2",
+    "styled-components": "^5.3.7",
+    "tailwind-merge": "^1.8.1",
+    "tweetnacl": "^1.0.3",
+    "tweetnacl-util": "^0.15.1",
+    "uuid": "^8.3.2",
+    "uuidv4": "^6.2.13",
+    "yaml": "^2.2.2",
+    "yup": "^0.32.11",
+    "zod": "^3.22.3",
+    "zustand": "^4.5.0"
+  },
+  "devDependencies": {
+    "@storybook/addon-essentials": "^7.5.2",
+    "@storybook/addon-interactions": "^7.0.23",
+    "@storybook/addon-links": "^7.0.23",
+    "@storybook/addon-styling": "^1.3.0",
+    "@storybook/blocks": "^7.0.23",
+    "@storybook/client-api": "^7.2.1",
+    "@storybook/nextjs": "^7.0.23",
+    "@storybook/react": "^7.0.23",
+    "@storybook/testing-library": "^0.2.0",
+    "@tailwindcss/typography": "^0.5.4",
+    "@types/file-saver": "^2.0.5",
+    "@types/jsrp": "^0.2.4",
+    "@types/node": "^18.11.9",
+    "@types/picomatch": "^2.3.0",
+    "@types/qrcode": "^1.5.5",
+    "@types/react": "^18.0.26",
+    "@types/sanitize-html": "^2.9.0",
+    "@typescript-eslint/eslint-plugin": "^5.48.1",
+    "@typescript-eslint/parser": "^5.45.0",
+    "autoprefixer": "^10.4.7",
+    "cypress": "^13.3.2",
+    "eslint": "^8.32.0",
+    "eslint-config-airbnb": "^19.0.4",
+    "eslint-config-airbnb-typescript": "^17.0.0",
+    "eslint-config-next": "^13.0.5",
+    "eslint-config-prettier": "^8.6.0",
+    "eslint-import-resolver-typescript": "^3.5.2",
+    "eslint-plugin-import": "^2.27.4",
+    "eslint-plugin-jsx-a11y": "^6.7.1",
+    "eslint-plugin-prettier": "^4.2.1",
+    "eslint-plugin-react": "^7.32.0",
+    "eslint-plugin-react-hooks": "^4.6.0",
+    "eslint-plugin-simple-import-sort": "^8.0.0",
+    "eslint-plugin-storybook": "^0.6.12",
+    "postcss": "^8.4.39",
+    "prettier": "^2.8.3",
+    "prettier-plugin-tailwindcss": "^0.2.2",
+    "storybook": "^7.6.20",
+    "storybook-dark-mode": "^3.0.0",
+    "tailwindcss": "3.2",
+    "typescript": "^4.9.3"
+  }
+}

frontend-next/postcss.config.js

@@ -1,6 +1,6 @@
-export default {
+module.exports = {
   plugins: {
     tailwindcss: {},
     autoprefixer: {},
   },
-}
+};