Enforce exact dependency versions (#56)

* Enforce exact dependency versions

* Fix react-native package lint issues

* Fix ApiClient constructor mocks in tests

* Add coverage for setup and event listeners

* Fix setup test error typing

* Address PR review feedback

Author: mattinannt

.ncurc.json

@@ -0,0 +1,3 @@
+{
+  "removeRange": true
+}

.npmrc

@@ -0,0 +1 @@
+save-exact=true

apps/playground/.npmrc

@@ -1 +1,2 @@
 node-linker=hoisted
+save-exact=true

package.json

@@ -4,28 +4,28 @@
   "scripts": {
     "build": "turbo run build",
     "dev": "turbo run dev",
-    "lint": "turbo run lint",
+    "lint": "node scripts/check-exact-deps.mjs && turbo run lint",
     "format": "prettier --write \"**/*.{ts,tsx,md}\"",
     "check-types": "turbo run check-types",
     "test": "turbo run test --no-cache",
     "test:coverage": "turbo run test:coverage --no-cache"
   },
   "devDependencies": {
-    "prettier": "^3.8.1",
-    "turbo": "^2.8.8",
+    "prettier": "3.8.1",
+    "turbo": "2.8.20",
     "typescript": "5.9.3",
-    "rimraf": "6.1.2"
+    "rimraf": "6.1.3"
   },
-  "packageManager": "pnpm@10.29.3",
+  "packageManager": "pnpm@10.32.1",
   "engines": {
-    "node": ">=20"
+    "node": ">=20.19.0"
   },
   "pnpm": {
     "overrides": {
-      "on-headers": ">=1.1.0",
-      "glob": ">=11.1.0",
-      "node-forge": ">=1.3.2",
-      "js-yaml": ">=4.1.1",
+      "on-headers": "1.1.0",
+      "glob": "13.0.4",
+      "node-forge": "1.3.3",
+      "js-yaml": "4.1.1",
       "tar": "7.5.12"
     }
   }

packages/react-native/.eslintrc.cjs

@@ -1,11 +1,13 @@
+const project = "tsconfig.json";
+
 module.exports = {
   extends: [
     "@vercel/style-guide/eslint/browser",
     "@vercel/style-guide/eslint/typescript",
     "@vercel/style-guide/eslint/react",
   ].map(require.resolve),
   parserOptions: {
-    project: "tsconfig.json",
+    project,
     tsconfigRootDir: __dirname,
   },
   globals: {

packages/react-native/package.json

@@ -47,6 +47,7 @@
   "devDependencies": {
     "@types/react": "19.2.14",
     "@vercel/style-guide": "6.0.0",
+    "@vitest/eslint-plugin": "1.6.12",
     "@vitest/coverage-v8": "4.0.18",
     "react": "19.2.4",
     "react-native": "0.84.0",

packages/react-native/src/components/formbricks.tsx

@@ -1,9 +1,9 @@
+import React, { useCallback, useEffect, useSyncExternalStore } from "react";
+import { View } from "react-native";
 import { SurveyWebView } from "@/components/survey-web-view";
 import { Logger } from "@/lib/common/logger";
 import { setup } from "@/lib/common/setup";
 import { SurveyStore } from "@/lib/survey/store";
-import React, { useCallback, useEffect, useSyncExternalStore } from "react";
-import { View } from "react-native";
 
 interface FormbricksProps {
   appUrl: string;

packages/react-native/src/components/survey-web-view.tsx

@@ -1,13 +1,13 @@
 /* eslint-disable no-console -- debugging*/
+import React, { type JSX, useEffect, useRef, useState } from "react";
+import { KeyboardAvoidingView, Modal, View, StyleSheet } from "react-native";
+import { WebView, type WebViewMessageEvent } from "react-native-webview";
 import { RNConfig } from "@/lib/common/config";
 import { Logger } from "@/lib/common/logger";
 import { filterSurveys, getLanguageCode, getStyling } from "@/lib/common/utils";
 import { SurveyStore } from "@/lib/survey/store";
 import { type TUserState, ZJsRNWebViewOnMessageData } from "@/types/config";
 import type { TSurvey, SurveyContainerProps } from "@/types/survey";
-import React, { type JSX, useEffect, useRef, useState } from "react";
-import { KeyboardAvoidingView, Modal, View, StyleSheet } from "react-native";
-import { WebView, type WebViewMessageEvent } from "react-native-webview";
 
 const logger = Logger.getInstance();
 logger.configure({ logLevel: "debug" });
@@ -21,15 +21,15 @@ interface SurveyWebViewProps {
 
 export function SurveyWebView(
   props: SurveyWebViewProps
-): JSX.Element | undefined {
+): JSX.Element | null {
   const webViewRef = useRef(null);
   const [isSurveyRunning, setIsSurveyRunning] = useState(false);
   const [showSurvey, setShowSurvey] = useState(false);
   const [appConfig, setAppConfig] = useState<RNConfig | null>(null);
   const [languageCode, setLanguageCode] = useState("default");
 
   useEffect(() => {
-    const fetchConfig = async () => {
+    const fetchConfig = async (): Promise<void> => {
       const config = await RNConfig.getInstance();
       setAppConfig(config);
     };
@@ -87,7 +87,7 @@ export function SurveyWebView(
   }, [props.survey.delay, isSurveyRunning, props.survey.name]);
 
   if (!appConfig) {
-    return;
+    return null;
   }
 
   const project = appConfig.get().environment.data.project;

packages/react-native/src/index.ts

@@ -38,4 +38,6 @@ export const logout = async (): Promise<void> => {
   await queue.wait();
 };
 
+export { Formbricks } from "@/components/formbricks";
+// eslint-disable-next-line import/no-default-export -- preserve the public SDK default export
 export { Formbricks as default } from "@/components/formbricks";

packages/react-native/src/lib/common/api.ts

@@ -1,11 +1,11 @@
 import { wrapThrowsAsync } from "@/lib/common/utils";
 import {
-  ApiResponse,
-  ApiSuccessResponse,
-  CreateOrUpdateUserResponse,
+  type ApiResponse,
+  type ApiSuccessResponse,
+  type CreateOrUpdateUserResponse,
 } from "@/types/api";
-import { TEnvironmentState } from "@/types/config";
-import { ApiErrorResponse, Result, err, ok } from "@/types/error";
+import { type TEnvironmentState } from "@/types/config";
+import { type ApiErrorResponse, type Result, err, ok } from "@/types/error";
 
 export const makeRequest = async <T>(
   appUrl: string,