@developer_tribe/react-builder 1.2.8 → 1.2.10
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.
- package/dist/AttributesEditor.d.ts +2 -11
- package/dist/attribute-analyser/style/native/useExtractImageStyle.d.ts +10 -0
- package/dist/attribute-analyser/style/native/useExtractTextStyle.d.ts +9 -0
- package/dist/attribute-analyser/style/native/useExtractViewStyle.d.ts +8 -0
- package/dist/attribute-analyser/style/web/useExtractImageStyle.d.ts +4 -0
- package/dist/attribute-analyser/style/web/useExtractTextStyle.d.ts +4 -0
- package/dist/attribute-analyser/style/web/useExtractViewStyle.d.ts +4 -0
- package/dist/attributes-editor/AttributesEditorFields.d.ts +18 -0
- package/dist/attributes-editor/AttributesEditorView.d.ts +4 -0
- package/dist/attributes-editor/attributesEditorModelTypes.d.ts +67 -0
- package/dist/attributes-editor/attributesEditorUtils.d.ts +19 -0
- package/dist/attributes-editor/useAttributesEditorModel.d.ts +2 -0
- package/dist/build-components/BIcon/BIconProps.generated.d.ts +6 -6
- package/dist/build-components/BackgroundImage/BackgroundImageProps.generated.d.ts +3 -3
- package/dist/build-components/Button/ButtonProps.generated.d.ts +1 -1
- package/dist/build-components/Carousel/CarouselProps.generated.d.ts +2 -2
- package/dist/build-components/CarouselButtons/CarouselButtonsProps.generated.d.ts +4 -4
- package/dist/build-components/CarouselDots/CarouselDotsProps.generated.d.ts +3 -3
- package/dist/build-components/CarouselItem/CarouselItemProps.generated.d.ts +1 -1
- package/dist/build-components/CarouselProvider/CarouselProviderProps.generated.d.ts +1 -1
- package/dist/build-components/Image/ImageProps.generated.d.ts +5 -3
- package/dist/build-components/Main/MainProps.generated.d.ts +2 -2
- package/dist/build-components/Onboard/OnboardProps.generated.d.ts +1 -1
- package/dist/build-components/OnboardButton/OnboardButtonProps.generated.d.ts +9 -8
- package/dist/build-components/OnboardButtons/OnboardButtonsProps.generated.d.ts +11 -11
- package/dist/build-components/OnboardDot/OnboardDotProps.generated.d.ts +15 -9
- package/dist/build-components/OnboardFooter/OnboardFooterProps.generated.d.ts +10 -10
- package/dist/build-components/OnboardImage/OnboardImageProps.generated.d.ts +8 -6
- package/dist/build-components/OnboardItem/OnboardItemProps.generated.d.ts +6 -3
- package/dist/build-components/OnboardProvider/OnboardProviderProps.generated.d.ts +5 -4
- package/dist/build-components/OnboardSubtitle/OnboardSubtitleProps.generated.d.ts +3 -3
- package/dist/build-components/OnboardTitle/OnboardTitleProps.generated.d.ts +3 -3
- package/dist/build-components/PaywallBackground/PaywallBackgroundProps.generated.d.ts +1 -1
- package/dist/build-components/PaywallCloseButton/PaywallCloseButtonProps.generated.d.ts +6 -6
- package/dist/build-components/PaywallOptions/PaywallOptionsProps.generated.d.ts +1 -1
- package/dist/build-components/PaywallProvider/PaywallProviderProps.generated.d.ts +1 -1
- package/dist/build-components/PaywallSubscribeButton/PaywallSubscribeButtonProps.generated.d.ts +1 -1
- package/dist/build-components/RadioButton/RadioButtonProps.generated.d.ts +4 -4
- package/dist/build-components/Text/TextProps.generated.d.ts +3 -3
- package/dist/build-components/View/ViewProps.generated.d.ts +1 -1
- package/dist/build-components/patterns.generated.d.ts +2690 -5804
- package/dist/index.cjs.js +5 -5
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.d.ts +1 -0
- package/dist/index.esm.js +5 -5
- package/dist/index.esm.js.map +1 -1
- package/dist/index.native.cjs.js +6 -4
- package/dist/index.native.cjs.js.map +1 -1
- package/dist/index.native.d.ts +5 -6
- package/dist/index.native.esm.js +6 -4
- package/dist/index.native.esm.js.map +1 -1
- package/dist/migrations/migratePipe.d.ts +1 -1
- package/dist/migrations/migrations/1.1.2_extract_component_attributes_from_style.d.ts +2 -0
- package/dist/mockOS/components/PermissionModal.d.ts +1 -2
- package/dist/styles.css +1 -1
- package/dist/types/PreviewConfig.d.ts +1 -5
- package/dist/utils/getMeta.d.ts +5 -0
- package/dist/utils/patterns.d.ts +12 -0
- package/package.json +4 -2
- package/scripts/prebuild/prebuild.js +14 -0
- package/scripts/prebuild/utils/createGeneratedProps.js +19 -13
- package/scripts/prebuild/utils/index.js +1 -0
- package/scripts/prebuild/utils/updateMetaJson.js +66 -0
- package/scripts/prebuild/utils/validateAllComponentsOrThrow.js +37 -3
- package/scripts/prebuild/utils/validatePatternJson.js +27 -2
- package/scripts/public/scripts/build/index.js +20 -3
- package/scripts/public/scripts/build/info.json +6 -0
- package/scripts/public/scripts/build/utils/createComponentsIndex.js +9 -3
- package/scripts/public/scripts/build/utils/createRenderNodeGenerated.js +66 -8
- package/src/AttributesEditor.tsx +8 -944
- package/src/assets/meta.json +4 -0
- package/src/assets/samples/carousel-sample.json +1 -1
- package/src/assets/samples/getSamples.ts +2 -0
- package/src/assets/samples/paywall-1.json +11 -7
- package/src/assets/samples/simple-1.json +3 -3
- package/src/assets/samples/simple-2.json +3 -3
- package/src/assets/samples/unmigrated-builder-1.1.1.json +87 -0
- package/src/assets/samples/unmigrated-builder1.json +1 -1
- package/src/assets/samples/unvalidated-builder1.json +3 -3
- package/src/assets/samples/unvalidated-crash1.json +1 -1
- package/src/assets/samples/unvalidated-crashcomponent1.json +1 -1
- package/src/assets/samples/vpn-onboard-1.json +1 -1
- package/src/assets/samples/vpn-onboard-2.json +1 -1
- package/src/assets/samples/vpn-onboard-3.json +1 -1
- package/src/assets/samples/vpn-onboard-4.json +1 -1
- package/src/assets/samples/vpn-onboard-5.json +1 -1
- package/src/assets/samples/vpn-onboard-6.json +1 -1
- package/src/attribute-analyser/style/native/useExtractImageStyle.ts +46 -0
- package/src/attribute-analyser/style/native/useExtractTextStyle.ts +50 -0
- package/src/attribute-analyser/style/native/useExtractViewStyle.ts +32 -0
- package/src/attribute-analyser/style/web/useExtractImageStyle.ts +20 -0
- package/src/attribute-analyser/style/web/useExtractTextStyle.ts +27 -0
- package/src/attribute-analyser/style/web/useExtractViewStyle.ts +20 -0
- package/src/attributes-editor/AttributesEditorFields.tsx +248 -0
- package/src/attributes-editor/AttributesEditorView.tsx +360 -0
- package/src/attributes-editor/attributesEditorModelTypes.ts +86 -0
- package/src/attributes-editor/attributesEditorUtils.ts +102 -0
- package/src/attributes-editor/useAttributesEditorModel.ts +477 -0
- package/src/build-components/BIcon/BIcon.tsx +4 -4
- package/src/build-components/BIcon/BIconProps.generated.ts +6 -6
- package/src/build-components/BIcon/pattern.json +5 -6
- package/src/build-components/BackgroundImage/BackgroundImage.tsx +3 -2
- package/src/build-components/BackgroundImage/BackgroundImageProps.generated.ts +3 -3
- package/src/build-components/Button/Button.tsx +2 -2
- package/src/build-components/Button/ButtonProps.generated.ts +1 -1
- package/src/build-components/Button/pattern.json +17 -15
- package/src/build-components/Carousel/Carousel.tsx +1 -1
- package/src/build-components/Carousel/CarouselProps.generated.ts +2 -2
- package/src/build-components/CarouselButtons/CarouselButtons.tsx +4 -7
- package/src/build-components/CarouselButtons/CarouselButtonsProps.generated.ts +7 -7
- package/src/build-components/CarouselButtons/pattern.json +2 -1
- package/src/build-components/CarouselDots/CarouselDots.tsx +2 -2
- package/src/build-components/CarouselDots/CarouselDotsProps.generated.ts +9 -9
- package/src/build-components/CarouselItem/CarouselItem.tsx +1 -1
- package/src/build-components/CarouselItem/CarouselItemProps.generated.ts +1 -1
- package/src/build-components/CarouselProvider/CarouselProvider.tsx +1 -1
- package/src/build-components/CarouselProvider/CarouselProviderProps.generated.ts +1 -1
- package/src/build-components/Image/Image.tsx +1 -1
- package/src/build-components/Image/ImageProps.generated.ts +5 -3
- package/src/build-components/Image/pattern.json +10 -9
- package/src/build-components/Main/Main.tsx +2 -2
- package/src/build-components/Main/MainProps.generated.ts +2 -2
- package/src/build-components/Main/pattern.json +2 -1
- package/src/build-components/Onboard/OnboardProps.generated.ts +1 -1
- package/src/build-components/OnboardButton/OnboardButton.tsx +7 -6
- package/src/build-components/OnboardButton/OnboardButtonProps.generated.ts +14 -13
- package/src/build-components/OnboardButton/pattern.json +9 -7
- package/src/build-components/OnboardButtons/OnboardButtons.tsx +31 -31
- package/src/build-components/OnboardButtons/OnboardButtonsProps.generated.ts +14 -14
- package/src/build-components/OnboardButtons/pattern.json +9 -7
- package/src/build-components/OnboardDot/OnboardDot.tsx +7 -6
- package/src/build-components/OnboardDot/OnboardDotProps.generated.ts +26 -9
- package/src/build-components/OnboardFooter/OnboardFooter.tsx +17 -16
- package/src/build-components/OnboardFooter/OnboardFooterProps.generated.ts +10 -10
- package/src/build-components/OnboardFooter/pattern.json +16 -14
- package/src/build-components/OnboardImage/OnboardImage.tsx +8 -8
- package/src/build-components/OnboardImage/OnboardImageProps.generated.ts +8 -6
- package/src/build-components/OnboardImage/pattern.json +2 -1
- package/src/build-components/OnboardItem/OnboardItem.tsx +1 -1
- package/src/build-components/OnboardItem/OnboardItemProps.generated.ts +6 -3
- package/src/build-components/OnboardItem/pattern.json +2 -1
- package/src/build-components/OnboardProvider/OnboardProvider.tsx +1 -1
- package/src/build-components/OnboardProvider/OnboardProviderProps.generated.ts +5 -4
- package/src/build-components/OnboardProvider/pattern.json +2 -1
- package/src/build-components/OnboardSubtitle/OnboardSubtitleProps.generated.ts +3 -3
- package/src/build-components/OnboardTitle/OnboardTitleProps.generated.ts +3 -3
- package/src/build-components/PaywallBackground/PaywallBackground.tsx +1 -1
- package/src/build-components/PaywallBackground/PaywallBackgroundProps.generated.ts +1 -1
- package/src/build-components/PaywallCloseButton/PaywallCloseButton.tsx +5 -4
- package/src/build-components/PaywallCloseButton/PaywallCloseButtonProps.generated.ts +6 -6
- package/src/build-components/PaywallOptions/PaywallOptionButton.tsx +1 -1
- package/src/build-components/PaywallOptions/PaywallOptionsProps.generated.ts +1 -1
- package/src/build-components/PaywallProvider/PaywallProvider.tsx +1 -1
- package/src/build-components/PaywallProvider/PaywallProviderProps.generated.ts +1 -1
- package/src/build-components/PaywallSubscribeButton/PaywallSubscribeButton.tsx +1 -1
- package/src/build-components/PaywallSubscribeButton/PaywallSubscribeButtonProps.generated.ts +1 -1
- package/src/build-components/RadioButton/RadioButton.tsx +5 -5
- package/src/build-components/RadioButton/RadioButtonProps.generated.ts +4 -4
- package/src/build-components/RadioButton/pattern.json +9 -7
- package/src/build-components/Text/Text.tsx +6 -6
- package/src/build-components/Text/TextProps.generated.ts +3 -3
- package/src/build-components/Text/pattern.json +15 -11
- package/src/build-components/View/View.tsx +1 -1
- package/src/build-components/View/ViewProps.generated.ts +1 -1
- package/src/build-components/View/pattern.json +71 -66
- package/src/build-components/patterns.generated.ts +3059 -6008
- package/src/components/AttributesEditorPanel.tsx +2 -2
- package/src/index.native.ts +6 -9
- package/src/index.ts +1 -0
- package/src/migrations/migratePipe.ts +7 -3
- package/src/migrations/migrations/1.1.2_extract_component_attributes_from_style.ts +211 -0
- package/src/mockOS/components/MockOSRouter.tsx +3 -1
- package/src/mockOS/components/PermissionModal.tsx +20 -160
- package/src/mockOS/components/SubscriptionModal.tsx +41 -278
- package/src/pages/ProjectPage.tsx +12 -6
- package/src/styles/components/_attributes-editor.scss +122 -0
- package/src/styles/components/_mockos-router.scss +388 -0
- package/src/styles/components/_onboard.scss +23 -0
- package/src/styles/index.scss +1 -0
- package/src/types/PreviewConfig.ts +1 -5
- package/src/utils/analyseNodeByPatterns.ts +39 -4
- package/src/utils/extractTextStyle/extractTextStyle.ts +4 -1
- package/src/utils/getMeta.ts +15 -0
- package/src/utils/patterns.ts +47 -4
- package/dist/hooks/useExtractImageStyle.d.ts +0 -5
- package/dist/hooks/useExtractTextStyle.d.ts +0 -3
- package/dist/hooks/useExtractViewStyle.d.ts +0 -3
- package/dist/migrations/migrations/1.1.0_normalize_style_attributes.d.ts +0 -2
- package/src/hooks/useExtractImageStyle.ts +0 -30
- package/src/hooks/useExtractTextStyle.ts +0 -34
- package/src/hooks/useExtractViewStyle.ts +0 -30
- package/src/migrations/migrations/1.1.0_normalize_style_attributes.ts +0 -80
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
import { useMemo } from 'react';
|
|
2
|
-
import type { NodeData } from '../types/Node';
|
|
3
|
-
import type { TextPropsGenerated } from '../build-components/Text/TextProps.generated';
|
|
4
|
-
import { defaultAppConfig } from '../types/PreviewConfig';
|
|
5
|
-
import { useBuilderParams } from '../components/BuilderProvider';
|
|
6
|
-
import {
|
|
7
|
-
extractTextStyle,
|
|
8
|
-
extractTextStyleNative,
|
|
9
|
-
} from '../utils/extractTextStyle';
|
|
10
|
-
|
|
11
|
-
export function useExtractTextStyle<T extends TextPropsGenerated['attributes']>(
|
|
12
|
-
node: NodeData<T>,
|
|
13
|
-
) {
|
|
14
|
-
const {
|
|
15
|
-
appConfig: builderAppConfig,
|
|
16
|
-
projectColors: builderProjectColors,
|
|
17
|
-
fonts: builderFonts,
|
|
18
|
-
platform,
|
|
19
|
-
} = useBuilderParams();
|
|
20
|
-
|
|
21
|
-
const appConfig = builderAppConfig ?? defaultAppConfig;
|
|
22
|
-
const projectColors = builderProjectColors;
|
|
23
|
-
const fonts = builderFonts;
|
|
24
|
-
const isNative = platform === 'native';
|
|
25
|
-
|
|
26
|
-
return useMemo(
|
|
27
|
-
() =>
|
|
28
|
-
isNative
|
|
29
|
-
? extractTextStyleNative(node, { appConfig, projectColors, fonts })
|
|
30
|
-
: extractTextStyle(node, { appConfig, projectColors, fonts }),
|
|
31
|
-
// fonts is intentionally included: extractTextStyle resolves weights via font definitions.
|
|
32
|
-
[node, appConfig, projectColors, fonts, isNative],
|
|
33
|
-
);
|
|
34
|
-
}
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
import { useMemo } from 'react';
|
|
2
|
-
import type { NodeData } from '../types/Node';
|
|
3
|
-
import type { ViewPropsGenerated } from '../build-components/View/ViewProps.generated';
|
|
4
|
-
import { useBuilderParams } from '../components/BuilderProvider';
|
|
5
|
-
import {
|
|
6
|
-
extractViewStyle,
|
|
7
|
-
extractViewStyleNative,
|
|
8
|
-
} from '../utils/extractViewStyle';
|
|
9
|
-
import { defaultAppConfig } from '../types/PreviewConfig';
|
|
10
|
-
|
|
11
|
-
export function useExtractViewStyle<T extends ViewPropsGenerated['attributes']>(
|
|
12
|
-
node: NodeData<T>,
|
|
13
|
-
) {
|
|
14
|
-
const {
|
|
15
|
-
appConfig,
|
|
16
|
-
projectColors: builderProjectColors,
|
|
17
|
-
platform,
|
|
18
|
-
} = useBuilderParams();
|
|
19
|
-
const theme = appConfig?.theme ?? defaultAppConfig.theme;
|
|
20
|
-
const projectColors = builderProjectColors;
|
|
21
|
-
const isNative = platform === 'native';
|
|
22
|
-
|
|
23
|
-
return useMemo(
|
|
24
|
-
() =>
|
|
25
|
-
isNative
|
|
26
|
-
? extractViewStyleNative(node, { theme, projectColors })
|
|
27
|
-
: extractViewStyle(node, { theme, projectColors }),
|
|
28
|
-
[node, theme, projectColors, isNative],
|
|
29
|
-
);
|
|
30
|
-
}
|
|
@@ -1,80 +0,0 @@
|
|
|
1
|
-
import type { Project } from '../../types/Project';
|
|
2
|
-
import type { Node, NodeData, NodeDefaultAttribute } from '../../types/Node';
|
|
3
|
-
import {
|
|
4
|
-
isEmptyObject,
|
|
5
|
-
isNodeArray,
|
|
6
|
-
isNodeNullOrUndefined,
|
|
7
|
-
isNodeString,
|
|
8
|
-
} from '../../utils/nodeGuards';
|
|
9
|
-
import { getAttributeSchema } from '../../utils/patterns';
|
|
10
|
-
import type { Migration } from '../types';
|
|
11
|
-
|
|
12
|
-
function isPlainObject(value: unknown): value is Record<string, unknown> {
|
|
13
|
-
return typeof value === 'object' && value !== null && !Array.isArray(value);
|
|
14
|
-
}
|
|
15
|
-
|
|
16
|
-
function buildStyleKeySet(): Set<string> {
|
|
17
|
-
const viewSchema = getAttributeSchema('View') ?? {};
|
|
18
|
-
const textSchema = getAttributeSchema('Text') ?? {};
|
|
19
|
-
return new Set([...Object.keys(viewSchema), ...Object.keys(textSchema)]);
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
function migrateNode(node: Node, styleKeys: Set<string>): Node {
|
|
23
|
-
if (
|
|
24
|
-
isNodeNullOrUndefined(node) ||
|
|
25
|
-
isNodeString(node) ||
|
|
26
|
-
isEmptyObject(node)
|
|
27
|
-
) {
|
|
28
|
-
return node;
|
|
29
|
-
}
|
|
30
|
-
if (isNodeArray(node)) {
|
|
31
|
-
return (node as Node[]).map((n) => migrateNode(n, styleKeys));
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
const record = node as NodeData<NodeDefaultAttribute>;
|
|
35
|
-
const nextChildren = migrateNode(record.children as Node, styleKeys);
|
|
36
|
-
|
|
37
|
-
if (!isPlainObject(record.attributes)) {
|
|
38
|
-
return { ...record, children: nextChildren };
|
|
39
|
-
}
|
|
40
|
-
|
|
41
|
-
const nextAttrs: Record<string, unknown> = { ...(record.attributes ?? {}) };
|
|
42
|
-
|
|
43
|
-
const prevStyle = isPlainObject(nextAttrs.style) ? nextAttrs.style : {};
|
|
44
|
-
const nextStyle: Record<string, unknown> = { ...prevStyle };
|
|
45
|
-
|
|
46
|
-
for (const [k, v] of Object.entries(nextAttrs)) {
|
|
47
|
-
if (k === 'style') continue;
|
|
48
|
-
if (!styleKeys.has(k)) continue;
|
|
49
|
-
|
|
50
|
-
// If already set in style, prefer style (drop legacy flat key).
|
|
51
|
-
if (!(k in nextStyle)) nextStyle[k] = v;
|
|
52
|
-
delete nextAttrs[k];
|
|
53
|
-
}
|
|
54
|
-
|
|
55
|
-
if (Object.keys(nextStyle).length > 0) {
|
|
56
|
-
nextAttrs.style = nextStyle;
|
|
57
|
-
}
|
|
58
|
-
|
|
59
|
-
return {
|
|
60
|
-
...record,
|
|
61
|
-
children: nextChildren,
|
|
62
|
-
attributes: nextAttrs as NodeDefaultAttribute,
|
|
63
|
-
};
|
|
64
|
-
}
|
|
65
|
-
|
|
66
|
-
export const migration_1_1_0_normalize_style_attributes: Migration = {
|
|
67
|
-
id: '1.1.0-normalize-style-attributes',
|
|
68
|
-
title: 'Normalize legacy style attributes into attributes.style',
|
|
69
|
-
fromVersion: '0.0.0',
|
|
70
|
-
toVersion: '1.1.0',
|
|
71
|
-
run: (project: Project): Project => {
|
|
72
|
-
const styleKeys = buildStyleKeySet();
|
|
73
|
-
const nextData = migrateNode(project.data as unknown as Node, styleKeys);
|
|
74
|
-
return {
|
|
75
|
-
...project,
|
|
76
|
-
version: '1.1.0',
|
|
77
|
-
data: nextData as any,
|
|
78
|
-
};
|
|
79
|
-
},
|
|
80
|
-
};
|