chore: add react email dev server & fix package npm deps (formbricks#…

…3350) Co-authored-by: Dhruwang <dhruwangjariwala18@gmail.com>
samuelronald · Oct 10, 2024 · cf4eec5 · cf4eec5
1 parent cedb0b2
commit cf4eec5
Show file tree

Hide file tree

Showing 55 changed files with 2,051 additions and 2,433 deletions.
diff --git a/.npmrc b/.npmrc
@@ -5,4 +5,5 @@ shared-workspace-shrinkwrap = true
 access = public
 enable-pre-post-scripts = true
 legacy-peer-deps=true
-node-linker=hoisted
+node-linker=hoisted
+save-exact=true
diff --git a/apps/demo-react-native/package.json b/apps/demo-react-native/package.json
@@ -13,16 +13,16 @@
   "dependencies": {
     "@formbricks/js": "workspace:*",
     "@formbricks/react-native": "workspace:*",
-    "expo": "^51.0.26",
-    "expo-status-bar": "~1.12.1",
-    "react": "^18.2.0",
-    "react-native": "^0.74.4",
+    "expo": "51.0.26",
+    "expo-status-bar": "1.12.1",
+    "react": "18.3.1",
+    "react-native": "0.74.4",
     "react-native-webview": "13.8.6"
   },
   "devDependencies": {
-    "@babel/core": "^7.25.2",
-    "@types/react": "~18.2.79",
-    "typescript": "^5.3.3"
+    "@babel/core": "7.25.2",
+    "@types/react": "18.3.11",
+    "typescript": "5.3.3"
   },
   "private": true
 }
diff --git a/apps/demo/package.json b/apps/demo/package.json
@@ -13,7 +13,7 @@
   "dependencies": {
     "@formbricks/js": "workspace:*",
     "@formbricks/ui": "workspace:*",
-    "lucide-react": "^0.418.0",
+    "lucide-react": "0.418.0",
     "next": "14.2.5",
     "react": "18.3.1",
     "react-dom": "18.3.1"

diff --git a/apps/docs/package.json b/apps/docs/package.json
@@ -12,62 +12,62 @@
   },
   "browserslist": "defaults, not ie <= 11",
   "dependencies": {
-    "@algolia/autocomplete-core": "^1.17.4",
-    "@calcom/embed-react": "^1.5.1",
+    "@algolia/autocomplete-core": "1.17.4",
+    "@calcom/embed-react": "1.5.1",
     "@docsearch/css": "3",
-    "@docsearch/react": "^3.6.2",
+    "@docsearch/react": "3.6.2",
     "@formbricks/lib": "workspace:*",
     "@formbricks/types": "workspace:*",
     "@formbricks/ui": "workspace:*",
-    "@headlessui/react": "^2.1.9",
-    "@headlessui/tailwindcss": "^0.2.1",
-    "@mapbox/rehype-prism": "^0.9.0",
-    "@mdx-js/loader": "^3.0.1",
-    "@mdx-js/react": "^3.0.1",
+    "@headlessui/react": "2.1.9",
+    "@headlessui/tailwindcss": "0.2.1",
+    "@mapbox/rehype-prism": "0.9.0",
+    "@mdx-js/loader": "3.0.1",
+    "@mdx-js/react": "3.0.1",
     "@next/mdx": "14.2.15",
-    "@paralleldrive/cuid2": "^2.2.2",
-    "@sindresorhus/slugify": "^2.2.1",
-    "@tailwindcss/typography": "^0.5.15",
-    "acorn": "^8.12.1",
-    "autoprefixer": "^10.4.20",
-    "clsx": "^2.1.1",
-    "fast-glob": "^3.3.2",
-    "flexsearch": "^0.7.43",
+    "@paralleldrive/cuid2": "2.2.2",
+    "@sindresorhus/slugify": "2.2.1",
+    "@tailwindcss/typography": "0.5.15",
+    "acorn": "8.12.1",
+    "autoprefixer": "10.4.20",
+    "clsx": "2.1.1",
+    "fast-glob": "3.3.2",
+    "flexsearch": "0.7.43",
     "framer-motion": "11.11.4",
-    "lottie-web": "^5.12.2",
-    "lucide": "^0.451.0",
-    "lucide-react": "^0.451.0",
-    "mdast-util-to-string": "^4.0.0",
-    "mdx-annotations": "^0.1.4",
+    "lottie-web": "5.12.2",
+    "lucide": "0.451.0",
+    "lucide-react": "0.451.0",
+    "mdast-util-to-string": "4.0.0",
+    "mdx-annotations": "0.1.4",
     "next": "14.2.15",
-    "next-plausible": "^3.12.2",
-    "next-seo": "^6.6.0",
-    "next-sitemap": "^4.2.3",
-    "next-themes": "^0.3.0",
-    "node-fetch": "^3.3.2",
-    "prism-react-renderer": "^2.4.0",
-    "prismjs": "^1.29.0",
+    "next-plausible": "3.12.2",
+    "next-seo": "6.6.0",
+    "next-sitemap": "4.2.3",
+    "next-themes": "0.3.0",
+    "node-fetch": "3.3.2",
+    "prism-react-renderer": "2.4.0",
+    "prismjs": "1.29.0",
     "react": "18.3.1",
     "react-dom": "18.3.1",
-    "react-highlight-words": "^0.20.0",
-    "react-markdown": "^9.0.1",
-    "react-responsive-embed": "^2.1.0",
-    "remark": "^15.0.1",
-    "remark-gfm": "^4.0.0",
-    "remark-mdx": "^3.0.1",
-    "schema-dts": "^1.1.2",
-    "sharp": "^0.33.5",
-    "shiki": "^0.14.7",
-    "simple-functional-loader": "^1.2.1",
-    "tailwindcss": "^3.4.13",
-    "unist-util-filter": "^5.0.1",
-    "unist-util-visit": "^5.0.0",
-    "zustand": "^4.5.5"
+    "react-highlight-words": "0.20.0",
+    "react-markdown": "9.0.1",
+    "react-responsive-embed": "2.1.0",
+    "remark": "15.0.1",
+    "remark-gfm": "4.0.0",
+    "remark-mdx": "3.0.1",
+    "schema-dts": "1.1.2",
+    "sharp": "0.33.5",
+    "shiki": "0.14.7",
+    "simple-functional-loader": "1.2.1",
+    "tailwindcss": "3.4.13",
+    "unist-util-filter": "5.0.1",
+    "unist-util-visit": "5.0.0",
+    "zustand": "4.5.5"
   },
   "devDependencies": {
     "@formbricks/config-typescript": "workspace:*",
-    "@types/dompurify": "^3.0.5",
-    "@types/react-highlight-words": "^0.20.0",
+    "@types/dompurify": "3.0.5",
+    "@types/react-highlight-words": "0.20.0",
     "@formbricks/eslint-config": "workspace:*"
   }
 }
