@rxdrag/website-studio 0.0.14 → 0.0.16

package/dist/astro-component/designer/index.d.ts

@@ -1,7 +1,9 @@
+/// <reference types="react" />
 import { RXID_ATTR_NAME } from "@rxdrag/core-pro";
 export declare const AstroComponentDesigner: (props: {
-    [RXID_ATTR_NAME]: string;
-    className?: string;
-    style?: React.CSSProperties;
+    [key: string]: any;
+    className?: string | undefined;
+    style?: import("react").CSSProperties | undefined;
     children?: React.ReactNode;
-}) => import("react/jsx-runtime").JSX.Element;
+    "rx-id"?: string | undefined;
+}) => import("react/jsx-runtime").JSX.Element | null;

package/dist/astro-component/hooks/useExecuteClientScript.d.ts

@@ -0,0 +1,3 @@
+import { ScriptNode } from "@rxdrag/astro-compiler";
+export declare const ANIMATION_DELAY = 1000;
+export declare function useExecuteClientScript(scripts?: ScriptNode[]): void;

package/dist/astro-component/preview/AstroComponentPreview.d.ts

@@ -1,9 +1,11 @@
 /// <reference types="react" />
+import { RXID_ATTR_NAME } from "@rxdrag/core-pro";
 export type AstroComponentPreviewProps = {
     name: string;
     className?: string;
     style?: React.CSSProperties;
     children?: React.ReactNode;
+    [RXID_ATTR_NAME]?: string;
 };
 export declare const AstroComponentPreview: (props: AstroComponentPreviewProps) => import("react/jsx-runtime").JSX.Element;
-export declare const createComponentPreview: (name: string) => (props: Omit<AstroComponentPreviewProps, "componentName">) => import("react/jsx-runtime").JSX.Element;
+export declare const createComponentPreview: (name: string) => (props: Omit<AstroComponentPreviewProps, "name">) => import("react/jsx-runtime").JSX.Element;

package/dist/astro-component/preview/PreviewComponentView.d.ts

@@ -1,7 +1,18 @@
+/// <reference types="react" />
 import { INodeSchema } from "@rxdrag/schema-pro";
 import { RXID_ATTR_NAME } from "@rxdrag/core-pro";
+/**
+ * 将HTML格式的属性名转换为JSX格式的属性名
+ * 例如: stroke-width -> strokeWidth
+ * 但保留特殊属性如 aria-label, data-* 等
+ */
+export declare function convertHtmlAttrToJsxAttr(props: Record<string, unknown>): Record<string, unknown>;
 export type ComponentPreviewProps = {
     node: INodeSchema;
     [RXID_ATTR_NAME]?: string;
+    children?: React.ReactNode;
+    slotContents?: Record<string, React.ReactNode>;
+    className?: string;
+    style?: React.CSSProperties;
 };
 export declare function PreviewComponentView(props: ComponentPreviewProps): any;

package/dist/astro-component/preview/useCalcVariables.d.ts

@@ -0,0 +1,2 @@
+import { FrontmatterNode } from "@rxdrag/astro-compiler";
+export declare function useCalcVariables(frontmatter?: FrontmatterNode, astroProps?: Record<string, unknown>): Record<string, unknown> | undefined;

