From c2b46b66237722deccc509f498be1146333d4068 Mon Sep 17 00:00:00 2001
From: AliGhaleyan <mr.ali.serjik@gmail.com>
Date: Mon, 10 Mar 2025 00:45:09 +0330
Subject: [PATCH] feat: add extraHeadTags to ChaiBuilderEditor

---
 src/core/components/canvas/static/HeadTags.tsx | 6 ++++--
 src/core/types/chaiBuilderEditorProps.ts       | 2 ++
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/core/components/canvas/static/HeadTags.tsx b/src/core/components/canvas/static/HeadTags.tsx
index ccdc685e..9413c200 100644
--- a/src/core/components/canvas/static/HeadTags.tsx
+++ b/src/core/components/canvas/static/HeadTags.tsx
@@ -1,7 +1,7 @@
 import { map } from "lodash-es";
 import { useEffect, useMemo, useState } from "react";
 import { useFrame } from "../../../frame";
-import { useDarkMode, useSelectedBlockIds, useSelectedStylingBlocks } from "../../../hooks";
+import {useBuilderProp, useDarkMode, useSelectedBlockIds, useSelectedStylingBlocks} from "../../../hooks";
 import { useAtom } from "jotai";
 import typography from "@tailwindcss/typography";
 import forms from "@tailwindcss/forms";
@@ -10,13 +10,14 @@ import containerQueries from "@tailwindcss/container-queries";
 import { draggedBlockAtom, dropTargetBlockIdAtom } from "../dnd/atoms.ts";
 import plugin from "tailwindcss/plugin";
 import { getChaiThemeOptions, getChaiThemeCssVariables, getThemeFontsLinkMarkup } from "./ChaiThemeFn.ts";
-import { useTheme, useThemeOptions } from "../../../hooks/useTheme.ts";
+import { useTheme, useThemeOptions } from "../../../hooks";
 import { ChaiBuilderThemeValues } from "../../../types/chaiBuilderEditorProps.ts";
 import { pick } from "lodash-es";
 // @ts-ignore
 
 export const HeadTags = () => {
   const [chaiTheme] = useTheme();
+  const extraHeadTags = useBuilderProp("extraHeadTags", <></>);
 
   const chaiThemeOptions = useThemeOptions();
   // console.log(chaiTheme, chaiThemeOptions);
@@ -127,6 +128,7 @@ export const HeadTags = () => {
     <>
       <style id="chai-theme">{themeVariables}</style>
       <span id="chai-fonts" dangerouslySetInnerHTML={{ __html: fonts }} />
+      {extraHeadTags}
     </>
   );
 };
diff --git a/src/core/types/chaiBuilderEditorProps.ts b/src/core/types/chaiBuilderEditorProps.ts
index b176f6ee..f22d5145 100644
--- a/src/core/types/chaiBuilderEditorProps.ts
+++ b/src/core/types/chaiBuilderEditorProps.ts
@@ -272,4 +272,6 @@ export interface ChaiBuilderEditorProps {
    */
   pageTypes?: PageType[];
   searchPageTypeItems?: (pageTypeKey: string, query: string) => Promise<PageTypeItem[] | Error>;
+
+  extraHeadTags?: ReactNode;
 }