@rxdrag/website-studio 0.0.16 → 0.0.17

package/dist/index.mjs

@@ -6,7 +6,7 @@ var __publicField = (obj, key, value) => {
 };
 import * as React from "react";
 import React__default, { createContext, useContext, useMemo, memo, useEffect, useCallback, useState, useRef, forwardRef as forwardRef$1, useImperativeHandle, isValidElement, cloneElement, Component } from "react";
-import { ThemeQueryOptions, ThemeFields, PageQueryOptions, PageFields, PageAssciations, FrontComponentQueryOptions, FrontComponentFields, ComponentCategoryFields, ProductCategoryEntityName, ProductCategoryQueryOptions, ProductCategoryFields, ProductQueryOptions, ProductFields, PublishableStatus, ComponentType, FrontComponentEntityName, pageToInputCascade, frontComponentToInput, ComponentCategoryQueryOptions, ExtendFieldType, ThemeConfigQueryOptions, ThemeConfigFields, ThemeConfigAssciations, MediaQueryOptions, themeConfigToInput, ThemeConfigEntityName, themeConfigToInputCascade, MediaType, PageEntityName, PageType, pageToInput, ComponentCategoryEntityName, componentCategoryToInput, PageMetaFields, themeToInput, ThemeEntityName } from "@rxdrag/rxcms-models";
+import { ThemeQueryOptions, ThemeFields, LangFields, PageQueryOptions, PageFields, PageAssciations, FrontComponentQueryOptions, FrontComponentFields, ComponentCategoryFields, ProductCategoryEntityName, ProductCategoryQueryOptions, ProductCategoryFields, ProductQueryOptions, ProductFields, PublishableStatus, ComponentType, PageType, FrontComponentEntityName, pageToInputCascade, frontComponentToInput, ComponentCategoryQueryOptions, ExtendFieldType, ThemeConfigQueryOptions, ThemeConfigFields, ThemeConfigAssciations, MediaQueryOptions, themeConfigToInput, ThemeConfigEntityName, themeConfigToInputCascade, MediaType, PageEntityName, pageToInput, ComponentCategoryEntityName, componentCategoryToInput, PageMetaFields, themeToInput, ThemeEntityName } from "@rxdrag/rxcms-models";
 import { GlobalLoading, EntityEditModal, EntitySelectField, EditingPopoverScope, EntityForm, SubmitButton, useRemoveRow, useEditRow, EntityListScope, EntityRowScope, useListData, QueryListScope, useNewRow, useIsLoading, NewButton } from "@rxdrag/rxcms-models-ui";
 import { useOneTheme, usePageList, useFrontComponentList, useUpsertOnePage, useUpsertOneTheme, useOneThemeConfig, useUpsertOneThemeConfig, useDeletePageById, useComponentCategoryList, useUpsertOneFrontComponent } from "@rxdrag/rxcms-model-hooks";
 import { newPageMetaOptions, useWebsite, useCurrentLang, MediaSingleSelectField, TitleAndSlug, TitleViewField, DescriptionViewField, currentLangState } from "@rxdrag/biz-components";
@@ -17,17 +17,18 @@ import { NodeMountedEvent, RXID_ATTR_NAME, MARGIN_DECORATOR_NAME, LINE_DECORTOR_
 import { useVariables, useExecuteExpression, VariableProvider, expressionAndName, expressionTernaryName, expressionLoopName, useViewKey, createSchema, staticMaterials, slotContentName, expressionName, ViewKeyProvider } from "@rxdrag/website-materials";
 import { isHTMLElement } from "@rxdrag/shared";
 import { isFunction, keys, debounce, uniqueId } from "lodash-es";
-import { useEntifyEndpoint, useEntifyToken, emitEntityChange, useLazyQueryEntityList } from "@rxdrag/entify-hooks";
+import { useEntifyEndpoint, useEntifyToken, useLazyQueryEntityList, emitEntityChange } from "@rxdrag/entify-hooks";
 import dayjs from "dayjs";
-import { ErrorBoundary, ColorPicker, StyledTooltip, Modal, ModalContent, ModalHeader, ModalBody, WarningIcon, ModalFooter, SettingsIcon, AddIcon, Drawer, ModalClose, PinIcon, CloseIcon, LeafNode, AstroIcon, GroupNode, SearchIcon, TreeView, PredefinedColorPicker, LightIcon, DarkIcon, HomeIcon, RemoveIcon, saveFile, getTheFile, ConfirmDialog, ChevronDownIcon, BackArrowIcon, MenuIcon } from "@rxdrag/rxcms-common";
+import { ErrorBoundary, ColorPicker, saveFile, StyledTooltip, Modal, ModalContent, ModalHeader, ModalBody, WarningIcon, ModalFooter, SettingsIcon, AddIcon, Drawer, ModalClose, PinIcon, CloseIcon, LeafNode, AstroIcon, GroupNode, SearchIcon, TreeView, PredefinedColorPicker, LightIcon, DarkIcon, HomeIcon, RemoveIcon, getTheFile, ConfirmDialog, ChevronDownIcon, BackArrowIcon, MenuIcon } from "@rxdrag/rxcms-common";
 import { PageLoader, PopoverController, ModalController, AnimateController, TabsController, NumberController, FlipController, AosController } from "@rxdrag/website-lib-core";
 import gsap from "gsap";
 import { Input, Textarea, ImageSelect, TargetSetter, propSetters, DeviceBreakpoints, DeviceContext } from "@rxdrag/schema-setters";
 import { Switch, cn, Button as Button$1, Divider, Tabs, Tab, Accordion, AccordionItem, Input as Input$1, Select, SelectItem, Card, CardHeader, CardBody, Dropdown, DropdownTrigger, DropdownMenu, DropdownItem, CircularProgress, Popover, PopoverTrigger, PopoverContent, useDisclosure, Link } from "@heroui/react";
+import { globalErrorState, useUpsertEntityWithIndicator, globalSuccessState } from "@rxdrag/rxcms-entify-wrapper";
+import { useSetRecoilState, atom, atomFamily, selectorFamily, useRecoilValue, useRecoilState } from "recoil";
+import JSZip from "jszip";
 import { LazyMotion, AnimatePresence, m } from "framer-motion";
 import { Icon } from "@iconify/react";
-import { atom, atomFamily, selectorFamily, useRecoilValue, useRecoilState, useSetRecoilState } from "recoil";
-import { useUpsertEntityWithIndicator, globalErrorState, globalSuccessState } from "@rxdrag/rxcms-entify-wrapper";
 import { InputField, TextareaField, Form } from "@rxdrag/fieldy-heroui";
 import ReactDOM, { createPortal } from "react-dom";
 import Editor, { loader } from "@monaco-editor/react";
@@ -38,7 +39,6 @@ import * as monaco from "monaco-editor";
 import { ObjectField, VirtualForm } from "@rxdrag/react-fieldy-pro";
 import { ComponentRender } from "@rxdrag/react-runner-pro";
 import tinycolor from "tinycolor2";
-import JSZip from "jszip";
 import { useParams } from "react-router-dom";
 var jsxRuntime = { exports: {} };
 var reactJsxRuntime_production_min = {};
@@ -1036,7 +1036,7 @@ function newThemeQueryOptions(websiteId, langId) {
         }
       }
     }
-  ).setNoQuery(!websiteId || !langId);
+  ).website().lang([LangFields.id, LangFields.abbr]).setNoQuery(!websiteId || !langId);
 }
 function StudioRoot(props) {
   const { websiteId, langId, previewUrl, aiUrl, backUrl, children } = props;
@@ -2634,523 +2634,1482 @@ function useCustomizedMaterials() {
   }, [components]);
   return materials;
 }