diff --git a/apps/storybook/package.json b/apps/storybook/package.json
@@ -12,30 +12,30 @@
   },
   "dependencies": {
     "@formbricks/ui": "workspace:*",
-    "eslint-plugin-react-refresh": "^0.4.12",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1"
+    "eslint-plugin-react-refresh": "0.4.12",
+    "react": "18.3.1",
+    "react-dom": "18.3.1"
   },
   "devDependencies": {
-    "@chromatic-com/storybook": "^2.0.2",
+    "@chromatic-com/storybook": "2.0.2",
     "@formbricks/config-typescript": "workspace:*",
-    "@storybook/addon-a11y": "^8.3.5",
-    "@storybook/addon-essentials": "^8.3.5",
-    "@storybook/addon-interactions": "^8.3.5",
-    "@storybook/addon-links": "^8.3.5",
-    "@storybook/addon-onboarding": "^8.3.5",
-    "@storybook/blocks": "^8.3.5",
-    "@storybook/react": "^8.3.5",
-    "@storybook/react-vite": "^8.3.5",
-    "@storybook/test": "^8.3.5",
-    "@typescript-eslint/eslint-plugin": "^8.8.1",
-    "@typescript-eslint/parser": "^8.8.1",
-    "@vitejs/plugin-react": "^4.3.2",
-    "esbuild": "^0.24.0",
-    "eslint-plugin-storybook": "^0.9.0",
-    "prop-types": "^15.8.1",
-    "storybook": "^8.3.5",
-    "tsup": "^8.3.0",
-    "vite": "^5.4.8"
+    "@storybook/addon-a11y": "8.3.5",
+    "@storybook/addon-essentials": "8.3.5",
+    "@storybook/addon-interactions": "8.3.5",
+    "@storybook/addon-links": "8.3.5",
+    "@storybook/addon-onboarding": "8.3.5",
+    "@storybook/blocks": "8.3.5",
+    "@storybook/react": "8.3.5",
+    "@storybook/react-vite": "8.3.5",
+    "@storybook/test": "8.3.5",
+    "@typescript-eslint/eslint-plugin": "8.8.1",
+    "@typescript-eslint/parser": "8.8.1",
+    "@vitejs/plugin-react": "4.3.2",
+    "esbuild": "0.24.0",
+    "eslint-plugin-storybook": "0.9.0",
+    "prop-types": "15.8.1",
+    "storybook": "8.3.5",
+    "tsup": "8.3.0",
+    "vite": "5.4.8"
   }
 }
