@rxdrag/website-studio 0.0.44 → 0.0.45

package/dist/{index-add86284.js → index-6ddf2099.js}

@@ -7,7 +7,7 @@ var __publicField = (obj, key2, value) => {
 var _a, _b, _c, _d, _e, _f, _g, _h, _i2, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A, _B, _C, _D, _E, _F, _G, _H, _I, _J, _K, _L, _M, _N, _O, _P, _Q, _R, _S, _T, _U, _V, _W, _X, _Y, _Z, __, _$2, _aa, _ba, _ca, _da, _ea, _fa, _ga, _ha, _ia, _ja, _ka, _la, _ma, _na, _oa, _pa, _qa, _ra, _sa, _ta, _ua, _va, _wa, _xa, _ya, _za, _Aa, _Ba, _Ca, _Da, _Ea, _Fa, _Ga, _Ha, _Ia, _Ja, _Ka, _La, _Ma, _Na, _Oa, _Pa, _Qa, _Ra, _Sa;
 import * as React from "react";
 import React__default, { createContext, useContext, useMemo, memo, useEffect, useCallback, useState, useRef, forwardRef as forwardRef$2, Component, useImperativeHandle, isValidElement, cloneElement } from "react";
-import { ThemeFields, PageQueryOptions, PageFields, FrontComponentQueryOptions, FrontComponentFields, ComponentCategoryFields, SectionTemplateQueryOptions, SectionTemplateFields, ComponentCategoryQueryOptions, TemplateCategoryQueryOptions, TemplateCategoryFields, ThemeQueryOptions, StyleConfigFields, LangFields, ThemeConfigQueryOptions, ThemeConfigFields, PageAssciations, PageType, ProductCategoryEntityName, ProductCategoryQueryOptions, ProductCategoryFields, ProductQueryOptions, ProductFields, PublishableStatus, websiteToInput, LangQueryOptions, WebsiteAssciations, ExtendFieldType, ThemeConfigAssciations, MediaQueryOptions, WebsiteSettingsQueryOptions, WebsiteSettingsFields, themeConfigToInputCascade, ThemeConfigEntityName, MediaType, themeConfigToInput, websiteSettingsToInput, WebsiteSettingsEntityName, WebsiteSettingsAssciations, PageEntityName, ThemeEntityName, themeToInputCascade, ThemeCategoryFields, themeToInput, frontComponentToInput, sectionTemplateToInput, pageToInputCascade, ComponentCategoryEntityName, SectionTemplateEntityName, FrontComponentEntityName, PageMetaFields, pageToInput, PageMetaAssciations, componentCategoryToInput, TemplateCategoryEntityName, templateCategoryToInput } from "@rxdrag/rxcms-models";
+import { ThemeFields, PageQueryOptions, PageFields, FrontComponentQueryOptions, FrontComponentFields, ComponentCategoryFields, SectionTemplateQueryOptions, SectionTemplateFields, ComponentCategoryQueryOptions, TemplateCategoryQueryOptions, TemplateCategoryFields, ThemeQueryOptions, StyleConfigFields, LangFields, ThemeConfigQueryOptions, ThemeConfigFields, PageAssciations, PageType, ProductCategoryEntityName, ProductCategoryQueryOptions, ProductCategoryFields, ProductQueryOptions, ProductFields, PublishableStatus, websiteToInput, TaskOwner, LangQueryOptions, WebsiteAssciations, ExtendFieldType, ThemeConfigAssciations, MediaQueryOptions, WebsiteSettingsQueryOptions, WebsiteSettingsFields, themeConfigToInputCascade, ThemeConfigEntityName, MediaType, themeConfigToInput, websiteSettingsToInput, WebsiteSettingsEntityName, WebsiteSettingsAssciations, PageEntityName, ThemeEntityName, themeToInputCascade, ThemeCategoryFields, themeToInput, frontComponentToInput, sectionTemplateToInput, pageToInputCascade, ComponentCategoryEntityName, SectionTemplateEntityName, FrontComponentEntityName, PageMetaFields, pageToInput, PageMetaAssciations, componentCategoryToInput, TemplateCategoryEntityName, templateCategoryToInput } from "@rxdrag/rxcms-models";
 import { GlobalLoading, EntityForm, SubmitButton, useListData, SearchInput, EntityPagination, useIsLoading, QueryListScope, useRemoveRow, useEditRow, EntityEditModal, useSelectionsState, EntityTable, EntityListScope, NewButton, EntityRowScope, EntitySelectField, useNewRow } from "@rxdrag/rxcms-models-ui";
 import { useOneTheme, usePageList, useTemplateCategoryList, useSectionTemplateList, useComponentCategoryList, useFrontComponentList, useOneThemeById, useUpsertOneWebsite, useDeleteThemeById, useUpsertOneTheme, useLangList, useOneWebsiteSettings, useOneThemeConfig, useUpsertOneThemeConfig, useUpsertOneWebsiteSettings, useUpsertOnePage, useUpsertOneFrontComponent, useUpsertOneSectionTemplate, useDeletePageById } from "@rxdrag/rxcms-model-hooks";
 import { newPageMetaOptions, useWebsite, useCurrentLang, ComponentType, currentLangState, useCurrentLangId, MediaSingleSelectField, FullImageSelectField, useSiteId, usePreviewUrl, LangSelect, TitleAndSlug, TitleViewField, DescriptionViewField, SiteRoot } from "@rxdrag/biz-components";
@@ -18,9 +18,9 @@ import { NodeMountedEvent, RXID_ATTR_NAME, HistoryableActionType, IFrameCanvasIm
 import { useVariables, useExecuteExpression, VariableProvider, expressionAndName, expressionTernaryName, expressionLoopName, useViewKey, createSchema, ENTIFY_SERVER_URL, staticMaterials, ViewKeyProvider, slotContentName, expressionName } from "@rxdrag/website-materials";
 import { isHTMLElement as isHTMLElement$1, isStr } from "@rxdrag/shared";
 import { isFunction as isFunction$2, debounce, keys, uniqueId } from "lodash-es";
-import { useEntifyEndpoint, useEntifyToken, useLazyQueryEntityList, useLazyQueryOneEntity, useCreateEntityClient, emitEntityChange } from "@rxdrag/entify-hooks";
+import { useEntifyEndpoint, useEntifyToken, useLazyQueryEntityList, useLazyQueryOneEntity, emitEntityChange, useCreateEntityClient } from "@rxdrag/entify-hooks";
 import dayjs from "dayjs";
-import { ErrorBoundary, ColorPicker, useSave, CheckCircleIcon as CheckCircleIcon$1, CloseIcon, ModalBody, AddIcon as AddIcon$1, TaskStopIcon, AiStarIcon, ConfirmDialog, SettingsIcon, ModalFooter, FavouriteIcon, LightIcon, DarkIcon, EditIcon, TextInput, Drawer, ModalHeader, ModalClose, SearchIcon, ModalContent as ModalContent$1, Modal as Modal$1, ModalOverlay as ModalOverlay$1, MonacoEditor, getTheFile, MoreIcon, LanguageIcon, SeoIcon, AiIcon, SettingsMinimalisticIcon, CodeSquareIcon, DownloadIcon, UploadIcon, StyledTooltip, PlayIcon, Logo, GlobalIcon, SnsIcon, LightBoltIcon, WarningIcon, PinIcon, PredefinedColorPicker, PagesIcon, WidgetIcon, LeafNode, GroupNode, TreeView, DesignIcon, RemoveIcon, ResetIcon, ImportIcon, AstroIcon, AddFolderIcon, TemplateIcon, AddTemplateIcon } from "@rxdrag/rxcms-common";
+import { ErrorBoundary, ColorPicker, useSave, CheckCircleIcon as CheckCircleIcon$1, CloseIcon, ModalBody, AddIcon as AddIcon$1, AiStarIcon, ConfirmDialog, SettingsIcon, ModalFooter, FavouriteIcon, LightIcon, DarkIcon, EditIcon, TextInput, Drawer, ModalHeader, ModalClose, SearchIcon, ModalContent as ModalContent$1, Modal as Modal$1, ModalOverlay as ModalOverlay$1, MonacoEditor, getTheFile, MoreIcon, LanguageIcon, SeoIcon, AiIcon, SettingsMinimalisticIcon, CodeSquareIcon, DownloadIcon, UploadIcon, StyledTooltip, PlayIcon, Logo, GlobalIcon, SnsIcon, LightBoltIcon, WarningIcon, PinIcon, PredefinedColorPicker, PagesIcon, WidgetIcon, LeafNode, GroupNode, TreeView, DesignIcon, RemoveIcon, ResetIcon, TaskStopIcon, ImportIcon, AstroIcon, AddFolderIcon, TemplateIcon, AddTemplateIcon } from "@rxdrag/rxcms-common";
 import { PageLoader, PopoverController, ModalController, AnimateController, TabsController, NumberController, FlipController, CollapseController, AosController } from "@rxdrag/website-lib-core";
 import gsap$2 from "gsap";
 import { Input, Textarea, StringArrayInput, ImageSelect, TargetSetter, propSetters, DeviceBreakpoints, DeviceContext } from "@rxdrag/schema-setters";
@@ -29,16 +29,16 @@ import { useEntifyWrapperStore, useUpsertEntityWithIndicator } from "@rxdrag/rxc
 import JSZip from "jszip";
 import { create as create$4 } from "zustand";
 import { Icon } from "@iconify/react";
-import { useInprogressTaskByKey, useUpdateTask, taskPool, TranslateThemeTask, TaskManager, ResetPageTask, ImportPagesTask, ImportComponentsTask } from "@rxdrag/ai-tasks";
 import { useAiUrl, useAiAgent, AiWidget, AiAgentRoot } from "@rxdrag/ai-agent";
+import { createHttpClient } from "@rxdrag/entify-lib";
 import { InputField, TextareaField, toField, ColorField, SwitchField, SelectField, PasswordField, Form } from "@rxdrag/fieldy-heroui";
 import { ObjectField, useFormValue, useForm, VirtualForm } from "@rxdrag/react-fieldy-pro";
 import "react-colorful";
 import { motion, AnimatePresence, LazyMotion, m } from "framer-motion";
 import $4AOtR$reactdom, { createPortal } from "react-dom";
 import { DeployType, useExportWebsite as useExportWebsite$1 } from "@rxdrag/code-generator";
-import "@rxdrag/entify-lib";
 import { ComponentRender } from "@rxdrag/react-runner-pro";
+import { TaskManager, useInprogressTaskByKey, useUpdateTask, taskPool, ResetPageTask, ImportPagesTask, ImportComponentsTask } from "@rxdrag/ai-tasks";
 import tinycolor from "tinycolor2";
 var jsxRuntime = { exports: {} };
 var reactJsxRuntime_production_min = {};
@@ -6582,53 +6582,116 @@ function LangCard(props) {
     }
   );
 }
