@rxdrag/website-studio 0.0.42 → 0.0.44

package/dist/{index-0841cd20.js → index-add86284.js}

@@ -20,7 +20,7 @@ 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 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, 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, 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 { 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";
@@ -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-8ad8aeb1.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-8ad8aeb1.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-8ad8aeb1.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-8ad8aeb1.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-8ad8aeb1.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-8ad8aeb1.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-8ad8aeb1.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-22c22910.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-60ec2af9.js");
+      return import("./html-bef31e01.js");
     }
   }
 });
@@ -138362,7 +138352,7 @@ registerLanguage({
   mimetypes: ["text/javascript"],
   loader: () => {
     {
-      return import("./javascript-0c8adee5.js");
+      return import("./javascript-a482a18d.js");
     }
   }
 });
@@ -138461,7 +138451,7 @@ registerLanguage({
   mimetypes: ["application/liquid"],
   loader: () => {
     {
-      return import("./liquid-acc1cf0e.js");
+      return import("./liquid-91f2b334.js");
     }
   }
 });
@@ -138509,7 +138499,7 @@ registerLanguage({
   aliases: ["MDX", "mdx"],
   loader: () => {
     {
-      return import("./mdx-85dd6b94.js");
+      return import("./mdx-5b3f4043.js");
     }
   }
 });
@@ -138768,7 +138758,7 @@ registerLanguage({
   firstLine: "^#!/.*\\bpython[0-9.-]*\\b",
   loader: () => {
     {
-      return import("./python-48d1977e.js");
+      return import("./python-5ab24881.js");
     }
   }
 });
@@ -138817,7 +138807,7 @@ registerLanguage({
   mimetypes: ["text/x-cshtml"],
   loader: () => {
     {
-      return import("./razor-22507fac.js");
+      return import("./razor-e2cba756.js");
     }
   }
 });
@@ -139153,7 +139143,7 @@ registerLanguage({
   mimetypes: ["text/typescript"],
   loader: () => {
     {
-      return import("./typescript-5f93813d.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-bda370ff.js");
+      return import("./xml-3d847f47.js");
     }
   }
 });
@@ -139254,7 +139244,7 @@ registerLanguage({
   mimetypes: ["application/x-yaml", "text/x-yaml"],
   loader: () => {
     {
-      return import("./yaml-5915841b.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-f2090bd3.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-c8640f90.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-8ad9852a.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-324fb60b.js");
+    return import("./tsMode-a884ed37.js");
   }
 }
 monaco_editor_core_exports.languages.onLanguage("typescript", () => {
@@ -191322,6 +191312,14 @@ function MoreActions$1() {
               },
               "parent-theme"
             ),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(
+              DropdownItem,
+              {
+                startContent: /* @__PURE__ */ jsxRuntimeExports.jsx(AiIcon, { className: "size-5" }),
+                children: "AI配置"
+              },
+              "ai-config"
+            ),
             /* @__PURE__ */ jsxRuntimeExports.jsx(
               DropdownItem,
               {
@@ -198162,8 +198160,25 @@ 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();
   const currentLang = useCurrentLang();
   const previewUrl = usePreviewUrl();
@@ -198173,6 +198188,23 @@ const WebsiteToolbar = memo(() => {
   useEffect(() => {
     setSelectedContent(void 0);
   }, [currentLang, setSelectedContent]);
+  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;
+      setIsDeploying(false);
+      setError(typedE instanceof Error ? typedE.message : typedE);
+    }
+  }, [deployUrl, setError, website == null ? void 0 : website.id]);
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(
     "div",
     {
@@ -198211,6 +198243,8 @@ const WebsiteToolbar = memo(() => {
                 {
                   size: "sm",
                   variant: "bordered",
+                  isLoading: isDeploying,
+                  onPress: deployWebsite,
                   children: "部署网站"
                 }
               ),
@@ -202840,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);
@@ -202956,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,
@@ -203007,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 })
   ] });
 }
@@ -203889,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 })
   ] });
@@ -203913,4 +203947,4 @@ export {
   typescriptDefaults as t,
   useCustomizedMaterials as u
 };
-//# sourceMappingURL=index-0841cd20.js.map
+//# sourceMappingURL=index-add86284.js.map