diff --git a/.../environments/[environmentId]/surveys/[surveyId]/(analysis)/summary/lib/emailTemplate.tsx b/.../environments/[environmentId]/surveys/[surveyId]/(analysis)/summary/lib/emailTemplate.tsx
@@ -1,4 +1,4 @@
-import { getPreviewEmailTemplateHtml } from "@formbricks/email/components/survey/preview-email-template";
+import { getPreviewEmailTemplateHtml } from "@formbricks/email/components/preview-email-template";
 import { WEBAPP_URL } from "@formbricks/lib/constants";
 import { getProductByEnvironmentId } from "@formbricks/lib/product/service";
 import { getSurvey } from "@formbricks/lib/survey/service";
@@ -16,7 +16,7 @@ export const getEmailTemplateHtml = async (surveyId: string) => {
 
   const styling = getStyling(product, survey);
   const surveyUrl = WEBAPP_URL + "/s/" + survey.id;
-  const html = getPreviewEmailTemplateHtml(survey, surveyUrl, styling);
+  const html = await getPreviewEmailTemplateHtml(survey, surveyUrl, styling);
   const doctype =
     '<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">';
   const htmlCleaned = html.toString().replace(doctype, "");

diff --git a/apps/web/package.json b/apps/web/package.json
@@ -12,10 +12,10 @@
     "lint": "next lint"
   },
   "dependencies": {
-    "@dnd-kit/core": "^6.1.0",
-    "@dnd-kit/modifiers": "^7.0.0",
-    "@dnd-kit/sortable": "^8.0.0",
-    "@dnd-kit/utilities": "^3.2.2",
+    "@dnd-kit/core": "6.1.0",
+    "@dnd-kit/modifiers": "7.0.0",
+    "@dnd-kit/sortable": "8.0.0",
+    "@dnd-kit/utilities": "3.2.2",
     "@formbricks/api": "workspace:*",
     "@formbricks/database": "workspace:*",
     "@formbricks/ee": "workspace:*",
@@ -26,52 +26,52 @@
     "@formbricks/surveys": "workspace:*",
     "@formbricks/types": "workspace:*",
     "@formbricks/ui": "workspace:*",
-    "@hookform/resolvers": "^3.9.0",
-    "@json2csv/node": "^7.0.6",
-    "@paralleldrive/cuid2": "^2.2.2",
-    "@radix-ui/react-collapsible": "^1.1.1",
-    "@react-email/components": "^0.0.25",
-    "@sentry/nextjs": "^8.33.1",
-    "@tanstack/react-table": "^8.20.5",
-    "@vercel/og": "^0.6.3",
-    "@vercel/speed-insights": "^1.0.12",
-    "bcryptjs": "^2.4.3",
-    "dotenv": "^16.4.5",
-    "encoding": "^0.1.13",
-    "file-loader": "^6.2.0",
+    "@hookform/resolvers": "3.9.0",
+    "@json2csv/node": "7.0.6",
+    "@paralleldrive/cuid2": "2.2.2",
+    "@radix-ui/react-collapsible": "1.1.1",
+    "@react-email/components": "0.0.25",
+    "@sentry/nextjs": "8.33.1",
+    "@tanstack/react-table": "8.20.5",
+    "@vercel/og": "0.6.3",
+    "@vercel/speed-insights": "1.0.12",
+    "bcryptjs": "2.4.3",
+    "dotenv": "16.4.5",
+    "encoding": "0.1.13",
+    "file-loader": "6.2.0",
     "framer-motion": "11.11.4",
-    "googleapis": "^144.0.0",
-    "jiti": "^2.3.3",
-    "jsonwebtoken": "^9.0.2",
-    "lodash": "^4.17.21",
-    "lru-cache": "^11.0.1",
-    "lucide-react": "^0.451.0",
-    "mime": "^4.0.4",
+    "googleapis": "144.0.0",
+    "jiti": "2.3.3",
+    "jsonwebtoken": "9.0.2",
+    "lodash": "4.17.21",
+    "lru-cache": "11.0.1",
+    "lucide-react": "0.451.0",
+    "mime": "4.0.4",
     "next": "14.2.15",
-    "next-safe-action": "^7.9.3",
-    "optional": "^0.1.4",
-    "otplib": "^12.0.1",
-    "papaparse": "^5.4.1",
-    "posthog-js": "^1.167.0",
-    "prismjs": "^1.29.0",
+    "next-safe-action": "7.9.3",
+    "optional": "0.1.4",
+    "otplib": "12.0.1",
+    "papaparse": "5.4.1",
+    "posthog-js": "1.167.0",
+    "prismjs": "1.29.0",
     "react": "18.3.1",
     "react-dom": "18.3.1",
-    "react-hook-form": "^7.53.0",
-    "react-hot-toast": "^2.4.1",
-    "redis": "^4.7.0",
-    "sharp": "^0.33.5",
-    "ua-parser-js": "^1.0.39",
-    "webpack": "^5.95.0",
-    "xlsx": "^0.18.5"
+    "react-hook-form": "7.53.0",
+    "react-hot-toast": "2.4.1",
+    "redis": "4.7.0",
+    "sharp": "0.33.5",
+    "ua-parser-js": "1.0.39",
+    "webpack": "5.95.0",
+    "xlsx": "0.18.5"
   },
   "devDependencies": {
     "@formbricks/config-typescript": "workspace:*",
     "@formbricks/eslint-config": "workspace:*",
-    "@neshca/cache-handler": "^1.7.3",
-    "@types/bcryptjs": "^2.4.6",
-    "@types/lodash": "^4.17.10",
-    "@types/markdown-it": "^14.1.2",
-    "@types/papaparse": "^5.3.14",
-    "@types/qrcode": "^1.5.5"
+    "@neshca/cache-handler": "1.7.3",
+    "@types/bcryptjs": "2.4.6",
+    "@types/lodash": "4.17.10",
+    "@types/markdown-it": "14.1.2",
+    "@types/papaparse": "5.3.14",
+    "@types/qrcode": "1.5.5"
   }
 }
