@rxdrag/website-studio 0.0.2 → 0.0.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (47) hide show
  1. package/dist/components/EditorScope/useAllMaterials.d.ts +1 -0
  2. package/dist/components/Leftbar/index.d.ts +1 -0
  3. package/dist/components/StudioRoot/contexts.d.ts +6 -3
  4. package/dist/components/Toolbar/MenuContent/FrameNode.d.ts +7 -0
  5. package/dist/components/common/TemplateCategoryList/TemplateList.d.ts +0 -1
  6. package/dist/components/common/TemplateCategoryList/TemplateModal.d.ts +0 -1
  7. package/dist/generator/classes/Coder.d.ts +35 -0
  8. package/dist/generator/classes/ComponentCoder.d.ts +12 -0
  9. package/dist/generator/classes/ComponentsStore.d.ts +11 -0
  10. package/dist/generator/classes/FrameCoder.d.ts +14 -0
  11. package/dist/generator/classes/PageCoder.d.ts +24 -0
  12. package/dist/generator/classes/WebsiteGenerator.d.ts +15 -0
  13. package/dist/generator/classes/consts.d.ts +1 -0
  14. package/dist/generator/hooks/index.d.ts +2 -0
  15. package/dist/generator/hooks/saveFile.d.ts +6 -0
  16. package/dist/generator/hooks/useExportWebsite.d.ts +4 -0
  17. package/dist/generator/hooks/useSave.d.ts +1 -0
  18. package/dist/generator/index.d.ts +1 -0
  19. package/dist/generator/templates/IFileTemplate.d.ts +4 -0
  20. package/dist/generator/templates/app/deploy/env.d.ts +2 -0
  21. package/dist/generator/templates/app/deploy/get-env.d.ts +2 -0
  22. package/dist/generator/templates/app/deploy/remix-run-node.d.ts +2 -0
  23. package/dist/generator/templates/app/entry.client.d.ts +2 -0
  24. package/dist/generator/templates/app/entry.server.d.ts +2 -0
  25. package/dist/generator/templates/app/root.d.ts +2 -0
  26. package/dist/generator/templates/app/tailwind.d.ts +2 -0
  27. package/dist/generator/templates/env.d.ts +2 -0
  28. package/dist/generator/templates/eslintrc.d.ts +2 -0
  29. package/dist/generator/templates/gitignore.d.ts +2 -0
  30. package/dist/generator/templates/package.d.ts +2 -0
  31. package/dist/generator/templates/postcss.d.ts +2 -0
  32. package/dist/generator/templates/readme.d.ts +2 -0
  33. package/dist/generator/templates/remix.config.d.ts +2 -0
  34. package/dist/generator/templates/remix.env.d.ts +2 -0
  35. package/dist/generator/templates/slug.d.ts +2 -0
  36. package/dist/generator/templates/tailwind.config.d.ts +2 -0
  37. package/dist/generator/templates/tsconfig.d.ts +2 -0
  38. package/dist/generator/templates/vars.d.ts +14 -0
  39. package/dist/generator/types.d.ts +4 -0
  40. package/dist/hooks/useFrameSchema.d.ts +1 -1
  41. package/dist/index.mjs +14917 -13277
  42. package/dist/index.mjs.map +1 -1
  43. package/dist/preview/ComponentView.d.ts +2 -0
  44. package/dist/preview/PreviewRender.d.ts +1 -0
  45. package/dist/recoil/atoms.d.ts +1 -0
  46. package/dist/types.d.ts +2 -1
  47. package/package.json +19 -20
@@ -0,0 +1 @@
1
+ export declare function useAllMaterials(): import("@rxdrag/react-core-pro").IMaterial[];
@@ -13,5 +13,6 @@ export declare const titles: {
13
13
  componentSchema: string;
14
14
  componentTest: string;
15
15
  layers: string;
16
+ frameCode: string;
16
17
  };
17
18
  export declare const Leftbar: import("react").MemoExoticComponent<(props: LeftbarProps) => import("react/jsx-runtime").JSX.Element>;
@@ -1,15 +1,17 @@
1
1
  import { ListResult } from "@rxdrag/entify-hooks";
2
- import { FrontComponent, Page, Template, Theme } from "@rxdrag/rxcms-models";
2
+ import { FrontComponent, Page, Template, Theme, WebsiteFrame } from "@rxdrag/rxcms-models";
3
3
  import React from "react";
