👷 Revert to using js lib as peer dep for proper types resolving

baptisteArno · Oct 19, 2024 · 569b19c · 569b19c
1 parent c6e8594
commit 569b19c
Show file tree

Hide file tree

Showing 14 changed files with 32 additions and 18 deletions.
diff --git a/...lder/src/features/publish/components/embeds/modals/Nextjs/InstallNextjsPackageSnippet.tsx b/...lder/src/features/publish/components/embeds/modals/Nextjs/InstallNextjsPackageSnippet.tsx
@@ -3,7 +3,7 @@ import { CodeEditor } from "@/components/inputs/CodeEditor";
 export const InstallNextjsPackageSnippet = () => {
   return (
     <CodeEditor
-      value={`npm install @typebot.io/nextjs`}
+      value={`npm install @typebot.io/js @typebot.io/nextjs`}
       isReadOnly
       lang="shell"
     />

diff --git a/...uilder/src/features/publish/components/embeds/modals/React/InstallReactPackageSnippet.tsx b/...uilder/src/features/publish/components/embeds/modals/React/InstallReactPackageSnippet.tsx
@@ -3,7 +3,7 @@ import { CodeEditor } from "@/components/inputs/CodeEditor";
 export const InstallReactPackageSnippet = () => {
   return (
     <CodeEditor
-      value={`npm install @typebot.io/react`}
+      value={`npm install @typebot.io/js @typebot.io/react`}
       isReadOnly
       lang="shell"
     />

diff --git a/apps/docs/deploy/web/libraries/next-js.mdx b/apps/docs/deploy/web/libraries/next-js.mdx
@@ -7,7 +7,7 @@ This lib is a convenient wrapper around the [Typebot React](./react) library. It
 ## Install
 
 ```bash
-npm install @typebot.io/nextjs
+npm install @typebot.io/js @typebot.io/nextjs
 ```
 
 ## Usage

diff --git a/apps/docs/deploy/web/libraries/react.mdx b/apps/docs/deploy/web/libraries/react.mdx
@@ -5,7 +5,7 @@ title: React
 ## Install
 
 ```bash
-npm install @typebot.io/react
+npm install @typebot.io/js @typebot.io/react
 ```
 
 ## Standard

diff --git a/apps/landing-page/src/app/blog/react-chatbot/page.mdx b/apps/landing-page/src/app/blog/react-chatbot/page.mdx
@@ -120,7 +120,7 @@ Typebot is an open-source platform that makes it easy to create chatbots for Rea
 4. In your React project, install **Typebot libraries**:
 
 ```bash
-npm install @typebot.io/react
+npm install @typebot.io/js @typebot.io/react
 ```
 
 5. Create a new component in your React app:

diff --git a/packages/embeds/js/package.json b/packages/embeds/js/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@typebot.io/js",
-  "version": "0.3.22",
+  "version": "0.3.23",
   "description": "Javascript library to display typebots on your website",
   "license": "FSL-1.1-ALv2",
   "type": "module",

diff --git a/packages/embeds/nextjs/README.md b/packages/embeds/nextjs/README.md
@@ -1,7 +1,7 @@
 ## Install
 
 ```bash
-npm install @typebot.io/nextjs
+npm install @typebot.io/js @typebot.io/nextjs
 ```
 
 ## Standard

diff --git a/packages/embeds/nextjs/package.json b/packages/embeds/nextjs/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@typebot.io/nextjs",
-  "version": "0.3.22",
+  "version": "0.3.23",
   "license": "FSL-1.1-ALv2",
   "description": "Convenient library to display typebots on your Next.js website",
   "type": "module",
@@ -16,6 +16,9 @@
     "dev": "tsup --watch",
     "build": "tsup"
   },
+  "dependencies": {
+    "@typebot.io/js": "workspace:*"
+  },
   "devDependencies": {
     "@typebot.io/tsconfig": "workspace:*",
     "@types/react": "18.2.15",
@@ -26,7 +29,8 @@
   },
   "peerDependencies": {
     "react": "^16.0.0 || ^17.0.0 || ^18.0.0",
-    "next": "12.x || 13.x || 14.x"
+    "next": "12.x || 13.x || 14.x",
+    "@typebot.io/js": "0.3.22"
   },
   "publishConfig": {
     "access": "public"

diff --git a/packages/embeds/nextjs/src/index.ts b/packages/embeds/nextjs/src/index.ts
@@ -21,4 +21,13 @@ export const Popup = dynamic(
   },
 );
 
-export type * from "@typebot.io/js";
+export {
+  unmount,
+  toggle,
+  showPreviewMessage,
+  setInputValue,
+  setPrefilledVariables,
+  open,
+  hidePreviewMessage,
+  close,
+} from "@typebot.io/js";
diff --git a/packages/embeds/nextjs/tsup.config.ts b/packages/embeds/nextjs/tsup.config.ts
@@ -9,5 +9,4 @@ export default defineConfig(() => ({
   banner: {
     js: '"use client"',
   },
-  external: process.env.CI ? undefined : ["@typebot.io/js"],
 }));
diff --git a/packages/embeds/react/README.md b/packages/embeds/react/README.md
@@ -1,7 +1,7 @@
 ## Install
 
 ```bash
-npm install @typebot.io/react
+npm install @typebot.io/js @typebot.io/react
 ```
 
 ## Standard

diff --git a/packages/embeds/react/package.json b/packages/embeds/react/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@typebot.io/react",
-  "version": "0.3.22",
+  "version": "0.3.23",
   "description": "Convenient library to display typebots on your React app",
   "license": "FSL-1.1-ALv2",
   "type": "module",
@@ -16,15 +16,18 @@
     "dev": "tsup --watch",
     "build": "tsup"
   },
+  "dependencies": {
+    "@typebot.io/js": "workspace:*"
+  },
   "devDependencies": {
     "@typebot.io/tsconfig": "workspace:*",
     "@types/react": "18.2.15",
     "tsup": "8.3.0",
-    "react": "18.2.0",
-    "@typebot.io/js": "workspace:*"
+    "react": "18.2.0"
   },
   "peerDependencies": {
-    "react": "^16.0.0 || ^17.0.0 || ^18.0.0"
+    "react": "^16.0.0 || ^17.0.0 || ^18.0.0",
+    "@typebot.io/js": "0.3.22"
   },
   "publishConfig": {
     "access": "public"

diff --git a/packages/embeds/react/src/index.ts b/packages/embeds/react/src/index.ts
@@ -2,4 +2,4 @@ export { Standard } from "./Standard";
 export { Bubble } from "./Bubble";
 export { Popup } from "./Popup";
 
-export type * from "@typebot.io/js";
+export * from "@typebot.io/js";
diff --git a/packages/embeds/react/tsup.config.ts b/packages/embeds/react/tsup.config.ts
@@ -6,5 +6,4 @@ export default defineConfig((options) => ({
   format: "esm",
   platform: "browser",
   dts: true,
-  external: process.env.CI ? undefined : ["@typebot.io/js"],
 }));