diff --git a/package.json b/package.json
@@ -32,14 +32,14 @@
     "storybook": "turbo run storybook"
   },
   "devDependencies": {
-    "@playwright/test": "^1.45.3",
+    "@playwright/test": "1.45.3",
     "@formbricks/eslint-config": "workspace:*",
-    "eslint": "^8.57.0",
-    "husky": "^9.1.4",
-    "lint-staged": "^15.2.7",
-    "rimraf": "^6.0.1",
-    "tsx": "^4.16.5",
-    "turbo": "^2.0.11"
+    "eslint": "8.57.0",
+    "husky": "9.1.4",
+    "lint-staged": "15.2.7",
+    "rimraf": "6.0.1",
+    "tsx": "4.16.5",
+    "turbo": "2.0.11"
   },
   "lint-staged": {
     "(apps|packages)/**/*.{js,ts,jsx,tsx}": [
@@ -64,7 +64,7 @@
     "showDetails": true
   },
   "dependencies": {
-    "@changesets/cli": "^2.27.7",
-    "playwright": "^1.45.3"
+    "@changesets/cli": "2.27.7",
+    "playwright": "1.45.3"
   }
 }
diff --git a/packages/api/package.json b/packages/api/package.json
@@ -37,11 +37,11 @@
     "@formbricks/config-typescript": "workspace:*",
     "@formbricks/eslint-config": "workspace:*",
     "@formbricks/types": "workspace:*",
-    "@rollup/plugin-inject": "^5.0.5",
-    "buffer": "^6.0.3",
-    "terser": "^5.31.6",
-    "vite": "^5.4.1",
-    "vite-plugin-dts": "^3.9.1",
-    "vite-plugin-node-polyfills": "^0.22.0"
+    "@rollup/plugin-inject": "5.0.5",
+    "buffer": "6.0.3",
+    "terser": "5.31.6",
+    "vite": "5.4.8",
+    "vite-plugin-dts": "3.9.1",
+    "vite-plugin-node-polyfills": "0.22.0"
   }
 }
diff --git a/packages/config-eslint/package.json b/packages/config-eslint/package.json
@@ -3,15 +3,15 @@
   "version": "0.0.0",
   "private": true,
   "devDependencies": {
-    "@next/eslint-plugin-next": "^14.2.5",
-    "@typescript-eslint/eslint-plugin": "^8.0.0",
-    "@typescript-eslint/parser": "^8.0.0",
-    "@vercel/style-guide": "^6.0.0",
-    "eslint-config-next": "^14.2.5",
-    "eslint-config-prettier": "^9.1.0",
-    "eslint-config-turbo": "^2.0.14",
+    "@next/eslint-plugin-next": "14.2.5",
+    "@typescript-eslint/eslint-plugin": "8.0.0",
+    "@typescript-eslint/parser": "8.0.0",
+    "@vercel/style-guide": "6.0.0",
+    "eslint-config-next": "14.2.5",
+    "eslint-config-prettier": "9.1.0",
+    "eslint-config-turbo": "2.0.14",
     "eslint-plugin-react": "7.35.0",
-    "eslint-plugin-react-hooks": "^4.6.2",
-    "eslint-plugin-react-refresh": "^0.4.9"
+    "eslint-plugin-react-hooks": "4.6.2",
+    "eslint-plugin-react-refresh": "0.4.9"
   }
 }