package/dist/components/CanvasPanel/ResizableWrapper.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 export declare function ResizableWrapper(props: {
-    children: React.ReactNode;
+    children?: React.ReactNode;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/components/DocCanvas/ComponentTreeWidget/ComDesignerView.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+export declare function executeClassList(expr?: string | null, variables?: Record<string, unknown>): any;
+export declare const ComDesignerView: React.MemoExoticComponent<(props: {
+    nodeId: string;
+}) => import("react/jsx-runtime").JSX.Element>;

package/dist/components/DocCanvas/ComponentTreeWidget/ComponentTreeWidget.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { IDocument } from "@rxdrag/core-pro";
+export type ComponentTreeWidgetProps = {
+    doc: IDocument;
+};
+export declare const ComponentTreeWidget: import("react").MemoExoticComponent<(props: ComponentTreeWidgetProps) => import("react/jsx-runtime").JSX.Element>;

package/dist/components/DocCanvas/ComponentTreeWidget/classListToClassName.d.ts

@@ -0,0 +1,6 @@
+/**
+ * 将 Astro 的 class:list 指令转换为 React 的 className
+ * @param props 组件属性
+ * @returns 处理后的属性
+ */
+export declare function classListToClassName(props: Record<string, unknown>): Record<string, unknown>;

package/dist/components/DocCanvas/ComponentTreeWidget/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./ComDesignerView";
+export * from "./ComponentTreeWidget";
+export * from "./classListToClassName";

package/dist/components/DocPreview/DocumentPreview.d.ts

@@ -0,0 +1,4 @@
+/**
+ * @returns
+ */
+export declare function DocumentPreview(): import("react/jsx-runtime").JSX.Element;

package/dist/components/DocPreview/mock/MockEntify.d.ts

@@ -0,0 +1,35 @@
+import { IEntify, ListConditions, PostPatinateOptions, PostsOptions, TPost, TPostCategory, TProduct, TProductCategory, TSize, TUser } from "@rxdrag/website-lib-core";
+import { IQueryOptions, ListResult } from "@rxdrag/entify-hooks";
+import { Lang, Theme } from "@rxdrag/rxcms-models";
+export declare class MockEntify implements IEntify {
+    queryEntityList<T, WhereExp = unknown, OrderBy = unknown, DistinctExp = unknown>(options: IQueryOptions<T, WhereExp, OrderBy, DistinctExp>, staticKey?: string): Promise<ListResult<unknown> | undefined>;
+    getTheme(): Promise<Theme | undefined>;
+    getLangs(): Promise<Lang[] | undefined>;
+    getFeaturedProducts(count?: number): Promise<TProduct[] | undefined>;
+    getLatestPosts(count?: number): Promise<TPost[] | undefined>;
+    getPosts(options: PostsOptions): Promise<TPost[] | undefined>;
+    getPostListPaths(options: PostPatinateOptions): Promise<unknown>;
+    getPostPaths(): Promise<unknown>;
+    getPostBySlug(slug: string, coverSize: TSize | undefined): Promise<unknown>;
+    getPostSlugs(): Promise<Array<string | undefined>>;
+    getPostCategories(): Promise<TPostCategory[] | undefined>;
+    getPostCategoryBySlug(slug: string): Promise<TPostCategory | undefined>;
+    getProducts(conditions: ListConditions, imageSize: TSize | undefined): Promise<TProduct[] | undefined>;
+    getProductListPaths(options: {
+        category?: string;
+        pageSize: number;
+    }): Promise<unknown>;
+    getCategoredProductListPaths(): Promise<unknown>;
+    getCategoredPostListPaths(): Promise<unknown>;
+    getProductBySlug(slug: string, imageSize: TSize | undefined): Promise<TProduct | undefined>;
+    getProductPaths(): Promise<unknown>;
+    getProductSlugs(): Promise<Array<string | undefined>>;
+    getProductIds(): Promise<Array<string | null | undefined>>;
+    getProductCategories(): Promise<TProductCategory[] | undefined>;
+    getProductCategoryBySlug(slug: string): Promise<TProductCategory | undefined>;
+    getOneUser(id: string): Promise<TUser | undefined>;
+    getUserPosts(userId: string): Promise<TPost[] | undefined>;
+    searchProducts(keyword: string): Promise<ListResult<TProduct> | undefined>;
+    getUserPaths(): Promise<unknown>;
+    createPagination(totalItems: number, pageSize: number): unknown;
+}

package/dist/components/DocPreview/mock/MockRxPage.d.ts

@@ -0,0 +1,41 @@
+import { TBreadcrumbItem, TPost, TPostCategory, TProduct, TProductCategory } from "@rxdrag/website-lib-core";
+export declare function postsPagination(options: {
+    currentPage: number;
+    totalPages: number;
+    baseUrl?: string;
+}): {
+    pages: (number | "...")[];
+    hasPreviousPage: boolean;
+    hasNextPage: boolean;
+    previousPageUrl: string;
+    nextPageUrl: string;
+    pageUrls: Record<number, string>;
+    currentPage: number;
+};
+export declare function productsPagination(options: {
+    currentPage: number;
+    totalPages: number;
+    baseUrl?: string;
+}): {
+    pages: (number | "...")[];
+    hasPreviousPage: boolean;
+    hasNextPage: boolean;
+    previousPageUrl: string;
+    nextPageUrl: string;
+    pageUrls: Record<number, string>;
+    currentPage: number;
+};
+export declare function productBreadcrumbs(product?: TProduct): TBreadcrumbItem[];
+export declare function productListBreadcrumbs(category?: TProductCategory | null): TBreadcrumbItem[];
+export declare function postBreadcrumbs(post?: TPost): TBreadcrumbItem[];
+export declare function postListBreadcrumbs(category?: TPostCategory): TBreadcrumbItem[];
+export declare function pageBreadcrumbs(title: string): TBreadcrumbItem[];
+export declare const mockRxPage: {
+    postsPagination: typeof postsPagination;
+    productsPagination: typeof productsPagination;
+    postBreadcrumbs: typeof postBreadcrumbs;
+    postListBreadcrumbs: typeof postListBreadcrumbs;
+    breadcrumbs: typeof pageBreadcrumbs;
+    productBreadcrumbs: typeof productBreadcrumbs;
+    productListBreadcrumbs: typeof productListBreadcrumbs;
+};

package/dist/components/DocPreview/mock/categories.d.ts

@@ -0,0 +1,5 @@
+export declare const mockCategories: {
+    id: string;
+    name: string;
+    slug: string;
+}[];

package/dist/components/DocPreview/mock/index.d.ts

@@ -0,0 +1 @@
+export * from "./MockEntify";

package/dist/components/DocPreview/mock/langs.d.ts

@@ -0,0 +1,2 @@
+import { Lang } from "@rxdrag/rxcms-models";
+export declare const mockLangs: Lang[];

package/dist/components/DocPreview/mock/posts.d.ts

@@ -0,0 +1,2 @@
+import { TPost } from "@rxdrag/website-lib-core";
+export declare const mockPosts: TPost[];

package/dist/components/DocPreview/mock/products.d.ts

@@ -0,0 +1,2 @@
+import { TProduct } from "@rxdrag/website-lib-core";
+export declare const mockProducts: TProduct[];

package/dist/components/DocPreview/mock/theme.d.ts

@@ -0,0 +1,3 @@
+import { Theme, ThemeConfig } from "@rxdrag/rxcms-models";
+export declare const themeConfig: ThemeConfig;
+export declare const mockTheme: Theme;

package/dist/components/DocPreview/mock/user.d.ts

@@ -0,0 +1,2 @@
+import { TUser } from "@rxdrag/website-lib-core";
+export declare const mockUser: TUser;

package/dist/components/StatusBar/index.d.ts

@@ -1 +1,4 @@
-export declare function StatusBar(): import("react/jsx-runtime").JSX.Element;
+import { IDocument } from "@rxdrag/core-pro";
+export declare function StatusBar({ doc }: {
+    doc: IDocument | undefined;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/views/CodeViewport.d.ts

@@ -9,4 +9,4 @@ declare global {
         };
     }
 }
-export declare const CodeViewport: import("react").NamedExoticComponent<object>;
+export declare const CodeViewport: import("react").MemoExoticComponent<() => import("react/jsx-runtime").JSX.Element>;

package/dist/components/views/PreviewViewport.d.ts

@@ -1 +1 @@
-export declare function PreviewViewport(): false | import("react/jsx-runtime").JSX.Element;
+export declare function PreviewViewport(): import("react/jsx-runtime").JSX.Element;

package/dist/{runtime/webcontainer → generator/hooks}/baseFiles.d.ts

@@ -31,6 +31,15 @@ export declare const baseFiles: {
             components: {
                 directory: {};
             };
+            lib: {
+                directory: {
+                    "index.ts": {
+                        file: {
+                            contents: string;
+                        };
+                    };
+                };
+            };
             "env.d.ts": {
                 file: {
                     contents: string;

package/dist/generator/hooks/index.d.ts

@@ -1 +1,4 @@
+export * from "./useGetFrontComponents";
+export * from "./useGetPages";
+export * from "./useGetFiles";
 export * from "./useExportWebsite";

package/dist/generator/hooks/useGetComponentFiles.d.ts

@@ -0,0 +1,5 @@
+export declare function useGetComponentFiles(): (themeId?: string) => Promise<Record<string, {
+    file: {
+        contents: string;
+    };
+}>>;

package/dist/{runtime/webcontainer/useFiles.d.ts → generator/hooks/useGetFiles.d.ts}

@@ -1,4 +1,5 @@
-export declare function useFiles(): {
+import { Theme } from "@rxdrag/rxcms-models";
+export declare function useGetFiles(): (theme?: Theme) => Promise<{
     src: {
         directory: {
             components: {
@@ -16,6 +17,15 @@ export declare function useFiles(): {
                     };
                 };
             };
+            lib: {
+                directory: {
+                    "index.ts": {
+                        file: {
+                            contents: string;
+                        };
+                    };
+                };
+            };
             "env.d.ts": {
                 file: {
                     contents: string;
@@ -47,4 +57,4 @@ export declare function useFiles(): {
             };
         };
     };
-};
+}>;

package/dist/generator/hooks/useGetFrontComponents.d.ts

@@ -0,0 +1,2 @@
+import { FrontComponent } from "@rxdrag/rxcms-models";
+export declare function useGetFrontComponents(): (themeId?: string) => Promise<import("@rxdrag/entify-hooks").ListResult<FrontComponent> | undefined>;

package/dist/generator/hooks/useGetPageFiles.d.ts

@@ -0,0 +1,5 @@
+export declare function useGetPageFiles(): (themeId?: string) => Promise<Record<string, {
+    file: {
+        contents: string;
+    };
+}>>;

package/dist/generator/hooks/useGetPages.d.ts

@@ -0,0 +1,2 @@
+import { Page } from "@rxdrag/rxcms-models";
+export declare function useGetPages(): (themeId?: string | null) => Promise<import("@rxdrag/entify-hooks").ListResult<Page> | undefined>;

package/dist/hooks/index.d.ts

@@ -1,2 +1,5 @@
 export * from "./useSave";
 export * from "./useShowError";
+export * from "./usePreviews";
+export * from "./useVfs";
+export * from "./useSchema";

package/dist/hooks/useImportVariables.d.ts

@@ -0,0 +1,28 @@
+import { ProductCategoryFields, ProductCategoryQueryOptions, ProductFields, ProductQueryOptions, PublishableStatus } from "@rxdrag/rxcms-models";
+import dayjs from "dayjs";
+import { MockEntify } from "../components/DocPreview/mock";
+export declare function useImportVariables(): {
+    rx: MockEntify;
+    ProductCategoryQueryOptions: typeof ProductCategoryQueryOptions;
+    ProductCategoryFields: typeof ProductCategoryFields;
+    ProductQueryOptions: typeof ProductQueryOptions;
+    ProductFields: typeof ProductFields;
+    PublishableStatus: typeof PublishableStatus;
+    getEnvVariables: () => {
+        websiteId: string;
+        entifyServerUrl: string;
+        entifyGuestToken: string;
+        language: string;
+        formSalt: string;
+    };
+    dayjs: typeof dayjs;
+    rxPage: {
+        postsPagination: typeof import("../components/DocPreview/mock/MockRxPage").postsPagination;
+        productsPagination: typeof import("../components/DocPreview/mock/MockRxPage").productsPagination;
+        postBreadcrumbs: typeof import("../components/DocPreview/mock/MockRxPage").postBreadcrumbs;
+        postListBreadcrumbs: typeof import("../components/DocPreview/mock/MockRxPage").postListBreadcrumbs;
+        breadcrumbs: typeof import("../components/DocPreview/mock/MockRxPage").pageBreadcrumbs;
+        productBreadcrumbs: typeof import("../components/DocPreview/mock/MockRxPage").productBreadcrumbs;
+        productListBreadcrumbs: typeof import("../components/DocPreview/mock/MockRxPage").productListBreadcrumbs;
+    };
+};

package/dist/hooks/usePreviews.d.ts

@@ -0,0 +1,5 @@
+import { ComponentType } from "react";
+import { ReactComponent } from "@rxdrag/react-shared";
+type PreviewComponent = ComponentType<unknown> | ReactComponent | string | undefined;
+export declare function usePreviews(): Record<string, PreviewComponent>;
+export {};

package/dist/hooks/useVfs.d.ts

@@ -0,0 +1,2 @@
+import { IVirtualFileSystem } from "@rxdrag/astro-compiler";
+export declare function useVfs(): IVirtualFileSystem;

package/dist/index-e69a2bfd.js.map

@@ -1 +1 @@
-{"version":3,"file":"index-e69a2bfd.js","sources":["../../../node_modules/.pnpm/@heroui+dom-animation@2.1.5_framer-motion@11.3.17_@emotion+is-prop-valid@1.3.0_react-dom@18.3_bctlaqrtm5wnhyk5pvqrvccf4i/node_modules/@heroui/dom-animation/dist/index.mjs"],"sourcesContent":["\"use client\";\n\n// src/index.ts\nimport { domAnimation } from \"framer-motion\";\nvar index_default = domAnimation;\nexport {\n  index_default as default\n};\n"],"names":[],"mappings":";AAIG,IAAC,gBAAgB;","x_google_ignoreList":[0]}
+{"version":3,"file":"index-e69a2bfd.js","sources":["../../../node_modules/.pnpm/@heroui+dom-animation@2.1.5_framer-motion@11.18.2_@emotion+is-prop-valid@1.3.1_react-dom@18.3_3dhswdhjtz6s5ttwxy6m3woumy/node_modules/@heroui/dom-animation/dist/index.mjs"],"sourcesContent":["\"use client\";\n\n// src/index.ts\nimport { domAnimation } from \"framer-motion\";\nvar index_default = domAnimation;\nexport {\n  index_default as default\n};\n"],"names":[],"mappings":";AAIG,IAAC,gBAAgB;","x_google_ignoreList":[0]}