@rxdrag/website-studio 0.0.27 → 0.0.29

package/dist/{index-f92078c9.js → index-ca588fca.js}

@@ -18,7 +18,7 @@ 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, useCreateEntityClient, emitEntityChange, useGithubUploadMutation } 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, 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";
@@ -138145,7 +138145,7 @@ registerLanguage({
   aliases: ["FreeMarker2", "Apache FreeMarker2"],
   loader: () => {
     {
-      return import("./freemarker2-3087a48e.js").then((m2) => m2.TagAutoInterpolationDollar);
+      return import("./freemarker2-ae5b918b.js").then((m2) => m2.TagAutoInterpolationDollar);
     }
   }
 });
@@ -138154,7 +138154,7 @@ registerLanguage({
   aliases: ["FreeMarker2 (Angle/Dollar)", "Apache FreeMarker2 (Angle/Dollar)"],
   loader: () => {
     {
-      return import("./freemarker2-3087a48e.js").then((m2) => m2.TagAngleInterpolationDollar);
+      return import("./freemarker2-ae5b918b.js").then((m2) => m2.TagAngleInterpolationDollar);
     }
   }
 });
@@ -138163,7 +138163,7 @@ registerLanguage({
   aliases: ["FreeMarker2 (Bracket/Dollar)", "Apache FreeMarker2 (Bracket/Dollar)"],
   loader: () => {
     {
-      return import("./freemarker2-3087a48e.js").then((m2) => m2.TagBracketInterpolationDollar);
+      return import("./freemarker2-ae5b918b.js").then((m2) => m2.TagBracketInterpolationDollar);
     }
   }
 });
@@ -138172,7 +138172,7 @@ registerLanguage({
   aliases: ["FreeMarker2 (Angle/Bracket)", "Apache FreeMarker2 (Angle/Bracket)"],
   loader: () => {
     {
-      return import("./freemarker2-3087a48e.js").then((m2) => m2.TagAngleInterpolationBracket);
+      return import("./freemarker2-ae5b918b.js").then((m2) => m2.TagAngleInterpolationBracket);
     }
   }
 });
@@ -138181,7 +138181,7 @@ registerLanguage({
   aliases: ["FreeMarker2 (Bracket/Bracket)", "Apache FreeMarker2 (Bracket/Bracket)"],
   loader: () => {
     {
-      return import("./freemarker2-3087a48e.js").then((m2) => m2.TagBracketInterpolationBracket);
+      return import("./freemarker2-ae5b918b.js").then((m2) => m2.TagBracketInterpolationBracket);
     }
   }
 });
@@ -138190,7 +138190,7 @@ registerLanguage({
   aliases: ["FreeMarker2 (Auto/Dollar)", "Apache FreeMarker2 (Auto/Dollar)"],
   loader: () => {
     {
-      return import("./freemarker2-3087a48e.js").then((m2) => m2.TagAutoInterpolationDollar);
+      return import("./freemarker2-ae5b918b.js").then((m2) => m2.TagAutoInterpolationDollar);
     }
   }
 });
@@ -138199,7 +138199,7 @@ registerLanguage({
   aliases: ["FreeMarker2 (Auto/Bracket)", "Apache FreeMarker2 (Auto/Bracket)"],
   loader: () => {
     {
-      return import("./freemarker2-3087a48e.js").then((m2) => m2.TagAutoInterpolationBracket);
+      return import("./freemarker2-ae5b918b.js").then((m2) => m2.TagAutoInterpolationBracket);
     }
   }
 });
@@ -138249,7 +138249,7 @@ registerLanguage({
   mimetypes: ["text/x-handlebars-template"],
   loader: () => {
     {
-      return import("./handlebars-93839a14.js");
+      return import("./handlebars-2822a6f3.js");
     }
   }
 });
@@ -138282,7 +138282,7 @@ registerLanguage({
   mimetypes: ["text/html", "text/x-jshtm", "text/template", "text/ng-template"],
   loader: () => {
     {
-      return import("./html-352ae7b6.js");
+      return import("./html-adcd062a.js");
     }
   }
 });
@@ -138335,7 +138335,7 @@ registerLanguage({
   mimetypes: ["text/javascript"],
   loader: () => {
     {
-      return import("./javascript-1e4d4e79.js");
+      return import("./javascript-ebf4f00e.js");
     }
   }
 });
@@ -138434,7 +138434,7 @@ registerLanguage({
   mimetypes: ["application/liquid"],
   loader: () => {
     {
-      return import("./liquid-4dd49239.js");
+      return import("./liquid-9baed185.js");
     }
   }
 });
