@rxdrag/website-studio 0.0.43 → 0.0.44

package/dist/{index-716d5730.js → index-add86284.js}

@@ -37,6 +37,7 @@ 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 tinycolor from "tinycolor2";
 var jsxRuntime = { exports: {} };
@@ -1280,7 +1281,7 @@ function newComponentCategoryQueryOptions(themeId) {
 }
 function StudioRoot(props) {
   var _a3, _b3;
-  const { theme, previewUrl, children } = props;
+  const { theme, deployUrl, children } = props;
   const website = useWebsite();
   const { data: baseLangThemeData, isLoading: baseLangThemeLoading } = useOneTheme(
     new ThemeQueryOptions([ThemeFields.id, ThemeFields.parentThemeId], {
@@ -1409,20 +1410,9 @@ function StudioRoot(props) {
       parentTheme,
       baseLangThemeId: baseLangThemeData == null ? void 0 : baseLangThemeData.id,
       loading,
-      previewUrl
+      deployUrl
     };
-  }, [
-    theme,
-    templateCategories,
-    templatesData == null ? void 0 : templatesData.items,
-    componentCategories,
-    componentsData == null ? void 0 : componentsData.items,
-    pagesData == null ? void 0 : pagesData.items,
-    parentTheme,
-    baseLangThemeData == null ? void 0 : baseLangThemeData.id,
-    loading,
-    previewUrl
-  ]);
+  }, [theme, templateCategories, templatesData == null ? void 0 : templatesData.items, componentCategories, componentsData == null ? void 0 : componentsData.items, pagesData == null ? void 0 : pagesData.items, parentTheme, baseLangThemeData == null ? void 0 : baseLangThemeData.id, loading, deployUrl]);
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(StudioContext.Provider, { value: studioData, children: [
     children,
     /* @__PURE__ */ jsxRuntimeExports.jsx(GlobalLoading, { loading })
@@ -138172,7 +138162,7 @@ registerLanguage({
   aliases: ["FreeMarker2", "Apache FreeMarker2"],
   loader: () => {
     {
-      return import("./freemarker2-fa37c278.js").then((m2) => m2.TagAutoInterpolationDollar);
+      return import("./freemarker2-0b5a20e1.js").then((m2) => m2.TagAutoInterpolationDollar);
     }
   }
 });
@@ -138181,7 +138171,7 @@ registerLanguage({
   aliases: ["FreeMarker2 (Angle/Dollar)", "Apache FreeMarker2 (Angle/Dollar)"],
   loader: () => {
     {
-      return import("./freemarker2-fa37c278.js").then((m2) => m2.TagAngleInterpolationDollar);
+      return import("./freemarker2-0b5a20e1.js").then((m2) => m2.TagAngleInterpolationDollar);
     }
   }
 });
@@ -138190,7 +138180,7 @@ registerLanguage({
   aliases: ["FreeMarker2 (Bracket/Dollar)", "Apache FreeMarker2 (Bracket/Dollar)"],
   loader: () => {
     {
-      return import("./freemarker2-fa37c278.js").then((m2) => m2.TagBracketInterpolationDollar);
+      return import("./freemarker2-0b5a20e1.js").then((m2) => m2.TagBracketInterpolationDollar);
     }
   }
 });
@@ -138199,7 +138189,7 @@ registerLanguage({
   aliases: ["FreeMarker2 (Angle/Bracket)", "Apache FreeMarker2 (Angle/Bracket)"],
   loader: () => {
     {
-      return import("./freemarker2-fa37c278.js").then((m2) => m2.TagAngleInterpolationBracket);
+      return import("./freemarker2-0b5a20e1.js").then((m2) => m2.TagAngleInterpolationBracket);
     }
   }
 });
@@ -138208,7 +138198,7 @@ registerLanguage({
   aliases: ["FreeMarker2 (Bracket/Bracket)", "Apache FreeMarker2 (Bracket/Bracket)"],
   loader: () => {
     {
-      return import("./freemarker2-fa37c278.js").then((m2) => m2.TagBracketInterpolationBracket);
+      return import("./freemarker2-0b5a20e1.js").then((m2) => m2.TagBracketInterpolationBracket);
     }
   }
 });
@@ -138217,7 +138207,7 @@ registerLanguage({
   aliases: ["FreeMarker2 (Auto/Dollar)", "Apache FreeMarker2 (Auto/Dollar)"],
   loader: () => {
     {
-      return import("./freemarker2-fa37c278.js").then((m2) => m2.TagAutoInterpolationDollar);
+      return import("./freemarker2-0b5a20e1.js").then((m2) => m2.TagAutoInterpolationDollar);
     }
   }
 });
@@ -138226,7 +138216,7 @@ registerLanguage({
   aliases: ["FreeMarker2 (Auto/Bracket)", "Apache FreeMarker2 (Auto/Bracket)"],
   loader: () => {
     {
-      return import("./freemarker2-fa37c278.js").then((m2) => m2.TagAutoInterpolationBracket);
+      return import("./freemarker2-0b5a20e1.js").then((m2) => m2.TagAutoInterpolationBracket);
     }
   }
 });
@@ -138276,7 +138266,7 @@ registerLanguage({
   mimetypes: ["text/x-handlebars-template"],
   loader: () => {
     {
-      return import("./handlebars-fd006403.js");
+      return import("./handlebars-3e804cdc.js");
     }
   }
 });
@@ -138309,7 +138299,7 @@ registerLanguage({
   mimetypes: ["text/html", "text/x-jshtm", "text/template", "text/ng-template"],
   loader: () => {
     {
-      return import("./html-3604e3ba.js");
+      return import("./html-bef31e01.js");
     }
   }
 });
@@ -138362,7 +138352,7 @@ registerLanguage({
   mimetypes: ["text/javascript"],
   loader: () => {
     {
-      return import("./javascript-318c4e10.js");
+      return import("./javascript-a482a18d.js");
     }
   }
 });
@@ -138461,7 +138451,7 @@ registerLanguage({
   mimetypes: ["application/liquid"],
   loader: () => {
     {
-      return import("./liquid-fc2531a6.js");
+      return import("./liquid-91f2b334.js");
     }
   }
 });
@@ -138509,7 +138499,7 @@ registerLanguage({
   aliases: ["MDX", "mdx"],
   loader: () => {
     {
-      return import("./mdx-91f5933a.js");
+      return import("./mdx-5b3f4043.js");
     }
   }
 });
@@ -138768,7 +138758,7 @@ registerLanguage({
   firstLine: "^#!/.*\\bpython[0-9.-]*\\b",
   loader: () => {
     {
-      return import("./python-a455e25d.js");
+      return import("./python-5ab24881.js");
     }
   }
 });
@@ -138817,7 +138807,7 @@ registerLanguage({
   mimetypes: ["text/x-cshtml"],
   loader: () => {
     {
-      return import("./razor-8f4c02a1.js");
+      return import("./razor-e2cba756.js");
     }
   }
 });
@@ -139153,7 +139143,7 @@ registerLanguage({
   mimetypes: ["text/typescript"],
   loader: () => {
     {
-      return import("./typescript-b387ecba.js");
+      return import("./typescript-47724791.js");
     }
   }
 });
@@ -139237,7 +139227,7 @@ registerLanguage({
   mimetypes: ["text/xml", "application/xml", "application/xaml+xml", "application/xml-dtd"],
   loader: () => {
     {
-      return import("./xml-df668467.js");
+      return import("./xml-3d847f47.js");
     }
   }
 });
@@ -139254,7 +139244,7 @@ registerLanguage({
   mimetypes: ["application/x-yaml", "text/x-yaml"],
   loader: () => {
     {
-      return import("./yaml-44a8e644.js");
+      return import("./yaml-f547855f.js");
     }
   }
 });
@@ -139378,7 +139368,7 @@ var lessDefaults = new LanguageServiceDefaultsImpl$3(
 monaco_editor_core_exports$3.languages.css = { cssDefaults, lessDefaults, scssDefaults };
 function getMode$3() {
   {
-    return import("./cssMode-f11274aa.js");
+    return import("./cssMode-f6ed7ab1.js");
   }
 }
 monaco_editor_core_exports$3.languages.onLanguage("less", () => {
@@ -139509,7 +139499,7 @@ monaco_editor_core_exports$2.languages.html = {
 };
 function getMode$2() {
   {
-    return import("./htmlMode-89afac94.js");
+    return import("./htmlMode-190446f0.js");
   }
 }
 function registerHTMLLanguageService(languageId, options = optionsDefault, modeConfiguration = getConfigurationDefault(languageId)) {
@@ -139607,7 +139597,7 @@ var getWorker = () => getMode$1().then((mode) => mode.getWorker());
 monaco_editor_core_exports$1.languages.json = { jsonDefaults, getWorker };
 function getMode$1() {
   {
-    return import("./jsonMode-45023839.js");
+    return import("./jsonMode-36321e55.js");
   }
 }
 monaco_editor_core_exports$1.languages.register({
@@ -139883,7 +139873,7 @@ monaco_editor_core_exports.languages.typescript = {
 };
 function getMode() {
   {
-    return import("./tsMode-b18c77cc.js");
+    return import("./tsMode-a884ed37.js");
   }
 }
 monaco_editor_core_exports.languages.onLanguage("typescript", () => {
@@ -198170,8 +198160,23 @@ function Welcome(props) {
     ] })
   ] });
 }
-const WebsiteToolbar = memo(() => {
+async function uploadDeploymentFile(formData, deployURL) {
+  console.log("uploadDeploymentFile to", deployURL);
+  if (!deployURL) {
+    throw new Error("No deploy URL");
+  }
+  const response = await fetch(deployURL, {
+    method: "POST",
+    body: formData
+  });
+  if (!response.ok) {
+    throw new Error("Network response was not ok");
+  }
+  return await Promise.resolve();
+}
+const WebsiteToolbar = memo((props) => {
   var _a3, _b3;
+  const { deployUrl } = props;
   const [isDeploying, setIsDeploying] = useState(false);
   const setError = useEntifyWrapperStore((state) => state.setGlobalError);
   const website = useWebsite();
@@ -198186,15 +198191,20 @@ const WebsiteToolbar = memo(() => {
   const deployWebsite = useCallback(async () => {
     try {
       setIsDeploying(true);
+      const content = "hello world";
+      const blob = new Blob([content], { type: "text/plain" });
+      const formData = new FormData();
+      formData.append("websiteId", (website == null ? void 0 : website.id) || "");
+      formData.append("file", blob, "test.txt");
+      uploadDeploymentFile(formData, deployUrl).then(() => {
+        setIsDeploying(false);
+      });
     } catch (e) {
       const typedE = e;
-      console.error(e);
-      setError(typedE instanceof Error ? typedE.message : typedE);
-    } finally {
       setIsDeploying(false);
+      setError(typedE instanceof Error ? typedE.message : typedE);
     }
-    console.log("deployWebsite");
-  }, [setError]);
+  }, [deployUrl, setError, website == null ? void 0 : website.id]);
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(
     "div",
     {
@@ -202864,7 +202874,7 @@ function useCapabilities() {
   useCapabilityTheme();
 }
 function WebsiteDesigner(props) {
-  const { themeLoading } = props;
+  const { themeLoading, deployUrl } = props;
   const aiAgent = useAiAgent();
   const [selected, setSelected] = useState("local");
   const drawerType = useStudioStore((state) => state.drawerType);
@@ -202980,7 +202990,7 @@ function WebsiteDesigner(props) {
       className: `dark flex-1 flex flex-col min-h-screen`,
       ref: handleRefChange,
       children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(WebsiteToolbar, {}),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(WebsiteToolbar, { deployUrl }),
         /* @__PURE__ */ jsxRuntimeExports.jsx(DocumentRoot, { doc, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "website-studio-core flex flex-1 h-full min-h-0 relative", children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx(
             LeftBar,
@@ -203031,20 +203041,20 @@ function WebsiteDesigner(props) {
   );
 }
 const WebsiteStudio = (props) => {
-  const { previewUrl, aiUrl, params } = props;
+  const { deployUrl, aiUrl, params } = props;
   const { websiteId } = params;
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(SiteRoot, { websiteId, children: /* @__PURE__ */ jsxRuntimeExports.jsx(WebsiteStudioInner, { aiUrl, previewUrl }) });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(SiteRoot, { websiteId, children: /* @__PURE__ */ jsxRuntimeExports.jsx(WebsiteStudioInner, { aiUrl, deployUrl }) });
 };
 function WebsiteStudioInner(props) {
   var _a3, _b3;
-  const { aiUrl, previewUrl } = props;
+  const { aiUrl, deployUrl } = props;
   const website = useWebsite();
   const langId = ((_a3 = useCurrentLang()) == null ? void 0 : _a3.id) || ((_b3 = website == null ? void 0 : website.baseLang) == null ? void 0 : _b3.id);
   const { data: theme, isLoading: themeLoading } = useOneTheme(
     newThemeQueryOptions(website == null ? void 0 : website.id, langId)
   );
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(StudioRoot, { theme, previewUrl, children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(EditorScope, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(AiAgentRoot, { endpoint: aiUrl, globalProvider: WEBSITE_DESIGN_PROMPT, children: /* @__PURE__ */ jsxRuntimeExports.jsx(WebsiteDesigner, { themeLoading }) }) }),
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(StudioRoot, { theme, deployUrl, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(EditorScope, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(AiAgentRoot, { endpoint: aiUrl, globalProvider: WEBSITE_DESIGN_PROMPT, children: /* @__PURE__ */ jsxRuntimeExports.jsx(WebsiteDesigner, { themeLoading, deployUrl }) }) }),
     /* @__PURE__ */ jsxRuntimeExports.jsx(GlobalLoading, { loading: themeLoading })
   ] });
 }
@@ -203913,12 +203923,12 @@ function ThemeDesigner(props) {
   ] });
 }
 const ThemeStudio = (props) => {
-  const { aiUrl, themeId } = props;
+  const { aiUrl, deployURL, themeId } = props;
   const { data: theme, isLoading: themeLoading } = useOneThemeById(
     themeId,
     newThemeByIdQueryOptions()
   );
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(StudioRoot, { theme, children: [
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(StudioRoot, { theme, deployUrl: deployURL, children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx(EditorScope, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(AiAgentRoot, { endpoint: aiUrl, globalProvider: WEBSITE_DESIGN_PROMPT, children: /* @__PURE__ */ jsxRuntimeExports.jsx(ThemeDesigner, {}) }) }),
     /* @__PURE__ */ jsxRuntimeExports.jsx(GlobalLoading, { loading: themeLoading })
   ] });
@@ -203937,4 +203947,4 @@ export {
   typescriptDefaults as t,
   useCustomizedMaterials as u
 };
-//# sourceMappingURL=index-716d5730.js.map
+//# sourceMappingURL=index-add86284.js.map