🧑‍💻 Better Typebot import in vanilla JS sites

packages/js/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@typebot.io/js",
-  "version": "0.0.7",
+  "version": "0.0.8",
   "description": "Javascript library to display typebots on your website",
   "type": "module",
   "main": "dist/index.js",

packages/js/src/web.ts

@@ -1,5 +1,10 @@
 import { registerWebComponents } from './register'
-import { injectTypebotInWindow } from './window'
+import { parseTypebot, injectTypebotInWindow } from './window'
 
 registerWebComponents()
-injectTypebotInWindow()
+
+const typebot = parseTypebot()
+
+injectTypebotInWindow(typebot)
+
+export default typebot

packages/js/src/window.ts

@@ -31,10 +31,7 @@ export const initBubble = (props: BubbleProps) => {
   document.body.appendChild(bubbleElement)
 }
 
-declare const window:
+type Typebot = {
-  | {
-      Typebot:
-        | {
   initStandard: typeof initStandard
   initPopup: typeof initPopup
   initBubble: typeof initBubble
@@ -45,14 +42,14 @@ declare const window:
   showPreviewMessage: typeof showPreviewMessage
   toggle: typeof toggle
 }
-        | undefined
+
+declare const window:
+  | {
+      Typebot: Typebot | undefined
     }
   | undefined
 
-export const injectTypebotInWindow = () => {
+export const parseTypebot = () => ({
-  if (typeof window === 'undefined') return
-
-  window.Typebot = {
   initStandard,
   initPopup,
   initBubble,
@@ -62,5 +59,9 @@ export const injectTypebotInWindow = () => {
   setPrefilledVariables,
   showPreviewMessage,
   toggle,
-  }
+})
+
+export const injectTypebotInWindow = (typebot: Typebot) => {
+  if (typeof window === 'undefined') return
+  window.Typebot = { ...typebot }
 }

packages/react/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@typebot.io/react",
-  "version": "0.0.7",
+  "version": "0.0.8",
   "description": "React library to display typebots on your website",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",