@@ -138482,7 +138482,7 @@ registerLanguage({
   aliases: ["MDX", "mdx"],
   loader: () => {
     {
-      return import("./mdx-885d9fc7.js");
+      return import("./mdx-2cb8d781.js");
     }
   }
 });
@@ -138741,7 +138741,7 @@ registerLanguage({
   firstLine: "^#!/.*\\bpython[0-9.-]*\\b",
   loader: () => {
     {
-      return import("./python-7c6923ac.js");
+      return import("./python-9c44c183.js");
     }
   }
 });
@@ -138790,7 +138790,7 @@ registerLanguage({
   mimetypes: ["text/x-cshtml"],
   loader: () => {
     {
-      return import("./razor-4a86e8cb.js");
+      return import("./razor-daa857fe.js");
     }
   }
 });
@@ -139126,7 +139126,7 @@ registerLanguage({
   mimetypes: ["text/typescript"],
   loader: () => {
     {
-      return import("./typescript-a2aa1b20.js");
+      return import("./typescript-598dddef.js");
     }
   }
 });
@@ -139210,7 +139210,7 @@ registerLanguage({
   mimetypes: ["text/xml", "application/xml", "application/xaml+xml", "application/xml-dtd"],
   loader: () => {
     {
-      return import("./xml-6499a804.js");
+      return import("./xml-4e1c92ab.js");
     }
   }
 });
@@ -139227,7 +139227,7 @@ registerLanguage({
   mimetypes: ["application/x-yaml", "text/x-yaml"],
   loader: () => {
     {
-      return import("./yaml-c4d73856.js");
+      return import("./yaml-1cbcca95.js");
     }
   }
 });