-const TRANSLATE_THEME_KEY = "translate-theme";
-function useTranslateThemeTask() {
-  const theme = useStudioTheme();
-  const lang = useCurrentLang();
-  const baseThemeId = useBaseLangThemeId();
-  const appKey = (theme == null ? void 0 : theme.id) || "";
-  const taskState = useInprogressTaskByKey(TRANSLATE_THEME_KEY, appKey);
-  const setTask = useUpdateTask(appKey);
-  const entifyClient = useCreateEntityClient();
-  const task = taskState && taskState.status !== "done" ? taskPool[taskState.taskId] : void 0;
-  const aiUrl = useAiUrl();
-  const handleTaskChange = useCallback(
-    (data) => {
-      setTask(data);
-    },
-    [setTask]
-  );
-  const translateAndReset = useCallback(() => {
-    if (!(theme == null ? void 0 : theme.id)) {
-      console.error("没设置Theme");
-      return;
-    }
-    if (!entifyClient) {
-      console.error("entifyClient 创建失败");
-      return;
+const defaultSchema = {
+  componentName: "Root"
+};
+const emptyValue = { schema: void 0, config: void 0 };
+function useSchema(selectedContent) {
+  const [schema, setSchema] = useState(emptyValue);
+  const components = useFrontComponents();
+  const pages = usePages();
+  const componentsRef = useRef(components);
+  const pagesRef = useRef(pages);
+  componentsRef.current = components;
+  pagesRef.current = pages;
+  const templates = useTemplates();
+  const templatesRef = useRef(templates);
+  templatesRef.current = templates;
+  useEffect(() => {
+    var _a3, _b3, _c2, _d2, _e2, _f2, _g2, _h2, _i3, _j2;
+    let code;
+    let hasContent = false;
+    let defaultConfig2;
+    if ((selectedContent == null ? void 0 : selectedContent.type) === ContentType.Component) {
+      const component = (_a3 = componentsRef.current) == null ? void 0 : _a3.find(
+        (component2) => component2.id === selectedContent.id
+      );
+      if (component) {
+        code = component.code;
+        hasContent = true;
+      }
+    } else if ((selectedContent == null ? void 0 : selectedContent.type) === ContentType.PredefinedPage || (selectedContent == null ? void 0 : selectedContent.type) === ContentType.Page) {
+      const page = (_b3 = pagesRef.current) == null ? void 0 : _b3.find(
+        (item) => item.id === selectedContent.id
+      );
+      defaultConfig2 = {
+        pageMeta: {
+          seoTitle: (_c2 = page == null ? void 0 : page.meta) == null ? void 0 : _c2.seoTitle,
+          seoDescription: (_d2 = page == null ? void 0 : page.meta) == null ? void 0 : _d2.seoDescription,
+          seoKeywords: (_e2 = page == null ? void 0 : page.meta) == null ? void 0 : _e2.seoKeywords,
+          ogTitle: (_f2 = page == null ? void 0 : page.meta) == null ? void 0 : _f2.ogTitle,
+          ogDescription: (_g2 = page == null ? void 0 : page.meta) == null ? void 0 : _g2.ogDescription,
+          ogType: (_h2 = page == null ? void 0 : page.meta) == null ? void 0 : _h2.ogType,
+          ogImage: (_i3 = page == null ? void 0 : page.meta) == null ? void 0 : _i3.ogImage
+        }
+      };
+      if (page) {
+        code = page.code;
+        hasContent = true;
+      }
+    } else if ((selectedContent == null ? void 0 : selectedContent.type) === ContentType.Template) {
+      const template = (_j2 = templatesRef.current) == null ? void 0 : _j2.find(
+        (template2) => template2.id === selectedContent.id
+      );
+      if (template) {
+        code = template.code;
+        hasContent = true;
+      }
     }
-    if (!aiUrl) {
-      console.error("没设置aiUrl");
-      return;
+    if (code) {
+      transformCodeToSchema(code).then((value) => {
+        setSchema({
+          schema: { ...defaultSchema, children: (value == null ? void 0 : value.template) || [] },
+          config: { ...defaultConfig2, ...value.resources }
+        });
+      });
+    } else if (hasContent) {
+      setSchema({
+        schema: { ...defaultSchema, children: [] }
+      });
     }
-    if (!baseThemeId) {
-      console.error("没设置baseThemeId");
-      return;
+  }, [selectedContent == null ? void 0 : selectedContent.id, selectedContent == null ? void 0 : selectedContent.type]);
+  console.log("===>schema", schema);
+  return schema;
+}
+function useCloseDrawer() {
+  const setDrawerType = useStudioStore((state) => state.setDrawerType);
+  const drawerDocked = useStudioStore((state) => state.drawerDocked);
+  const close = useCallback(() => {
+    if (!drawerDocked) {
+      setDrawerType(void 0);
     }
-    const task2 = new TranslateThemeTask({
-      key: TRANSLATE_THEME_KEY,
-      entifyClient,
-      baseThemeId,
-      themeId: theme == null ? void 0 : theme.id,
-      lang,
-      aiUrl
-    });
-    taskPool[task2.id] = task2;
-    task2.onDataChange(handleTaskChange);
-    task2.start();
-  }, [aiUrl, baseThemeId, entifyClient, handleTaskChange, lang, theme == null ? void 0 : theme.id]);
-  return { taskState, translateAndReset, task };
+  }, [drawerDocked, setDrawerType]);
+  return close;
+}
+function useIsBaseLangTheme() {
+  var _a3, _b3;
+  const theme = useStudioTheme();
+  const website = useWebsite();
+  return ((_a3 = theme == null ? void 0 : theme.lang) == null ? void 0 : _a3.id) === ((_b3 = website == null ? void 0 : website.baseLang) == null ? void 0 : _b3.id);
+}
+function useTranslateTheme() {
+  const baseURL = useAiUrl();
+  const token = useEntifyToken();
+  const website = useWebsite();
+  const translate = useCallback(
+    async (langId, title) => {
+      if (!token || !(website == null ? void 0 : website.id)) {
+        console.error("No token or website id");
+        return;
+      }
+      const http = createHttpClient({ baseURL, token });
+      const response = await http.post("/api/translate-theme", {
+        websiteId: website == null ? void 0 : website.id,
+        langId,
+        title,
+        taskOwnerType: TaskOwner.Studio
+      });
+      console.log("translate response", response);
+    },
+    [baseURL, token, website == null ? void 0 : website.id]
+  );
+  return translate;
 }
 const linkTypes = [
   {
@@ -6699,7 +6762,7 @@ function MultiLangPanel() {
   var _a3, _b3, _c2, _d2, _e2, _f2;
   const [linkType, setLinkType] = useState("subdomain");
   const [confirmOpen, setConfirmOpen] = useState(false);
-  const [currentLang, setCurrentLang] = useCurrentLangId();
+  const [currentLangId, setCurrentLangId] = useCurrentLangId();
   const selectedContent = useStudioStore((state) => state.selectedContent);
   const setSelectedContent = useStudioStore(
     (state) => state.setSelectedContent
@@ -6707,13 +6770,13 @@ function MultiLangPanel() {
   const website = useWebsite();
   const isChanginBaseLangRef = useRef(false);
   const [upsertTheme, { isMutating: isCreating }] = useUpsertOneTheme();
-  const { taskState, task, translateAndReset } = useTranslateThemeTask();
+  const translateTheme = useTranslateTheme();
   useEffect(() => {
     var _a4;
-    if (website && !currentLang) {
-      setCurrentLang((_a4 = website.baseLang) == null ? void 0 : _a4.id);
+    if (website && !currentLangId) {
+      setCurrentLangId((_a4 = website.baseLang) == null ? void 0 : _a4.id);
     }
-  }, [currentLang, setCurrentLang, website]);
+  }, [currentLangId, setCurrentLangId, website]);
   const { data: allLangs, isLoading: allLangsLoading } = useLangList(
     new LangQueryOptions([
       LangFields.id,
@@ -6746,12 +6809,12 @@ function MultiLangPanel() {
   );
   const handleLangSelect = useCallback(
     (langId) => {
-      setCurrentLang(langId);
-      if ((selectedContent == null ? void 0 : selectedContent.id) && langId !== currentLang) {
+      setCurrentLangId(langId);
+      if ((selectedContent == null ? void 0 : selectedContent.id) && langId !== currentLangId) {
         setSelectedContent(void 0);
       }
     },
-    [selectedContent == null ? void 0 : selectedContent.id, setCurrentLang, setSelectedContent, currentLang]
+    [selectedContent == null ? void 0 : selectedContent.id, setCurrentLangId, setSelectedContent, currentLangId]
   );
   const leftLangs = useMemo(() => {
     var _a4;
@@ -6794,16 +6857,22 @@ function MultiLangPanel() {
   const handleTranslate = useCallback(() => {
     setConfirmOpen(true);
   }, []);
-  const handleStop = useCallback(() => {
-    task == null ? void 0 : task.stop();
-  }, [task]);
+  useCallback(() => {
+  }, []);
   const handleCloseConfirm = useCallback(() => {
     setConfirmOpen(false);
   }, []);
   const handleConfirm = useCallback(() => {
-    translateAndReset();
-  }, [translateAndReset]);
-  const isRunning = (taskState == null ? void 0 : taskState.status) === "in-progress";
+    var _a4;
+    if (!currentLangId) {
+      console.error("No currentLang");
+      return;
+    }
+    const lang = (_a4 = allLangs == null ? void 0 : allLangs.items) == null ? void 0 : _a4.find((lang2) => lang2.id === currentLangId);
+    const title = `网站代码翻译到：${(lang == null ? void 0 : lang.cnName) || (lang == null ? void 0 : lang.enName) || (lang == null ? void 0 : lang.localName) || (lang == null ? void 0 : lang.abbr) || ""}`;
+    translateTheme(currentLangId, title);
+  }, [translateTheme, currentLangId, allLangs == null ? void 0 : allLangs.items]);
+  const isRunning = false;
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx(ModalBody, { className: "flex-1 p-4 min-h-0 overflow-auto", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-4", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsxs(Card, { className: "bg-default-50", children: [
@@ -6863,7 +6932,7 @@ function MultiLangPanel() {
                 LangCard,
                 {
                   lang,
-                  isSelected: currentLang === lang.id,
+                  isSelected: currentLangId === lang.id,
                   isBaseLang: ((_a4 = website == null ? void 0 : website.baseLang) == null ? void 0 : _a4.id) === lang.id,
                   onSelect: handleLangSelect
                 },
@@ -6911,23 +6980,15 @@ function MultiLangPanel() {
             ] })
           ] }),
           /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mt-6 flex items-center justify-between", children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs text-default-500", children: taskState == null ? void 0 : taskState.infoMessage }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs text-default-500" }),
             /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-end gap-2", children: [
-              isRunning && /* @__PURE__ */ jsxRuntimeExports.jsx(
-                Button$2,
-                {
-                  variant: "flat",
-                  startContent: /* @__PURE__ */ jsxRuntimeExports.jsx(TaskStopIcon, { className: "size-5" }),
-                  onPress: handleStop,
-                  children: "停止"
-                }
-              ),
+              isRunning,
               /* @__PURE__ */ jsxRuntimeExports.jsx(
                 Button$2,
                 {
                   color: "primary",
                   startContent: /* @__PURE__ */ jsxRuntimeExports.jsx(AiStarIcon, { className: "size-5" }),
-                  isDisabled: currentLang === ((_d2 = website == null ? void 0 : website.baseLang) == null ? void 0 : _d2.id),
+                  isDisabled: currentLangId === ((_d2 = website == null ? void 0 : website.baseLang) == null ? void 0 : _d2.id),
                   isLoading: isRunning,
                   onPress: handleTranslate,
                   children: "翻译 & 重置"
@@ -138162,7 +138223,7 @@ registerLanguage({
   aliases: ["FreeMarker2", "Apache FreeMarker2"],
   loader: () => {
     {
-      return import("./freemarker2-0b5a20e1.js").then((m2) => m2.TagAutoInterpolationDollar);
+      return import("./freemarker2-160c0ddc.js").then((m2) => m2.TagAutoInterpolationDollar);
     }
   }
 });
@@ -138171,7 +138232,7 @@ registerLanguage({
   aliases: ["FreeMarker2 (Angle/Dollar)", "Apache FreeMarker2 (Angle/Dollar)"],
   loader: () => {
     {
-      return import("./freemarker2-0b5a20e1.js").then((m2) => m2.TagAngleInterpolationDollar);
+      return import("./freemarker2-160c0ddc.js").then((m2) => m2.TagAngleInterpolationDollar);
     }
   }
 });
@@ -138180,7 +138241,7 @@ registerLanguage({
   aliases: ["FreeMarker2 (Bracket/Dollar)", "Apache FreeMarker2 (Bracket/Dollar)"],
   loader: () => {
     {
-      return import("./freemarker2-0b5a20e1.js").then((m2) => m2.TagBracketInterpolationDollar);
+      return import("./freemarker2-160c0ddc.js").then((m2) => m2.TagBracketInterpolationDollar);
     }
   }
 });
@@ -138189,7 +138250,7 @@ registerLanguage({
   aliases: ["FreeMarker2 (Angle/Bracket)", "Apache FreeMarker2 (Angle/Bracket)"],
   loader: () => {
     {
-      return import("./freemarker2-0b5a20e1.js").then((m2) => m2.TagAngleInterpolationBracket);
+      return import("./freemarker2-160c0ddc.js").then((m2) => m2.TagAngleInterpolationBracket);
     }
   }
 });
@@ -138198,7 +138259,7 @@ registerLanguage({
   aliases: ["FreeMarker2 (Bracket/Bracket)", "Apache FreeMarker2 (Bracket/Bracket)"],
   loader: () => {
     {
-      return import("./freemarker2-0b5a20e1.js").then((m2) => m2.TagBracketInterpolationBracket);
+      return import("./freemarker2-160c0ddc.js").then((m2) => m2.TagBracketInterpolationBracket);
     }
   }
 });
@@ -138207,7 +138268,7 @@ registerLanguage({
   aliases: ["FreeMarker2 (Auto/Dollar)", "Apache FreeMarker2 (Auto/Dollar)"],
   loader: () => {
     {
-      return import("./freemarker2-0b5a20e1.js").then((m2) => m2.TagAutoInterpolationDollar);
+      return import("./freemarker2-160c0ddc.js").then((m2) => m2.TagAutoInterpolationDollar);
     }
   }
 });
@@ -138216,7 +138277,7 @@ registerLanguage({
   aliases: ["FreeMarker2 (Auto/Bracket)", "Apache FreeMarker2 (Auto/Bracket)"],
   loader: () => {
     {
-      return import("./freemarker2-0b5a20e1.js").then((m2) => m2.TagAutoInterpolationBracket);
+      return import("./freemarker2-160c0ddc.js").then((m2) => m2.TagAutoInterpolationBracket);
     }
   }
 });
@@ -138266,7 +138327,7 @@ registerLanguage({
   mimetypes: ["text/x-handlebars-template"],
   loader: () => {
     {
-      return import("./handlebars-3e804cdc.js");
+      return import("./handlebars-b83294de.js");
     }
   }
 });
@@ -138299,7 +138360,7 @@ registerLanguage({
   mimetypes: ["text/html", "text/x-jshtm", "text/template", "text/ng-template"],
   loader: () => {
     {
-      return import("./html-bef31e01.js");
+      return import("./html-e465efce.js");
     }
   }
 });
@@ -138352,7 +138413,7 @@ registerLanguage({
   mimetypes: ["text/javascript"],
   loader: () => {
     {
-      return import("./javascript-a482a18d.js");
+      return import("./javascript-a1dcfc76.js");
     }
   }
 });
@@ -138451,7 +138512,7 @@ registerLanguage({
   mimetypes: ["application/liquid"],
   loader: () => {
     {
-      return import("./liquid-91f2b334.js");
+      return import("./liquid-8e298ea5.js");
     }
   }
 });
@@ -138499,7 +138560,7 @@ registerLanguage({
   aliases: ["MDX", "mdx"],
   loader: () => {
     {
-      return import("./mdx-5b3f4043.js");
+      return import("./mdx-65c6fe0f.js");
     }
   }
 });
@@ -138758,7 +138819,7 @@ registerLanguage({
   firstLine: "^#!/.*\\bpython[0-9.-]*\\b",
   loader: () => {
     {
-      return import("./python-5ab24881.js");
+      return import("./python-55e87814.js");
     }
   }
 });
@@ -138807,7 +138868,7 @@ registerLanguage({
   mimetypes: ["text/x-cshtml"],
   loader: () => {
     {
-      return import("./razor-e2cba756.js");
+      return import("./razor-34386182.js");
     }
   }
 });
@@ -139143,7 +139204,7 @@ registerLanguage({
   mimetypes: ["text/typescript"],
   loader: () => {
     {
-      return import("./typescript-47724791.js");
+      return import("./typescript-48be5bbc.js");
     }
   }
 });
@@ -139227,7 +139288,7 @@ registerLanguage({
   mimetypes: ["text/xml", "application/xml", "application/xaml+xml", "application/xml-dtd"],
   loader: () => {
     {
-      return import("./xml-3d847f47.js");
+      return import("./xml-1520dcee.js");
     }
   }
 });
@@ -139244,7 +139305,7 @@ registerLanguage({
   mimetypes: ["application/x-yaml", "text/x-yaml"],
   loader: () => {
     {
-      return import("./yaml-f547855f.js");
+      return import("./yaml-b01c807c.js");
     }
   }
 });
@@ -139368,7 +139429,7 @@ var lessDefaults = new LanguageServiceDefaultsImpl$3(
 monaco_editor_core_exports$3.languages.css = { cssDefaults, lessDefaults, scssDefaults };
 function getMode$3() {
   {
-    return import("./cssMode-f6ed7ab1.js");
+    return import("./cssMode-8a633359.js");
   }
 }
 monaco_editor_core_exports$3.languages.onLanguage("less", () => {
@@ -139499,7 +139560,7 @@ monaco_editor_core_exports$2.languages.html = {
 };
 function getMode$2() {
   {
-    return import("./htmlMode-190446f0.js");
+    return import("./htmlMode-fed923b3.js");
   }
 }
 function registerHTMLLanguageService(languageId, options = optionsDefault, modeConfiguration = getConfigurationDefault(languageId)) {
@@ -139597,7 +139658,7 @@ var getWorker = () => getMode$1().then((mode) => mode.getWorker());
 monaco_editor_core_exports$1.languages.json = { jsonDefaults, getWorker };
 function getMode$1() {
   {
-    return import("./jsonMode-36321e55.js");
+    return import("./jsonMode-92034391.js");
   }
 }
 monaco_editor_core_exports$1.languages.register({
@@ -139873,7 +139934,7 @@ monaco_editor_core_exports.languages.typescript = {
 };
 function getMode() {
   {
-    return import("./tsMode-a884ed37.js");
+    return import("./tsMode-67ddf297.js");
   }
 }
 monaco_editor_core_exports.languages.onLanguage("typescript", () => {
@@ -190746,94 +190807,6 @@ const ThemeIcon = (props) => {
     }
   ) });
 };
-const defaultSchema = {
-  componentName: "Root"
-};
-const emptyValue = { schema: void 0, config: void 0 };
-function useSchema(selectedContent) {
-  const [schema, setSchema] = useState(emptyValue);
-  const components = useFrontComponents();
-  const pages = usePages();
-  const componentsRef = useRef(components);
-  const pagesRef = useRef(pages);
-  componentsRef.current = components;
-  pagesRef.current = pages;
-  const templates = useTemplates();
-  const templatesRef = useRef(templates);
-  templatesRef.current = templates;
-  useEffect(() => {
-    var _a3, _b3, _c2, _d2, _e2, _f2, _g2, _h2, _i3, _j2;
-    let code;
-    let hasContent = false;
-    let defaultConfig2;
-    if ((selectedContent == null ? void 0 : selectedContent.type) === ContentType.Component) {
-      const component = (_a3 = componentsRef.current) == null ? void 0 : _a3.find(
-        (component2) => component2.id === selectedContent.id
-      );
-      if (component) {
-        code = component.code;
-        hasContent = true;
-      }
-    } else if ((selectedContent == null ? void 0 : selectedContent.type) === ContentType.PredefinedPage || (selectedContent == null ? void 0 : selectedContent.type) === ContentType.Page) {
-      const page = (_b3 = pagesRef.current) == null ? void 0 : _b3.find(
-        (item) => item.id === selectedContent.id
-      );
-      defaultConfig2 = {
-        pageMeta: {
-          seoTitle: (_c2 = page == null ? void 0 : page.meta) == null ? void 0 : _c2.seoTitle,
-          seoDescription: (_d2 = page == null ? void 0 : page.meta) == null ? void 0 : _d2.seoDescription,
-          seoKeywords: (_e2 = page == null ? void 0 : page.meta) == null ? void 0 : _e2.seoKeywords,
-          ogTitle: (_f2 = page == null ? void 0 : page.meta) == null ? void 0 : _f2.ogTitle,
-          ogDescription: (_g2 = page == null ? void 0 : page.meta) == null ? void 0 : _g2.ogDescription,
-          ogType: (_h2 = page == null ? void 0 : page.meta) == null ? void 0 : _h2.ogType,
-          ogImage: (_i3 = page == null ? void 0 : page.meta) == null ? void 0 : _i3.ogImage
-        }
-      };
-      if (page) {
-        code = page.code;
-        hasContent = true;
-      }
-    } else if ((selectedContent == null ? void 0 : selectedContent.type) === ContentType.Template) {
-      const template = (_j2 = templatesRef.current) == null ? void 0 : _j2.find(
-        (template2) => template2.id === selectedContent.id
-      );
-      if (template) {
-        code = template.code;
-        hasContent = true;
-      }
-    }
-    if (code) {
-      transformCodeToSchema(code).then((value) => {
-        setSchema({
-          schema: { ...defaultSchema, children: (value == null ? void 0 : value.template) || [] },
-          config: { ...defaultConfig2, ...value.resources }
-        });
-      });
-    } else if (hasContent) {
-      setSchema({
-        schema: { ...defaultSchema, children: [] }
-      });
-    }
-  }, [selectedContent == null ? void 0 : selectedContent.id, selectedContent == null ? void 0 : selectedContent.type]);
-  console.log("===>schema", schema);
-  return schema;
-}
-function useCloseDrawer() {
-  const setDrawerType = useStudioStore((state) => state.setDrawerType);
-  const drawerDocked = useStudioStore((state) => state.drawerDocked);
-  const close = useCallback(() => {
-    if (!drawerDocked) {
-      setDrawerType(void 0);
-    }
-  }, [drawerDocked, setDrawerType]);
-  return close;
-}
-function useIsBaseLangTheme() {
-  var _a3, _b3;
-  const theme = useStudioTheme();
-  const website = useWebsite();
-  return ((_a3 = theme == null ? void 0 : theme.lang) == null ? void 0 : _a3.id) === ((_b3 = website == null ? void 0 : website.baseLang) == null ? void 0 : _b3.id);
-}
 function useImportTheme() {
   const [isUploading, setIsUploading] = useState(false);
   const [isImporting, setIsImporting] = useState(false);
@@ -203947,4 +203920,4 @@ export {
   typescriptDefaults as t,
   useCustomizedMaterials as u
 };
-//# sourceMappingURL=index-add86284.js.map
+//# sourceMappingURL=index-6ddf2099.js.map