4
- export type StudioContextType = {
4
+ export type StudioContextProps = {
5
5
  websiteId?: string;
6
6
  templates?: Template[];
7
7
  components?: FrontComponent[];
8
8
  pages?: ListResult<Page>;
9
9
  theme?: Theme;
10
10
  loading?: boolean;
11
+ frame?: WebsiteFrame;
11
12
  };
12
- export declare const StudioContext: React.Context<StudioContextType>;
13
+ export declare const StudioContext: React.Context<StudioContextProps>;
14
+ export declare function useStudioContext(): StudioContextProps;
13
15
  export declare function useTemplates(): Template[] | undefined;
14
16
  export declare function useFrontComponents(): FrontComponent[] | undefined;
15
17
  export declare function useWebsiteTheme(): Theme | undefined;
@@ -17,3 +19,4 @@ export declare function useThemeTailwindConfig(): string | undefined;
17
19
  export declare function useThemeSettings(): import("@rxdrag/rxcms-models").ThemeSettings | undefined;
18
20
  export declare function usePages(): ListResult<Page> | undefined;
19
21
  export declare function useStudioLoading(): boolean | undefined;
22
+ export declare function useWebsiteFrame(): WebsiteFrame | undefined;
@@ -0,0 +1,7 @@
1
+ import { SelectedContent } from "../../../types";
2
+ export type FrameNodeProps = {
3
+ websiteId: string;
4
+ selectedContent?: SelectedContent;
5
+ onSelect?: (id?: string | null) => void;
6
+ };
7
+ export declare function FrameNode(props: FrameNodeProps): import("react/jsx-runtime").JSX.Element;
@@ -7,7 +7,6 @@ export declare function TemplateList(props: {
7
7
  list?: ListResult<Template>;
8
8
  category?: TemplateCategory;
9
9
  newTemplate?: Template;
10
- noCagegory?: boolean;
11
10
  onClearNewTemplate?: () => void;
12
11
  selectedId?: string | null;
13
12
  onSelect?: (id: string | null) => void;
@@ -3,7 +3,6 @@ export declare function TemplateModal(props: {
3
3
  themeId: string;
4
4
  websiteId: string;
5
5
  value?: Template;
6
- noCagegory?: boolean;
7
6
  onClose?: () => void;
8
7
  categoryId: string | undefined | null;
9
8
  onFilter?: (value: Template) => Template;
@@ -0,0 +1,35 @@
1
+ import { IMaterial } from "@rxdrag/react-core-pro";
2
+ import { INodeSchema } from "@rxdrag/schema-pro";
3
+ import { XData, XDataScope } from "@rxdrag/website-components";
4
+ import { TemplatesStore } from "./ComponentsStore";
5
+ import { XDataSchema } from "../types";
6
+ export declare abstract class Coder {
7
+ protected comsStore: TemplatesStore;
8
+ protected elements: INodeSchema<XData>[];
9
+ protected imports: Record<string, string[]>;
10
+ protected typeImports: Record<string, string[]>;
11
+ constructor(comsStore: TemplatesStore, elements: INodeSchema<XData>[]);
12
+ getUsedMaterials(): IMaterial[];
13
+ getMaterialsFromElements(elements: INodeSchema<XData>[], usedMaterials: IMaterial[]): void;
14
+ getXDataSchemas(): XDataSchema[];
15
+ private getXSchemas;
16
+ getCustomizedComponents(): string[];
17
+ getCustomzedComponentsFromElements(elements: INodeSchema<XData>[] | undefined, components: string[]): void;
18
+ getImportsCode(): string;
19
+ getUseLoaderDataCode(spaces?: number): string;
20
+ abstract getFileCode(): string;
21
+ contentToTsx(schema: INodeSchema | null | undefined, spaces?: number, hasRootClassName?: boolean): string;
22
+ jsonToTsx(node: INodeSchema, spaces?: number, hasRootClassName?: boolean): string;
23
+ getScopeKey(xdata: XData | undefined): XDataScope | undefined;
24
+ needAddDatas(xdata: XData | undefined): boolean;
25
+ jsonToTsxProps(props: {
26
+ [key: string]: unknown;
27
+ } | undefined): string;
28
+ jsonToTsxField(xData?: XData): string;
29
+ slotsToTsxProps(slots: {
30
+ [key: string]: INodeSchema | undefined;
31
+ } | undefined, spaces?: number): string;
32
+ addImport(componentName: string, packagePath: string): void;
33
+ addTypeImport(componentName: string, packagePath: string): void;
34
+ abstract getFileName(): string;
35
+ }
@@ -0,0 +1,12 @@
1
+ import { FrontComponent } from "@rxdrag/rxcms-models";
2
+ import { Coder } from "./Coder";
3
+ import { TemplatesStore } from "./ComponentsStore";
4
+ export declare class ComponentCoder extends Coder {
5
+ protected comsStore: TemplatesStore;
6
+ protected component: FrontComponent;
7
+ constructor(comsStore: TemplatesStore, component: FrontComponent);
8
+ getFileName(): string;
9
+ getFileCode(): string;
10
+ getPropsTypeCode(): string;
11
+ getComponent(): FrontComponent;
12
+ }
@@ -0,0 +1,11 @@
1
+ import { FrontComponent } from "@rxdrag/rxcms-models";
2
+ import { ComponentCoder } from "./ComponentCoder";
3
+ import { IMaterial } from "@rxdrag/react-core-pro";
4
+ export declare class TemplatesStore {
5
+ protected components: FrontComponent[];
6
+ materials: IMaterial[];
7
+ coders: ComponentCoder[];
8
+ constructor(components: FrontComponent[], materials: IMaterial[]);
9
+ getComponentCoders(): ComponentCoder[];
10
+ getComponentCoder(name: string): ComponentCoder | undefined;
11
+ }
@@ -0,0 +1,14 @@
1
+ import { Page, WebsiteFrame } from "@rxdrag/rxcms-models";
2
+ import { Coder } from "./Coder";
3
+ import { TemplatesStore } from "./ComponentsStore";
4
+ export declare class FrameCoder extends Coder {
5
+ protected comsStore: TemplatesStore;
6
+ protected frame: WebsiteFrame | undefined;
7
+ protected page404: Page | undefined;
8
+ protected pageError: Page | undefined;
9
+ constructor(comsStore: TemplatesStore, frame: WebsiteFrame | undefined, page404: Page | undefined, pageError: Page | undefined);
10
+ getFileName(): string;
11
+ getFileCode(): string;
12
+ getLoaderCode(): string;
13
+ get404Code(): string;
14
+ }
@@ -0,0 +1,24 @@
1
+ import { Page } from "@rxdrag/rxcms-models";
2
+ import { Coder } from "./Coder";
3
+ import { TemplatesStore } from "./ComponentsStore";
4
+ import { XDataScope } from "@rxdrag/website-components";
5
+ type RootScope = {
6
+ funcName: string;
7
+ scope: XDataScope;
8
+ variableName: string;
9
+ args?: (string | number)[];
10
+ rootParams?: string[];
11
+ };
12
+ export declare class PageCoder extends Coder {
13
+ protected comsStore: TemplatesStore;
14
+ protected page: Page;
15
+ constructor(comsStore: TemplatesStore, page: Page);
16
+ getFileName(): string;
17
+ getQuerys(): RootScope[];
18
+ getFileCode(): string;
19
+ getComponentName(): string;
20
+ getLoaderCode(): string;
21
+ getUseLoaderCode(): string;
22
+ getMetaCode(): string;
23
+ }
24
+ export {};
@@ -0,0 +1,15 @@
1
+ import { Page, WebsiteFrame } from "@rxdrag/rxcms-models";
2
+ import JSZip from "jszip";
3
+ import { IMaterial } from "@rxdrag/react-core-pro";
4
+ import { StudioContextProps } from "../../components/StudioRoot";
5
+ export declare class WebsiteGenerator {
6
+ protected studioProps: StudioContextProps;
7
+ protected materials: IMaterial[];
8
+ constructor(studioProps: StudioContextProps, materials: IMaterial[]);
9
+ getComponents(): import("@rxdrag/rxcms-models").FrontComponent[];
10
+ getPages(): Page[] | undefined;
11
+ get404Page(): Page | undefined;
12
+ getErrorPage(): Page | undefined;
13
+ getFrame(): WebsiteFrame | undefined;
14
+ generate(): Promise<JSZip>;
15
+ }
@@ -0,0 +1 @@
1
+ export declare const cnRegex: RegExp;
@@ -0,0 +1,2 @@
1
+ export * from "./useExportWebsite";
2
+ export * from "./useSave";
@@ -0,0 +1,6 @@
1
+ export declare const pickerTypes: {
2
+ accept: {
3
+ "file/*": string[];
4
+ };
5
+ }[];
6
+ export declare function saveFile(name: string, content: unknown): Promise<string | false>;
@@ -0,0 +1,4 @@
1
+ export declare function useExportWebsite(): {
2
+ exportWebsite: () => Promise<void>;
3
+ exporting: boolean;
4
+ };
@@ -0,0 +1 @@
1
+ export declare function useSave(onSaved?: () => void): (name: string, content?: unknown) => void;
@@ -0,0 +1 @@
1
+ export * from "./hooks";
@@ -0,0 +1,4 @@
1
+ export interface IFileTemplate {
2
+ name: string;
3
+ content: string;
4
+ }
@@ -0,0 +1,2 @@
1
+ import { IFileTemplate } from "../../IFileTemplate";
2
+ export declare const deployEnvTemplate: IFileTemplate;
@@ -0,0 +1,2 @@
1
+ import { IFileTemplate } from "../../IFileTemplate";
2
+ export declare const deployGetEnvTemplate: IFileTemplate;
@@ -0,0 +1,2 @@
1
+ import { IFileTemplate } from "../../IFileTemplate";
2
+ export declare const deployRemixRunNodeTemplate: IFileTemplate;
@@ -0,0 +1,2 @@
1
+ import { IFileTemplate } from "../IFileTemplate";
2
+ export declare const entryClientTemplate: IFileTemplate;
@@ -0,0 +1,2 @@
1
+ import { IFileTemplate } from "../IFileTemplate";
2
+ export declare const entryServerTemplate: IFileTemplate;
@@ -0,0 +1,2 @@
1
+ import { IFileTemplate } from "../IFileTemplate";
2
+ export declare const rootTemplate: IFileTemplate;
@@ -0,0 +1,2 @@
1
+ import { IFileTemplate } from "../IFileTemplate";
2
+ export declare const tailwindCssTemplate: IFileTemplate;
@@ -0,0 +1,2 @@
1
+ import { IFileTemplate } from "./IFileTemplate";
2
+ export declare const envTemplate: IFileTemplate;
@@ -0,0 +1,2 @@
1
+ import { IFileTemplate } from "./IFileTemplate";
2
+ export declare const eslintrcTemplate: IFileTemplate;
@@ -0,0 +1,2 @@
1
+ import { IFileTemplate } from "./IFileTemplate";
2
+ export declare const gitignoreTemplate: IFileTemplate;
@@ -0,0 +1,2 @@
1
+ import { IFileTemplate } from "./IFileTemplate";
2
+ export declare const packageTemplate: IFileTemplate;
@@ -0,0 +1,2 @@
1
+ import { IFileTemplate } from "./IFileTemplate";
2
+ export declare const postcssTemplate: IFileTemplate;
@@ -0,0 +1,2 @@
1
+ import { IFileTemplate } from "./IFileTemplate";
2
+ export declare const readmeTemplate: IFileTemplate;
@@ -0,0 +1,2 @@
1
+ import { IFileTemplate } from "./IFileTemplate";
2
+ export declare const remixConfigTemplate: IFileTemplate;
@@ -0,0 +1,2 @@
1
+ import { IFileTemplate } from "./IFileTemplate";
2
+ export declare const remixEnvTemplate: IFileTemplate;
@@ -0,0 +1,2 @@
1
+ import { IFileTemplate } from "./IFileTemplate";
2
+ export declare const slugTemplate: IFileTemplate;
@@ -0,0 +1,2 @@
1
+ import { IFileTemplate } from "./IFileTemplate";
2
+ export declare const tailwindConfigTemplate: IFileTemplate;
@@ -0,0 +1,2 @@
1
+ import { IFileTemplate } from "./IFileTemplate";
2
+ export declare const tsConfigTemplate: IFileTemplate;
@@ -0,0 +1,14 @@
1
+ export declare const FRAME_CONTENT = "#frameContent#";
2
+ export declare const FRAME_IMPORTS = "#frameImports#";
3
+ export declare const FRAME_404 = "#frame404#";
4
+ export declare const PAGE_CONTENT = "#content#";
5
+ export declare const PAGE_IMPORTS = "#imports#";
6
+ export declare const APP_NAME = "#appName#";
7
+ export declare const APP_VERSION = "#appVersion#";
8
+ export declare const APP_PPACKAGES = "#appPackages#";
9
+ export declare const WEBSITE_ID = "#websiteId#";
10
+ export declare const LOADER_FUNCTION = "#loader#";
11
+ export declare const USE_LOADER_DATA = "#useLoaderData#";
12
+ export declare const rxcmsModelsVersion = "0.3.36";
13
+ export declare const entifyHooksVersion = "0.2.30";
14
+ export declare const modelRemixLibVersion = "0.1.47";
@@ -0,0 +1,4 @@
1
+ import { XData } from "@rxdrag/website-components";
2
+ export type XDataSchema = XData & {
3
+ children?: XDataSchema[];
4
+ };
@@ -1,5 +1,5 @@
1
1
  export declare function useFrameSchema(): {
2
- children: any;
2
+ children: any[];
3
3
  slots?: {
4
4
  [name: string]: import("@rxdrag/schema-pro").INodeSchema<unknown, unknown, unknown> | undefined;
5
5
  } | undefined;