🚑 (bot) Share inject custom head code again

packages/embeds/js/package.json

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

packages/embeds/js/src/utils/injectStartProps.ts

@@ -2,9 +2,8 @@
 import { initGoogleAnalytics } from '@/lib/gtag'
 import { gtmBodyElement } from '@/lib/gtm'
 import { initPixel } from '@/lib/pixel'
-import { isNotEmpty } from '@typebot.io/lib/utils'
+import { injectCustomHeadCode, isNotEmpty } from '@typebot.io/lib/utils'
 import { StartPropsToInject } from '@typebot.io/schemas'
-import { injectCustomHeadCode } from './injectCustomHeadCode'
 
 export const injectStartProps = async (
   startPropsToInject: StartPropsToInject

packages/embeds/react/package.json

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

packages/lib/utils.ts

@@ -286,6 +286,38 @@ export const getViewerUrl = (props?: {
 export const parseNumberWithCommas = (num: number) =>
   num.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',')
 
+export const injectCustomHeadCode = (customHeadCode: string) => {
+  customHeadCode = customHeadCode.replace(
+    /<script>/g,
+    `<script>
+try {`
+  )
+  customHeadCode = customHeadCode.replace(
+    /<\/script>/g,
+    `} catch(e) {
+  console.warn("Error while executing custom head code", e)
+}
+</script>`
+  )
+  const headCodes = customHeadCode.split('</noscript>')
+  headCodes.forEach((headCode) => {
+    const [codeToInject, noScriptContentToInject] = headCode.split('<noscript>')
+    const fragment = document
+      .createRange()
+      .createContextualFragment(codeToInject)
+    document.head.append(fragment)
+
+    if (isNotDefined(noScriptContentToInject)) return
+
+    const noScriptElement = document.createElement('noscript')
+    const noScriptContentFragment = document
+      .createRange()
+      .createContextualFragment(noScriptContentToInject)
+    noScriptElement.append(noScriptContentFragment)
+    document.head.append(noScriptElement)
+  })
+}
+
 export const getAtPath = <T>(obj: T, path: string): unknown => {
   if (isNotDefined(obj)) return undefined
   const pathParts = path.split('.')