-const studioSetters = {
-  ...propSetters,
-  Fragment: React__default.Fragment
-  // TabList,
-  // Tab,
-  // TabPanel,
-  // Stack,
-  // FormControl,
-  // FormLabel: FormLabel,
-  // Autocomplete: Autocomplete,
-  // Input: toControlled(Input, 'value', ''),
-  // Textarea: toControlled(Textarea, 'value', ''),
-  //Select,
-  //Option: Option,
-  //Switch: Switch,
-  //IconPicker,
-  //ToggleButtonGroup,
-  // Button,
-  // IconButton,
-  // SlotSwitch,
-};
-function useAllMaterials() {
-  const customMaterials = useCustomizedMaterials();
-  const materials = useMemo(() => {
-    return staticMaterials.concat(customMaterials || []);
-  }, [customMaterials]);
-  return materials;
-}
-function EditorScope(props) {
-  const { children, resources, ...rest } = props;
-  const materials = useAllMaterials();
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    Designer,
-    {
-      resources,
-      materials,
-      setters: studioSetters,
-      ...rest,
-      children
-    }
+function useGetFrontComponents() {
+  const query = useLazyQueryEntityList();
+  const getFrontCompoents = useCallback(
+    async (themeId) => {
+      return await query(
+        new FrontComponentQueryOptions(
+          [
+            FrontComponentFields.id,
+            FrontComponentFields.name,
+            FrontComponentFields.title,
+            FrontComponentFields.seqValue,
+            FrontComponentFields.updatedAt,
+            FrontComponentFields.code,
+            FrontComponentFields.testConfig,
+            FrontComponentFields.props,
+            FrontComponentFields.slots,
+            FrontComponentFields.droppable
+          ],
+          {
+            where: {
+              theme: {
+                id: {
+                  _eq: themeId
+                }
+              }
+            },
+            orderBy: [
+              {
+                [FrontComponentFields.seqValue]: "asc"
+              },
+              {
+                [FrontComponentFields.createdAt]: "asc"
+              }
+            ]
+          }
+        ).category([ComponentCategoryFields.id, ComponentCategoryFields.name]).theme().setNoQuery(!themeId).toGqlOptions()
+      );
+    },
+    [query]
   );
+  return getFrontCompoents;
 }
-var ContentType = /* @__PURE__ */ ((ContentType2) => {
-  ContentType2["Page"] = "page";
-  ContentType2["Component"] = "component";
-  ContentType2["PredefinedPage"] = "PredefinedPage";
-  return ContentType2;
-})(ContentType || {});
-var DrawerConentType = /* @__PURE__ */ ((DrawerConentType2) => {
-  DrawerConentType2["Insert"] = "insert";
-  DrawerConentType2["Layers"] = "layers";
-  DrawerConentType2["SEO"] = "seo";
-  DrawerConentType2["SEM"] = "sem";
-  DrawerConentType2["SNS"] = "sns";
-  DrawerConentType2["ComponentSchema"] = "componentSchema";
-  DrawerConentType2["ComponentTest"] = "componentTest";
-  return DrawerConentType2;
-})(DrawerConentType || {});
-var DeviceType = /* @__PURE__ */ ((DeviceType2) => {
-  DeviceType2["Mobile"] = "mobile";
-  DeviceType2["Tablet"] = "tablet";
-  DeviceType2["Desktop"] = "desktop";
-  return DeviceType2;
-})(DeviceType || {});
-var ViewMode = /* @__PURE__ */ ((ViewMode2) => {
-  ViewMode2["Design"] = "design";
-  ViewMode2["Preview"] = "preview";
-  ViewMode2["Code"] = "code";
-  return ViewMode2;
-})(ViewMode || {});
-const Sheet = forwardRef$1((props, ref) => {
-  const { className, children, ...rest } = props;
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    "div",
-    {
-      ref,
-      className: cn(className, "border-divider bg-black"),
-      ...rest,
-      children
-    }
+function useGetPages() {
+  const query = useLazyQueryEntityList();
+  const getPages = useCallback(
+    async (themeId) => {
+      return await query(
+        new PageQueryOptions(
+          [
+            PageFields.id,
+            PageFields.title,
+            PageFields.createdAt,
+            PageFields.updatedAt,
+            PageFields.slug,
+            PageFields.code,
+            PageFields.pageType,
+            PageFields.dataSource
+          ],
+          {
+            where: {
+              [PageAssciations.theme]: {
+                id: { _eq: themeId }
+              }
+            },
+            orderBy: [
+              {
+                createdAt: "desc"
+              }
+            ]
+          }
+        ).meta(newPageMetaOptions()).setNoQuery(!themeId).toGqlOptions()
+      );
+    },
+    [query]
   );
+  return getPages;
+}
+const packageCode = `{
+    "name": "astro-project",
+    "type": "module",
+    "version": "0.0.1",
+    "scripts": {
+      "dev": "astro dev",
+      "start": "astro dev",
+      "build": "astro build",
+      "preview": "astro preview",
+      "astro": "astro"
+    },
+    "dependencies": {
+      "@astrojs/react": "^4.2.0",
+      "@iconify/react": "^5.0.2",
+      "@rxdrag/website-lib": "^0.0.10",
+      "@rxdrag/website-lib-core": "^0.0.8",
+      "@rxdrag/slate-preview": "^1.2.55",
+      "@rxdrag/rxcms-models": "^0.3.46",
+      "astro": "^5.3.0",
+      "dayjs": "^1.11.7",
+      "gsap": "^3.12.7",
+      "react": "^18.2.0",
+      "react-dom": "^18.2.0"
+    },
+    "devDependencies": {
+      "@astrojs/node": "^9.1.3",
+      "@astrojs/tailwind": "^6.0.0",
+      "@astrojs/vercel": "^8.1.2",
+      "@tailwindcss/forms": "^0.5.7",
+      "@tailwindcss/typography": "^0.5.13",
+      "@types/react": "^18.2.20",
+      "@types/react-dom": "^18.2.7",
+      "tailwindcss": "^3.4.1"
+    }
+  }`;
+const astroConfig = `import { defineConfig } from "astro/config";
+import tailwind from "@astrojs/tailwind";
+import react from "@astrojs/react";
+import node from "@astrojs/node";
+
+export default defineConfig({
+  integrations: [tailwind(), react()],
+  output: "server", // 使用服务端渲染模式
+  adapter: node({
+    mode: "standalone", // 使用独立模式
+  }), // 使用 Node.js 适配器
 });
-var solid = {
-  default: "bg-default text-default-foreground",
-  primary: "bg-primary text-primary-foreground",
-  secondary: "bg-secondary text-secondary-foreground",
-  success: "bg-success text-success-foreground",
-  warning: "bg-warning text-warning-foreground",
-  danger: "bg-danger text-danger-foreground",
-  foreground: "bg-foreground text-background"
-};
-var shadow = {
-  default: "shadow-lg shadow-default/50 bg-default text-default-foreground",
-  primary: "shadow-lg shadow-primary/40 bg-primary text-primary-foreground",
-  secondary: "shadow-lg shadow-secondary/40 bg-secondary text-secondary-foreground",
-  success: "shadow-lg shadow-success/40 bg-success text-success-foreground",
-  warning: "shadow-lg shadow-warning/40 bg-warning text-warning-foreground",
-  danger: "shadow-lg shadow-danger/40 bg-danger text-danger-foreground",
-  foreground: "shadow-lg shadow-foreground/40 bg-foreground text-background"
-};
-var bordered = {
-  default: "bg-transparent border-default text-foreground",
-  primary: "bg-transparent border-primary text-primary",
-  secondary: "bg-transparent border-secondary text-secondary",
-  success: "bg-transparent border-success text-success",
-  warning: "bg-transparent border-warning text-warning",
-  danger: "bg-transparent border-danger text-danger",
-  foreground: "bg-transparent border-foreground text-foreground"
-};
-var flat = {
-  default: "bg-default/40 text-default-700",
-  primary: "bg-primary/20 text-primary-600",
-  secondary: "bg-secondary/20 text-secondary-600",
-  success: "bg-success/20 text-success-700 dark:text-success",
-  warning: "bg-warning/20 text-warning-700 dark:text-warning",
-  danger: "bg-danger/20 text-danger-600 dark:text-danger-500",
-  foreground: "bg-foreground/10 text-foreground"
-};
-var faded = {
-  default: "border-default bg-default-100 text-default-foreground",
-  primary: "border-default bg-default-100 text-primary",
-  secondary: "border-default bg-default-100 text-secondary",
-  success: "border-default bg-default-100 text-success",
-  warning: "border-default bg-default-100 text-warning",
-  danger: "border-default bg-default-100 text-danger",
-  foreground: "border-default bg-default-100 text-foreground"
-};
-var light = {
-  default: "bg-transparent text-default-foreground",
-  primary: "bg-transparent text-primary",
-  secondary: "bg-transparent text-secondary",
-  success: "bg-transparent text-success",
-  warning: "bg-transparent text-warning",
-  danger: "bg-transparent text-danger",
-  foreground: "bg-transparent text-foreground"
-};
-var ghost = {
-  default: "border-default text-default-foreground",
-  primary: "border-primary text-primary",
-  secondary: "border-secondary text-secondary",
-  success: "border-success text-success",
-  warning: "border-warning text-warning",
-  danger: "border-danger text-danger",
-  foreground: "border-foreground text-foreground hover:!bg-foreground"
+`;
+const tsconfigCode = `{
+    "extends": "astro/tsconfigs/strict",
+    "compilerOptions": {
+      "jsx": "react-jsx",
+      "jsxImportSource": "react"
+    },
+    "include": [".astro/types.d.ts", "**/*"],
+    "exclude": ["dist"]
+  }
+  `;
+const createEnv = (theme) => {
+  var _a, _b;
+  return `#PUBLIC_ENTIFY_SERVER_URL = https://api.yizhanfei.com/graphql
+  #PUBLIC_ENTIFY_SERVER_URL = http://localhost:3000/graphql
+  PUBLIC_ENTIFY_SERVER_URL =http://localhost:4000/graphql
+  #PUBLIC_ENTIFY_SERVER_URL =https://api-test2.liaoker.com/graphql
+  #测试服务器跟生产服务器
+  PUBLIC_WEBSITE_ID = ${(_a = theme == null ? void 0 : theme.website) == null ? void 0 : _a.id}
+  #语言
+  PUBLIC_LANGUAGE = ${(_b = theme == null ? void 0 : theme.lang) == null ? void 0 : _b.abbr}
+  #nodejs服务地址
+  #PUBLIC_WEBSITE_ID = 4299262263296
+  PUBLIC_ENTIFY_GUEST_TOKEN = "17bD#4!fG8^2wS*0z"
+  #表单加密盐
+  PUBLIC_FORM_SALT = "yizhanfeinb"
+  `;
 };
-var colorVariants = {
-  solid,
-  shadow,
-  bordered,
-  flat,
-  faded,
-  light,
-  ghost
+const gitignoreCode = `# build output
+dist/
+
+# generated types
+.astro/
+
+# dependencies
+node_modules/
+
+# logs
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+
+# environment variables
+.env
+.env.production
+
+# macOS-specific files
+.DS_Store
+
+# jetbrains setting folder
+.idea/
+
+`;
+const faviconCode = `<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 36 36">
+<path fill="#000" d="M22.25 4h-8.5a1 1 0 0 0-.96.73l-5.54 19.4a.5.5 0 0 0 .62.62l5.05-1.44a2 2 0 0 0 1.38-1.4l3.22-11.66a.5.5 0 0 1 .96 0l3.22 11.67a2 2 0 0 0 1.38 1.39l5.05 1.44a.5.5 0 0 0 .62-.62l-5.54-19.4a1 1 0 0 0-.96-.73Z"/>
+<path fill="url(#gradient)" d="M18 28a7.63 7.63 0 0 1-3-.61v.61a3 3 0 0 0 6 0v-.61c-.94.4-1.95.61-3 .61Z"/>
+<defs>
+  <linearGradient id="gradient" x1="18" x2="18" y1="28" y2="31" gradientUnits="userSpaceOnUse">
+    <stop stop-color="#FF1639"/>
+    <stop offset="1" stop-color="#FF1639" stop-opacity="0"/>
+  </linearGradient>
+</defs>
+</svg>`;
+const createBaseCssCode = (theme) => {
+  return `@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+${theme.css || ""}
+
+`;
 };
-var COMMON_UNITS = ["small", "medium", "large"];
-var twMergeConfig = {
+const tailwindConfigCode = `import plugin from "tailwindcss/plugin";
+
+export default {
+  darkMode: "class", // 使用class策略来控制暗色模式
+  content: [
+    "./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}",
+    "node_modules/@rxdrag/website-lib/src/**/*.{js,ts,jsx,tsx}",
+    "node_modules/@rxdrag/website-lib-core/src/**/*.{js,ts,jsx,tsx}",
+  ],
   theme: {
-    opacity: ["disabled"],
-    spacing: ["divider"],
-    borderWidth: COMMON_UNITS,
-    borderRadius: COMMON_UNITS
+    extend: {},
   },
-  classGroups: {
-    shadow: [{ shadow: COMMON_UNITS }],
-    "font-size": [{ text: ["tiny", ...COMMON_UNITS] }],
-    "bg-image": [
-      "bg-stripe-gradient-default",
-      "bg-stripe-gradient-primary",
-      "bg-stripe-gradient-secondary",
-      "bg-stripe-gradient-success",
-      "bg-stripe-gradient-warning",
-      "bg-stripe-gradient-danger"
-    ]
-  }
-};
-var l = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, u = (e) => !e || typeof e != "object" || Object.keys(e).length === 0, x$1 = (e, o) => JSON.stringify(e) === JSON.stringify(o);
-function i(e, o) {
-  e.forEach(function(r2) {
-    Array.isArray(r2) ? i(r2, o) : o.push(r2);
-  });
-}
-function y(e) {
-  let o = [];
-  return i(e, o), o;
-}
-var a = (...e) => y(e).filter(Boolean), p = (e, o) => {
-  let r2 = {}, c = Object.keys(e), f = Object.keys(o);
-  for (let t of c)
-    if (f.includes(t)) {
-      let s = e[t], n = o[t];
-      Array.isArray(s) || Array.isArray(n) ? r2[t] = a(n, s) : typeof s == "object" && typeof n == "object" ? r2[t] = p(s, n) : r2[t] = n + " " + s;
-    } else
-      r2[t] = e[t];
-  for (let t of f)
-    c.includes(t) || (r2[t] = o[t]);
-  return r2;
-}, g = (e) => !e || typeof e != "string" ? e : e.replace(/\s+/g, " ").trim();
-const CLASS_PART_SEPARATOR = "-";
-const createClassGroupUtils = (config) => {
-  const classMap = createClassMap(config);
-  const {
-    conflictingClassGroups,
-    conflictingClassGroupModifiers
-  } = config;
-  const getClassGroupId = (className) => {
-    const classParts = className.split(CLASS_PART_SEPARATOR);
-    if (classParts[0] === "" && classParts.length !== 1) {
-      classParts.shift();
-    }
-    return getGroupRecursive(classParts, classMap) || getGroupIdForArbitraryProperty(className);
-  };
-  const getConflictingClassGroupIds = (classGroupId, hasPostfixModifier) => {
-    const conflicts = conflictingClassGroups[classGroupId] || [];
-    if (hasPostfixModifier && conflictingClassGroupModifiers[classGroupId]) {
-      return [...conflicts, ...conflictingClassGroupModifiers[classGroupId]];
-    }
-    return conflicts;
-  };
-  return {
-    getClassGroupId,
-    getConflictingClassGroupIds
-  };
-};
-const getGroupRecursive = (classParts, classPartObject) => {
-  var _a;
-  if (classParts.length === 0) {
-    return classPartObject.classGroupId;
-  }
-  const currentClassPart = classParts[0];
-  const nextClassPartObject = classPartObject.nextPart.get(currentClassPart);
-  const classGroupFromNextClassPart = nextClassPartObject ? getGroupRecursive(classParts.slice(1), nextClassPartObject) : void 0;
-  if (classGroupFromNextClassPart) {
-    return classGroupFromNextClassPart;
-  }
-  if (classPartObject.validators.length === 0) {
-    return void 0;
-  }
-  const classRest = classParts.join(CLASS_PART_SEPARATOR);
-  return (_a = classPartObject.validators.find(({
-    validator
-  }) => validator(classRest))) == null ? void 0 : _a.classGroupId;
+  plugins: [
+    require("@tailwindcss/forms"),
+    require("@tailwindcss/typography"),
+    plugin(function ({ addVariant }) {
+      addVariant("scrolling", ".scrolling &");
+      addVariant("open", [".open&", ".open &"]);
+      addVariant("actived", [".actived&", ".actived &"]);
+      addVariant("disabled", [".disabled&", ".disabled &"]);
+      addVariant("selected", [".selected&", ".selected &"]);
+    }),
+  ],
 };
-const arbitraryPropertyRegex = /^\[(.+)\]$/;
-const getGroupIdForArbitraryProperty = (className) => {
-  if (arbitraryPropertyRegex.test(className)) {
-    const arbitraryPropertyClassName = arbitraryPropertyRegex.exec(className)[1];
-    const property = arbitraryPropertyClassName == null ? void 0 : arbitraryPropertyClassName.substring(0, arbitraryPropertyClassName.indexOf(":"));
-    if (property) {
-      return "arbitrary.." + property;
-    }
+
+`;
+const libCode = `import {
+    Entify,
+    type EnvVariables,
+    type IEntify,
+  } from "@rxdrag/website-lib-core";
+  
+  export function getEnvVariables(): EnvVariables {
+    return {
+      websiteId: ({}).PUBLIC_WEBSITE_ID,
+      entifyServerUrl: ({}).PUBLIC_ENTIFY_SERVER_URL,
+      entifyGuestToken: ({}).PUBLIC_ENTIFY_GUEST_TOKEN,
+      language: ({}).PUBLIC_LANGUAGE,
+      formSalt: ({}).PUBLIC_FORM_SALT || "yizhanfei",
+    };
   }
-};
-const createClassMap = (config) => {
-  const {
-    theme,
-    prefix
-  } = config;
-  const classMap = {
-    nextPart: /* @__PURE__ */ new Map(),
-    validators: []
-  };
-  const prefixedClassGroupEntries = getPrefixedClassGroupEntries(Object.entries(config.classGroups), prefix);
-  prefixedClassGroupEntries.forEach(([classGroupId, classGroup]) => {
-    processClassesRecursively(classGroup, classMap, classGroupId, theme);
-  });
-  return classMap;
-};
-const processClassesRecursively = (classGroup, classPartObject, classGroupId, theme) => {
-  classGroup.forEach((classDefinition) => {
-    if (typeof classDefinition === "string") {
-      const classPartObjectToEdit = classDefinition === "" ? classPartObject : getPart(classPartObject, classDefinition);
-      classPartObjectToEdit.classGroupId = classGroupId;
-      return;
-    }
-    if (typeof classDefinition === "function") {
-      if (isThemeGetter(classDefinition)) {
-        processClassesRecursively(classDefinition(theme), classPartObject, classGroupId, theme);
-        return;
+  
+  export const rx = Entify.getInstance(getEnvVariables()) as IEntify;
+  `;
+const layoutCode = `---
+import "../base.css";
+import { ClientRouter } from "astro:transitions";
+---
+
+<!doctype html>
+<html lang="zh-CN">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
+    <meta name="generator" content={Astro.generator} />
+    <ClientRouter />
+    <slot name="meta" />
+  </head>
+  <body>
+    <slot />
+  </body>
+</html>
+
+<style>
+  html,
+  body {
+    margin: 0;
+    width: 100%;
+    height: 100%;
+  }
+</style>
+  `;
+const askForQuoteCode = `import type { APIRoute } from "astro";
+  import type {
+    SpamFilterRule,
+    SpamFilterRuleBoolExp,
+    SpamFilterRuleDistinctExp,
+    SpamFilterRuleOrderBy,
+  } from "@rxdrag/rxcms-models";
+  import {
+    EnquiryAssciations,
+    EnquiryEntityName,
+    EnquiryFields,
+    SpamFilterRuleFields,
+    SpamFilterRuleQueryOptions,
+  } from "@rxdrag/rxcms-models";
+  import { getEnvVariables, rx } from "../../lib";
+  import {
+    queryWebSiteSettings,
+    sendEmail,
+    upsertEntity,
+    verifyEncryption,
+    type QuoteRequest,
+  } from "@rxdrag/website-lib-core";
+  
+  // 标记此页面为服务器渲染，而不是静态生成
+  export const prerender = false;
+  
+  export const POST: APIRoute = async ({ request }) => {
+    try {
+      const envVariables = getEnvVariables();
+  
+      // 从请求中获取JSON数据
+      let requestData: QuoteRequest;
+      try {
+        requestData = await request.json();
+      } catch (error) {
+        console.error("JSON parsing error:", error);
+        return new Response(
+          JSON.stringify({
+            success: false,
+            message: "Invalid request format",
+          }),
+          {
+            status: 400,
+            headers: {
+              "Content-Type": "application/json",
+            },
+          }
+        );
       }
-      classPartObject.validators.push({
-        validator: classDefinition,
-        classGroupId
-      });
-      return;
-    }
-    Object.entries(classDefinition).forEach(([key, classGroup2]) => {
-      processClassesRecursively(classGroup2, getPart(classPartObject, key), classGroupId, theme);
-    });
-  });
-};
-const getPart = (classPartObject, path) => {
-  let currentClassPartObject = classPartObject;
-  path.split(CLASS_PART_SEPARATOR).forEach((pathPart) => {
-    if (!currentClassPartObject.nextPart.has(pathPart)) {
-      currentClassPartObject.nextPart.set(pathPart, {
-        nextPart: /* @__PURE__ */ new Map(),
-        validators: []
-      });
-    }
-    currentClassPartObject = currentClassPartObject.nextPart.get(pathPart);
-  });
-  return currentClassPartObject;
-};
-const isThemeGetter = (func) => func.isThemeGetter;
-const getPrefixedClassGroupEntries = (classGroupEntries, prefix) => {
-  if (!prefix) {
-    return classGroupEntries;
-  }
-  return classGroupEntries.map(([classGroupId, classGroup]) => {
-    const prefixedClassGroup = classGroup.map((classDefinition) => {
-      if (typeof classDefinition === "string") {
-        return prefix + classDefinition;
+  
+      // 验证蜜罐字段
+      if (requestData.phone) {
+        console.log("Honeypot triggered - spam submission detected");
+        // 悄悄失败，返回成功但不处理
+        return new Response(
+          JSON.stringify({
+            success: true,
+            message:
+              "Your enquiry has been submitted successfully, we will contact you soon",
+          }),
+          {
+            status: 200,
+            headers: {
+              "Content-Type": "application/json",
+            },
+          }
+        );
       }
-      if (typeof classDefinition === "object") {
-        return Object.fromEntries(Object.entries(classDefinition).map(([key, value]) => [prefix + key, value]));
+  
+      // 创建实体对象 - 移除不在数据库模型中的字段
+      const { phone, encryptedField, ...entityData } = requestData;
+      const entity: Record<string, unknown> = { ...entityData };
+  
+      // 检查蜜罐字段
+      if (phone) {
+        // 蜜罐被触发，拒绝请求
+        return new Response(
+          JSON.stringify({
+            success: false,
+            message: "Form submission rejected",
+          }),
+          {
+            status: 400,
+            headers: {
+              "Content-Type": "application/json",
+            },
+          }
+        );
       }
-      return classDefinition;
-    });
-    return [classGroupId, prefixedClassGroup];
-  });
-};
-const createLruCache = (maxCacheSize) => {
-  if (maxCacheSize < 1) {
-    return {
-      get: () => void 0,
-      set: () => {
+  
+      // 验证加密字段
+      const isValid = verifyEncryption(
+        //加密盐
+        envVariables.formSalt,
+        encryptedField,
+        phone || "",
+        30 // 30分钟有效期
+      );
+  
+      if (!isValid) {
+        // 加密验证失败，拒绝请求
+        return new Response(
+          JSON.stringify({
+            success: false,
+            message: "Invalid form submission",
+          }),
+          {
+            status: 400,
+            headers: {
+              "Content-Type": "application/json",
+            },
+          }
+        );
       }
-    };
-  }
-  let cacheSize = 0;
-  let cache = /* @__PURE__ */ new Map();
-  let previousCache = /* @__PURE__ */ new Map();
-  const update = (key, value) => {
-    cache.set(key, value);
-    cacheSize++;
-    if (cacheSize > maxCacheSize) {
-      cacheSize = 0;
-      previousCache = cache;
-      cache = /* @__PURE__ */ new Map();
+  
+      // 获取请求头信息
+      const url =
+        request.headers.get("X-Request-URL") || request.headers.get("referer");
+      const ip =
+        request.headers.get("X-Forwarded-For") ||
+        request.headers.get("X-Real-IP");
+      const userAgent = request.headers.get("user-agent");
+  
+      // 设置额外字段
+      entity[EnquiryFields.formIp] = ip;
+      entity[EnquiryFields.fromUrl] = url;
+      entity[EnquiryFields.userAgent] = userAgent;
+      entity[EnquiryFields.read] = false;
+      entity[EnquiryFields.spam] = false;
+      entity[EnquiryAssciations.website] = {
+        sync: { id: envVariables.websiteId },
+      };
+  
+      // 验证必填字段
+      if (
+        !entity[EnquiryFields.name] ||
+        !entity[EnquiryFields.email] ||
+        !entity[EnquiryFields.message]
+      ) {
+        return new Response(
+          JSON.stringify({
+            success: false,
+            message: "Please fill in all required fields",
+          }),
+          {
+            status: 400,
+            headers: {
+              "Content-Type": "application/json",
+            },
+          }
+        );
+      }
+  
+      // 垃圾信息过滤
+      const spamRules = (
+        await rx.queryEntityList<
+          SpamFilterRule,
+          SpamFilterRuleBoolExp,
+          SpamFilterRuleOrderBy,
+          SpamFilterRuleDistinctExp
+        >(
+          new SpamFilterRuleQueryOptions([
+            SpamFilterRuleFields.emails,
+            SpamFilterRuleFields.ips,
+            SpamFilterRuleFields.keywords,
+          ])
+        )
+      )?.items as SpamFilterRule[] | undefined;
+  
+      for (const rule of spamRules || []) {
+        const email = (entity[EnquiryFields.email] as string)?.trim();
+        if (
+          !email ||
+          rule.emails
+            ?.replace("，", ",")
+            .split(",")
+            .map((em) => em.trim())
+            .includes(email) ||
+          (ip &&
+            rule.ips
+              ?.replace("，", ",")
+              .split(",")
+              .map((ipAddr) => ipAddr.trim())
+              .includes(ip)) ||
+          rule.keywords
+            ?.split(",")
+            .some(
+              (keyword: string) =>
+                keyword &&
+                (entity[EnquiryFields.message] as string).includes(keyword)
+            )
+        ) {
+          // 标记为垃圾信息并保存
+          await upsertEntity(
+            EnquiryEntityName,
+            { ...entity, spam: true, read: false },
+            envVariables
+          );
+  
+          // 返回404响应，模拟原始行为
+          return new Response(null, { status: 404 });
+        }
+      }
+  
+      // 保存询价信息
+      await upsertEntity(EnquiryEntityName, entity, envVariables);
+  
+      // 获取网站设置并发送邮件通知
+      const websettins = await queryWebSiteSettings(envVariables);
+      const name = entity?.[EnquiryFields.name] as string;
+  
+      if (websettins?.noticeEmail) {
+        const content = \`
+        Company: \${entity[EnquiryFields.company]}
+        Name: \${name}
+        Email: \${entity[EnquiryFields.email]}
+        Message: \${entity[EnquiryFields.message]}
+        IP: \${ip}
+        URL: \${url}
+        CTA: \${entity[EnquiryFields.fromCta]}
+        userAgent: \${userAgent}
+        \`;
+  
+        const employeeEmail = {
+          to: websettins?.noticeEmail,
+          subject: "New Enquiry Received",
+          message: content,
+        };
+  
+        await sendEmail(employeeEmail, envVariables);
+      }
+  
+      // 返回JSON响应
+      return new Response(
+        JSON.stringify({
+          success: true,
+          message:
+            "Your enquiry has been submitted successfully, we will contact you soon",
+        }),
+        {
+          status: 200,
+          headers: {
+            "Content-Type": "application/json",
+          },
+        }
+      );
+    } catch (error) {
+      console.error("Error processing enquiry request:", error);
+  
+      // 返回错误响应
+      return new Response(
+        JSON.stringify({
+          success: false,
+          message: "Submission failed, please try again later",
+        }),
+        {
+          status: 500,
+          headers: {
+            "Content-Type": "application/json",
+          },
+        }
+      );
     }
   };
+  `;
+const settingsCode = `{
+  "css.validate": true,
+  "less.validate": true,
+  "scss.validate": true,
+  "stylelint.validate": ["css", "scss"],
+  "editor.quickSuggestions": {
+    "strings": true
+  },
+  "css.lint.unknownAtRules": "ignore"
+}
+`;
+const extensionsCode = `{
+  "recommendations": ["astro-build.astro-vscode"],
+  "unwantedRecommendations": []
+}
+`;
+const launchCode = `{
+  "version": "0.2.0",
+  "configurations": [
+    {
+      "command": "./node_modules/.bin/astro dev",
+      "name": "Development server",
+      "request": "launch",
+      "type": "node-terminal"
+    }
+  ]
+}
+`;
+const createBaseFiles = (theme) => {
   return {
-    get(key) {
-      let value = cache.get(key);
-      if (value !== void 0) {
-        return value;
+    "package.json": {
+      file: {
+        contents: packageCode
       }
-      if ((value = previousCache.get(key)) !== void 0) {
-        update(key, value);
-        return value;
+    },
+    ".gitignore": {
+      file: {
+        contents: gitignoreCode
       }
     },
-    set(key, value) {
-      if (cache.has(key)) {
-        cache.set(key, value);
-      } else {
-        update(key, value);
+    "astro.config.mjs": {
+      file: {
+        contents: astroConfig
       }
-    }
-  };
-};
-const IMPORTANT_MODIFIER = "!";
-const createParseClassName = (config) => {
-  const {
-    separator,
-    experimentalParseClassName
-  } = config;
-  const isSeparatorSingleCharacter = separator.length === 1;
-  const firstSeparatorCharacter = separator[0];
-  const separatorLength = separator.length;
-  const parseClassName = (className) => {
-    const modifiers = [];
-    let bracketDepth = 0;
-    let modifierStart = 0;
-    let postfixModifierPosition;
-    for (let index = 0; index < className.length; index++) {
-      let currentCharacter = className[index];
-      if (bracketDepth === 0) {
-        if (currentCharacter === firstSeparatorCharacter && (isSeparatorSingleCharacter || className.slice(index, index + separatorLength) === separator)) {
-          modifiers.push(className.slice(modifierStart, index));
-          modifierStart = index + separatorLength;
-          continue;
+    },
+    "tsconfig.json": {
+      file: {
+        contents: tsconfigCode
+      }
+    },
+    ".env": {
+      file: {
+        contents: createEnv(theme)
+      }
+    },
+    "tailwind.config.mjs": {
+      file: {
+        contents: tailwindConfigCode
+      }
+    },
+    ".vscode": {
+      directory: {
+        "settings.json": {
+          file: {
+            contents: settingsCode
+          }
+        },
+        "extensions.json": {
+          file: {
+            contents: extensionsCode
+          }
+        },
+        "launch.json": {
+          file: {
+            contents: launchCode
+          }
         }
-        if (currentCharacter === "/") {
-          postfixModifierPosition = index;
-          continue;
+      }
+    },
+    src: {
+      directory: {
+        layouts: {
+          directory: {
+            "Layout.astro": {
+              file: {
+                contents: layoutCode
+              }
+            }
+          }
+        },
+        pages: {
+          directory: {
+            api: {
+              directory: {
+                "ask-for-quote.ts": {
+                  file: {
+                    contents: askForQuoteCode
+                  }
+                }
+              }
+            }
+          }
+        },
+        components: {
+          directory: {}
+        },
+        lib: {
+          directory: {
+            "index.ts": {
+              file: {
+                contents: libCode
+              }
+            }
+          }
+        },
+        "base.css": {
+          file: {
+            contents: createBaseCssCode(theme)
+          }
+        },
+        "env.d.ts": {
+          file: {
+            contents: `/// <reference types="astro/client" />`
+          }
         }
       }
-      if (currentCharacter === "[") {
-        bracketDepth++;
-      } else if (currentCharacter === "]") {
-        bracketDepth--;
+    },
+    public: {
+      directory: {
+        "favicon.svg": {
+          file: {
+            contents: faviconCode
+          }
+        }
       }
     }
-    const baseClassNameWithImportantModifier = modifiers.length === 0 ? className : className.substring(modifierStart);
-    const hasImportantModifier = baseClassNameWithImportantModifier.startsWith(IMPORTANT_MODIFIER);
-    const baseClassName = hasImportantModifier ? baseClassNameWithImportantModifier.substring(1) : baseClassNameWithImportantModifier;
-    const maybePostfixModifierPosition = postfixModifierPosition && postfixModifierPosition > modifierStart ? postfixModifierPosition - modifierStart : void 0;
-    return {
-      modifiers,
-      hasImportantModifier,
-      baseClassName,
-      maybePostfixModifierPosition
-    };
   };
-  if (experimentalParseClassName) {
-    return (className) => experimentalParseClassName({
-      className,
-      parseClassName
-    });
-  }
-  return parseClassName;
 };
-const sortModifiers = (modifiers) => {
-  if (modifiers.length <= 1) {
-    return modifiers;
-  }
-  const sortedModifiers = [];
-  let unsortedModifiers = [];
-  modifiers.forEach((modifier) => {
-    const isArbitraryVariant = modifier[0] === "[";
-    if (isArbitraryVariant) {
-      sortedModifiers.push(...unsortedModifiers.sort(), modifier);
-      unsortedModifiers = [];
-    } else {
-      unsortedModifiers.push(modifier);
-    }
-  });
-  sortedModifiers.push(...unsortedModifiers.sort());
-  return sortedModifiers;
+const PAGE_TYPE_PATHS = {
+  [PageType.Home]: "index.astro",
+  [PageType.Page404]: "404.astro",
+  [PageType.PageError]: "500.astro",
+  [PageType.Thanks]: "thanks.astro",
+  [PageType.SearchList]: "search.astro",
+  [PageType.Post]: "posts/[slug].astro",
+  [PageType.PostList]: "posts/page/[page].astro",
+  [PageType.PostCategory]: "posts/categories/[slug]/[page].astro",
+  [PageType.Product]: "products/[slug].astro",
+  [PageType.ProductList]: "products/page/[page].astro",
+  [PageType.ProductCategory]: "products/categories/[slug]/[page].astro",
+  [PageType.Profile]: "profiles/[id].astro"
+  // 其他页面类型可以根据需要添加
 };
-const createConfigUtils = (config) => ({
-  cache: createLruCache(config.cacheSize),
-  parseClassName: createParseClassName(config),
-  ...createClassGroupUtils(config)
+const createFileEntry = (contents) => ({
+  file: { contents }
 });
-const SPLIT_CLASSES_REGEX = /\s+/;
-const mergeClassList = (classList, configUtils) => {
-  const {
-    parseClassName,
-    getClassGroupId,
-    getConflictingClassGroupIds
-  } = configUtils;
-  const classGroupsInConflict = [];
-  const classNames = classList.trim().split(SPLIT_CLASSES_REGEX);
-  let result = "";
-  for (let index = classNames.length - 1; index >= 0; index -= 1) {
-    const originalClassName = classNames[index];
-    const {
-      modifiers,
-      hasImportantModifier,
-      baseClassName,
-      maybePostfixModifierPosition
-    } = parseClassName(originalClassName);
-    let hasPostfixModifier = Boolean(maybePostfixModifierPosition);
-    let classGroupId = getClassGroupId(hasPostfixModifier ? baseClassName.substring(0, maybePostfixModifierPosition) : baseClassName);
-    if (!classGroupId) {
-      if (!hasPostfixModifier) {
-        result = originalClassName + (result.length > 0 ? " " + result : result);
-        continue;
-      }
-      classGroupId = getClassGroupId(baseClassName);
-      if (!classGroupId) {
-        result = originalClassName + (result.length > 0 ? " " + result : result);
-        continue;
+const createDirectoryEntry = (content = {}) => ({
+  directory: content
+});
+function useGetPageFiles() {
+  const getPages = useGetPages();
+  const getPageFiles = useCallback(
+    async (themeId) => {
+      var _a;
+      const pages = (_a = await getPages(themeId)) == null ? void 0 : _a.items;
+      const defaultHomeContent = `---
+import Layout from '../layouts/Layout.astro';
+---
+
+<Layout>
+  <main class="p-4 max-w-screen-lg mx-auto">
+    <h1 class="text-3xl font-bold mb-4">欢迎访问</h1>
+    <p class="text-lg">没有找到首页...</p>
+  </main>
+</Layout>
+`;
+      const initialPageFiles = {
+        "index.astro": createFileEntry(defaultHomeContent)
+      };
+      const createNestedDir = (basePath, structure) => {
+        let current = structure;
+        for (const segment of basePath) {
+          if (!current[segment]) {
+            current[segment] = createDirectoryEntry();
+          }
+          current = current[segment].directory;
+        }
+        return current;
+      };
+      const createFileAtPath = (path, content, structure) => {
+        const segments = path.split("/");
+        const fileName = segments.pop() || "";
+        if (segments.length === 0) {
+          structure[fileName] = createFileEntry(content);
+        } else {
+          const dirContent = createNestedDir(segments, structure);
+          dirContent[fileName] = createFileEntry(content);
+        }
+      };
+      createNestedDir(["posts"], initialPageFiles);
+      createNestedDir(["posts", "categories"], initialPageFiles);
+      createNestedDir(["posts", "page"], initialPageFiles);
+      createNestedDir(["products"], initialPageFiles);
+      createNestedDir(["products", "categories"], initialPageFiles);
+      createNestedDir(["products", "page"], initialPageFiles);
+      createNestedDir(["profiles"], initialPageFiles);
+      createNestedDir(["api"], initialPageFiles);
+      const processedPaths = /* @__PURE__ */ new Set();
+      if (pages && pages.length > 0) {
+        pages.forEach((page) => {
+          const pageContent = page.code || "";
+          const pageType = page.pageType;
+          const path = PAGE_TYPE_PATHS[pageType];
+          if (path) {
+            createFileAtPath(path, pageContent, initialPageFiles);
+            processedPaths.add(path);
+          } else if (page.pageType === PageType.Customized && page.slug) {
+            const fileName = `${page.slug}.astro`;
+            initialPageFiles[fileName] = createFileEntry(pageContent);
+            processedPaths.add(fileName);
+          } else {
+            const fileName = "page.astro";
+            initialPageFiles[fileName] = createFileEntry(pageContent);
+            processedPaths.add(fileName);
+          }
+        });
       }
-      hasPostfixModifier = false;
-    }
-    const variantModifier = sortModifiers(modifiers).join(":");
-    const modifierId = hasImportantModifier ? variantModifier + IMPORTANT_MODIFIER : variantModifier;
-    const classId = modifierId + classGroupId;
-    if (classGroupsInConflict.includes(classId)) {
-      continue;
-    }
-    classGroupsInConflict.push(classId);
-    const conflictGroups = getConflictingClassGroupIds(classGroupId, hasPostfixModifier);
-    for (let i2 = 0; i2 < conflictGroups.length; ++i2) {
-      const group = conflictGroups[i2];
-      classGroupsInConflict.push(modifierId + group);
-    }
-    result = originalClassName + (result.length > 0 ? " " + result : result);
-  }
-  return result;
-};
-function twJoin() {
-  let index = 0;
-  let argument;
-  let resolvedValue;
-  let string = "";
-  while (index < arguments.length) {
-    if (argument = arguments[index++]) {
-      if (resolvedValue = toValue(argument)) {
-        string && (string += " ");
-        string += resolvedValue;
+      return initialPageFiles;
+    },
+    [getPages]
+  );
+  return getPageFiles;
+}
+function useGetComponentFiles() {
+  const getComponents = useGetFrontComponents();
+  const getFiles = useCallback(
+    async (themeId) => {
+      var _a;
+      const components = (_a = await getComponents(themeId)) == null ? void 0 : _a.items;
+      const files = {};
+      if (components && components.length > 0) {
+        components.forEach((component) => {
+          if (component.name && component.code) {
+            files[`${component.name}.astro`] = {
+              file: {
+                contents: component.code
+              }
+            };
+          }
+        });
       }
-    }
-  }
-  return string;
+      return files;
+    },
+    [getComponents]
+  );
+  return getFiles;
 }
-const toValue = (mix) => {
-  if (typeof mix === "string") {
-    return mix;
-  }
-  let resolvedValue;
-  let string = "";
-  for (let k = 0; k < mix.length; k++) {
-    if (mix[k]) {
-      if (resolvedValue = toValue(mix[k])) {
-        string && (string += " ");
-        string += resolvedValue;
+function useGetFiles() {
+  const getPageFiles = useGetPageFiles();
+  const getComponentFiles = useGetComponentFiles();
+  const getFiles = useCallback(
+    async (theme) => {
+      if (!(theme == null ? void 0 : theme.id)) {
+        console.error("theme is not defined");
+        return;
       }
-    }
-  }
-  return string;
-};
-function createTailwindMerge(createConfigFirst, ...createConfigRest) {
-  let configUtils;
+      const pageFiles = await getPageFiles((theme == null ? void 0 : theme.id) || void 0);
+      const componentFiles = await getComponentFiles((theme == null ? void 0 : theme.id) || void 0);
+      const baseFiles = createBaseFiles(theme);
+      return {
+        ...baseFiles,
+        src: {
+          ...baseFiles.src,
+          directory: {
+            ...baseFiles.src.directory,
+            components: {
+              ...baseFiles.src.directory.components,
+              directory: {
+                ...baseFiles.src.directory.components.directory,
+                ...componentFiles
+              }
+            },
+            pages: {
+              ...baseFiles.src.directory.pages,
+              directory: {
+                ...baseFiles.src.directory.pages.directory,
+                ...pageFiles
+              }
+            }
+          }
+        }
+      };
+    },
+    [getComponentFiles, getPageFiles]
+  );
+  return getFiles;
+}
+function useSave(onSaved) {
+  const save = useCallback(
+    (name, content) => {
+      saveFile(name, content).then(
+        (savedName) => {
+          if (savedName) {
+            onSaved && onSaved();
+          }
+        }
+      );
+    },
+    [onSaved]
+  );
+  return save;
+}
+var ContentType = /* @__PURE__ */ ((ContentType2) => {
+  ContentType2["Page"] = "page";
+  ContentType2["Component"] = "component";
+  ContentType2["PredefinedPage"] = "PredefinedPage";
+  return ContentType2;
+})(ContentType || {});
+var DrawerConentType = /* @__PURE__ */ ((DrawerConentType2) => {
+  DrawerConentType2["Insert"] = "insert";
+  DrawerConentType2["Layers"] = "layers";
+  DrawerConentType2["SEO"] = "seo";
+  DrawerConentType2["SEM"] = "sem";
+  DrawerConentType2["SNS"] = "sns";
+  DrawerConentType2["ComponentSchema"] = "componentSchema";
+  DrawerConentType2["ComponentTest"] = "componentTest";
+  return DrawerConentType2;
+})(DrawerConentType || {});
+var DeviceType = /* @__PURE__ */ ((DeviceType2) => {
+  DeviceType2["Mobile"] = "mobile";
+  DeviceType2["Tablet"] = "tablet";
+  DeviceType2["Desktop"] = "desktop";
+  return DeviceType2;
+})(DeviceType || {});
+var ViewMode = /* @__PURE__ */ ((ViewMode2) => {
+  ViewMode2["Design"] = "design";
+  ViewMode2["Preview"] = "preview";
+  ViewMode2["Code"] = "code";
+  return ViewMode2;
+})(ViewMode || {});
+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;
+  useEffect(() => {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
+    let code;
+    let hasContent = false;
+    let defaultConfig;
+    if ((selectedContent == null ? void 0 : selectedContent.type) === ContentType.Component) {
+      const component = (_a = componentsRef.current) == null ? void 0 : _a.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 = (_c = (_b = pagesRef.current) == null ? void 0 : _b.items) == null ? void 0 : _c.find(
+        (item) => item.id === selectedContent.id
+      );
+      defaultConfig = {
+        pageMeta: {
+          seoTitle: (_d = page == null ? void 0 : page.meta) == null ? void 0 : _d.seoTitle,
+          seoDescription: (_e = page == null ? void 0 : page.meta) == null ? void 0 : _e.seoDescription,
+          seoKeywords: (_f = page == null ? void 0 : page.meta) == null ? void 0 : _f.seoKeywords,
+          ogTitle: (_g = page == null ? void 0 : page.meta) == null ? void 0 : _g.ogTitle,
+          ogDescription: (_h = page == null ? void 0 : page.meta) == null ? void 0 : _h.ogDescription,
+          ogType: (_i = page == null ? void 0 : page.meta) == null ? void 0 : _i.ogType,
+          ogImage: (_j = page == null ? void 0 : page.meta) == null ? void 0 : _j.ogImage
+        }
+      };
+      if (page) {
+        code = page.code;
+        hasContent = true;
+      }
+    }
+    if (code) {
+      transformCodeToSchema(code).then((value) => {
+        setSchema({
+          schema: { ...defaultSchema, children: (value == null ? void 0 : value.template) || [] },
+          config: { ...defaultConfig, ...value.resources }
+        });
+      });
+    } else if (hasContent) {
+      setSchema({
+        schema: { ...defaultSchema, children: [] }
+      });
+    }
+  }, [selectedContent == null ? void 0 : selectedContent.id, selectedContent == null ? void 0 : selectedContent.type]);
+  return schema;
+}
+function useExportWebsite() {
+  const [isExporting, setIsExporting] = useState(false);
+  const setError = useSetRecoilState(globalErrorState);
+  const theme = useWebsiteTheme();
+  const save = useSave();
+  const getFiles = useGetFiles();
+  const addFilesToZip = useCallback(
+    (zip, files, currentPath = "") => {
+      for (const [name, content] of Object.entries(files)) {
+        const path = currentPath ? `${currentPath}/${name}` : name;
+        if (content.file && content.file.contents) {
+          zip.file(path, content.file.contents);
+        } else if (content.directory) {
+          const folder = zip.folder(path);
+          if (folder) {
+            addFilesToZip(folder, content.directory, "");
+          }
+        } else if (typeof content === "object" && content !== null) {
+          if (name === "src" || name === "public" || name === "components" || name === "pages") {
+            const folder = zip.folder(path);
+            if (folder) {
+              addFilesToZip(folder, content, "");
+            }
+          } else {
+            addFilesToZip(zip, content, path);
+          }
+        }
+      }
+    },
+    []
+  );
+  const exportWebsite = useCallback(async () => {
+    try {
+      if (theme == null ? void 0 : theme.id) {
+        setIsExporting(true);
+        const files = await getFiles(theme);
+        const zip = new JSZip();
+        console.log("开始导出文件...");
+        addFilesToZip(zip, files);
+        const content = await zip.generateAsync({ type: "blob" });
+        const fileName = `website-${theme.name || theme.id}-${(/* @__PURE__ */ new Date()).toISOString().slice(0, 10)}`;
+        save(fileName, content);
+      }
+    } catch (e) {
+      console.error(e);
+      setError(e == null ? void 0 : e.message);
+    } finally {
+      setIsExporting(false);
+    }
+  }, [getFiles, save, setError, theme, addFilesToZip]);
+  return { exportWebsite, isExporting };
+}
+const studioSetters = {
+  ...propSetters,
+  Fragment: React__default.Fragment
+  // TabList,
+  // Tab,
+  // TabPanel,
+  // Stack,
+  // FormControl,
+  // FormLabel: FormLabel,
+  // Autocomplete: Autocomplete,
+  // Input: toControlled(Input, 'value', ''),
+  // Textarea: toControlled(Textarea, 'value', ''),
+  //Select,
+  //Option: Option,
+  //Switch: Switch,
+  //IconPicker,
+  //ToggleButtonGroup,
+  // Button,
+  // IconButton,
+  // SlotSwitch,
+};
+function useAllMaterials() {
+  const customMaterials = useCustomizedMaterials();
+  const materials = useMemo(() => {
+    return staticMaterials.concat(customMaterials || []);
+  }, [customMaterials]);
+  return materials;
+}
+function EditorScope(props) {
+  const { children, resources, ...rest } = props;
+  const materials = useAllMaterials();
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    Designer,
+    {
+      resources,
+      materials,
+      setters: studioSetters,
+      ...rest,
+      children
+    }
+  );
+}
+const Sheet = forwardRef$1((props, ref) => {
+  const { className, children, ...rest } = props;
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    "div",
+    {
+      ref,
+      className: cn(className, "border-divider bg-black"),
+      ...rest,
+      children
+    }
+  );
+});
+var solid = {
+  default: "bg-default text-default-foreground",
+  primary: "bg-primary text-primary-foreground",
+  secondary: "bg-secondary text-secondary-foreground",
+  success: "bg-success text-success-foreground",
+  warning: "bg-warning text-warning-foreground",
+  danger: "bg-danger text-danger-foreground",
+  foreground: "bg-foreground text-background"
+};
+var shadow = {
+  default: "shadow-lg shadow-default/50 bg-default text-default-foreground",
+  primary: "shadow-lg shadow-primary/40 bg-primary text-primary-foreground",
+  secondary: "shadow-lg shadow-secondary/40 bg-secondary text-secondary-foreground",
+  success: "shadow-lg shadow-success/40 bg-success text-success-foreground",
+  warning: "shadow-lg shadow-warning/40 bg-warning text-warning-foreground",
+  danger: "shadow-lg shadow-danger/40 bg-danger text-danger-foreground",
+  foreground: "shadow-lg shadow-foreground/40 bg-foreground text-background"
+};
+var bordered = {
+  default: "bg-transparent border-default text-foreground",
+  primary: "bg-transparent border-primary text-primary",
+  secondary: "bg-transparent border-secondary text-secondary",
+  success: "bg-transparent border-success text-success",
+  warning: "bg-transparent border-warning text-warning",
+  danger: "bg-transparent border-danger text-danger",
+  foreground: "bg-transparent border-foreground text-foreground"
+};
+var flat = {
+  default: "bg-default/40 text-default-700",
+  primary: "bg-primary/20 text-primary-600",
+  secondary: "bg-secondary/20 text-secondary-600",
+  success: "bg-success/20 text-success-700 dark:text-success",
+  warning: "bg-warning/20 text-warning-700 dark:text-warning",
+  danger: "bg-danger/20 text-danger-600 dark:text-danger-500",
+  foreground: "bg-foreground/10 text-foreground"
+};
+var faded = {
+  default: "border-default bg-default-100 text-default-foreground",
+  primary: "border-default bg-default-100 text-primary",
+  secondary: "border-default bg-default-100 text-secondary",
+  success: "border-default bg-default-100 text-success",
+  warning: "border-default bg-default-100 text-warning",
+  danger: "border-default bg-default-100 text-danger",
+  foreground: "border-default bg-default-100 text-foreground"
+};
+var light = {
+  default: "bg-transparent text-default-foreground",
+  primary: "bg-transparent text-primary",
+  secondary: "bg-transparent text-secondary",
+  success: "bg-transparent text-success",
+  warning: "bg-transparent text-warning",
+  danger: "bg-transparent text-danger",
+  foreground: "bg-transparent text-foreground"
+};
+var ghost = {
+  default: "border-default text-default-foreground",
+  primary: "border-primary text-primary",
+  secondary: "border-secondary text-secondary",
+  success: "border-success text-success",
+  warning: "border-warning text-warning",
+  danger: "border-danger text-danger",
+  foreground: "border-foreground text-foreground hover:!bg-foreground"
+};
+var colorVariants = {
+  solid,
+  shadow,
+  bordered,
+  flat,
+  faded,
+  light,
+  ghost
+};
+var COMMON_UNITS = ["small", "medium", "large"];
+var twMergeConfig = {
+  theme: {
+    opacity: ["disabled"],
+    spacing: ["divider"],
+    borderWidth: COMMON_UNITS,
+    borderRadius: COMMON_UNITS
+  },
+  classGroups: {
+    shadow: [{ shadow: COMMON_UNITS }],
+    "font-size": [{ text: ["tiny", ...COMMON_UNITS] }],
+    "bg-image": [
+      "bg-stripe-gradient-default",
+      "bg-stripe-gradient-primary",
+      "bg-stripe-gradient-secondary",
+      "bg-stripe-gradient-success",
+      "bg-stripe-gradient-warning",
+      "bg-stripe-gradient-danger"
+    ]
+  }
+};
+var l = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, u = (e) => !e || typeof e != "object" || Object.keys(e).length === 0, x$1 = (e, o) => JSON.stringify(e) === JSON.stringify(o);
+function i(e, o) {
+  e.forEach(function(r2) {
+    Array.isArray(r2) ? i(r2, o) : o.push(r2);
+  });
+}
+function y(e) {
+  let o = [];
+  return i(e, o), o;
+}
+var a = (...e) => y(e).filter(Boolean), p = (e, o) => {
+  let r2 = {}, c = Object.keys(e), f = Object.keys(o);
+  for (let t of c)
+    if (f.includes(t)) {
+      let s = e[t], n = o[t];
+      Array.isArray(s) || Array.isArray(n) ? r2[t] = a(n, s) : typeof s == "object" && typeof n == "object" ? r2[t] = p(s, n) : r2[t] = n + " " + s;
+    } else
+      r2[t] = e[t];
+  for (let t of f)
+    c.includes(t) || (r2[t] = o[t]);
+  return r2;
+}, g = (e) => !e || typeof e != "string" ? e : e.replace(/\s+/g, " ").trim();
+const CLASS_PART_SEPARATOR = "-";
+const createClassGroupUtils = (config) => {
+  const classMap = createClassMap(config);
+  const {
+    conflictingClassGroups,
+    conflictingClassGroupModifiers
+  } = config;
+  const getClassGroupId = (className) => {
+    const classParts = className.split(CLASS_PART_SEPARATOR);
+    if (classParts[0] === "" && classParts.length !== 1) {
+      classParts.shift();
+    }
+    return getGroupRecursive(classParts, classMap) || getGroupIdForArbitraryProperty(className);
+  };
+  const getConflictingClassGroupIds = (classGroupId, hasPostfixModifier) => {
+    const conflicts = conflictingClassGroups[classGroupId] || [];
+    if (hasPostfixModifier && conflictingClassGroupModifiers[classGroupId]) {
+      return [...conflicts, ...conflictingClassGroupModifiers[classGroupId]];
+    }
+    return conflicts;
+  };
+  return {
+    getClassGroupId,
+    getConflictingClassGroupIds
+  };
+};
+const getGroupRecursive = (classParts, classPartObject) => {
+  var _a;
+  if (classParts.length === 0) {
+    return classPartObject.classGroupId;
+  }
+  const currentClassPart = classParts[0];
+  const nextClassPartObject = classPartObject.nextPart.get(currentClassPart);
+  const classGroupFromNextClassPart = nextClassPartObject ? getGroupRecursive(classParts.slice(1), nextClassPartObject) : void 0;
+  if (classGroupFromNextClassPart) {
+    return classGroupFromNextClassPart;
+  }
+  if (classPartObject.validators.length === 0) {
+    return void 0;
+  }
+  const classRest = classParts.join(CLASS_PART_SEPARATOR);
+  return (_a = classPartObject.validators.find(({
+    validator
+  }) => validator(classRest))) == null ? void 0 : _a.classGroupId;
+};
+const arbitraryPropertyRegex = /^\[(.+)\]$/;
+const getGroupIdForArbitraryProperty = (className) => {
+  if (arbitraryPropertyRegex.test(className)) {
+    const arbitraryPropertyClassName = arbitraryPropertyRegex.exec(className)[1];
+    const property = arbitraryPropertyClassName == null ? void 0 : arbitraryPropertyClassName.substring(0, arbitraryPropertyClassName.indexOf(":"));
+    if (property) {
+      return "arbitrary.." + property;
+    }
+  }
+};
+const createClassMap = (config) => {
+  const {
+    theme,
+    prefix
+  } = config;
+  const classMap = {
+    nextPart: /* @__PURE__ */ new Map(),
+    validators: []
+  };
+  const prefixedClassGroupEntries = getPrefixedClassGroupEntries(Object.entries(config.classGroups), prefix);
+  prefixedClassGroupEntries.forEach(([classGroupId, classGroup]) => {
+    processClassesRecursively(classGroup, classMap, classGroupId, theme);
+  });
+  return classMap;
+};
+const processClassesRecursively = (classGroup, classPartObject, classGroupId, theme) => {
+  classGroup.forEach((classDefinition) => {
+    if (typeof classDefinition === "string") {
+      const classPartObjectToEdit = classDefinition === "" ? classPartObject : getPart(classPartObject, classDefinition);
+      classPartObjectToEdit.classGroupId = classGroupId;
+      return;
+    }
+    if (typeof classDefinition === "function") {
+      if (isThemeGetter(classDefinition)) {
+        processClassesRecursively(classDefinition(theme), classPartObject, classGroupId, theme);
+        return;
+      }
+      classPartObject.validators.push({
+        validator: classDefinition,
+        classGroupId
+      });
+      return;
+    }
+    Object.entries(classDefinition).forEach(([key, classGroup2]) => {
+      processClassesRecursively(classGroup2, getPart(classPartObject, key), classGroupId, theme);
+    });
+  });
+};
+const getPart = (classPartObject, path) => {
+  let currentClassPartObject = classPartObject;
+  path.split(CLASS_PART_SEPARATOR).forEach((pathPart) => {
+    if (!currentClassPartObject.nextPart.has(pathPart)) {
+      currentClassPartObject.nextPart.set(pathPart, {
+        nextPart: /* @__PURE__ */ new Map(),
+        validators: []
+      });
+    }
+    currentClassPartObject = currentClassPartObject.nextPart.get(pathPart);
+  });
+  return currentClassPartObject;
+};
+const isThemeGetter = (func) => func.isThemeGetter;
+const getPrefixedClassGroupEntries = (classGroupEntries, prefix) => {
+  if (!prefix) {
+    return classGroupEntries;
+  }
+  return classGroupEntries.map(([classGroupId, classGroup]) => {
+    const prefixedClassGroup = classGroup.map((classDefinition) => {
+      if (typeof classDefinition === "string") {
+        return prefix + classDefinition;
+      }
+      if (typeof classDefinition === "object") {
+        return Object.fromEntries(Object.entries(classDefinition).map(([key, value]) => [prefix + key, value]));
+      }
+      return classDefinition;
+    });
+    return [classGroupId, prefixedClassGroup];
+  });
+};
+const createLruCache = (maxCacheSize) => {
+  if (maxCacheSize < 1) {
+    return {
+      get: () => void 0,
+      set: () => {
+      }
+    };
+  }
+  let cacheSize = 0;
+  let cache = /* @__PURE__ */ new Map();
+  let previousCache = /* @__PURE__ */ new Map();
+  const update = (key, value) => {
+    cache.set(key, value);
+    cacheSize++;
+    if (cacheSize > maxCacheSize) {
+      cacheSize = 0;
+      previousCache = cache;
+      cache = /* @__PURE__ */ new Map();
+    }
+  };
+  return {
+    get(key) {
+      let value = cache.get(key);
+      if (value !== void 0) {
+        return value;
+      }
+      if ((value = previousCache.get(key)) !== void 0) {
+        update(key, value);
+        return value;
+      }
+    },
+    set(key, value) {
+      if (cache.has(key)) {
+        cache.set(key, value);
+      } else {
+        update(key, value);
+      }
+    }
+  };
+};
+const IMPORTANT_MODIFIER = "!";
+const createParseClassName = (config) => {
+  const {
+    separator,
+    experimentalParseClassName
+  } = config;
+  const isSeparatorSingleCharacter = separator.length === 1;
+  const firstSeparatorCharacter = separator[0];
+  const separatorLength = separator.length;
+  const parseClassName = (className) => {
+    const modifiers = [];
+    let bracketDepth = 0;
+    let modifierStart = 0;
+    let postfixModifierPosition;
+    for (let index = 0; index < className.length; index++) {
+      let currentCharacter = className[index];
+      if (bracketDepth === 0) {
+        if (currentCharacter === firstSeparatorCharacter && (isSeparatorSingleCharacter || className.slice(index, index + separatorLength) === separator)) {
+          modifiers.push(className.slice(modifierStart, index));
+          modifierStart = index + separatorLength;
+          continue;
+        }
+        if (currentCharacter === "/") {
+          postfixModifierPosition = index;
+          continue;
+        }
+      }
+      if (currentCharacter === "[") {
+        bracketDepth++;
+      } else if (currentCharacter === "]") {
+        bracketDepth--;
+      }
+    }
+    const baseClassNameWithImportantModifier = modifiers.length === 0 ? className : className.substring(modifierStart);
+    const hasImportantModifier = baseClassNameWithImportantModifier.startsWith(IMPORTANT_MODIFIER);
+    const baseClassName = hasImportantModifier ? baseClassNameWithImportantModifier.substring(1) : baseClassNameWithImportantModifier;
+    const maybePostfixModifierPosition = postfixModifierPosition && postfixModifierPosition > modifierStart ? postfixModifierPosition - modifierStart : void 0;
+    return {
+      modifiers,
+      hasImportantModifier,
+      baseClassName,
+      maybePostfixModifierPosition
+    };
+  };
+  if (experimentalParseClassName) {
+    return (className) => experimentalParseClassName({
+      className,
+      parseClassName
+    });
+  }
+  return parseClassName;
+};
+const sortModifiers = (modifiers) => {
+  if (modifiers.length <= 1) {
+    return modifiers;
+  }
+  const sortedModifiers = [];
+  let unsortedModifiers = [];
+  modifiers.forEach((modifier) => {
+    const isArbitraryVariant = modifier[0] === "[";
+    if (isArbitraryVariant) {
+      sortedModifiers.push(...unsortedModifiers.sort(), modifier);
+      unsortedModifiers = [];
+    } else {
+      unsortedModifiers.push(modifier);
+    }
+  });
+  sortedModifiers.push(...unsortedModifiers.sort());
+  return sortedModifiers;
+};
+const createConfigUtils = (config) => ({
+  cache: createLruCache(config.cacheSize),
+  parseClassName: createParseClassName(config),
+  ...createClassGroupUtils(config)
+});
+const SPLIT_CLASSES_REGEX = /\s+/;
+const mergeClassList = (classList, configUtils) => {
+  const {
+    parseClassName,
+    getClassGroupId,
+    getConflictingClassGroupIds
+  } = configUtils;
+  const classGroupsInConflict = [];
+  const classNames = classList.trim().split(SPLIT_CLASSES_REGEX);
+  let result = "";
+  for (let index = classNames.length - 1; index >= 0; index -= 1) {
+    const originalClassName = classNames[index];
+    const {
+      modifiers,
+      hasImportantModifier,
+      baseClassName,
+      maybePostfixModifierPosition
+    } = parseClassName(originalClassName);
+    let hasPostfixModifier = Boolean(maybePostfixModifierPosition);
+    let classGroupId = getClassGroupId(hasPostfixModifier ? baseClassName.substring(0, maybePostfixModifierPosition) : baseClassName);
+    if (!classGroupId) {
+      if (!hasPostfixModifier) {
+        result = originalClassName + (result.length > 0 ? " " + result : result);
+        continue;
+      }
+      classGroupId = getClassGroupId(baseClassName);
+      if (!classGroupId) {
+        result = originalClassName + (result.length > 0 ? " " + result : result);
+        continue;
+      }
+      hasPostfixModifier = false;
+    }
+    const variantModifier = sortModifiers(modifiers).join(":");
+    const modifierId = hasImportantModifier ? variantModifier + IMPORTANT_MODIFIER : variantModifier;
+    const classId = modifierId + classGroupId;
+    if (classGroupsInConflict.includes(classId)) {
+      continue;
+    }
+    classGroupsInConflict.push(classId);
+    const conflictGroups = getConflictingClassGroupIds(classGroupId, hasPostfixModifier);
+    for (let i2 = 0; i2 < conflictGroups.length; ++i2) {
+      const group = conflictGroups[i2];
+      classGroupsInConflict.push(modifierId + group);
+    }
+    result = originalClassName + (result.length > 0 ? " " + result : result);
+  }
+  return result;
+};
+function twJoin() {
+  let index = 0;
+  let argument;
+  let resolvedValue;
+  let string = "";
+  while (index < arguments.length) {
+    if (argument = arguments[index++]) {
+      if (resolvedValue = toValue(argument)) {
+        string && (string += " ");
+        string += resolvedValue;
+      }
+    }
+  }
+  return string;
+}
+const toValue = (mix) => {
+  if (typeof mix === "string") {
+    return mix;
+  }
+  let resolvedValue;
+  let string = "";
+  for (let k = 0; k < mix.length; k++) {
+    if (mix[k]) {
+      if (resolvedValue = toValue(mix[k])) {
+        string && (string += " ");
+        string += resolvedValue;
+      }
+    }
+  }
+  return string;
+};
+function createTailwindMerge(createConfigFirst, ...createConfigRest) {
+  let configUtils;
   let cacheGet;
   let cacheSet;
   let functionToCall = initTailwindMerge;
@@ -13938,502 +14897,55 @@ function PredefinedPages(props) {
       icon: null,
       classNames: {
         title: "text-sm font-semibold"
-      },
-      defaultExpanded: (selectedContent == null ? void 0 : selectedContent.type) === ContentType.PredefinedPage,
-      children: predefinedTypes.map((item) => /* @__PURE__ */ jsxRuntimeExports.jsx(
-        PredefinedPageNode,
-        {
-          themeId,
-          title: item.title,
-          selectedContent,
-          onSelect: handleSelect,
-          pageType: item.pageType
-        },
-        item.pageType
-      ))
-    }
-  );
-}
-const MenuContent = memo(
-  (props) => {
-    const { selectedContent, onSelectContent } = props;
-    const theme = useWebsiteTheme();
-    const pages = usePages();
-    const customizedPages = useMemo(() => {
-      var _a;
-      return {
-        items: (_a = pages == null ? void 0 : pages.items) == null ? void 0 : _a.filter(
-          (item) => item.pageType === PageType.Customized
-        )
-      };
-    }, [pages == null ? void 0 : pages.items]);
-    return /* @__PURE__ */ jsxRuntimeExports.jsxs(TreeView, { children: [
-      (theme == null ? void 0 : theme.id) && /* @__PURE__ */ jsxRuntimeExports.jsx(EntityListScope, { entityName: PageEntityName, data: customizedPages, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-        PagesNode,
-        {
-          themeId: theme.id,
-          selectedContent,
-          onSelectContent
-        }
-      ) }),
-      (theme == null ? void 0 : theme.id) && /* @__PURE__ */ jsxRuntimeExports.jsx(
-        PredefinedPages,
-        {
-          themeId: theme.id,
-          selectedContent,
-          onSelectContent
-        }
-      )
-    ] });
-  }
-);
-function useGetFrontComponents() {
-  const query = useLazyQueryEntityList();
-  const getFrontCompoents = useCallback(
-    async (themeId) => {
-      return await query(
-        new FrontComponentQueryOptions(
-          [
-            FrontComponentFields.id,
-            FrontComponentFields.name,
-            FrontComponentFields.title,
-            FrontComponentFields.seqValue,
-            FrontComponentFields.updatedAt,
-            FrontComponentFields.code,
-            FrontComponentFields.testConfig,
-            FrontComponentFields.props,
-            FrontComponentFields.slots,
-            FrontComponentFields.droppable
-          ],
-          {
-            where: {
-              theme: {
-                id: {
-                  _eq: themeId
-                }
-              }
-            },
-            orderBy: [
-              {
-                [FrontComponentFields.seqValue]: "asc"
-              },
-              {
-                [FrontComponentFields.createdAt]: "asc"
-              }
-            ]
-          }
-        ).category([ComponentCategoryFields.id, ComponentCategoryFields.name]).theme().setNoQuery(!themeId).toGqlOptions()
-      );
-    },
-    [query]
-  );
-  return getFrontCompoents;
-}
-function useGetPages() {
-  const query = useLazyQueryEntityList();
-  const getPages = useCallback(
-    async (themeId) => {
-      return await query(
-        new PageQueryOptions(
-          [
-            PageFields.id,
-            PageFields.title,
-            PageFields.createdAt,
-            PageFields.updatedAt,
-            PageFields.slug,
-            PageFields.code,
-            PageFields.pageType,
-            PageFields.dataSource
-          ],
-          {
-            where: {
-              [PageAssciations.theme]: {
-                id: { _eq: themeId }
-              }
-            },
-            orderBy: [
-              {
-                createdAt: "desc"
-              }
-            ]
-          }
-        ).meta(newPageMetaOptions()).setNoQuery(!themeId).toGqlOptions()
-      );
-    },
-    [query]
-  );
-  return getPages;
-}
-const baseFiles = {
-  "package.json": {
-    file: {
-      contents: `{
-  "name": "astro-project",
-  "type": "module",
-  "version": "0.0.1",
-  "scripts": {
-    "dev": "astro dev",
-    "start": "astro dev",
-    "build": "astro build",
-    "preview": "astro preview",
-    "astro": "astro"
-  },
-  "dependencies": {
-    "@astrojs/react": "^4.2.0",
-    "@rxdrag/website-lib": "^0.0.9",
-    "@rxdrag/website-lib-core": "^0.0.7",
-    "@rxdrag/slate-preview": "^1.2.54",
-    "astro": "^5.3.0",
-    "dayjs": "^1.11.7",
-    "gsap": "^3.12.7",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0"
-  }
-}`
-    }
-  },
-  "astro.config.mjs": {
-    file: {
-      contents: `import { defineConfig } from 'astro/config';
-import react from '@astrojs/react';
-
-// https://astro.build/config
-export default defineConfig({
-  integrations: [react()],
-  server: {
-    host: true
-  },
-  devToolbar: {
-    enabled: false  // 禁用开发工具栏
-  }
-});`
-    }
-  },
-  "tsconfig.json": {
-    file: {
-      contents: `{
-  "extends": "astro/tsconfigs/strict",
-  "compilerOptions": {
-    "jsx": "react-jsx",
-    "jsxImportSource": "react"
-  }
-}`
-    }
-  },
-  src: {
-    directory: {
-      layouts: {
-        directory: {
-          "Layout.astro": {
-            file: {
-              contents: `---
----
-
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="description" content="Astro description">
-    <meta name="viewport" content="width=device-width" />
-    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
-    <meta name="generator" content={Astro.generator} />
-  </head>
-  <body>
-    <slot />
-  </body>
-</html>
-`
-            }
-          }
-        }
-      },
-      pages: {
-        directory: {}
-      },
-      components: {
-        directory: {}
-      },
-      lib: {
-        directory: {
-          "index.ts": {
-            file: {
-              contents: `import {
-  Entify,
-  type EnvVariables,
-  type IEntify,
-} from "@rxdrag/website-lib-core";
-
-export function getEnvVariables(): EnvVariables {
-  return {
-    websiteId: ({}).PUBLIC_WEBSITE_ID,
-    entifyServerUrl: ({}).PUBLIC_ENTIFY_SERVER_URL,
-    entifyGuestToken: ({}).PUBLIC_ENTIFY_GUEST_TOKEN,
-    language: ({}).PUBLIC_LANGUAGE,
-    formSalt: ({}).PUBLIC_FORM_SALT || "yizhanfei",
-  };
-}
-
-export const rx = Entify.getInstance(getEnvVariables()) as IEntify;
-`
-            }
-          }
-        }
-      },
-      "env.d.ts": {
-        file: {
-          contents: `/// <reference types="astro/client" />`
-        }
-      }
-    }
-  },
-  public: {
-    directory: {
-      "favicon.svg": {
-        file: {
-          contents: `<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 36 36">
-  <path fill="#000" d="M22.25 4h-8.5a1 1 0 0 0-.96.73l-5.54 19.4a.5.5 0 0 0 .62.62l5.05-1.44a2 2 0 0 0 1.38-1.4l3.22-11.66a.5.5 0 0 1 .96 0l3.22 11.67a2 2 0 0 0 1.38 1.39l5.05 1.44a.5.5 0 0 0 .62-.62l-5.54-19.4a1 1 0 0 0-.96-.73Z"/>
-  <path fill="url(#gradient)" d="M18 28a7.63 7.63 0 0 1-3-.61v.61a3 3 0 0 0 6 0v-.61c-.94.4-1.95.61-3 .61Z"/>
-  <defs>
-    <linearGradient id="gradient" x1="18" x2="18" y1="28" y2="31" gradientUnits="userSpaceOnUse">
-      <stop stop-color="#FF1639"/>
-      <stop offset="1" stop-color="#FF1639" stop-opacity="0"/>
-    </linearGradient>
-  </defs>
-</svg>`
-        }
-      }
+      },
+      defaultExpanded: (selectedContent == null ? void 0 : selectedContent.type) === ContentType.PredefinedPage,
+      children: predefinedTypes.map((item) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+        PredefinedPageNode,
+        {
+          themeId,
+          title: item.title,
+          selectedContent,
+          onSelect: handleSelect,
+          pageType: item.pageType
+        },
+        item.pageType
+      ))
     }
-  }
-};
-function useGetPageFiles() {
-  const getPages = useGetPages();
-  const getPageFiles = useCallback(
-    async (themeId) => {
-      var _a;
-      const pages = (_a = await getPages(themeId)) == null ? void 0 : _a.items;
-      const initialPageFiles = {
-        // 添加默认的 index.astro 文件，确保始终有一个可访问的首页
-        "index.astro": {
-          file: {
-            contents: `---
-import Layout from '../layouts/Layout.astro';
----
-
-<Layout>
-  <main class="p-4 max-w-screen-lg mx-auto">
-    <h1 class="text-3xl font-bold mb-4">欢迎访问</h1>
-    <p class="text-lg">没有找到首页...</p>
-  </main>
-</Layout>
-`
-          }
-        }
-      };
-      if (pages && pages.length > 0) {
-        pages.forEach((page) => {
-          let fileName = `${page.slug}.astro`;
-          if (page.pageType === PageType.Home) {
-            fileName = "index.astro";
-          }
-          initialPageFiles[fileName] = {
-            file: {
-              contents: page.code || ""
-            }
-          };
-        });
-      }
-      return initialPageFiles;
-    },
-    [getPages]
   );
-  return getPageFiles;
 }
-function useGetComponentFiles() {
-  const getComponents = useGetFrontComponents();
-  const getFiles = useCallback(
-    async (themeId) => {
+const MenuContent = memo(
+  (props) => {
+    const { selectedContent, onSelectContent } = props;
+    const theme = useWebsiteTheme();
+    const pages = usePages();
+    const customizedPages = useMemo(() => {
       var _a;
-      const components = (_a = await getComponents(themeId)) == null ? void 0 : _a.items;
-      const files = {};
-      if (components && components.length > 0) {
-        components.forEach((component) => {
-          if (component.name && component.code) {
-            files[`${component.name}.astro`] = {
-              file: {
-                contents: component.code
-              }
-            };
-          }
-        });
-      }
-      return files;
-    },
-    [getComponents]
-  );
-  return getFiles;
-}
-function useGetFiles() {
-  const getPageFiles = useGetPageFiles();
-  const getComponentFiles = useGetComponentFiles();
-  const getFiles = useCallback(
-    async (theme) => {
-      const pageFiles = await getPageFiles((theme == null ? void 0 : theme.id) || void 0);
-      const componentFiles = await getComponentFiles((theme == null ? void 0 : theme.id) || void 0);
       return {
-        ...baseFiles,
-        src: {
-          ...baseFiles.src,
-          directory: {
-            ...baseFiles.src.directory,
-            components: {
-              ...baseFiles.src.directory.components,
-              directory: {
-                ...baseFiles.src.directory.components.directory,
-                ...componentFiles
-              }
-            },
-            pages: {
-              ...baseFiles.src.directory.pages,
-              directory: {
-                ...baseFiles.src.directory.pages.directory,
-                ...pageFiles
-              }
-            }
-          }
-        }
+        items: (_a = pages == null ? void 0 : pages.items) == null ? void 0 : _a.filter(
+          (item) => item.pageType === PageType.Customized
+        )
       };
-    },
-    [getComponentFiles, getPageFiles]
-  );
-  return getFiles;
-}
-function useSave(onSaved) {
-  const save = useCallback(
-    (name, content) => {
-      saveFile(name, content).then(
-        (savedName) => {
-          if (savedName) {
-            onSaved && onSaved();
-          }
-        }
-      );
-    },
-    [onSaved]
-  );
-  return save;
-}
-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;
-  useEffect(() => {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
-    let code;
-    let hasContent = false;
-    let defaultConfig;
-    if ((selectedContent == null ? void 0 : selectedContent.type) === ContentType.Component) {
-      const component = (_a = componentsRef.current) == null ? void 0 : _a.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 = (_c = (_b = pagesRef.current) == null ? void 0 : _b.items) == null ? void 0 : _c.find(
-        (item) => item.id === selectedContent.id
-      );
-      defaultConfig = {
-        pageMeta: {
-          seoTitle: (_d = page == null ? void 0 : page.meta) == null ? void 0 : _d.seoTitle,
-          seoDescription: (_e = page == null ? void 0 : page.meta) == null ? void 0 : _e.seoDescription,
-          seoKeywords: (_f = page == null ? void 0 : page.meta) == null ? void 0 : _f.seoKeywords,
-          ogTitle: (_g = page == null ? void 0 : page.meta) == null ? void 0 : _g.ogTitle,
-          ogDescription: (_h = page == null ? void 0 : page.meta) == null ? void 0 : _h.ogDescription,
-          ogType: (_i = page == null ? void 0 : page.meta) == null ? void 0 : _i.ogType,
-          ogImage: (_j = page == null ? void 0 : page.meta) == null ? void 0 : _j.ogImage
+    }, [pages == null ? void 0 : pages.items]);
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs(TreeView, { children: [
+      (theme == null ? void 0 : theme.id) && /* @__PURE__ */ jsxRuntimeExports.jsx(EntityListScope, { entityName: PageEntityName, data: customizedPages, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+        PagesNode,
+        {
+          themeId: theme.id,
+          selectedContent,
+          onSelectContent
         }
-      };
-      if (page) {
-        code = page.code;
-        hasContent = true;
-      }
-    }
-    if (code) {
-      transformCodeToSchema(code).then((value) => {
-        setSchema({
-          schema: { ...defaultSchema, children: (value == null ? void 0 : value.template) || [] },
-          config: { ...defaultConfig, ...value.resources }
-        });
-      });
-    } else if (hasContent) {
-      setSchema({
-        schema: { ...defaultSchema, children: [] }
-      });
-    }
-  }, [selectedContent == null ? void 0 : selectedContent.id, selectedContent == null ? void 0 : selectedContent.type]);
-  return schema;
-}
-function useExportWebsite() {
-  const [isExporting, setIsExporting] = useState(false);
-  const setError = useSetRecoilState(globalErrorState);
-  const theme = useWebsiteTheme();
-  const save = useSave();
-  const getFiles = useGetFiles();
-  const addFilesToZip = useCallback(
-    (zip, files, currentPath = "") => {
-      for (const [name, content] of Object.entries(files)) {
-        const path = currentPath ? `${currentPath}/${name}` : name;
-        if (content.file && content.file.contents) {
-          zip.file(path, content.file.contents);
-        } else if (content.directory) {
-          const folder = zip.folder(path);
-          if (folder) {
-            addFilesToZip(folder, content.directory, "");
-          }
-        } else if (typeof content === "object" && content !== null) {
-          if (name === "src" || name === "public" || name === "components" || name === "pages") {
-            const folder = zip.folder(path);
-            if (folder) {
-              addFilesToZip(folder, content, "");
-            }
-          } else {
-            addFilesToZip(zip, content, path);
-          }
+      ) }),
+      (theme == null ? void 0 : theme.id) && /* @__PURE__ */ jsxRuntimeExports.jsx(
+        PredefinedPages,
+        {
+          themeId: theme.id,
+          selectedContent,
+          onSelectContent
         }
-      }
-    },
-    []
-  );
-  const exportWebsite = useCallback(async () => {
-    try {
-      if (theme == null ? void 0 : theme.id) {
-        setIsExporting(true);
-        const files = await getFiles(theme);
-        const zip = new JSZip();
-        console.log("开始导出文件...");
-        addFilesToZip(zip, files);
-        const content = await zip.generateAsync({ type: "blob" });
-        const fileName = `website-${theme.name || theme.id}-${(/* @__PURE__ */ new Date()).toISOString().slice(0, 10)}`;
-        save(fileName, content);
-      }
-    } catch (e) {
-      console.error(e);
-      setError(e == null ? void 0 : e.message);
-    } finally {
-      setIsExporting(false);
-    }
-  }, [getFiles, save, setError, theme, addFilesToZip]);
-  return { exportWebsite, isExporting };
-}
+      )
+    ] });
+  }
+);
 function useDownloadWebsite() {
   const [isDownloading, setIsDownloading] = useState(false);
   const contextValue = useStudioContext();
@@ -15157,6 +15669,10 @@ function WebsiteStudioInner() {
 export {
   WebsiteStudio,
   useCustomizedMaterials,
-  useFrontComponent
+  useExportWebsite,
+  useFrontComponent,
+  useGetFiles,
+  useGetFrontComponents,
+  useGetPages
 };
 //# sourceMappingURL=index.mjs.map