@@ -139351,7 +139351,7 @@ var lessDefaults = new LanguageServiceDefaultsImpl$3(
 monaco_editor_core_exports$3.languages.css = { cssDefaults, lessDefaults, scssDefaults };
 function getMode$3() {
   {
-    return import("./cssMode-b9a7e63d.js");
+    return import("./cssMode-560cfbce.js");
   }
 }
 monaco_editor_core_exports$3.languages.onLanguage("less", () => {
@@ -139482,7 +139482,7 @@ monaco_editor_core_exports$2.languages.html = {
 };
 function getMode$2() {
   {
-    return import("./htmlMode-cb94f112.js");
+    return import("./htmlMode-b4888b89.js");
   }
 }
 function registerHTMLLanguageService(languageId, options = optionsDefault, modeConfiguration = getConfigurationDefault(languageId)) {
@@ -139580,7 +139580,7 @@ var getWorker = () => getMode$1().then((mode) => mode.getWorker());
 monaco_editor_core_exports$1.languages.json = { jsonDefaults, getWorker };
 function getMode$1() {
   {
-    return import("./jsonMode-98cba404.js");
+    return import("./jsonMode-0bfb96d5.js");
   }
 }
 monaco_editor_core_exports$1.languages.register({
@@ -139856,7 +139856,7 @@ monaco_editor_core_exports.languages.typescript = {
 };
 function getMode() {
   {
-    return import("./tsMode-1dd2088d.js");
+    return import("./tsMode-7a0e93b3.js");
   }
 }
 monaco_editor_core_exports.languages.onLanguage("typescript", () => {
@@ -190866,96 +190866,144 @@ function useImportTheme() {
     confirmText
   };
 }
-function useExportTheme(fileName) {
+function useThemeZipExport(fileName) {
   const [isExporting, setIsExporting] = useState(false);
-  const theme = useStudioTheme();
-  const styleConfig = useThemeStyleConfig();
+  const { files } = useThemeFiles();
   const save = useSave();
-  const components = useFrontComponents();
-  const componentCategories = useComponentCategories();
-  const templateCategories = useTemplateCategories();
-  const templates = useSectionTemplates();
-  const pages = usePages();
-  const exportTheme = useCallback(async () => {
-    var _a3, _b3;
+  const exportAsZip = useCallback(async () => {
     setIsExporting(true);
     try {
-      const themeInfo = {
-        ...theme,
-        styleConfig,
-        componentCategories: (_a3 = componentCategories == null ? void 0 : componentCategories.items) == null ? void 0 : _a3.map((category) => ({
-          ...category,
-          components: components == null ? void 0 : components.filter((com) => {
-            var _a4;
-            return ((_a4 = com.category) == null ? void 0 : _a4.id) === category.id;
-          }).map((com) => ({ id: com.id }))
-        })),
-        templateCategories: (_b3 = templateCategories == null ? void 0 : templateCategories.items) == null ? void 0 : _b3.map((category) => ({
-          ...category,
-          templates: templates == null ? void 0 : templates.filter((temp) => {
-            var _a4;
-            return ((_a4 = temp.category) == null ? void 0 : _a4.id) === category.id;
-          }).map((temp) => ({ id: temp.id }))
-        })),
-        templates: void 0,
-        components: void 0,
-        pages: void 0
-      };
       const zip = new JSZip();
-      zip.file("README.md", "主题备份\n本文件无需解压，直接导入即可");
-      zip.file("theme.json", JSON.stringify(themeInfo, null, 2));
-      const comsFolder = zip.folder("components");
-      if (comsFolder) {
-        for (const com of components || []) {
-          comsFolder.file(com.id + ".json", JSON.stringify(com, null, 2));
-        }
-      }
-      const templatesFolder = zip.folder("templates");
-      if (templatesFolder) {
-        for (const template of templates || []) {
-          templatesFolder.file(
-            template.id + ".json",
-            JSON.stringify(template, null, 2)
-          );
-        }
-      }
-      const pagesFolder = zip.folder("pages");
-      if (pagesFolder) {
-        for (const page of pages || []) {
-          pagesFolder.file(page.id + ".json", JSON.stringify(page, null, 2));
-        }
-      }
+      traverseFiles(files, (file, fullPath) => {
+        if (file.type === "folder")
+          zip.folder(fullPath);
+        else
+          zip.file(fullPath, file.content || "");
+      });
       const content = await zip.generateAsync({ type: "blob" });
       save(fileName, content);
+      return;
     } catch (error) {
       console.error(error);
     } finally {
       setIsExporting(false);
     }
-  }, [
-    componentCategories == null ? void 0 : componentCategories.items,
-    components,
-    fileName,
-    pages,
-    save,
-    styleConfig,
-    templateCategories == null ? void 0 : templateCategories.items,
-    templates,
-    theme
-  ]);
-  return { exportTheme, isExporting };
+  }, [files, save, fileName]);
+  return { exportAsZip, isExporting };
+}
+function useThemeGitUpload(repoName) {
+  const [uploading, setUploading] = useState(false);
+  const { files } = useThemeFiles();
+  const [upload] = useGithubUploadMutation();
+  const uploadToGit = useCallback(async () => {
+    setUploading(true);
+    try {
+      const githubFiles = [];
+      traverseFiles(files, (file, fullPath) => {
+        if (file.type === "folder")
+          return;
+        githubFiles.push({ path: fullPath, content: file.content || "" });
+      });
+      await upload({
+        owner: "wljQAQ",
+        branch: "master",
+        repo: repoName + Date.now(),
+        commit: "初始化模板",
+        files: githubFiles
+      });
+      alert(`上传到github成功`);
+    } catch (err) {
+      console.error("上传失败", err);
+      alert("上传到github失败");
+    } finally {
+      setUploading(false);
+    }
+  }, [files, upload, repoName]);
+  return { uploadToGit, uploading };
+}
+function useThemeFiles() {
+  const theme = useStudioTheme();
+  const styleConfig = useThemeStyleConfig();
+  const components = useFrontComponents();
+  const componentCategories = useComponentCategories();
+  const templateCategories = useTemplateCategories();
+  const templates = useSectionTemplates();
+  const pages = usePages();
+  const files = useMemo(() => {
+    var _a3, _b3;
+    const themeJson = {
+      ...theme,
+      styleConfig,
+      componentCategories: (_a3 = componentCategories == null ? void 0 : componentCategories.items) == null ? void 0 : _a3.map((category) => ({
+        ...category,
+        components: components == null ? void 0 : components.filter((c) => {
+          var _a4;
+          return ((_a4 = c.category) == null ? void 0 : _a4.id) === category.id;
+        }).map((c) => ({ id: c.id }))
+      })),
+      templateCategories: (_b3 = templateCategories == null ? void 0 : templateCategories.items) == null ? void 0 : _b3.map((category) => ({
+        ...category,
+        templates: templates == null ? void 0 : templates.filter((t) => {
+          var _a4;
+          return ((_a4 = t.category) == null ? void 0 : _a4.id) === category.id;
+        }).map((t) => ({ id: t.id }))
+      }))
+    };
+    return [
+      { type: "file", name: "theme.json", content: JSON.stringify(themeJson, null, 2) },
+      { type: "file", name: "README.md", content: "主题备份文件，无需解压。" },
+      {
+        type: "folder",
+        name: "templates",
+        files: templates == null ? void 0 : templates.map((t) => ({
+          type: "file",
+          name: `${t.id}.json`,
+          content: JSON.stringify(t, null, 2)
+        }))
+      },
+      {
+        type: "folder",
+        name: "components",
+        files: components == null ? void 0 : components.map((c) => ({
+          type: "file",
+          name: `${c.id}.json`,
+          content: JSON.stringify(c, null, 2)
+        }))
+      },
+      {
+        type: "folder",
+        name: "pages",
+        files: pages == null ? void 0 : pages.map((p2) => ({
+          type: "file",
+          name: `${p2.id}.json`,
+          content: JSON.stringify(p2, null, 2)
+        }))
+      }
+    ];
+  }, [theme, styleConfig, components, componentCategories, templateCategories, templates, pages]);
+  return { files };
+}
+function traverseFiles(files, callback, parentPath = "") {
+  for (const file of files) {
+    const currentPath = parentPath ? `${parentPath}/${file.name}` : file.name;
+    callback(file, currentPath);
+    if (file.type === "folder" && file.files) {
+      traverseFiles(file.files, callback, currentPath);
+    }
+  }
 }
 function MoreActions$1() {
-  var _a3;
+  var _a3, _b3;
   const [parentThemeOpen, setParentThemeOpen] = useState(false);
   const [styleConfigOpen, setStyleConfigOpen] = useState(false);
   const setConfigType = useStudioStore((state) => state.setConfigType);
   const isBaseLangTheme = useIsBaseLangTheme();
   const theme = useStudioTheme();
   const website = useWebsite();
-  const { exportTheme, isExporting } = useExportTheme(
+  const { exportAsZip, isExporting } = useThemeZipExport(
     `website-${website == null ? void 0 : website.name}-` + ((_a3 = theme == null ? void 0 : theme.lang) == null ? void 0 : _a3.abbr)
   );
+  const { uploadToGit, uploading: isUploadingToGit } = useThemeGitUpload(`website-${website == null ? void 0 : website.name}-` + ((_b3 = theme == null ? void 0 : theme.lang) == null ? void 0 : _b3.abbr));
   const {
     upload,
     isUploading,
@@ -190973,7 +191021,7 @@ function MoreActions$1() {
           variant: "light",
           isIconOnly: true,
           className: "text-default-500",
-          isLoading: isExporting || isUploading,
+          isLoading: isExporting || isUploading || isUploadingToGit,
           children: /* @__PURE__ */ jsxRuntimeExports.jsx(MoreIcon, { className: "size-5" })
         }
       ) }),
@@ -190983,12 +191031,15 @@ function MoreActions$1() {
           "aria-label": "更多操作",
           disabledKeys: isBaseLangTheme ? [] : ["parent-theme"],
           children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx(
+            /* @__PURE__ */ jsxRuntimeExports.jsxs(
               DropdownItem,
               {
                 startContent: /* @__PURE__ */ jsxRuntimeExports.jsx(LanguageIcon, { className: "size-5" }),
                 onPress: () => setConfigType(ThemeConfigType.MultiLang),
-                children: "多语言配置"
+                children: [
+                  "多语言配置 ",
+                  isUploadingToGit
+                ]
               },
               "multi-lang"
             ),
@@ -191086,11 +191137,20 @@ function MoreActions$1() {
               DropdownItem,
               {
                 startContent: /* @__PURE__ */ jsxRuntimeExports.jsx(DownloadIcon, { className: "size-5" }),
-                onPress: exportTheme,
+                onPress: exportAsZip,
                 children: "网站导出"
               },
               "export-website"
             ),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(
+              DropdownItem,
+              {
+                startContent: /* @__PURE__ */ jsxRuntimeExports.jsx(DownloadIcon, { className: "size-5" }),
+                onPress: uploadToGit,
+                children: "网站导出到GIT"
+              },
+              "export-website"
+            ),
             /* @__PURE__ */ jsxRuntimeExports.jsx(
               DropdownItem,
               {
@@ -202757,7 +202817,7 @@ function MoreActions() {
   } = useDisclosure();
   const setConfigType = useStudioStore((state) => state.setConfigType);
   const theme = useStudioTheme();
-  const { exportTheme, isExporting } = useExportTheme("theme-" + (theme == null ? void 0 : theme.id));
+  const { exportAsZip, isExporting } = useThemeZipExport("theme-" + (theme == null ? void 0 : theme.id));
   const {
     upload,
     isUploading,
@@ -202844,7 +202904,7 @@ function MoreActions() {
                 ]
               }
             ),
-            onPress: exportTheme,
+            onPress: exportAsZip,
             children: "下载主题"
           },
           "export-theme"
@@ -203637,4 +203697,4 @@ export {
   typescriptDefaults as t,
   useCustomizedMaterials as u
 };
-//# sourceMappingURL=index-f92078c9.js.map
+//# sourceMappingURL=index-ca588fca.js.map